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");