From 54a863e90cb5af47d2f81ad7ba5178c0c552a126 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Fri, 13 Nov 2020 00:20:59 +0800
Subject: [PATCH] show message when no available account

---
 src/locales/en.js                         |  1 +
 src/locales/zh_Hans.js                    |  1 +
 src/views/mobile/accounts/AccountList.vue | 34 +++++++++++++++++++++++
 3 files changed, 36 insertions(+)

diff --git a/src/locales/en.js b/src/locales/en.js
index 83580950..33722f33 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -307,6 +307,7 @@ export default {
     'Receivables': 'Receivables',
     'Investment Account': 'Investment Account',
     'Unable to get account list': 'Unable to get account list',
+    'No available account': 'No available account',
     'Add Account': 'Add Account',
     'Account Category': 'Account Category',
     'Single Account': 'Single Account',
diff --git a/src/locales/zh_Hans.js b/src/locales/zh_Hans.js
index 95f2df76..49e72cde 100644
--- a/src/locales/zh_Hans.js
+++ b/src/locales/zh_Hans.js
@@ -307,6 +307,7 @@ export default {
     'Receivables': '应收款项',
     'Investment Account': '投资账户',
     'Unable to get account list': '无法获取账户列表',
+    'No available account': '没有可用的账户',
     'Add Account': '添加账户',
     'Account Category': '账户分类',
     'Single Account': '单一账户',
diff --git a/src/views/mobile/accounts/AccountList.vue b/src/views/mobile/accounts/AccountList.vue
index a7b516f5..cae3760d 100644
--- a/src/views/mobile/accounts/AccountList.vue
+++ b/src/views/mobile/accounts/AccountList.vue
@@ -38,6 +38,14 @@
             </f7-card-content>
         </f7-card>
 
+        <f7-card v-if="noAvailableAccount">
+            <f7-card-content :padding="false">
+                <f7-list sortable sortable-tap-hold :sortable-enabled="sortable" @sortable:sort="onSort">
+                    <f7-list-item :title="$t('No available account')" @taphold.native="setSortable()"></f7-list-item>
+                </f7-list>
+            </f7-card-content>
+        </f7-card>
+
         <f7-card v-for="accountCategory in usedAccountCategories" :key="accountCategory.id" v-show="showHidden || hasShownAccount(accountCategory)">
             <f7-card-header>{{ $t(accountCategory.name) }}</f7-card-header>
             <f7-card-content :padding="false">
@@ -73,6 +81,32 @@ export default {
         };
     },
     computed: {
+        noAvailableAccount() {
+            let allAccountCount = 0;
+            let shownAccountCount = 0;
+
+            for (let category in this.accounts) {
+                if (!Object.prototype.hasOwnProperty.call(this.accounts, category)) {
+                    continue;
+                }
+
+                const accountList = this.accounts[category];
+
+                for (let i = 0; i < accountList.length; i++) {
+                    if (!accountList[i].hidden) {
+                        shownAccountCount++;
+                    }
+
+                    allAccountCount++;
+                }
+            }
+
+            if (this.showHidden) {
+                return allAccountCount < 1;
+            } else {
+                return shownAccountCount < 1;
+            }
+        },
         usedAccountCategories() {
             const allAccountCategories = this.$constants.account.allCategories;
             const usedAccountCategories = [];