From 36b8c9ef0f0d5927c19a0998fa855339b43128df Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 1 Nov 2020 12:39:41 +0800
Subject: [PATCH] add enable animate option

---
 src/Mobile.vue                |  4 +++-
 src/lib/settings.js           |  5 ++++-
 src/locales/en.js             |  1 +
 src/locales/zh_Hans.js        |  1 +
 src/views/mobile/Settings.vue | 15 +++++++++++++++
 5 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/Mobile.vue b/src/Mobile.vue
index 9e5d873b..5aefc8ca 100644
--- a/src/Mobile.vue
+++ b/src/Mobile.vue
@@ -9,6 +9,8 @@ import routes from './router/mobile.js';
 
 export default {
     data() {
+        const self = this;
+
         return {
             f7params: {
                 name: 'lab',
@@ -16,7 +18,7 @@ export default {
                 theme: 'ios',
                 routes: routes,
                 view: {
-                    animate : false
+                    animate : self.$settings.isEnableAnimate()
                 }
             }
         }
diff --git a/src/lib/settings.js b/src/lib/settings.js
index bc442c41..4ad19e5e 100644
--- a/src/lib/settings.js
+++ b/src/lib/settings.js
@@ -4,7 +4,8 @@ const settingsLocalStorageKey = 'lab_user_settings';
 const serverSettingsCookieKey = 'ACP_SETTINGS';
 
 const defaultSettings = {
-    lang: 'en'
+    lang: 'en',
+    animate: true
 };
 
 function getOriginalSettings() {
@@ -59,5 +60,7 @@ function getServerSetting(key) {
 export default {
     getLanguage: () => getOriginalOption('lang'),
     setLanguage: value => setOption('lang', value),
+    isEnableAnimate: () => getOriginalOption('animate'),
+    setEnableAnimate: value => setOption('animate', value),
     isUserRegistrationEnabled: () => getServerSetting('r') === '1'
 };
diff --git a/src/locales/en.js b/src/locales/en.js
index 3d2ac1d3..618fb2f4 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -111,6 +111,7 @@ export default {
     'Sign Up': 'Sign Up',
     'User Profile': 'User Profile',
     'Language': 'Language',
+    'Enable Animate': 'Enable Animate',
     'You have been successfully registered': 'You have been successfully registered',
     'Unable to sign up': 'Unable to sign up',
     'User registration is disabled': 'User registration is disabled',
diff --git a/src/locales/zh_Hans.js b/src/locales/zh_Hans.js
index 0a14af34..b7636279 100644
--- a/src/locales/zh_Hans.js
+++ b/src/locales/zh_Hans.js
@@ -111,6 +111,7 @@ export default {
     'Sign Up': '注册',
     'User Profile': '用户信息',
     'Language': '语言',
+    'Enable Animate': '启用动画',
     'You have been successfully registered': '注册成功',
     'Unable to sign up': '无法注册',
     'User registration is disabled': '用户注册已禁用',
diff --git a/src/views/mobile/Settings.vue b/src/views/mobile/Settings.vue
index f1a78b14..37367b44 100644
--- a/src/views/mobile/Settings.vue
+++ b/src/views/mobile/Settings.vue
@@ -19,6 +19,10 @@
                             :value="locale">{{ lang.displayName }}</option>
                 </select>
             </f7-list-item>
+            <f7-list-item>
+                <span>{{ $t('Enable Animate') }}</span>
+                <f7-toggle :checked="isEnableAnimate" @toggle:change="isEnableAnimate = $event"></f7-toggle>
+            </f7-list-item>
             <f7-list-item :title="$t('About')" link="/about" :after="version"></f7-list-item>
         </f7-list>
     </f7-page>
@@ -47,6 +51,17 @@ export default {
             set: function (value) {
                 this.$setLanguage(value);
             }
+        },
+        isEnableAnimate: {
+            get: function () {
+                return this.$settings.isEnableAnimate();
+            },
+            set: function (value) {
+                if (value !== this.$settings.isEnableAnimate()) {
+                    this.$settings.setEnableAnimate(value);
+                    location.reload();
+                }
+            }
         }
     },
     methods: {