From d87377835733c380d0a1e25bbebfc588efcda9c8 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Wed, 18 Nov 2020 22:46:04 +0800
Subject: [PATCH] add more actions menu in account page

---
 src/Mobile.vue                            |  4 ++++
 src/locales/en.js                         |  1 +
 src/locales/zh_Hans.js                    |  1 +
 src/mobile-main.js                        |  1 +
 src/views/mobile/accounts/AccountList.vue | 13 ++++++++++++-
 5 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/Mobile.vue b/src/Mobile.vue
index 2b77b04a..c18613a6 100644
--- a/src/Mobile.vue
+++ b/src/Mobile.vue
@@ -53,6 +53,10 @@ body {
     --f7-theme-color-tint: #d09467;
 }
 
+.navbar .navbar-compact-icons.right a + a {
+    margin-left: 0;
+}
+
 .work-break-all {
     word-break: break-all;
 }
diff --git a/src/locales/en.js b/src/locales/en.js
index c9721c4f..a11dfca1 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -267,6 +267,7 @@ export default {
     'Edit': 'Edit',
     'Delete': 'Delete',
     'Search': 'Search',
+    'Sort': 'Sort',
     'User': 'User',
     'Application': 'Application',
     'Details': 'Details',
diff --git a/src/locales/zh_Hans.js b/src/locales/zh_Hans.js
index 714919bb..56d21de4 100644
--- a/src/locales/zh_Hans.js
+++ b/src/locales/zh_Hans.js
@@ -267,6 +267,7 @@ export default {
     'Edit': '编辑',
     'Delete': '删除',
     'Search': '搜索',
+    'Sort': '排序',
     'User': '用户',
     'Application': '应用',
     'Details': '详情',
diff --git a/src/mobile-main.js b/src/mobile-main.js
index 4690a802..1c8a8d88 100644
--- a/src/mobile-main.js
+++ b/src/mobile-main.js
@@ -182,6 +182,7 @@ new Vue({
                 app.dialog.close();
                 app.sheet.close();
                 app.popup.close();
+                app.actions.close();
                 return false;
             }
         }, false);
diff --git a/src/views/mobile/accounts/AccountList.vue b/src/views/mobile/accounts/AccountList.vue
index 2e8b180e..e3bd80fc 100644
--- a/src/views/mobile/accounts/AccountList.vue
+++ b/src/views/mobile/accounts/AccountList.vue
@@ -3,7 +3,8 @@
         <f7-navbar>
             <f7-nav-left :back-link="$t('Back')"></f7-nav-left>
             <f7-nav-title :title="$t('Account List')"></f7-nav-title>
-            <f7-nav-right>
+            <f7-nav-right class="navbar-compact-icons">
+                <f7-link icon-f7="ellipsis" v-if="!sortable" @click="showMoreActionSheet = true"></f7-link>
                 <f7-link href="/account/add" icon-f7="plus" v-if="!sortable"></f7-link>
                 <f7-link :text="$t('Done')" :class="{ 'disabled': displayOrderSaving }" @click="saveSortResult" v-else-if="sortable"></f7-link>
             </f7-nav-right>
@@ -121,6 +122,15 @@
                 </f7-list>
             </f7-card-content>
         </f7-card>
+        <f7-actions close-by-outside-click :opened="showMoreActionSheet" @actions:closed="showMoreActionSheet = false">
+            <f7-actions-group>
+                <f7-actions-button @click="sortable = true">{{ $t('Sort') }}</f7-actions-button>
+            </f7-actions-group>
+            <f7-actions-group>
+                <f7-actions-button color="red" close>{{ $t('Cancel') }}</f7-actions-button>
+            </f7-actions-group>
+        </f7-actions>
+
     </f7-page>
 </template>
 
@@ -133,6 +143,7 @@ export default {
             showHidden: false,
             sortable: false,
             showAccountBalance: this.$settings.isShowAccountBalance(),
+            showMoreActionSheet: false,
             displayOrderModified: false,
             displayOrderSaving: false
         };