From 22dac4bcdd223ee205bf83a7cf921e7eca460680 Mon Sep 17 00:00:00 2001
From: mjsoftware <1406993111@qq.com>
Date: Sun, 11 Feb 2024 12:41:41 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=94=AF=E6=8C=81=E6=98=AF=E5=90=A6?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=8E=A7=E5=88=B6=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 settings.yaml                | 26 ++++++++++++++++++++++++++
 src/css/style.less           | 25 +++++++++++++++++++++++++
 templates/common/navbar.html |  4 ++++
 3 files changed, 55 insertions(+)

diff --git a/settings.yaml b/settings.yaml
index f427c21..ac24fce 100644
--- a/settings.yaml
+++ b/settings.yaml
@@ -62,6 +62,32 @@ spec:
     - group: basic_style
       label: '基础样式'
       formSchema:
+        - $formkit: group
+          name: console
+          label: 控制台
+          help: 仅支持pc端显示
+          value:
+            pc_show_console: false
+            pc_console_icon: ri-equalizer-line
+            pc_console_title: 控制台
+          children:
+            - $formkit: radio
+              name: pc_show_console
+              id: pc_show_console
+              label: 显示控制台
+              options:
+                - label: 显示
+                  value: true
+                - label: 隐藏
+                  value: false
+            - $formkit: text
+              name: pc_console_icon
+              if: $get(pc_show_console).value
+              label: 控制台图标，留空显示默认图标
+            - $formkit: text
+              name: pc_console_title
+              if: $get(pc_show_console).value
+              label: 控制台鼠标悬停提示，留空不显示
         - $formkit: radio
           name: load_progress
           label: 加载进度条
diff --git a/src/css/style.less b/src/css/style.less
index 190c884..f318ab7 100644
--- a/src/css/style.less
+++ b/src/css/style.less
@@ -906,6 +906,23 @@ table td, table th {
       }
     }
 
+    .navbar-console {
+      float: right;
+      margin-left: 5px;
+      background: var(--theme);
+      border-radius: 50%;
+      height: 34px;
+      width: 34px;
+      align-items: center;
+      justify-content: center;
+      display: flex;
+
+      & > i {
+        font-size: 18px;
+        color: #fff;
+      }
+    }
+
     &.solid {
       backdrop-filter: unset;
       box-shadow: unset;
@@ -3965,6 +3982,10 @@ button.swiper-pagination-bullet {
     .navbar-search {
       display: none;
     }
+
+    .navbar-console {
+      display: none;
+    }
   }
 }
 
@@ -4003,6 +4024,10 @@ button.swiper-pagination-bullet {
     .navbar-searchicon {
       margin-left: 0;
     }
+
+    .navbar-console {
+      display: none;
+    }
   }
 
   .swiper-button-prev,
diff --git a/templates/common/navbar.html b/templates/common/navbar.html
index 3d909ca..fb2ee1d 100644
--- a/templates/common/navbar.html
+++ b/templates/common/navbar.html
@@ -66,6 +66,10 @@
             <div th:if="${pluginFinder.available('PluginSearchWidget')}" class="navbar-search">
                 <button onclick="javascript:SearchWidget.open();" class="submit" aria-label="搜索按钮" style="border-radius: 17px;"><i class="ri-search-line"></i></button>
             </div>
+            <a th:if="${theme.config.basic_style.console.pc_show_console}" class="navbar-console" href="/console" target="_blank"
+               th:title="${theme.config.basic_style.console.pc_console_title}">
+                <i th:class="${#strings.defaultString(theme.config.basic_style.console.pc_console_icon, 'ri-equalizer-line')}"></i>
+            </a>
             <i class="ri-search-line navbar-searchicon" onclick="javascript:SearchWidget.open();"></i>
         </div>
     </div>