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