Start of 5.X work

components/wifi-manager/webapp/src/js/messages.ts

@@ -0,0 +1,54 @@
+
+
+let messagecount = 0;
+
+type MessageEntry = {
+    type: string;
+    message: string;
+    class: string;
+    sent_time: number;
+    current_time: number;
+  };
+function showMessage(msg: MessageEntry, msgTime: Date,messageseverity: string= 'MESSAGING_INFO') {
+    let color = 'table-success';
+  
+    if (msg.type === 'MESSAGING_WARNING') {
+      color = 'table-warning';
+      if (messageseverity === 'MESSAGING_INFO') {
+        messageseverity = 'MESSAGING_WARNING';
+      }
+    } else if (msg.type === 'MESSAGING_ERROR') {
+      if (
+        messageseverity === 'MESSAGING_INFO' ||
+        messageseverity === 'MESSAGING_WARNING'
+      ) {
+        messageseverity = 'MESSAGING_ERROR';
+      }
+      color = 'table-danger';
+    }
+    if (++messagecount > 0) {
+      $('#msgcnt').removeClass('badge-success');
+      $('#msgcnt').removeClass('badge-warning');
+      $('#msgcnt').removeClass('badge-danger');
+      $('#msgcnt').addClass({
+        MESSAGING_INFO: 'badge-success',
+        MESSAGING_WARNING: 'badge-warning',
+        MESSAGING_ERROR: 'badge-danger',
+      }[messageseverity]);
+      $('#msgcnt').text(messagecount);
+    }
+  
+    $('#syslogTable').append(
+      `<tr class='${color}'><td>${msgTime.toLocalShort()}</td><td>${msg.message.encodeHTML()}</td></tr>`
+    );
+  }
+function showLocalMessage(message: string, severity: string) {
+    const msg: MessageEntry = {
+      message: message,
+      type: severity,
+      class: '',
+      sent_time: 0,
+      current_time: 0
+    };
+    showMessage(msg, new Date());
+  }