changeset 3602:77aa6c137a2f

client: configuration: data accuracy: made strings translatable
author Markus Kottlaender <markus@intevation.de>
date Wed, 05 Jun 2019 09:29:36 +0200
parents 98f14d97611e
children 2cf7e167dad9
files client/src/components/systemconfiguration/DataAccuracy.vue
diffstat 1 files changed, 69 insertions(+), 44 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/systemconfiguration/DataAccuracy.vue	Wed Jun 05 09:13:52 2019 +0200
+++ b/client/src/components/systemconfiguration/DataAccuracy.vue	Wed Jun 05 09:29:36 2019 +0200
@@ -15,8 +15,10 @@
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
-                The latest survey is within the revisiting time of the
-                respective bottleneck.
+                <translate
+                  >The latest survey is within the revisiting time of the
+                  respective bottleneck.</translate
+                >
               </div>
             </div>
             <div class="card border-left-0 border-right-0 rounded-0">
@@ -27,7 +29,7 @@
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
                 <div class="form-inline justify-content-center">
-                  The latest survey is within
+                  <translate>The latest survey is within</translate>
                   <input
                     type="number"
                     step="0.1"
@@ -36,7 +38,7 @@
                     style="width: 60px"
                     v-model="bn_revtime_multiplier"
                   />
-                  times the revisiting time.
+                  <translate>times the revisiting time.</translate>
                 </div>
               </div>
             </div>
@@ -46,9 +48,13 @@
                 class="card-body d-flex align-items-center justify-content-center"
               >
                 <div>
-                  The latest survey is older than
-                  <b>{{ Number(bn_revtime_multiplier).toLocaleString() }}</b>
-                  times the revisiting time.
+                  <translate
+                    :translate-params="{
+                      multiplier: Number(bn_revtime_multiplier).toLocaleString()
+                    }"
+                    >The latest survey is older than <b>%{multiplier}</b> times
+                    the revisiting time.</translate
+                  >
                 </div>
               </div>
             </div>
@@ -65,11 +71,16 @@
                 class="card-body d-flex align-items-center justify-content-center"
               >
                 <div>
-                  The latest measurement is not older than
-                  <b>{{ Number(gm_latest_hours).toLocaleString() }}</b> hours
-                  and there are at least
-                  <b>{{ Number(gm_min_values_14d).toLocaleString() }}</b>
-                  measurements in the last 14 days.
+                  <translate
+                    :translate-params="{
+                      hours: Number(gm_latest_hours).toLocaleString(),
+                      values: Number(gm_min_values_14d).toLocaleString()
+                    }"
+                    >The latest measurement is not older than
+                    <b>%{hours}</b> hours and there are at least
+                    <b>%{values}</b> measurements in the last 14
+                    days.</translate
+                  >
                 </div>
               </div>
             </div>
@@ -81,7 +92,7 @@
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
                 <div class="form-inline justify-content-center">
-                  There are less than
+                  <translate>There are less than</translate>
                   <input
                     type="number"
                     step="1"
@@ -90,7 +101,7 @@
                     style="width: 70px"
                     v-model="gm_min_values_14d"
                   />
-                  measurements in the last 14 days.
+                  <translate>measurements in the last 14 days.</translate>
                 </div>
               </div>
             </div>
@@ -100,7 +111,7 @@
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
                 <div class="form-inline justify-content-center">
-                  The latest measurement is older than
+                  <translate>The latest measurement is older than</translate>
                   <input
                     type="number"
                     step="1"
@@ -109,7 +120,7 @@
                     style="width: 55px"
                     v-model="gm_latest_hours"
                   />
-                  days.
+                  <translate>days.</translate>
                 </div>
               </div>
             </div>
@@ -126,15 +137,17 @@
                 class="card-body d-flex align-items-center justify-content-center"
               >
                 <div>
-                  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.
+                  <translate
+                    :translate-params="{
+                      gm24: Number(gm_forecast_offset_24h).toLocaleString(),
+                      gm72: Number(gm_forecast_offset_72h).toLocaleString()
+                    }"
+                    >The highest confidence value is less than
+                    <b>%{gm24} cm</b>
+                    within the last 24 hours and less than
+                    <b>%{gm72} cm</b>
+                    within last 72 hours.</translate
+                  >
                 </div>
               </div>
             </div>
@@ -146,8 +159,10 @@
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
                 <div class="form-inline justify-content-center">
-                  The highest confidence value within the last 24 hours is
-                  greater than
+                  <translate
+                    >The highest confidence value within the last 24 hours is
+                    greater than</translate
+                  >
                   <input
                     type="number"
                     step="1"
@@ -166,8 +181,10 @@
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
                 <div class="form-inline justify-content-center">
-                  The highest confidence value within the last 72 hours is
-                  greater than
+                  <translate
+                    >The highest confidence value within the last 72 hours is
+                    greater than</translate
+                  >
                   <input
                     type="number"
                     step="1"
@@ -193,19 +210,21 @@
                 class="card-body d-flex align-items-center justify-content-center"
               >
                 <div>
-                  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()
-                    }}
-                  </b>
-                  for last 72 hours.
+                  <translate
+                    :translate-params="{
+                      nsc24: Number(
+                        gm_forecast_vs_reality_nsc_24h
+                      ).toLocaleString(),
+                      nsc72: Number(
+                        gm_forecast_vs_reality_nsc_72h
+                      ).toLocaleString()
+                    }"
+                    >The Nash-Sutcliffe coefficient is greater than
+                    <b>%{nsc24}</b>
+                    for last 24 hours and greater than
+                    <b>%{nsc72}</b>
+                    for last 72 hours.</translate
+                  >
                 </div>
               </div>
             </div>
@@ -217,7 +236,10 @@
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
                 <div class="form-inline justify-content-center">
-                  The Nash-Sutcliffe coefficient for last 24 hours is less than
+                  <translate
+                    >The Nash-Sutcliffe coefficient for last 24 hours is less
+                    than</translate
+                  >
                   <input
                     type="number"
                     step="0.1"
@@ -234,7 +256,10 @@
                 class="card-body d-flex flex-column align-items-center justify-content-center"
               >
                 <div class="form-inline justify-content-center">
-                  The Nash-Sutcliffe coefficient for last 72 hours is less than
+                  <translate
+                    >The Nash-Sutcliffe coefficient for last 72 hours is less
+                    than</translate
+                  >
                   <input
                     type="number"
                     step="0.1"