html_console_wsapp.js.h 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. #if defined(ENABLE_FEATURE_WSCONSOLE) || defined(ENABLE_FEATURE_WSCONSOLE_UART)
  2. static const char js_wsapp[] PROGMEM = R"=====(var cmd = document.getElementById('cmd');
  3. var listMsgs = document.getElementById('msgs');
  4. var socketStatus = document.getElementById('status');
  5. var btnClose = document.getElementById('btnClose');
  6. var socket = new WebSocket(wsUrl);
  7. socket.onopen = function(event) {
  8. //socketStatus.innerHTML = 'Connected to: ' + event.currentTarget.URL;
  9. socketStatus.innerHTML = 'Connected';
  10. socketStatus.className = 'open';
  11. };
  12. socket.onerror = function(error) {
  13. console.log('WebSocket error: ' + error);
  14. };
  15. socket.onmessage = function(event) {
  16. var msg = event.data;
  17. listMsgs.innerHTML += msg;
  18. listMsgs.scrollTop = listMsgs.scrollHeight;
  19. };
  20. socket.onclose = function(event) {
  21. socketStatus.innerHTML = 'Disconnected';
  22. socketStatus.className = 'closed';
  23. };
  24. function sendCmd() {
  25. socket.send(cmd.value + '\n');
  26. listMsgs.innerHTML += '[SENT] ' + cmd.value + '\n';
  27. listMsgs.scrollTop = listMsgs.scrollHeight;
  28. cmd.value = '';
  29. return false;
  30. }
  31. function togConn() {
  32. if(socketStatus.className=='open') { socket.close(); btnClose.innerHTML='Reload'; }
  33. else location.reload();
  34. }
  35. document.getElementById("cmd")
  36. .addEventListener("keyup", function(event) {
  37. event.preventDefault();
  38. if (event.keyCode === 13) {
  39. document.getElementById("btnSend").click();
  40. }
  41. });
  42. )====="; // js_wsapp
  43. #endif