Mercurial > gemma

annotate client/src/components/systemconfiguration/DataAccuracy.vue @ 4279:30f26bf7ff24

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Reordering of elements In order to improve user experience the configuration of avail, forceast vs. real and accuracy was changed in such a way, that it now mirrors the optics of the displayed triangle. The order in the identify tool was changed accordingly 1) avail 2) forcast vs. real 3) accuracy "Currency" was cleaned up to "recency"
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 29 Aug 2019 15:04:02 +0200
parents 851c0ccba59b
children 033685fe1355
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"
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">
4279
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
125 <translate>Gauge Forecast vs. Reality</translate>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
126 </h6>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
127 <div class="d-flex flex-grow-1 text-center small">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
128 <div class="card rounded-left">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
129 <div class="card-header">OK</div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
130 <div
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
131 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
132 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
133 <span
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
134 v-translate="{
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
135 nsc24: Number(
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
136 config.gm_forecast_vs_reality_nsc_24h
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
137 ).toLocaleString(),
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
138 nsc72: Number(
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
139 config.gm_forecast_vs_reality_nsc_72h
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
140 ).toLocaleString()
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
141 }"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
142 >The Nash-Sutcliffe coefficient is greater than
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
143 <b>%{nsc24}</b>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
144 for last 24 hours and greater than
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
145 <b>%{nsc72}</b>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
146 for last 72 hours.</span
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
147 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
148 </div>
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 class="card border-left-0 border-right-0 rounded-0">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
151 <div class="card-header rounded-0">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
152 Warning
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
153 </div>
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 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
156 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
157 <div class="form-inline justify-content-center">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
158 <translate
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
159 >The Nash-Sutcliffe coefficient for last 72 hours is less
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
160 than</translate
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
161 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
162 <input
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
163 type="number"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
164 step="0.1"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
165 class="form-control form-control-sm mx-1"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
166 style="width: 70px"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
167 v-model="config.gm_forecast_vs_reality_nsc_72h"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
168 />
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
169 </div>
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 class="card rounded-right">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
173 <div class="card-header">Critical</div>
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
174 <div
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
175 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
176 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
177 <div class="form-inline justify-content-center">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
178 <translate
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
179 >The Nash-Sutcliffe coefficient for last 24 hours is less
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
180 than</translate
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
181 >
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
182 <input
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
183 type="number"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
184 step="0.1"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
185 class="form-control form-control-sm mx-1"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
186 style="width: 70px"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
187 v-model="config.gm_forecast_vs_reality_nsc_24h"
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
188 />
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
189 </div>
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 class="col-sm-6 d-flex flex-column">
30f26bf7ff24 Reordering of elements
Thomas Junk <thomas.junk@intevation.de>
parents: 3889
diff changeset
195 <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
196 <translate>Gauge Forecast Confidence</translate>
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
197 </h6>
3598
2be2880ad654 client: configuration: data accuracy: improved layout/style
Markus Kottlaender <markus@intevation.de>
parents: 3597
diff changeset
198 <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
199 <div class="card rounded-left">
3613
6a5a2ffcf74b client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents: 3607
diff changeset
200 <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
201 <div
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
202 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
203 >
3607
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
204 <span
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
205 v-translate="{
3617
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
206 gm24: Number(
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
207 config.gm_forecast_offset_24h
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
208 ).toLocaleString(),
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
209 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
210 }"
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
211 >The highest confidence value is less than
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
212 <b>%{gm24} cm</b>
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
213 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
214 <b>%{gm72} cm</b>
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
215 within last 72 hours.</span
2f21aee4e53a client: configuration: fixed translatable strings with parameters
Markus Kottlaender <markus@intevation.de>
parents: 3606
diff changeset
216 >
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
217 </div>
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 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
220 <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
221 Warning
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
222 </div>
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 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
225 >
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
226 <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
227 <translate
3616
307ddc52a5b9 client: configuration: data accuracy: corrected criteria for forecasts
Markus Kottlaender <markus@intevation.de>
parents: 3613
diff changeset
228 >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
229 greater than</translate
77aa6c137a2f client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents: 3599
diff changeset
230 >
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
231 <input
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
232 type="number"
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
233 step="1"
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
234 min="1"
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
235 class="form-control form-control-sm mx-1"
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
236 style="width: 55px"
3617
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
237 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
238 />
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
239 cm.
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
240 </div>
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 class="card rounded-right">
3613
6a5a2ffcf74b client: configuration: data accuracy: made headers less flashy
Markus Kottlaender <markus@intevation.de>
parents: 3607
diff changeset
244 <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
245 <div
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
246 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
247 >
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
248 <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
249 <translate
3616
307ddc52a5b9 client: configuration: data accuracy: corrected criteria for forecasts
Markus Kottlaender <markus@intevation.de>
parents: 3613
diff changeset
250 >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
251 greater than</translate
77aa6c137a2f client: configuration: data accuracy: made strings translatable
Markus Kottlaender <markus@intevation.de>
parents: 3599
diff changeset
252 >
3597
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
253 <input
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
254 type="number"
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
255 step="1"
d1bbfb9635ca client: configuration: unified styles of different config components
Markus Kottlaender <markus@intevation.de>
parents: 3595
diff changeset
256 min="1"
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
257 class="form-control form-control-sm mx-1"
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
258 style="width: 55px"
3617
bcf9713ee359 client: configuration: prepared fetching data accuracy values from backend
Markus Kottlaender <markus@intevation.de>
parents: 3616
diff changeset
259 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
260 />
3599
73add36de413 client: configuration: data accuracy: improved texts
Markus Kottlaender <markus@intevation.de>
parents: 3598
diff changeset
261 cm.
3597
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>