From f88ad7eb6295c726d2b01e57b014b5116c5d7a0c Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Tue, 29 Dec 2020 23:04:31 +0800
Subject: [PATCH] don't expand list automatically when click show more button

---
 src/views/mobile/transactions/Detail.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/views/mobile/transactions/Detail.vue b/src/views/mobile/transactions/Detail.vue
index 624f5a91..cc885931 100644
--- a/src/views/mobile/transactions/Detail.vue
+++ b/src/views/mobile/transactions/Detail.vue
@@ -1,5 +1,5 @@
 <template>
-    <f7-page ptr infinite :infinite-preloader="loadingMore" @ptr:refresh="reload" @infinite="loadMore">
+    <f7-page ptr infinite :infinite-preloader="loadingMore" @ptr:refresh="reload" @infinite="loadMore(true)">
         <f7-navbar>
             <f7-nav-left :back-link="$t('Back')"></f7-nav-left>
             <f7-nav-title :title="$t('Transaction Details')"></f7-nav-title>
@@ -116,7 +116,7 @@
                     </f7-accordion-toggle>
                 </f7-card-header>
                 <f7-card-content class="no-safe-areas" :padding="false" accordion-list>
-                    <f7-accordion-content style="height: auto">
+                    <f7-accordion-content :style="{ height: transactionMonthList.opened ? 'auto' : '' }">
                         <f7-list media-list>
                             <f7-list-item class="transaction-info"
                                           v-for="(transaction, idx) in transactionMonthList.items"
@@ -174,7 +174,7 @@
         </f7-card>
 
         <f7-block class="text-align-center" v-if="!loading && maxTime > 0">
-            <f7-link :class="{ 'disabled': loadingMore }" href="#" @click="loadMore">{{ $t('Load More') }}</f7-link>
+            <f7-link :class="{ 'disabled': loadingMore }" href="#" @click="loadMore(false)">{{ $t('Load More') }}</f7-link>
         </f7-block>
 
         <f7-actions close-by-outside-click close-on-escape :opened="showMoreActionSheet" @actions:closed="showMoreActionSheet = false">
@@ -332,7 +332,7 @@ export default {
                 }
 
                 self.transactions = [];
-                self.setResult(transactionListData.result);
+                self.setResult(transactionListData.result, true);
 
                 self.loading = false;
             }).catch(error => {
@@ -355,7 +355,7 @@ export default {
                 }
             });
         },
-        loadMore() {
+        loadMore(autoExpand) {
             const self = this;
 
             if (self.maxTime <= 0) {
@@ -380,7 +380,7 @@ export default {
                     return;
                 }
 
-                self.setResult(data.result);
+                self.setResult(data.result, autoExpand);
             }).catch(error => {
                 self.loadingMore = false;
 
@@ -460,7 +460,7 @@ export default {
                 }
             });
         },
-        setResult(result) {
+        setResult(result, autoExpand) {
             if (result.items && result.items.length) {
                 let currentMonthListIndex = -1;
                 let currentMonthList = null;
@@ -518,7 +518,7 @@ export default {
                             year: transactionYear,
                             month: transactionMonth,
                             yearMonth: `${transactionYear}-${transactionMonth}`,
-                            opened: true,
+                            opened: autoExpand,
                             items: []
                         });