1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- #if defined(ENABLE_FEATURE_WSCONSOLE) || defined(ENABLE_FEATURE_WSCONSOLE_UART)
- static const char js_wsapp[] PROGMEM = R"=====(var cmd = document.getElementById('cmd');
- var listMsgs = document.getElementById('msgs');
- var socketStatus = document.getElementById('status');
- var btnClose = document.getElementById('btnClose');
- var socket = new WebSocket(wsUrl);
- socket.onopen = function(event) {
- //socketStatus.innerHTML = 'Connected to: ' + event.currentTarget.URL;
- socketStatus.innerHTML = 'Connected';
- socketStatus.className = 'open';
- };
- socket.onerror = function(error) {
- console.log('WebSocket error: ' + error);
- };
- socket.onmessage = function(event) {
- var msg = event.data;
- listMsgs.innerHTML += msg;
- listMsgs.scrollTop = listMsgs.scrollHeight;
- };
- socket.onclose = function(event) {
- socketStatus.innerHTML = 'Disconnected';
- socketStatus.className = 'closed';
- };
- function sendCmd() {
- socket.send(cmd.value + '\n');
- listMsgs.innerHTML += '[SENT] ' + cmd.value + '\n';
- listMsgs.scrollTop = listMsgs.scrollHeight;
- cmd.value = '';
- return false;
- }
- function togConn() {
- if(socketStatus.className=='open') { socket.close(); btnClose.innerHTML='Reload'; }
- else location.reload();
- }
- document.getElementById("cmd")
- .addEventListener("keyup", function(event) {
- event.preventDefault();
- if (event.keyCode === 13) {
- document.getElementById("btnSend").click();
- }
- });
- )====="; // js_wsapp
- #endif
|