From 7de5d5b6260962a54632d859bf62492cc2cb8093 Mon Sep 17 00:00:00 2001
From: Andrei Hancu <achancu@gmail.com>
Date: Fri, 13 May 2022 01:00:58 +0300
Subject: [PATCH] fix:change labels immediately after pressing the download
 button

---
 app/components/DataSyncView.vue | 39 +++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/app/components/DataSyncView.vue b/app/components/DataSyncView.vue
index 1bb4f81b5..21cdb9ffb 100644
--- a/app/components/DataSyncView.vue
+++ b/app/components/DataSyncView.vue
@@ -43,7 +43,12 @@
                         </FlexboxLayout>
                     </GridLayout>
 
-                    <GridLayout v-show="opened(sync) && sync.isDownloadReady" rows="auto" columns="*,30" class="transfer-container">
+                    <GridLayout
+                        v-show="opened(sync) && sync.isDownloadReady && !downloadTriggered"
+                        rows="auto"
+                        columns="*,30"
+                        class="transfer-container"
+                    >
                         <StackLayout row="0" col="0" class="transfer-details transfer-ready">
                             <Label
                                 v-if="sync.readingsReadyDownload > 1"
@@ -62,6 +67,33 @@
                         </StackLayout>
                     </GridLayout>
 
+                    <GridLayout
+                        v-show="opened(sync) && sync.isDownloadReady && downloadTriggered"
+                        rows="auto"
+                        columns="*, auto, 30"
+                        class="transfer-container"
+                    >
+                        <StackLayout row="0" col="0" class="transfer-details transfer-ready">
+                            <Label
+                                v-if="sync.readingsReadyDownload > 1"
+                                :text="sync.readingsReadyDownload + ' Readings'"
+                                class="readings-label"
+                            />
+                            <Label
+                                v-if="sync.readingsReadyDownload == 1"
+                                :text="sync.readingsReadyDownload + ' Reading'"
+                                class="readings-label"
+                            />
+                            <Label text="Downloading" class="transfer-label" />
+                        </StackLayout>
+                        <StackLayout row="0" col="1" class="container-icon" orientation="horizontal">
+                            <Label text="0%" class="transfer-progress" />
+                        </StackLayout>
+                        <StackLayout row="0" col="2" class="container-icon" orientation="horizontal">
+                            <Image class="icon-button" width="20" src="~/images/Icon_Syncing.png" />
+                        </StackLayout>
+                    </GridLayout>
+
                     <GridLayout v-show="opened(sync) && sync.isDownloaded" rows="auto" columns="*,30" class="transfer-container">
                         <StackLayout row="0" col="0" class="transfer-details transfer-ready">
                             <Label
@@ -171,9 +203,10 @@ export default Vue.extend({
         ...SharedComponents,
         NoStationsWannaAdd,
     },
-    data(): { closed: { [index: string]: boolean } } {
+    data(): { closed: { [index: string]: boolean }; downloadTriggered: boolean } {
         return {
             closed: {},
+            downloadTriggered: false,
         };
     },
     computed: {
@@ -198,9 +231,11 @@ export default Vue.extend({
         async onDownload(sync: StationSyncStatus): Promise<void> {
             try {
                 log.info("download", sync);
+                this.downloadTriggered = true;
                 await this.$s.dispatch(new DownloadStationDataAction(sync)).catch((error) => {
                     debug.log(`download-error`, error);
                 });
+                this.downloadTriggered = false;
             } catch (error) {
                 log.info("error", error);
             }