Mercurial > gemma
annotate client/src/components/systemconfiguration/DataAccuracy.vue @ 3867:d37f44c4d531
client: configuration: moved default values to separate file
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 09 Jul 2019 16:11:42 +0200 |
parents | a7abfb3d400d |
children | 851c0ccba59b |
rev | line source |
---|---|
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
1 <template> |
3606
a8190a570b71
client: configuration: prepared morphology classbreaks UI
Markus Kottlaender <markus@intevation.de>
parents:
3602
diff
changeset
|
2 <div class="d-flex flex-column pb-4 border-bottom"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
3 <h5 class="py-2 px-3 mb-2 m-0"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
4 <translate>Data Availability/Accuracy</translate> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
5 </h5> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
6 <div class="px-3 container-fluid"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
7 <div class="row"> |
3598
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
8 <div class="col-sm-6 d-flex flex-column"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
9 <h6 class="font-weight-bold"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
10 <translate>Currency of Bottleneck Surveys</translate> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
11 </h6> |
3598
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
12 <div class="d-flex flex-grow-1 text-center small"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
13 <div class="card rounded-left"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
14 <div class="card-header">OK</div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
15 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
16 class="card-body d-flex align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
17 > |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
18 <translate |
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
19 >The latest survey is within the revisiting time of the |
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
20 respective bottleneck.</translate |
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
21 > |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
22 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
23 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
24 <div class="card border-left-0 border-right-0 rounded-0"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
25 <div class="card-header rounded-0"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
26 Warning |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
27 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
28 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
29 class="card-body d-flex flex-column align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
30 > |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
31 <div class="form-inline justify-content-center"> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
32 <translate>The latest survey is within</translate> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
33 <input |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
34 type="number" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
35 step="0.1" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
36 min="1" |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
37 class="form-control form-control-sm mx-1" |
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
38 style="width: 60px" |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
39 v-model="config.bn_revtime_multiplier" |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
40 /> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
41 <translate>times the revisiting time.</translate> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
42 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
43 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
44 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
45 <div class="card rounded-right"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
46 <div class="card-header">Critical</div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
47 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
48 class="card-body d-flex align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
49 > |
3607
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
50 <span |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
51 v-translate="{ |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
52 multiplier: Number( |
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
53 config.bn_revtime_multiplier |
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
54 ).toLocaleString() |
3607
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
55 }" |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
56 >The latest survey is older than <b>%{multiplier}</b> times |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
57 the revisiting time.</span |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
58 > |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
59 </div> |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
60 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
61 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
62 </div> |
3598
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
63 <div class="col-sm-6 d-flex flex-column"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
64 <h6 class="font-weight-bold"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
65 <translate>Availability of Gauge Measurements</translate> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
66 </h6> |
3598
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
67 <div class="d-flex flex-grow-1 text-center small"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
68 <div class="card rounded-left"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
69 <div class="card-header">OK</div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
70 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
71 class="card-body d-flex align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
72 > |
3607
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
73 <span |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
74 v-translate="{ |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
75 hours: Number(config.gm_latest_hours).toLocaleString(), |
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
76 values: Number(config.gm_min_values_14d).toLocaleString() |
3607
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
77 }" |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
78 >The latest measurement is not older than |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
79 <b>%{hours}</b> hours and there are at least |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
80 <b>%{values}</b> measurements in the last 14 days.</span |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
81 > |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
82 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
83 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
84 <div class="card border-left-0 border-right-0 rounded-0"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
85 <div class="card-header rounded-0"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
86 Warning |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
87 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
88 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
89 class="card-body d-flex flex-column align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
90 > |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
91 <div class="form-inline justify-content-center"> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
92 <translate>There are less than</translate> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
93 <input |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
94 type="number" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
95 step="1" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
96 min="1" |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
97 class="form-control form-control-sm mx-1" |
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
98 style="width: 70px" |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
99 v-model="config.gm_min_values_14d" |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
100 /> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
101 <translate>measurements in the last 14 days.</translate> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
102 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
103 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
104 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
105 <div class="card rounded-right"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
106 <div class="card-header">Critical</div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
107 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
108 class="card-body d-flex flex-column align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
109 > |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
110 <div class="form-inline justify-content-center"> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
111 <translate>The latest measurement is older than</translate> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
112 <input |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
113 type="number" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
114 step="1" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
115 min="1" |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
116 class="form-control form-control-sm mx-1" |
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
117 style="width: 55px" |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
118 v-model="config.gm_latest_hours" |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
119 /> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
120 <translate>days.</translate> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
121 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
122 </div> |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
123 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
124 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
125 </div> |
3598
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
126 <div class="col-sm-6 d-flex flex-column"> |
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
127 <h6 class="font-weight-bold mt-3"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
128 <translate>Gauge Forecast Confidence</translate> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
129 </h6> |
3598
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
130 <div class="d-flex flex-grow-1 text-center small"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
131 <div class="card rounded-left"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
132 <div class="card-header">OK</div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
133 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
134 class="card-body d-flex align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
135 > |
3607
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
136 <span |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
137 v-translate="{ |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
138 gm24: Number( |
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
139 config.gm_forecast_offset_24h |
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
140 ).toLocaleString(), |
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
141 gm72: Number(config.gm_forecast_offset_72h).toLocaleString() |
3607
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
142 }" |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
143 >The highest confidence value is less than |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
144 <b>%{gm24} cm</b> |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
145 within the last 24 hours and less than |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
146 <b>%{gm72} cm</b> |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
147 within last 72 hours.</span |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
148 > |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
149 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
150 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
151 <div class="card border-left-0 border-right-0 rounded-0"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
152 <div class="card-header rounded-0"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
153 Warning |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
154 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
155 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
156 class="card-body d-flex flex-column align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
157 > |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
158 <div class="form-inline justify-content-center"> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
159 <translate |
3616
307ddc52a5b9
client: configuration: data accuracy: corrected criteria for forecasts
Markus Kottlaender <markus@intevation.de>
parents:
3613
diff
changeset
|
160 >The highest confidence value within the last 72 hours is |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
161 greater than</translate |
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
162 > |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
163 <input |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
164 type="number" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
165 step="1" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
166 min="1" |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
167 class="form-control form-control-sm mx-1" |
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
168 style="width: 55px" |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
169 v-model="config.gm_forecast_offset_72h" |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
170 /> |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
171 cm. |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
172 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
173 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
174 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
175 <div class="card rounded-right"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
176 <div class="card-header">Critical</div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
177 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
178 class="card-body d-flex flex-column align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
179 > |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
180 <div class="form-inline justify-content-center"> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
181 <translate |
3616
307ddc52a5b9
client: configuration: data accuracy: corrected criteria for forecasts
Markus Kottlaender <markus@intevation.de>
parents:
3613
diff
changeset
|
182 >The highest confidence value within the last 24 hours is |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
183 greater than</translate |
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
184 > |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
185 <input |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
186 type="number" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
187 step="1" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
188 min="1" |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
189 class="form-control form-control-sm mx-1" |
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
190 style="width: 55px" |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
191 v-model="config.gm_forecast_offset_24h" |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
192 /> |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
193 cm. |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
194 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
195 </div> |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
196 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
197 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
198 </div> |
3598
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
199 <div class="col-sm-6 d-flex flex-column"> |
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
200 <h6 class="font-weight-bold mt-3"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
201 <translate>Gauge Forecast vs. Reality</translate> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
202 </h6> |
3598
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
203 <div class="d-flex flex-grow-1 text-center small"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
204 <div class="card rounded-left"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
205 <div class="card-header">OK</div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
206 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
207 class="card-body d-flex align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
208 > |
3607
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
209 <span |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
210 v-translate="{ |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
211 nsc24: Number( |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
212 config.gm_forecast_vs_reality_nsc_24h |
3607
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
213 ).toLocaleString(), |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
214 nsc72: Number( |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
215 config.gm_forecast_vs_reality_nsc_72h |
3607
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
216 ).toLocaleString() |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
217 }" |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
218 >The Nash-Sutcliffe coefficient is greater than |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
219 <b>%{nsc24}</b> |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
220 for last 24 hours and greater than |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
221 <b>%{nsc72}</b> |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
222 for last 72 hours.</span |
2f21aee4e53a
client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents:
3606
diff
changeset
|
223 > |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
224 </div> |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
225 </div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
226 <div class="card border-left-0 border-right-0 rounded-0"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
227 <div class="card-header rounded-0"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
228 Warning |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
229 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
230 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
231 class="card-body d-flex flex-column align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
232 > |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
233 <div class="form-inline justify-content-center"> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
234 <translate |
3616
307ddc52a5b9
client: configuration: data accuracy: corrected criteria for forecasts
Markus Kottlaender <markus@intevation.de>
parents:
3613
diff
changeset
|
235 >The Nash-Sutcliffe coefficient for last 72 hours is less |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
236 than</translate |
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
237 > |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
238 <input |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
239 type="number" |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
240 step="0.1" |
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
241 class="form-control form-control-sm mx-1" |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
242 style="width: 70px" |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
243 v-model="config.gm_forecast_vs_reality_nsc_72h" |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
244 /> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
245 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
246 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
247 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
248 <div class="card rounded-right"> |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
249 <div class="card-header">Critical</div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
250 <div |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
251 class="card-body d-flex flex-column align-items-center justify-content-center" |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
252 > |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
253 <div class="form-inline justify-content-center"> |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
254 <translate |
3616
307ddc52a5b9
client: configuration: data accuracy: corrected criteria for forecasts
Markus Kottlaender <markus@intevation.de>
parents:
3613
diff
changeset
|
255 >The Nash-Sutcliffe coefficient for last 24 hours is less |
3602
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
256 than</translate |
77aa6c137a2f
client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents:
3599
diff
changeset
|
257 > |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
258 <input |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
259 type="number" |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
260 step="0.1" |
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
261 class="form-control form-control-sm mx-1" |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
262 style="width: 70px" |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
263 v-model="config.gm_forecast_vs_reality_nsc_24h" |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
264 /> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
265 </div> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
266 </div> |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
267 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
268 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
269 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
270 </div> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
271 </div> |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
272 |
3598
2be2880ad654
client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents:
3597
diff
changeset
|
273 <div class="px-3 mt-4"> |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
274 <a @click.prevent="submit" class="btn btn-info btn-sm text-white"> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
275 <translate>Send</translate> |
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
276 </a> |
3864
a7abfb3d400d
client: configuration: reset data accuracy to defaults
Markus Kottlaender <markus@intevation.de>
parents:
3625
diff
changeset
|
277 <a @click.prevent="reset" class="btn btn-outline-info btn-sm ml-2"> |
a7abfb3d400d
client: configuration: reset data accuracy to defaults
Markus Kottlaender <markus@intevation.de>
parents:
3625
diff
changeset
|
278 <translate>Reset to defaults</translate> |
a7abfb3d400d
client: configuration: reset data accuracy to defaults
Markus Kottlaender <markus@intevation.de>
parents:
3625
diff
changeset
|
279 </a> |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
280 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
281 </div> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
282 </template> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
283 |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
284 <style lang="sass" scoped> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
285 .card |
3597
d1bbfb9635ca
client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents:
3595
diff
changeset
|
286 width: 33.333% |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
287 &:nth-child(1) |
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
288 > .card-header |
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
289 border-bottom: solid 2px #28a745 |
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
290 &:nth-child(2) |
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
291 > .card-header |
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
292 border-bottom: solid 2px #ffc107 |
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
293 &:nth-child(3) |
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
294 > .card-header |
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
295 border-bottom: solid 2px #dc3545 |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
296 .rounded-left, |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
297 .rounded-left .card-header |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
298 border-top-right-radius: 0 |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
299 border-bottom-right-radius: 0 |
3613
6a5a2ffcf74b
client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents:
3607
diff
changeset
|
300 .rounded-right, |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
301 .rounded-right .card-header |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
302 border-top-left-radius: 0 |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
303 border-bottom-left-radius: 0 |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
304 .card-header |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
305 padding: 0.25rem |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
306 .card-body |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
307 padding: 0.5rem |
3599
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
308 .form-control-sm |
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
309 height: 24px |
73add36de413
client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents:
3598
diff
changeset
|
310 font-size: 12px |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
311 </style> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
312 |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
313 <script> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
314 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
315 * without warranty, see README.md and license for details. |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
316 * |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
317 * SPDX-License-Identifier: AGPL-3.0-or-later |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
318 * License-Filename: LICENSES/AGPL-3.0.txt |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
319 * |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
320 * Copyright (C) 2018 by via donau |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
321 * – Österreichische Wasserstraßen-Gesellschaft mbH |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
322 * Software engineering by Intevation GmbH |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
323 * |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
324 * Author(s): |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
325 * Markus Kottländer <markus@intevation.de> |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
326 */ |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
327 |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
328 import { mapState } from "vuex"; |
3867
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
329 import defaults from "./defaults"; |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
330 |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
331 export default { |
3617
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
332 computed: { |
bcf9713ee359
client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents:
3616
diff
changeset
|
333 ...mapState("application", ["config"]) |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
334 }, |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
335 methods: { |
3864
a7abfb3d400d
client: configuration: reset data accuracy to defaults
Markus Kottlaender <markus@intevation.de>
parents:
3625
diff
changeset
|
336 reset() { |
3867
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
337 this.config.bn_revtime_multiplier = defaults.bn_revtime_multiplier; |
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
338 this.config.gm_min_values_14d = defaults.gm_min_values_14d; |
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
339 this.config.gm_latest_hours = defaults.gm_latest_hours; |
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
340 this.config.gm_forecast_offset_24h = defaults.gm_forecast_offset_24h; |
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
341 this.config.gm_forecast_offset_72h = defaults.gm_forecast_offset_72h; |
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
342 this.config.gm_forecast_vs_reality_nsc_24h = |
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
343 defaults.gm_forecast_vs_reality_nsc_24h; |
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
344 this.config.gm_forecast_vs_reality_nsc_72h = |
d37f44c4d531
client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents:
3864
diff
changeset
|
345 defaults.gm_forecast_vs_reality_nsc_72h; |
3864
a7abfb3d400d
client: configuration: reset data accuracy to defaults
Markus Kottlaender <markus@intevation.de>
parents:
3625
diff
changeset
|
346 }, |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
347 submit() { |
3625
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
348 this.$store.dispatch("application/saveConfig", { |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
349 bn_revtime_multiplier: this.config.bn_revtime_multiplier, |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
350 gm_latest_hours: this.config.gm_latest_hours, |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
351 gm_min_values_14d: this.config.gm_min_values_14d, |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
352 gm_forecast_offset_24h: this.config.gm_forecast_offset_24h, |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
353 gm_forecast_offset_72h: this.config.gm_forecast_offset_72h, |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
354 gm_forecast_vs_reality_nsc_24h: this.config |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
355 .gm_forecast_vs_reality_nsc_24h, |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
356 gm_forecast_vs_reality_nsc_72h: this.config |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
357 .gm_forecast_vs_reality_nsc_72h |
a688a478e35f
implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents:
3617
diff
changeset
|
358 }); |
3592
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
359 } |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
360 } |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
361 }; |
a0964fd608ae
client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
362 </script> |