Mercurial > gemma

changeset 3085:7ac392edf8e2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 5a1f243d9c7c
children a69a8deb56fe
files client/src/components/fairway/Profiles.vue
diffstat 1 files changed, 12 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/Profiles.vue	Thu Apr 18 14:20:36 2019 +0200
+++ b/client/src/components/fairway/Profiles.vue	Thu Apr 18 14:24:52 2019 +0200
@@ -94,9 +94,9 @@
               </select>
             </div>
           </div>
-          <div class="mt-3" v-if="additionalSurvey">
+          <div class="mt-3 d-flex" v-if="additionalSurvey">
             <button
-              class="btn btn-info btn-sm w-100"
+              class="btn btn-info btn-xs flex-fill"
               @click="differencesVisible ? showSurvey() : showDifferences()"
             >
               <translate v-if="differencesVisible" key="showsurvey"
@@ -106,6 +106,13 @@
                 >Show differences</translate
               >
             </button>
+            <button
+              class="btn btn-info btn-xs ml-2"
+              @click="$store.commit('application/paneRotate')"
+              v-tooltip="rotatePanesTooltip"
+            >
+              <font-awesome-icon icon="redo" fixed-width />
+            </button>
           </div>
           <hr class="w-100 mb-0" />
           <small class="text-muted d-block mt-2">
@@ -389,6 +396,9 @@
           .getLayer("DIFFERENCES")
           .getVisible()
       );
+    },
+    rotatePanesTooltip() {
+      return this.$gettext("Rotate Maps");
     }
   },
   watch: {