From 522ed94c3219775251f0f1f0e7c0425322836f3b Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 9 Jul 2023 16:35:12 +0800
Subject: [PATCH] user settings and app settings page supports showing
 specified tab by query parameter

---
 src/router/desktop.js                         | 10 +++++++--
 src/views/desktop/app/AppSettingsPage.vue     | 21 +++++++++++++++----
 ...ockSetingTab.vue => AppLockSettingTab.vue} |  0
 src/views/desktop/user/UserSettingsPage.vue   | 16 +++++++++++++-
 4 files changed, 40 insertions(+), 7 deletions(-)
 rename src/views/desktop/app/settings/{AppLockSetingTab.vue => AppLockSettingTab.vue} (100%)

diff --git a/src/router/desktop.js b/src/router/desktop.js
index 563a47fe..99e41125 100644
--- a/src/router/desktop.js
+++ b/src/router/desktop.js
@@ -104,11 +104,17 @@ const router = createRouter({
                 },
                 {
                     path: '/user/settings',
-                    component: UserSettingsPage
+                    component: UserSettingsPage,
+                    props: route => ({
+                        tab: route.query.tab
+                    })
                 },
                 {
                     path: '/app/settings',
-                    component: AppSettingsPage
+                    component: AppSettingsPage,
+                    props: route => ({
+                        tab: route.query.tab
+                    })
                 },
                 {
                     path: '/about',
diff --git a/src/views/desktop/app/AppSettingsPage.vue b/src/views/desktop/app/AppSettingsPage.vue
index e695500a..068092b8 100644
--- a/src/views/desktop/app/AppSettingsPage.vue
+++ b/src/views/desktop/app/AppSettingsPage.vue
@@ -21,7 +21,7 @@
             </v-window-item>
 
             <v-window-item value="applicationLockSetting">
-                <app-lock-seting-tab/>
+                <app-lock-setting-tab/>
             </v-window-item>
 
             <v-window-item value="statisticsSetting">
@@ -33,7 +33,7 @@
 
 <script>
 import AppBasicSettingTab from './settings/AppBasicSettingTab.vue';
-import AppLockSetingTab from './settings/AppLockSetingTab.vue';
+import AppLockSettingTab from './settings/AppLockSettingTab.vue';
 import AppStatisticsSettingTab from './settings/AppStatisticsSettingTab.vue';
 
 import {
@@ -45,12 +45,25 @@ import {
 export default {
     components: {
         AppBasicSettingTab,
-        AppLockSetingTab,
+        AppLockSettingTab,
         AppStatisticsSettingTab
     },
+    props: [
+        'tab'
+    ],
     data() {
+        let queryActiveTab = this.tab || 'basicSetting';
+
+        if ([
+            'basicSetting',
+            'applicationLockSetting',
+            'statisticsSetting'
+        ].indexOf(queryActiveTab) === -1) {
+            queryActiveTab = 'basicSetting';
+        }
+
         return {
-            activeTab: 'basicSetting',
+            activeTab: queryActiveTab,
             icons: {
                 basicSetting: mdiCogOutline,
                 applicationLockSetting: mdiLockOpenOutline,
diff --git a/src/views/desktop/app/settings/AppLockSetingTab.vue b/src/views/desktop/app/settings/AppLockSettingTab.vue
similarity index 100%
rename from src/views/desktop/app/settings/AppLockSetingTab.vue
rename to src/views/desktop/app/settings/AppLockSettingTab.vue
diff --git a/src/views/desktop/user/UserSettingsPage.vue b/src/views/desktop/user/UserSettingsPage.vue
index 1e6ca320..0be13cb8 100644
--- a/src/views/desktop/user/UserSettingsPage.vue
+++ b/src/views/desktop/user/UserSettingsPage.vue
@@ -59,9 +59,23 @@ export default {
         UserTwoFactorAuthSettingTab,
         UserDataManagementSettingTab
     },
+    props: [
+        'tab'
+    ],
     data() {
+        let queryActiveTab = this.tab || 'basicSetting';
+
+        if ([
+            'basicSetting',
+            'securitySetting',
+            'twoFactorSetting',
+            'dataManagementSetting'
+        ].indexOf(queryActiveTab) === -1) {
+            queryActiveTab = 'basicSetting';
+        }
+
         return {
-            activeTab: 'basicSetting',
+            activeTab: queryActiveTab,
             icons: {
                 basicSetting: mdiAccountOutline,
                 securitySetting: mdiLockOpenOutline,