# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1557138088 -7200
# Node ID f91df0bc498648f6d39121856059c28f4983e0a7
# Parent  18a639e1f7f4f8ba7cec120cca01aee6fdc1cd12
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

diff -r 18a639e1f7f4 -r f91df0bc4986 client/src/components/fairway/Profiles.vue
--- 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