Mercurial > gemma

annotate client/src/components/systemconfiguration/DataAccuracy.vue @ 5736:55892008ec96 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fixed a bunch of corner cases in WG import.
author Sascha Wilde <wilde@sha-bang.de>
date Wed, 29 May 2024 19:02:42 +0200
parents 84d01a536bec
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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">
4279
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
7 <translate>Recency of Bottleneck Surveys</translate>
3597
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"
4450
41dd97f8c905 Constrain threshold for availability of gauges measurements to 14 days
Tom Gottfried <tom@intevation.de>
parents: 4435
diff changeset
113 max="336"
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
114 class="form-control form-control-sm mx-1"
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
115 style="width: 55px"
3617
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
116 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
117 />
4435
033685fe1355 Fix unit of threshold
Tom Gottfried <tom@intevation.de>
parents: 4279
diff changeset
118 <translate>hours.</translate>
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
119 </div>
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
120 </div>
3592
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>
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
123 </div>
3598
2be2880ad654 client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents: 3597
diff changeset
124 <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
125 <h6 class="font-weight-bold mt-3">
4279
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
126 <translate>Gauge Forecast vs. Reality</translate>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
127 </h6>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
128 <div class="d-flex flex-grow-1 text-center small">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
129 <div class="card rounded-left">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
130 <div class="card-header">OK</div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
131 <div
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
132 class="card-body d-flex align-items-center justify-content-center"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
133 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
134 <span
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
135 v-translate="{
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
136 nsc24: Number(
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
137 config.gm_forecast_vs_reality_nsc_24h
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
138 ).toLocaleString(),
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
139 nsc72: Number(
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
140 config.gm_forecast_vs_reality_nsc_72h
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
141 ).toLocaleString()
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
142 }"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
143 >The Nash-Sutcliffe coefficient is greater than
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
144 <b>%{nsc24}</b>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
145 for last 24 hours and greater than
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
146 <b>%{nsc72}</b>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
147 for last 72 hours.</span
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
148 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
149 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
150 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
151 <div class="card border-left-0 border-right-0 rounded-0">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
152 <div class="card-header rounded-0">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
153 Warning
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
154 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
155 <div
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
156 class="card-body d-flex flex-column align-items-center justify-content-center"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
157 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
158 <div class="form-inline justify-content-center">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
159 <translate
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
160 >The Nash-Sutcliffe coefficient for last 72 hours is less
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
161 than</translate
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
162 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
163 <input
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
164 type="number"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
165 step="0.1"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
166 class="form-control form-control-sm mx-1"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
167 style="width: 70px"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
168 v-model="config.gm_forecast_vs_reality_nsc_72h"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
169 />
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
170 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
171 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
172 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
173 <div class="card rounded-right">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
174 <div class="card-header">Critical</div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
175 <div
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
176 class="card-body d-flex flex-column align-items-center justify-content-center"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
177 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
178 <div class="form-inline justify-content-center">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
179 <translate
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
180 >The Nash-Sutcliffe coefficient for last 24 hours is less
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
181 than</translate
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
182 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
183 <input
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
184 type="number"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
185 step="0.1"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
186 class="form-control form-control-sm mx-1"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
187 style="width: 70px"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
188 v-model="config.gm_forecast_vs_reality_nsc_24h"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
189 />
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
190 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
191 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
192 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
193 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
194 </div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
195 <div class="col-sm-6 d-flex flex-column">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
196 <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
197 <translate>Gauge Forecast Confidence</translate>
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
198 </h6>
3598
2be2880ad654 client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents: 3597
diff changeset
199 <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
200 <div class="card rounded-left">
3613
6a5a2ffcf74b client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents: 3607
diff changeset
201 <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
202 <div
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
203 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
204 >
3607
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
205 <span
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
206 v-translate="{
3617
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
207 gm24: Number(
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
208 config.gm_forecast_offset_24h
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
209 ).toLocaleString(),
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
210 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
211 }"
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
212 >The highest confidence value is less than
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
213 <b>%{gm24} cm</b>
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
214 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
215 <b>%{gm72} cm</b>
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
216 within last 72 hours.</span
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
217 >
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
218 </div>
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
219 </div>
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
220 <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
221 <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
222 Warning
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
223 </div>
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
224 <div
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
225 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
226 >
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
227 <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
228 <translate
3616
307ddc52a5b9 client: configuration: data accuracy: corrected criteria for forecasts
Markus Kottlaender <markus@intevation.de>
parents: 3613
diff changeset
229 >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
230 greater than</translate
77aa6c137a2f client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents: 3599
diff changeset
231 >
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
232 <input
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
233 type="number"
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
234 step="1"
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
235 min="1"
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
236 class="form-control form-control-sm mx-1"
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
237 style="width: 55px"
3617
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
238 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
239 />
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
240 cm.
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
241 </div>
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 class="card rounded-right">
3613
6a5a2ffcf74b client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents: 3607
diff changeset
245 <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
246 <div
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
247 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
248 >
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
249 <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
250 <translate
3616
307ddc52a5b9 client: configuration: data accuracy: corrected criteria for forecasts
Markus Kottlaender <markus@intevation.de>
parents: 3613
diff changeset
251 >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
252 greater than</translate
77aa6c137a2f client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents: 3599
diff changeset
253 >
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
254 <input
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
255 type="number"
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
256 step="1"
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
257 min="1"
3599
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"
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
259 style="width: 55px"
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_offset_24h"
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
261 />
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
262 cm.
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
263 </div>
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
264 </div>
3592
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>
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
268 </div>
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
269 </div>
3592
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
270
3598
2be2880ad654 client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents: 3597
diff changeset
271 <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
272 <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
273 <translate>Send</translate>
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
274 </a>
3864
a7abfb3d400d client: configuration: reset data accuracy to defaults
Markus Kottlaender <markus@intevation.de>
parents: 3625
diff changeset
275 <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
276 <translate>Reset to defaults</translate>
a7abfb3d400d client: configuration: reset data accuracy to defaults
Markus Kottlaender <markus@intevation.de>
parents: 3625
diff changeset
277 </a>
3592
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 </div>
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
280 </template>
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
281
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
282 <style scoped>
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
283 .card {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
284 width: 33.333%;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
285 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
286 .card:nth-child(1) > .card-header {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
287 border-bottom: solid 2px #28a745;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
288 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
289 .card:nth-child(2) > .card-header {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
290 border-bottom: solid 2px #ffc107;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
291 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
292 .card:nth-child(3) > .card-header {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
293 border-bottom: solid 2px #dc3545;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
294 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
295
3592
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
296 .rounded-left,
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
297 .rounded-left .card-header {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
298 border-top-right-radius: 0;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
299 border-bottom-right-radius: 0;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
300 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
301
3613
6a5a2ffcf74b client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents: 3607
diff changeset
302 .rounded-right,
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
303 .rounded-right .card-header {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
304 border-top-left-radius: 0;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
305 border-bottom-left-radius: 0;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
306 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
307
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
308 .card-header {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
309 padding: 0.25rem;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
310 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
311
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
312 .card-body {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
313 padding: 0.5rem;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
314 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
315 .card-body .form-control-sm {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
316 height: 24px;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
317 font-size: 12px;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 4450
diff changeset
318 }
3592
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
319 </style>
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 <script>
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
322 /* 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
323 * 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
324 *
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
325 * 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
326 * 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
327 *
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
328 * Copyright (C) 2018 by via donau
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
329 * – Österreichische Wasserstraßen-Gesellschaft mbH
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
330 * Software engineering by Intevation GmbH
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 * Author(s):
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
333 * Markus Kottländer <markus@intevation.de>
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
3617
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
336 import { mapState } from "vuex";
3867
d37f44c4d531 client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents: 3864
diff changeset
337 import defaults from "./defaults";
3617
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
338
3592
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
339 export default {
3617
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
340 computed: {
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
341 ...mapState("application", ["config"])
3592
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
342 },
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
343 methods: {
3864
a7abfb3d400d client: configuration: reset data accuracy to defaults
Markus Kottlaender <markus@intevation.de>
parents: 3625
diff changeset
344 reset() {
3867
d37f44c4d531 client: configuration: moved default values to separate file
Markus Kottlaender <markus@intevation.de>
parents: 3864
diff changeset
345 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
346 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
347 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
348 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
349 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
350 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
351 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
352 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
353 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
354 },
3592
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
355 submit() {
3625
a688a478e35f implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents: 3617
diff changeset
356 this.$store.dispatch("application/saveConfig", {
a688a478e35f implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents: 3617
diff changeset
357 bn_revtime_multiplier: this.config.bn_revtime_multiplier,
a688a478e35f implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents: 3617
diff changeset
358 gm_latest_hours: this.config.gm_latest_hours,
a688a478e35f implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents: 3617
diff changeset
359 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
360 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
361 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
362 gm_forecast_vs_reality_nsc_24h: this.config
a688a478e35f implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents: 3617
diff changeset
363 .gm_forecast_vs_reality_nsc_24h,
a688a478e35f implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents: 3617
diff changeset
364 gm_forecast_vs_reality_nsc_72h: this.config
a688a478e35f implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents: 3617
diff changeset
365 .gm_forecast_vs_reality_nsc_72h
a688a478e35f implemented configuration backend and frontend
Markus Kottlaender <markus@intevation.de>
parents: 3617
diff changeset
366 });
3592
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
367 }
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
368 }
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
369 };
a0964fd608ae client: configuration: prepared UI for data quality thresholds configuration
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
370 </script>