support set show/hide account balance in account list page

src/lib/settings.js

@@ -7,6 +7,7 @@ const defaultSettings = {
     lang: 'en',
     thousandsSeparator: true,
     currencyDisplayMode: 'code', // or 'none' or 'name'
+    showAccountBalance: true,
     animate: true,
     autoDarkMode: true
 };
@@ -71,6 +72,8 @@ export default {
     setEnableThousandsSeparator: value => setOption('thousandsSeparator', value),
     getCurrencyDisplayMode: () => getOption('currencyDisplayMode'),
     setCurrencyDisplayMode: value => setOption('currencyDisplayMode', value),
+    isShowAccountBalance: () => getOption('showAccountBalance'),
+    setShowAccountBalance: value => setOption('showAccountBalance', value),
     isEnableAnimate: () => getOption('animate'),
     setEnableAnimate: value => setOption('animate', value),
     isEnableAutoDarkMode: () => getOption('autoDarkMode'),

src/locales/en.js

@@ -335,6 +335,7 @@ export default {
     'Currency Display Mode': 'Currency Display Mode',
     'Currency Code': 'Currency Code',
     'Currency Name': 'Currency Name',
+    'Show Account Balance': 'Show Account Balance',
     'Enable Animate': 'Enable Animate',
     'Enable Auto Dark Mode': 'Enable Auto Dark Mode',
     'You have been successfully registered': 'You have been successfully registered',

src/locales/zh_Hans.js

@@ -335,6 +335,7 @@ export default {
     'Currency Display Mode': '货币显示模式',
     'Currency Code': '货币代码',
     'Currency Name': '货币名称',
+    'Show Account Balance': '显示账户余额',
     'Enable Animate': '启用动画',
     'Enable Auto Dark Mode': '启用自动深色模式',
     'You have been successfully registered': '注册成功',

src/views/mobile/Settings.vue

@@ -42,6 +42,10 @@
                             <option value="name">{{ $t('Currency Name') }}</option>
                         </select>
                     </f7-list-item>
+                    <f7-list-item>
+                        <span>{{ $t('Show Account Balance') }}</span>
+                        <f7-toggle :checked="showAccountBalance" @toggle:change="showAccountBalance = $event"></f7-toggle>
+                    </f7-list-item>
                     <f7-list-item>
                         <span>{{ $t('Enable Animate') }}</span>
                         <f7-toggle :checked="isEnableAnimate" @toggle:change="isEnableAnimate = $event"></f7-toggle>
@@ -99,6 +103,14 @@ export default {
                 this.$settings.setCurrencyDisplayMode(value);
             }
         },
+        showAccountBalance: {
+            get: function () {
+                return this.$settings.isShowAccountBalance();
+            },
+            set: function (value) {
+                this.$settings.setShowAccountBalance(value);
+            }
+        },
         isEnableAnimate: {
             get: function () {
                 return this.$settings.isEnableAnimate();

src/views/mobile/accounts/AccountList.vue

@@ -52,7 +52,7 @@
                 <f7-list sortable sortable-tap-hold :sortable-enabled="sortable" @sortable:sort="onSort">
                     <f7-list-item v-for="account in accounts[accountCategory.id]" v-show="showHidden || !account.hidden"
                                   :key="account.id" :id="account | accountDomId"
-                                  :title="account.name" :after="account.balance | currency(account.currency)"
+                                  :title="account.name" :after="accountBalance(account) | currency(account.currency)"
                                   link="#" swipeout @taphold.native="setSortable()"
                     >
                         <f7-swipeout-actions left v-if="sortable">
@@ -201,6 +201,13 @@ export default {
 
             return shownCount > 0;
         },
+        accountBalance(account) {
+            if (this.$settings.isShowAccountBalance()) {
+                return account.balance;
+            } else {
+                return '---';
+            }
+        },
         setSortable() {
             this.showHidden = true;
             this.sortable = true;