Mercurial > gemma

changeset 3158:f91df0bc4986

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: compare surveys: prevent loading of differences from blocking the whole dialog The loading process of differences data is now visualized inside of the button to toggle between differences and the survey layer. The button is now disabled and says 'calculating differences' for the time of the calculation
author Markus Kottlaender <markus@intevation.de>
date Mon, 06 May 2019 12:21:28 +0200
parents 18a639e1f7f4
children 4f4905b57fcf
files client/src/components/fairway/Profiles.vue
diffstat 1 files changed, 10 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/Profiles.vue	Mon May 06 12:09:09 2019 +0200
+++ b/client/src/components/fairway/Profiles.vue	Mon May 06 12:21:28 2019 +0200
@@ -12,9 +12,7 @@
         :closeCallback="close"
       />
       <div class="box-body">
-        <UISpinnerOverlay
-          v-if="surveysLoading || profileLoading || differencesLoading"
-        />
+        <UISpinnerOverlay v-if="surveysLoading || profileLoading" />
         <select
           @change="moveToBottleneck"
           v-model="selectedBottleneck"
@@ -96,8 +94,17 @@
           </div>
           <div class="mt-2 d-flex" v-if="additionalSurvey">
             <button
+              v-if="differencesLoading"
+              class="btn btn-info btn-xs flex-fill"
+              disabled
+            >
+              <font-awesome-icon icon="spinner" spin class="mr-1" />
+              <translate>Calculating differences</translate>
+            </button>
+            <button
               class="btn btn-info btn-xs flex-fill"
               @click="differencesVisible ? showSurvey() : showDifferences()"
+              v-else
             >
               <translate v-if="differencesVisible" key="showsurvey"
                 >Show survey</translate