annotate client/src/components/systemconfiguration/DataAccuracy.vue @ 3867:d37f44c4d531

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