更新面板一些东西

Author: tianxiu2b2t

bmclapi_dashboard/static/js/index.min.js

@@ -42,6 +42,7 @@ class Style {
                 "selection-background": "#fff",
                 "main-color": "#0FC6C2",
                 "main-shadow": "rgba(15, 198, 194, 0.2)",
+                "text-shadow": "rgba(15, 198, 194, 0.04)",
                 "hover-color": "#0A8A87",
                 "shadow": "rgba(145, 158, 171, 0.2)",
                 "title-color": "rgba(0, 0, 0, 0.5)",
@@ -68,6 +69,7 @@ class Style {
                 "background": "#181818",
                 "main-color": "#F4D1B4",
                 "main-shadow": "rgba(235, 187, 151, 0.2)",
+                "text-shadow": "rgba(235, 187, 151, 0.04)",
                 "hover-color": "#F6A37E",
                 "selection-background": "#232323",
                 "shadow": "none",
@@ -629,6 +631,40 @@ class Application {
                 "background: var(--hover-color)",
                 "color: var(--dark-color)"
             ],
+            ".click-text": [
+                `display: inline-flex;
+                -webkit-box-align: center;
+                align-items: center;
+                -webkit-box-pack: center;
+                justify-content: center;
+                position: relative;
+                box-sizing: border-box;
+                -webkit-tap-highlight-color: transparent;
+                background-color: transparent;
+                outline: 0px;
+                border: 0px;
+                margin: 0px -8px 0px 0px;
+                cursor: pointer;
+                user-select: none;
+                vertical-align: middle;
+                appearance: none;
+                text-decoration: none;
+                font-family: inherit;
+                font-weight: 500;
+                line-height: 1.75;
+                text-transform: uppercase;
+                min-width: 64px;
+                padding: 0px 8px;
+                border-radius: 4px;
+                transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+                color: var(--main-color);
+                box-shadow: none;
+                font-size: 14px;`
+            ],
+            ".click-text:hover": [
+                `text-decoration: none;
+                background-color: var(--text-shadow)`
+            ]
         }
         this.$side = this.createElement("aside").class("side")
         this.$container = this.createElement("div").class("main").append(
@@ -2084,6 +2120,7 @@ $I18N.addLangs("zh_cn", {
     "dashboard.cpu": "CPU 负载",
     "dashboard.memory": "内存使用",
     "dashboard.connections": "连接数",
+    "dashboard.basic.summary": "统计总结",
     "see.more": "查看更多",
     "menu.dashboard": "数据统计",
     "menu.master": "主控面板",
@@ -2783,11 +2820,13 @@ app.$Menu.add("dashboard", new class {
             if (index == 0) {
                 this.initBasic()
                 this.switch_pro_day.setStyle("display", "none")
+                this.summary_container.setStyle("display", "")
                 this.page[2].append(...this.basic)
             } else {
                 this.initPro()
                 this.switch_geo.select(0)
                 this.switch_pro_day.setStyle("display", "")
+                this.summary_container.setStyle("display", "none")
                 this.switch_pro_day.select(0)
                 this.page[2].append(...this.pro)
                 this.get_globals_stats = true
@@ -2826,6 +2865,12 @@ app.$Menu.add("dashboard", new class {
                 $progress.set(100)
             }
         })
+        this.summary = app.createElement("button").class("click-text").setI18N("dashboard.basic.summary").event("click", () => {
+            modal.open()
+        })
+        this.summary_container = app.createElement("div").append(
+            this.summary
+        ).class("flex-jend", "flex", "flex-aligns-center").style("margin-right: 12px")
         this._be_qps = app.createEcharts().style("min-height: 162px;")
         this._pe_qps = app.createEcharts().style("min-height: 162px;")
         this._e_geo = app.createEcharts().style("min-height: 416px;")
@@ -2895,7 +2940,8 @@ app.$Menu.add("dashboard", new class {
             app.createElement("div").class("panel nopadding").style("margin-bottom: 0").append(
                 app.createFlex(true).class("flex-space-between").child(2).minWidth(512).append(
                     this.switch,
-                    this.switch_pro_day.class("flex-jend")
+                    this.switch_pro_day.class("flex-jend"),
+                    this.summary_container
                 )
             ),
             app.createElement("div")
@@ -3056,7 +3102,9 @@ app.$Menu.add("dashboard", new class {
                 app.createElement("div").class("panel").append(
                     app.createElement("div").class("title", "flex-space-between").append(
                         app.createElement("p").class("title-color").setI18N("dashboard.useragents"),
-                        app.createElement("button").class("click-text").setI18N("see.more")
+                        app.createElement("button").class("click-text").setI18N("see.more").event("click", () => {
+                            modal.open()
+                        })
                     ),
                     app.createFlex(true).minWidth(512).childWidths(30, 70).append(
                         this._e_ua,