add more actions menu in account page

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

src/locales/en.js

@@ -267,6 +267,7 @@ export default {
     'Edit': 'Edit',
     'Delete': 'Delete',
     'Search': 'Search',
+    'Sort': 'Sort',
     'User': 'User',
     'Application': 'Application',
     'Details': 'Details',

src/locales/zh_Hans.js

@@ -267,6 +267,7 @@ export default {
     'Edit': '编辑',
     'Delete': '删除',
     'Search': '搜索',
+    'Sort': '排序',
     'User': '用户',
     'Application': '应用',
     'Details': '详情',

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);

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