Mercurial > gemma
changeset 3158:f91df0bc4986
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