diff --git a/src/client/pages/settings/plugin.manage.vue b/src/client/pages/settings/plugin.manage.vue index b6946e30d04f03886c0bf5a3b1836088620160d1..88eeef2bb2a1ebc0a49c5ddbe40f65075d9de258 100644 --- a/src/client/pages/settings/plugin.manage.vue +++ b/src/client/pages/settings/plugin.manage.vue @@ -1,15 +1,11 @@ <template> <FormBase> <FormGroup v-for="plugin in plugins" :key="plugin.id"> - <template #label>{{ plugin.name }}</template> + <template #label><span style="display: flex;"><b>{{ plugin.name }}</b><span style="margin-left: auto;">v{{ plugin.version }}</span></span></template> <FormSwitch :value="plugin.active" @update:value="changeActive(plugin, $event)">{{ $ts.makeActive }}</FormSwitch> <div class="_formItem"> <div class="_formPanel" style="padding: 16px;"> - <div class="_keyValue"> - <div>{{ $ts.version }}:</div> - <div>{{ plugin.version }}</div> - </div> <div class="_keyValue"> <div>{{ $ts.author }}:</div> <div>{{ plugin.author }}</div> @@ -18,6 +14,10 @@ <div>{{ $ts.description }}:</div> <div>{{ plugin.description }}</div> </div> + <div class="_keyValue"> + <div>{{ $ts.permission }}:</div> + <div>{{ plugin.permissions }}</div> + </div> </div> </div> <div class="_formItem"> diff --git a/src/client/pages/settings/plugin.vue b/src/client/pages/settings/plugin.vue index 5bc615b16406ee58fd7c573d802efebb30233db7..fecb99bfe149dd178f95e332c35ed8e0712828e1 100644 --- a/src/client/pages/settings/plugin.vue +++ b/src/client/pages/settings/plugin.vue @@ -1,7 +1,7 @@ <template> <FormBase> <FormLink to="/settings/plugin/install"><template #icon><Fa :icon="faDownload"/></template>{{ $ts._plugin.install }}</FormLink> - <FormLink to="/settings/plugin/manage"><template #icon><Fa :icon="faFolderOpen"/></template>{{ $ts._plugin.manage }}</FormLink> + <FormLink to="/settings/plugin/manage"><template #icon><Fa :icon="faFolderOpen"/></template>{{ $ts._plugin.manage }}<template #suffix>{{ plugins }}</template></FormLink> </FormBase> </template> @@ -12,6 +12,7 @@ import FormBase from '@/components/form/base.vue'; import FormGroup from '@/components/form/group.vue'; import FormLink from '@/components/form/link.vue'; import * as os from '@/os'; +import { ColdDeviceStorage } from '@/store'; export default defineComponent({ components: { @@ -27,6 +28,7 @@ export default defineComponent({ title: this.$ts.plugins, icon: faPlug }, + plugins: ColdDeviceStorage.get('plugins').length, faPlug, faSave, faTrashAlt, faFolderOpen, faDownload, faCog } }, diff --git a/src/client/pages/settings/theme.vue b/src/client/pages/settings/theme.vue index ddb525441018284672a3a06264faefd35b1596fb..ac57c51df4826a8b78430f38f1b6412b66bfc6fd 100644 --- a/src/client/pages/settings/theme.vue +++ b/src/client/pages/settings/theme.vue @@ -58,7 +58,7 @@ <FormLink to="/advanced-theme-editor"><template #icon><Fa :icon="faPaintRoller"/></template>{{ $ts._theme.make }} ({{ $ts.advanced }})</FormLink> </FormGroup> - <FormLink to="/settings/theme/manage"><template #icon><Fa :icon="faFolderOpen"/></template>{{ $ts._theme.manage }}</FormLink> + <FormLink to="/settings/theme/manage"><template #icon><Fa :icon="faFolderOpen"/></template>{{ $ts._theme.manage }}<template #suffix>{{ themesCount }}</template></FormLink> </FormBase> </template> @@ -106,6 +106,7 @@ export default defineComponent({ const darkMode = computed(defaultStore.makeGetterSetter('darkMode')); const syncDeviceDarkMode = computed(ColdDeviceStorage.makeGetterSetter('syncDeviceDarkMode')); const wallpaper = ref(localStorage.getItem('wallpaper')); + const themesCount = installedThemes.value.length; watch(darkTheme, () => { if (defaultStore.state.darkMode) { @@ -150,6 +151,7 @@ export default defineComponent({ lightTheme, darkMode, syncDeviceDarkMode, + themesCount, wallpaper, setWallpaper(e) { selectFile(e.currentTarget || e.target, null, false).then(file => {