Mercurial > gemma

annotate client/src/components/systemconfiguration/DataAccuracy.vue @ 3889:851c0ccba59b

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