add enable animate option

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()
                 }
             }
         }

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'
 };

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',

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': '用户注册已禁用',

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: {