# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1559664683 -7200
# Node ID 73add36de41303b67c16ec858b0809419e4ad431
# Parent  2be2880ad654ceff2f773cc9ffd968078c392244
client: configuration: data accuracy: improved texts

diff -r 2be2880ad654 -r 73add36de413 client/src/components/systemconfiguration/DataAccuracy.vue
--- a/client/src/components/systemconfiguration/DataAccuracy.vue	Tue Jun 04 17:05:39 2019 +0200
+++ b/client/src/components/systemconfiguration/DataAccuracy.vue	Tue Jun 04 18:11:23 2019 +0200
@@ -15,7 +15,8 @@
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
-                Last survey within revisiting time.
+                The latest survey is within the revisiting time of the
+                respective bottleneck.
               </div>
             </div>
             <div class="card border-left-0 border-right-0 rounded-0">
@@ -25,17 +26,17 @@
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
-                <div>Last survey within revisiting time</div>
-                <div>
-                  x
+                <div class="form-inline justify-content-center">
+                  The latest survey is within
                   <input
                     type="number"
                     step="0.1"
                     min="1"
-                    class="form-control form-control-sm d-inline"
-                    style="width: 70px"
+                    class="form-control form-control-sm mx-1"
+                    style="width: 60px"
                     v-model="bn_revtime_multiplier"
                   />
+                  times the revisiting time.
                 </div>
               </div>
             </div>
@@ -45,8 +46,9 @@
                 class="card-body d-flex align-items-center justify-content-center"
               >
                 <div>
-                  Last survey older than revisiting time x
+                  The latest survey is older than
                   <b>{{ Number(bn_revtime_multiplier).toLocaleString() }}</b>
+                  times the revisiting time.
                 </div>
               </div>
             </div>
@@ -63,11 +65,11 @@
                 class="card-body d-flex align-items-center justify-content-center"
               >
                 <div>
-                  Latest measurement not older than
+                  The latest measurement is not older than
                   <b>{{ Number(gm_latest_hours).toLocaleString() }}</b> hours
-                  and at least
+                  and there are at least
                   <b>{{ Number(gm_min_values_14d).toLocaleString() }}</b>
-                  measurements in the last 14 days
+                  measurements in the last 14 days.
                 </div>
               </div>
             </div>
@@ -78,16 +80,17 @@
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
-                <div>Minimum number of measurements in the last 14 days:</div>
-                <div>
+                <div class="form-inline justify-content-center">
+                  There are less than
                   <input
                     type="number"
                     step="1"
                     min="1"
-                    class="form-control form-control-sm d-inline"
-                    style="width: 90px"
+                    class="form-control form-control-sm mx-1"
+                    style="width: 70px"
                     v-model="gm_min_values_14d"
                   />
+                  measurements in the last 14 days.
                 </div>
               </div>
             </div>
@@ -96,17 +99,17 @@
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
-                <div>Latest measurement older than</div>
-                <div>
+                <div class="form-inline justify-content-center">
+                  The latest measurement is older than
                   <input
                     type="number"
                     step="1"
                     min="1"
-                    class="form-control form-control-sm d-inline"
-                    style="width: 70px"
+                    class="form-control form-control-sm mx-1"
+                    style="width: 55px"
                     v-model="gm_latest_hours"
                   />
-                  hours
+                  days.
                 </div>
               </div>
             </div>
@@ -123,14 +126,15 @@
                 class="card-body d-flex align-items-center justify-content-center"
               >
                 <div>
-                  Confidence offset within last 24 hours less than
-                  <b
-                    >{{ Number(gm_forecast_offset_24h).toLocaleString() }} cm</b
-                  >
-                  and within last 72 hours less than
-                  <b
-                    >{{ Number(gm_forecast_offset_72h).toLocaleString() }} cm</b
-                  >
+                  The highest confidence value is less than
+                  <b>
+                    {{ Number(gm_forecast_offset_24h).toLocaleString() }} cm
+                  </b>
+                  within the last 24 hours and less than
+                  <b>
+                    {{ Number(gm_forecast_offset_72h).toLocaleString() }} cm
+                  </b>
+                  within last 72 hours.
                 </div>
               </div>
             </div>
@@ -141,17 +145,18 @@
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
-                <div>Confidence offset within last 24 hours greater than:</div>
-                <div>
+                <div class="form-inline justify-content-center">
+                  The highest confidence value within the last 24 hours is
+                  greater than
                   <input
                     type="number"
                     step="1"
                     min="1"
-                    class="form-control form-control-sm d-inline"
-                    style="width: 70px"
+                    class="form-control form-control-sm mx-1"
+                    style="width: 55px"
                     v-model="gm_forecast_offset_24h"
                   />
-                  cm
+                  cm.
                 </div>
               </div>
             </div>
@@ -160,17 +165,18 @@
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
-                <div>Confidence offset within last 72 hours greater than:</div>
-                <div>
+                <div class="form-inline justify-content-center">
+                  The highest confidence value within the last 72 hours is
+                  greater than
                   <input
                     type="number"
                     step="1"
                     min="1"
-                    class="form-control form-control-sm d-inline"
-                    style="width: 70px"
+                    class="form-control form-control-sm mx-1"
+                    style="width: 55px"
                     v-model="gm_forecast_offset_72h"
                   />
-                  cm
+                  cm.
                 </div>
               </div>
             </div>
@@ -187,17 +193,19 @@
                 class="card-body d-flex align-items-center justify-content-center"
               >
                 <div>
-                  Nash-Sutcliffe-Coefficient for last 24 hours greater than
-                  <b>{{
-                    Number(gm_forecast_vs_reality_nsc_24h).toLocaleString()
-                  }}</b>
-                  and for last 72 hours greater than
-                  <b
-                    >{{
+                  The Nash-Sutcliffe coefficient is greater than
+                  <b>
+                    {{
+                      Number(gm_forecast_vs_reality_nsc_24h).toLocaleString()
+                    }}
+                  </b>
+                  for last 24 hours and greater than
+                  <b>
+                    {{
                       Number(gm_forecast_vs_reality_nsc_72h).toLocaleString()
                     }}
-                    cm</b
-                  >
+                  </b>
+                  for last 72 hours.
                 </div>
               </div>
             </div>
@@ -208,14 +216,12 @@
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
-                <div>
-                  Nash-Sutcliffe-Coefficient for last 24 hours less than:
-                </div>
-                <div>
+                <div class="form-inline justify-content-center">
+                  The Nash-Sutcliffe coefficient for last 24 hours is less than
                   <input
                     type="number"
-                    step="1"
-                    class="form-control form-control-sm d-inline"
+                    step="0.1"
+                    class="form-control form-control-sm mx-1"
                     style="width: 70px"
                     v-model="gm_forecast_vs_reality_nsc_24h"
                   />
@@ -227,14 +233,12 @@
               <div
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
-                <div>
-                  Nash-Sutcliffe-Coefficient for last 72 hours less than:
-                </div>
-                <div>
+                <div class="form-inline justify-content-center">
+                  The Nash-Sutcliffe coefficient for last 72 hours is less than
                   <input
                     type="number"
-                    step="1"
-                    class="form-control form-control-sm d-inline"
+                    step="0.1"
+                    class="form-control form-control-sm mx-1"
                     style="width: 70px"
                     v-model="gm_forecast_vs_reality_nsc_72h"
                   />
@@ -269,6 +273,9 @@
   padding: 0.25rem
 .card-body
   padding: 0.5rem
+  .form-control-sm
+    height: 24px
+    font-size: 12px
 </style>
 
 <script>