Mercurial > gemma

diff client/src/components/identify/Identify.vue @ 4279:30f26bf7ff24

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Reordering of elements In order to improve user experience the configuration of avail, forceast vs. real and accuracy was changed in such a way, that it now mirrors the optics of the displayed triangle. The order in the identify tool was changed accordingly 1) avail 2) forcast vs. real 3) accuracy "Currency" was cleaned up to "recency"
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 29 Aug 2019 15:04:02 +0200
parents 12398df5f414
children 81ab34bd2d0d
line wrap: on
line diff
--- a/client/src/components/identify/Identify.vue	Thu Aug 29 09:42:34 2019 +0200
+++ b/client/src/components/identify/Identify.vue	Thu Aug 29 15:04:02 2019 +0200
@@ -64,19 +64,6 @@
                 icon="caret-up"
                 fixed-width
                 :style="{
-                  color: forecastAccuracyColor(feature),
-                  'font-size': 'x-large'
-                }"
-              />
-              <small class="my-auto">
-                {{ forecastAccuracy(feature) }}
-              </small>
-            </div>
-            <div>
-              <font-awesome-icon
-                icon="caret-up"
-                fixed-width
-                :style="{
                   color: gmAvailabilityColor(feature),
                   'font-size': 'x-large'
                 }"
@@ -98,6 +85,19 @@
                 {{ forecastVsReality(feature) }}
               </small>
             </div>
+            <div>
+              <font-awesome-icon
+                icon="caret-up"
+                fixed-width
+                :style="{
+                  color: forecastAccuracyColor(feature),
+                  'font-size': 'x-large'
+                }"
+              />
+              <small class="my-auto">
+                {{ forecastAccuracy(feature) }}
+              </small>
+            </div>
           </div>
           <div>
             <small
@@ -294,10 +294,10 @@
         DANGER:
           this.$gettext("Data too old. Treshold:") + ` (${revisitingFactor})`
       };
-      return messagesPerState[classifications.surveyCurrency(feature)];
+      return messagesPerState[classifications.surveyRecency(feature)];
     },
     recencyColor(feature) {
-      return recencyColorCodes[classifications.surveyCurrency(feature)];
+      return recencyColorCodes[classifications.surveyRecency(feature)];
     },
     showBottleneckMeta(feature) {
       const result = /bottleneck/.test(feature.getId().toLowerCase());