Mercurial > gemma
comparison client/src/components/fairway/Profiles.vue @ 3085:7ac392edf8e2
client: added pane rotate button to profile dialog when second map is displayed
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Thu, 18 Apr 2019 14:24:52 +0200 |
parents | 57255fda7594 |
children | a69a8deb56fe |
comparison
equal
deleted
inserted
replaced
3084:5a1f243d9c7c | 3085:7ac392edf8e2 |
---|---|
92 >{{ survey.date_info | surveyDate }}</option | 92 >{{ survey.date_info | surveyDate }}</option |
93 > | 93 > |
94 </select> | 94 </select> |
95 </div> | 95 </div> |
96 </div> | 96 </div> |
97 <div class="mt-3" v-if="additionalSurvey"> | 97 <div class="mt-3 d-flex" v-if="additionalSurvey"> |
98 <button | 98 <button |
99 class="btn btn-info btn-sm w-100" | 99 class="btn btn-info btn-xs flex-fill" |
100 @click="differencesVisible ? showSurvey() : showDifferences()" | 100 @click="differencesVisible ? showSurvey() : showDifferences()" |
101 > | 101 > |
102 <translate v-if="differencesVisible" key="showsurvey" | 102 <translate v-if="differencesVisible" key="showsurvey" |
103 >Show survey</translate | 103 >Show survey</translate |
104 > | 104 > |
105 <translate v-else key="showdifferences" | 105 <translate v-else key="showdifferences" |
106 >Show differences</translate | 106 >Show differences</translate |
107 > | 107 > |
108 </button> | |
109 <button | |
110 class="btn btn-info btn-xs ml-2" | |
111 @click="$store.commit('application/paneRotate')" | |
112 v-tooltip="rotatePanesTooltip" | |
113 > | |
114 <font-awesome-icon icon="redo" fixed-width /> | |
108 </button> | 115 </button> |
109 </div> | 116 </div> |
110 <hr class="w-100 mb-0" /> | 117 <hr class="w-100 mb-0" /> |
111 <small class="text-muted d-block mt-2"> | 118 <small class="text-muted d-block mt-2"> |
112 <translate>Saved cross profiles</translate>: | 119 <translate>Saved cross profiles</translate>: |
387 .getVisible() && | 394 .getVisible() && |
388 this.openLayersMap("compare-sounding-results") | 395 this.openLayersMap("compare-sounding-results") |
389 .getLayer("DIFFERENCES") | 396 .getLayer("DIFFERENCES") |
390 .getVisible() | 397 .getVisible() |
391 ); | 398 ); |
399 }, | |
400 rotatePanesTooltip() { | |
401 return this.$gettext("Rotate Maps"); | |
392 } | 402 } |
393 }, | 403 }, |
394 watch: { | 404 watch: { |
395 selectedBottleneck() { | 405 selectedBottleneck() { |
396 this.$store.dispatch("fairwayprofile/previousCuts"); | 406 this.$store.dispatch("fairwayprofile/previousCuts"); |