Add: port dashboard of src to alas

Author: Air111

assets/gui/css/alas-mobile.css

@@ -59,4 +59,11 @@
 #pywebio-scope-waiting,
 #pywebio-scope-log {
     overflow-y: auto;
+}
+
+[id^="pywebio-scope-dashboard-row-"] {
+    display: flex;
+    flex-grow: 1;
+    min-width: 4rem;
+    max-width: 50%;
 }

assets/gui/css/alas-pc.css

@@ -26,6 +26,16 @@
     overflow-y: auto;
 }
 
+#pywebio-scope-log-bar {
+    display: flex;
+    flex-direction: column;
+    height: 11.4rem;
+}
+
+#pywebio-scope-dashboard {
+    flex: 1;
+}
+
 #pywebio-scope-log-bar,
 #pywebio-scope-log,
 #pywebio-scope-daemon-overview #pywebio-scope-groups {

assets/gui/css/alas.css

@@ -376,24 +376,75 @@ pre.rich-traceback-code {
 #pywebio-scope-scheduler-bar,
 #pywebio-scope-log-bar,
 #pywebio-scope-log,
+#pywebio-scope-daemon-log-bar,
 #pywebio-scope-daemon-overview #pywebio-scope-groups {
     font-weight: 500;
     margin: 0.3125rem;
     padding: 0.625rem;
 }
 
 #pywebio-scope-scheduler-bar,
-#pywebio-scope-log-bar {
+#pywebio-scope-log-title {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
-#pywebio-scope-log-bar-btns {
+#pywebio-scope-log-title-btns {
     display: grid;
     grid-auto-flow: column;
 }
 
+#pywebio-scope-dashboard {
+    display: flex;
+    align-content: space-between;
+    justify-content: flex-start;
+    flex-flow: row wrap;
+    overflow: auto;
+    margin-top: .5rem;
+}
+
+#pywebio-scope-dashboard > i {
+    flex-grow: 1;
+    align-self: flex-end;
+    width: 10rem;
+}
+
+[id^="pywebio-scope-dashboard-row-"] {
+    display: flex;
+    flex-grow: 1;
+    width: 10rem;
+}
+
+.dashboard-icon {
+    margin: .6rem .8rem 0 .6rem;
+    width: .5rem;
+    height: .5rem;
+    border-radius: 50%;
+}
+
+*[style*="--dashboard-value--"] {
+    font-size: 1rem;
+    font-weight: 500;
+    overflow-wrap: break-word;
+}
+
+*[style*="--dashboard-time--"] {
+    font-size: 0.8rem;
+    font-weight: 400;
+    overflow-wrap: break-word;
+}
+
+[id^="pywebio-scope-dashboard-row-"] p {
+    margin-bottom: 0;
+}
+
+[id^="pywebio-scope-dashboard-value-"] {
+    display: flex;
+    align-items: flex-end;
+    height: 1.5rem;
+}
+
 #pywebio-scope-log {
     line-height: 1.2;
     font-size: 0.85rem;

assets/gui/css/dark-alas.css

@@ -139,6 +139,7 @@ pre.rich-traceback-code {
 #pywebio-scope-running,
 #pywebio-scope-pending,
 #pywebio-scope-waiting,
+#pywebio-scope-daemon-log-bar,
 #pywebio-scope-daemon-overview #pywebio-scope-groups {
     background-color: #2f3136;
     border: 1px solid #21262d;
@@ -152,4 +153,8 @@ pre.rich-traceback-code {
 *[style*="--arg-help--"],
 [id^="pywebio-scope-group_"] > p + p {
     color: #adb5bd;
+}
+
+*[style*="--dashboard-time--"] {
+    color: #adb5bd;
 }

assets/gui/css/light-alas.css

@@ -139,6 +139,7 @@ pre.rich-traceback-code {
 #pywebio-scope-running,
 #pywebio-scope-pending,
 #pywebio-scope-waiting,
+#pywebio-scope-daemon-log-bar,
 #pywebio-scope-daemon-overview #pywebio-scope-groups {
     background-color: white;
     border: 1px solid lightgrey;
@@ -151,4 +152,8 @@ pre.rich-traceback-code {
 *[style*="--arg-help--"],
 [id^="pywebio-scope-group_"] > p + p {
     color: #777777;
+}
+
+*[style*="--dashboard-time--"] {
+    color: #777777;
 }