fix: trigger

Author: wangdan-fit2cloud

ui/src/components/app-icon/icons/about.ts

@@ -35,11 +35,11 @@ export default {
           [
             h('path', {
               d: 'M9.16458 4.44856C9.09375 1.9795 7.06958 0 4.58333 0C2.05208 0 0 2.052 0 4.58314C0 7.06804 1.97708 9.09087 4.44458 9.1642L3.72792 7.37219C3.24691 7.22438 2.81234 6.95463 2.46643 6.58918C2.12052 6.22374 1.87505 5.77501 1.75388 5.28663C1.63271 4.79826 1.63995 4.28684 1.77492 3.80209C1.90988 3.31734 2.16797 2.87575 2.5241 2.52025C2.88022 2.16475 3.32227 1.90743 3.80727 1.77331C4.29227 1.63918 4.80372 1.63281 5.29191 1.75481C5.7801 1.87682 6.22842 2.12305 6.59329 2.46957C6.95816 2.81609 7.22717 3.25111 7.37417 3.73234L9.16458 4.44856Z',
-              fill: '#3370FF',
+              fill: 'currentColor',
             }),
             h('path', {
               d: 'M8.98125 17.1364C9.26292 17.8405 10.2629 17.8326 10.5333 17.1239L12.3442 12.3799L17.1263 10.5329C17.8325 10.26 17.8383 9.26295 17.1354 8.98171L5.35042 4.26774C4.67 3.99567 3.995 4.67106 4.26709 5.35103L8.98125 17.1364Z',
-              fill: '#3370FF',
+              fill: 'currentColor',
             }),
           ],
         ),

ui/src/layout/layout-header/top-about/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex align-center">
+  <div class="flex align-center top-about">
     <el-button
       round
       @click="toUrl('https://maxkb.cn/pricing.html')"
@@ -9,65 +9,90 @@
       <AppIcon iconName="app-pricing" class="mr-8"></AppIcon>
       {{ $t('common.upgrade') }}
     </el-button>
-    <el-tooltip effect="dark" :content="$t('layout.trigger', '触发器')" placement="top" v-if="true">
-      <AppIcon
-        iconName="app-trigger"
-        class="cursor color-secondary mr-8 ml-8"
-        style="font-size: 20px"
-        @click=""
-      ></AppIcon>
+    <el-tooltip effect="dark" :content="$t('views.trigger.title')" placement="top">
+      <el-button
+        text
+        :class="route.path.includes('trigger') ? 'active' : ''"
+      >
+        <AppIcon
+          iconName="app-trigger"
+          :class="route.path.includes('trigger') ? 'color-primary' : 'color-secondary'"
+          style="font-size: 20px"
+        ></AppIcon>
+      </el-button>
     </el-tooltip>
     <el-tooltip
       effect="dark"
       :content="$t('layout.github')"
       placement="top"
       v-if="theme.themeInfo?.showProject"
     >
-      <AppIcon
-        iconName="app-github"
-        class="cursor color-secondary mr-8 ml-8"
-        style="font-size: 20px"
-        @click="toUrl(theme.themeInfo?.projectUrl)"
-      ></AppIcon>
+      <el-button text @click="toUrl(theme.themeInfo?.projectUrl)">
+        <AppIcon
+          iconName="app-github"
+          class="cursor color-secondary"
+          style="font-size: 20px"
+        ></AppIcon>
+      </el-button>
     </el-tooltip>
     <el-tooltip
       effect="dark"
       :content="$t('layout.wiki')"
       placement="top"
       v-if="theme.themeInfo?.showUserManual"
     >
-      <AppIcon
-        iconName="app-user-manual"
-        class="cursor color-secondary mr-8 ml-8"
-        style="font-size: 20px"
-        @click="toUrl(theme.themeInfo?.userManualUrl)"
-      ></AppIcon>
+      <el-button text @click="toUrl(theme.themeInfo?.userManualUrl)">
+        <AppIcon
+          iconName="app-user-manual"
+          class="cursor color-secondary"
+          style="font-size: 20px"
+        ></AppIcon>
+      </el-button>
     </el-tooltip>
     <el-tooltip
       effect="dark"
       :content="$t('layout.forum')"
       placement="top"
       v-if="theme.themeInfo?.showForum"
     >
-      <AppIcon
-        iconName="app-help"
-        class="cursor color-secondary mr-8 ml-8"
-        style="font-size: 20px"
-        @click="toUrl(theme.themeInfo?.forumUrl)"
-      ></AppIcon>
+      <el-button text @click="toUrl(theme.themeInfo?.forumUrl)">
+        <AppIcon
+          iconName="app-help"
+          class="cursor color-secondary"
+          style="font-size: 20px"
+        ></AppIcon>
+      </el-button>
     </el-tooltip>
   </div>
 </template>
 <script setup lang="ts">
 import useStore from '@/stores'
 import { EditionConst, RoleConst } from '@/utils/permission/data'
+import { useRoute, useRouter } from 'vue-router'
+const route = useRoute()
+const router = useRouter()
 const { theme, user } = useStore()
 
 function toUrl(url: string) {
   window.open(url, '_blank')
 }
 </script>
 <style scoped lang="scss">
+.top-about {
+  .el-button.is-text {
+    max-height: 32px;
+    padding: 6px !important;
+  }
+  .el-button + .el-button {
+    margin-left: 4px !important;
+  }
+  .active {
+    background: #ffffff;
+    &:hover {
+      background: #ffffff;
+    }
+  }
+}
 .pricing-button {
   background: linear-gradient(90deg, #3370ff 0%, #7f3bf5 100%);
   color: #ffffff;

ui/src/locales/lang/en-US/views/chat-log.ts

@@ -46,5 +46,4 @@ export default {
   dingtalk: 'DingTalk Application',
   enterpriseWechatRobot: 'Enterprise WeChat Bot',
   slack: 'Slack Bot',
-  trigger: 'Trigger',
 }

ui/src/locales/lang/en-US/views/index.ts

@@ -15,6 +15,7 @@ import chatLog from './chat-log'
 import chatUser from './chat-user'
 import operateLog from './operate-log'
 import shared from './shared'
+import trigger from './trigger'
 export default {
   login,
   model,
@@ -33,4 +34,5 @@ export default {
   chatUser,
   operateLog,
   shared,
+  trigger
 }

ui/src/locales/lang/en-US/views/trigger.ts

@@ -0,0 +1,4 @@
+export default {
+  title: 'Trigger',
+
+}

ui/src/locales/lang/zh-CN/views/chat-log.ts

@@ -46,5 +46,4 @@ export default {
   dingtalk: '钉钉应用',
   enterpriseWeChatRobot: '企业微信机器人',
   slack: 'Slack 机器人',
-  trigger: '触发器',
 }

ui/src/locales/lang/zh-CN/views/index.ts

@@ -15,6 +15,7 @@ import chatLog from './chat-log'
 import chatUser from './chat-user'
 import operateLog from './operate-log'
 import shared from './shared'
+import trigger from './trigger'
 export default {
   login,
   model,
@@ -33,4 +34,5 @@ export default {
   chatUser,
   operateLog,
   shared,
+  trigger
 }

ui/src/locales/lang/zh-CN/views/trigger.ts

@@ -0,0 +1,4 @@
+export default {
+  title: '触发器',
+
+}

ui/src/locales/lang/zh-Hant/views/chat-log.ts

@@ -46,5 +46,4 @@ export default {
   dingtalk: '釘釘應用',
   enterpriseWechatRobot: '企業微信機器人',
   slack: 'Slack 機器人',
-  trigger: '觸發器',
 }

ui/src/locales/lang/zh-Hant/views/index.ts

@@ -15,6 +15,7 @@ import chatUser from './chat-user'
 import login from './login'
 import operateLog from './operate-log'
 import shared from './shared'
+import trigger from './trigger'
 export default {
   application,
   applicationOverview,
@@ -33,4 +34,5 @@ export default {
   workspace,
   chatUser,
   shared,
+  trigger
 }