ui-default: init

将ui-default合并至主存储库便于维护

packages/ui-default/pages/manage_dashboard.page.js

@@ -0,0 +1,34 @@
+import { NamedPage } from 'vj/misc/Page';
+
+const page = new NamedPage('manage_dashboard', async () => {
+  const { default: SockJs } = await import('../components/socket');
+
+  const sock = new SockJs('/manage/check-conn');
+  sock.onopen = () => {
+    $('<blockquote class="blue"><p>Connection opened.</p></blockquote>').appendTo('#messages');
+  };
+
+  sock.onmessage = (message) => {
+    const msg = JSON.parse(message.data);
+    if (msg.type === 'log') {
+      const div = $('<blockquote class="blue">').appendTo('#messages');
+      $(`<p>${msg.payload}</p>`).appendTo(div);
+    } else if (msg.type === 'warn') {
+      const div = $('<blockquote class="yellow">').appendTo('#messages');
+      $(`<p>${msg.payload}</p>`).appendTo(div);
+    } else if (msg.type === 'error') {
+      const div = $('<blockquote class="red">').appendTo('#messages');
+      $(`<p>${msg.payload}</p>`).appendTo(div);
+    }
+  };
+
+  sock.onclose = (message) => {
+    $(`
+    <blockquote class="yellow">
+      <p>Connection closed,reason=${JSON.stringify(message.reason)}</p>
+    </blockquote>
+    `).appendTo('#messages');
+  };
+});
+
+export default page;