changeset 3607:2f21aee4e53a

client: configuration: fixed translatable strings with parameters
author Markus Kottlaender <markus@intevation.de>
date Wed, 05 Jun 2019 12:09:07 +0200
parents a8190a570b71
children f96def15847e
files client/src/components/systemconfiguration/DataAccuracy.vue
diffstat 1 files changed, 42 insertions(+), 51 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/systemconfiguration/DataAccuracy.vue	Wed Jun 05 12:02:23 2019 +0200
+++ b/client/src/components/systemconfiguration/DataAccuracy.vue	Wed Jun 05 12:09:07 2019 +0200
@@ -47,15 +47,13 @@
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
-                <div>
-                  <translate
-                    :translate-params="{
-                      multiplier: Number(bn_revtime_multiplier).toLocaleString()
-                    }"
-                    >The latest survey is older than <b>%{multiplier}</b> times
-                    the revisiting time.</translate
-                  >
-                </div>
+                <span
+                  v-translate="{
+                    multiplier: Number(bn_revtime_multiplier).toLocaleString()
+                  }"
+                  >The latest survey is older than <b>%{multiplier}</b> times
+                  the revisiting time.</span
+                >
               </div>
             </div>
           </div>
@@ -70,18 +68,15 @@
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
-                <div>
-                  <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>
+                <span
+                  v-translate="{
+                    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.</span
+                >
               </div>
             </div>
             <div class="card border-left-0 border-right-0 rounded-0">
@@ -136,19 +131,17 @@
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
-                <div>
-                  <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>
+                <span
+                  v-translate="{
+                    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.</span
+                >
               </div>
             </div>
             <div class="card border-left-0 border-right-0 rounded-0">
@@ -209,23 +202,21 @@
               <div
                 class="card-body d-flex align-items-center justify-content-center"
               >
-                <div>
-                  <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>
+                <span
+                  v-translate="{
+                    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.</span
+                >
               </div>
             </div>
             <div class="card border-left-0 border-right-0 rounded-0">