Mercurial > gemma

annotate client/src/components/fairway/AvailableFairwayDepthDialogue.vue @ 4468:130e929bab8f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
available_fairway_depth_dialogue: more intuitive date selection
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 23 Sep 2019 16:16:42 +0200
parents 69166db6ba8a
children 063f7a48904e
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
3159
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
1 <template>
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
2 <div
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
3 :class="[
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
4 'box ui-element rounded bg-white text-nowrap',
3231
2dab20bed284 show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents: 3214
diff changeset
5 { expanded: showFairwayDepth }
3159
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
6 ]"
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
7 >
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
8 <div style="width: 18rem">
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
9 <UIBoxHeader icon="chart-line" :title="label" :closeCallback="close" />
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
10 <div class="box-body">
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
11 <UISpinnerOverlay v-if="loading" />
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
12 <div class="mb-2 d-flex justify-content-between align-items-center">
3710
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
13 <div class="custom-control custom-radio custom-control-inline mr-2">
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
14 <input
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
15 :value="$options.BOTTLENECK"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
16 type="radio"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
17 v-model="type"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
18 id="type-bottleneck"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
19 class="custom-control-input"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
20 />
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
21 <label
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
22 class="custom-control-label small d-flex align-items-center"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
23 for="type-bottleneck"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
24 >
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
25 <translate>Bottlenecks</translate>
3710
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
26 </label>
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
27 </div>
3710
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
28 <div class="custom-control custom-radio custom-control-inline mr-2">
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
29 <input
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
30 :value="$options.STRETCH"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
31 type="radio"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
32 v-model="type"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
33 id="type-stretch"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
34 class="custom-control-input"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
35 />
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
36 <label
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
37 class="custom-control-label small d-flex align-items-center"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
38 for="type-stretch"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
39 >
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
40 <translate>Stretches</translate>
3710
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
41 </label>
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
42 </div>
3710
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
43 <div class="custom-control custom-radio custom-control-inline">
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
44 <input
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
45 :value="$options.SECTION"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
46 type="radio"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
47 v-model="type"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
48 id="type-section"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
49 class="custom-control-input"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
50 />
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
51 <label
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
52 class="custom-control-label small d-flex align-items-center"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
53 for="type-section"
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
54 >
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
55 <translate>Sections</translate>
3710
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
56 </label>
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
57 </div>
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
58 </div>
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
59 <select
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
60 v-if="type === $options.BOTTLENECK"
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
61 @change="entrySelected"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
62 class="form-control font-weight-bold"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
63 v-model="selectedEntry"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
64 >
3315
d61b88439c85 client: fairway availability: more appropriate property naming
Markus Kottlaender <markus@intevation.de>
parents: 3314
diff changeset
65 <option :value="null">{{ placeholder }}</option>
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
66 <optgroup
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
67 v-for="(bottlenecksForCountry, cc) in orderedBottlenecks"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
68 :key="cc"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
69 :label="cc"
3236
5914d615f703 available_fairway_depth: use the store luke
Thomas Junk <thomas.junk@intevation.de>
parents: 3233
diff changeset
70 >
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
71 <option
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
72 v-for="bn in bottlenecksForCountry"
3818
242057dbc8c3 fix bottleneckselection: use id as identifier
Thomas Junk <thomas.junk@intevation.de>
parents: 3710
diff changeset
73 :key="bn.properties.id"
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
74 :value="bn"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
75 >
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
76 {{ bn.properties.name }}
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
77 </option>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
78 </optgroup>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
79 </select>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
80 <select
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
81 v-else-if="type === $options.STRETCH"
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
82 @change="entrySelected"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
83 class="form-control font-weight-bold"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
84 v-model="selectedEntry"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
85 >
3315
d61b88439c85 client: fairway availability: more appropriate property naming
Markus Kottlaender <markus@intevation.de>
parents: 3314
diff changeset
86 <option :value="null">{{ placeholder }}</option>
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
87 <option
3316
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
88 v-for="stretch in stretches"
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
89 :value="stretch"
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
90 :key="stretch.id"
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
91 >
3316
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
92 {{ stretch.properties.name }}
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
93 </option>
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
94 </select>
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
95 <select
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
96 v-else-if="type === $options.SECTION"
3316
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
97 @change="entrySelected"
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
98 class="form-control font-weight-bold"
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
99 v-model="selectedEntry"
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
100 >
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
101 <option :value="null">{{ placeholder }}</option>
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
102 <option
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
103 v-for="section in sections"
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
104 :value="section"
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
105 :key="section.id"
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
106 >
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
107 {{ section.properties.name }}
c7b48272e11e client: fairway availability: removed unnecessary computed property
Markus Kottlaender <markus@intevation.de>
parents: 3315
diff changeset
108 </option>
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
109 </select>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
110 <div class="d-flex mt-2">
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
111 <div class="d-flex flex-column w-50 mr-1">
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
112 <small class="my-auto text-muted">
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
113 <translate>Type</translate>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
114 </small>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
115 <select
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
116 v-model="selectedFrequency"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
117 class="form-control form-control-sm"
3236
5914d615f703 available_fairway_depth: use the store luke
Thomas Junk <thomas.junk@intevation.de>
parents: 3233
diff changeset
118 >
5914d615f703 available_fairway_depth: use the store luke
Thomas Junk <thomas.junk@intevation.de>
parents: 3233
diff changeset
119 <option
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
120 v-for="(option, index) in $options.FREQUENCIES"
3572
c69c01045498 client: translations: correct some strings marking (AvailableFairwayDepthDialogue)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3486
diff changeset
121 :value="index"
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
122 :key="index"
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
123 >
3572
c69c01045498 client: translations: correct some strings marking (AvailableFairwayDepthDialogue)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3486
diff changeset
124 {{ option }}
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
125 </option>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
126 </select>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
127 </div>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
128 <div class="d-flex flex-column w-50 ml-1">
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
129 <small class="my-auto text-muted"><translate>LOS</translate></small>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
130 <select v-model="los" class="form-control form-control-sm">
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
131 <option value="1">1</option>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
132 <option value="2">2</option>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
133 <option value="3">3</option>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
134 </select>
3185
505414dfe3e7 available_fairway_depth: move statistic dialog to store
Thomas Junk <thomas.junk@intevation.de>
parents: 3184
diff changeset
135 </div>
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
136 </div>
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
137 <div class="d-flex mt-2">
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
138 <div
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
139 :key="new Date().getTime()"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
140 v-if="selectedFrequency === $options.FREQUENCIES.monthly"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
141 class="d-flex flex-column w-50 mr-1"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
142 >
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
143 <small for="from" class="my-auto text-muted">
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
144 <translate>Starting Month</translate>
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
145 </small>
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
146 <select v-model="startMonth" class="form-control form-control-sm">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
147 <option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
148 v-for="month in Object.keys($options.MONTHS)"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
149 :key="'start' + month"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
150 :value="month"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
151 >{{ $options.MONTHS[month] }}</option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
152 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
153 </select>
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
154 </div>
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
155 <div
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
156 :key="new Date().getTime()"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
157 v-if="selectedFrequency === $options.FREQUENCIES.quarterly"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
158 class="d-flex flex-column w-50 mr-1"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
159 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
160 <small for="from" class="my-auto text-muted">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
161 <translate>Starting Quarter</translate>
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
162 </small>
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
163 <select v-model="startQuarter" class="form-control form-control-sm">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
164 <option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
165 v-for="month in [1, 2, 3, 4]"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
166 :key="'qstart' + month"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
167 :value="month"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
168 >Q{{ month }}</option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
169 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
170 </select>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
171 </div>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
172 <div
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
173 :class="[
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
174 'd-flex',
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
175 'flex-column',
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
176 'w-50',
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
177 { 'ml-1': selectedFrequency !== $options.FREQUENCIES.yearly }
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
178 ]"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
179 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
180 <small for="from" class="my-auto text-muted">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
181 <translate>Starting Year</translate>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
182 </small>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
183 <select v-model="startYear" class="form-control form-control-sm">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
184 <option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
185 v-for="year in $options.YEARS"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
186 :key="'start' + year"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
187 :value="year"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
188 >{{ year }}</option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
189 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
190 </select>
3185
505414dfe3e7 available_fairway_depth: move statistic dialog to store
Thomas Junk <thomas.junk@intevation.de>
parents: 3184
diff changeset
191 </div>
505414dfe3e7 available_fairway_depth: move statistic dialog to store
Thomas Junk <thomas.junk@intevation.de>
parents: 3184
diff changeset
192 </div>
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
193 <div class="d-flex mt-2">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
194 <div
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
195 :key="new Date().getTime()"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
196 class="d-flex flex-column w-50 mr-1"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
197 v-if="selectedFrequency === $options.FREQUENCIES.monthly"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
198 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
199 <small for="to" class="my-auto text-muted">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
200 <translate>Ending Month</translate>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
201 </small>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
202 <select v-model="endMonth" class="form-control form-control-sm">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
203 <option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
204 v-for="month in Object.keys($options.MONTHS)"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
205 :key="'end' + month"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
206 :value="month"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
207 >{{ $options.MONTHS[month] }}</option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
208 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
209 </select>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
210 </div>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
211 <div
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
212 :key="new Date().getTime()"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
213 v-if="selectedFrequency === $options.FREQUENCIES.quarterly"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
214 class="d-flex flex-column w-50 mr-1"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
215 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
216 <small for="from" class="my-auto text-muted">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
217 <translate>Ending Quarter</translate>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
218 </small>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
219 <select v-model="endQuarter" class="form-control form-control-sm">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
220 <option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
221 v-for="month in [1, 2, 3, 4]"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
222 :key="'qend' + month"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
223 :value="month"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
224 >Q{{ month }}</option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
225 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
226 </select>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
227 </div>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
228 <div
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
229 :class="[
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
230 'd-flex',
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
231 'flex-column',
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
232 'w-50',
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
233 { 'ml-1': selectedFrequency !== $options.FREQUENCIES.yearly }
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
234 ]"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
235 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
236 <small for="to" class="my-auto text-muted">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
237 <translate>Ending Year</translate>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
238 </small>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
239 <select v-model="endYear" class="form-control form-control-sm">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
240 <option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
241 v-for="year in $options.YEARS"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
242 :key="'end' + year"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
243 :value="year"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
244 >{{ year }}</option
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
245 >
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
246 </select>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
247 </div>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
248 </div>
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
249 <div v-if="depthLimitVisible" class="d-flex mt-2" :key="1">
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
250 <div class="d-flex flex-column w-50 mr-1">
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
251 <small for="from" class="my-auto text-muted">
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
252 <translate>Depthlimit 1 [m]</translate>
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
253 </small>
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
254 <input
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
255 id="depthlimit1"
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
256 v-model.number="depthLimit1"
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
257 class="form-control form-control-sm"
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
258 type="number"
3354
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
259 min="0"
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
260 step="0.1"
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
261 />
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
262 </div>
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
263 <div
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
264 v-if="depthLimitVisible"
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
265 class="d-flex flex-column w-50 ml-1"
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
266 :key="2"
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
267 >
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
268 <small for="to" class="my-auto text-muted">
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
269 <translate>Depthlimit 2 [m]</translate>
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
270 </small>
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
271 <input
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
272 id="depthlimit2"
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
273 v-model.number="depthLimit2"
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
274 class="form-control form-control-sm"
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
275 type="number"
3354
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
276 min="0"
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
277 step="0.1"
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
278 />
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
279 </div>
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
280 </div>
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
281 <div v-if="widthLimitVisible" class="d-flex mt-2" :key="3">
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
282 <div class="d-flex flex-column w-50 mr-1">
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
283 <small for="from" class="my-auto text-muted">
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
284 <translate>Widthlimit 1 [m]</translate>
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
285 </small>
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
286 <input
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
287 id="widthLimit"
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
288 v-model.number="widthLimit1"
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
289 class="form-control form-control-sm"
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
290 type="number"
3354
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
291 min="0"
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
292 />
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
293 </div>
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
294 <div
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
295 v-if="widthLimitVisible"
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
296 class="d-flex flex-column w-50 mr-1"
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
297 :key="4"
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
298 >
3354
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
299 <small for="from" class="my-auto text-muted">
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
300 <translate>Widthlimit 2 [m]</translate>
3354
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
301 </small>
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
302 <input
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
303 id="widthLimit"
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
304 v-model.number="widthLimit2"
3354
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
305 class="form-control form-control-sm"
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
306 type="number"
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
307 min="0"
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
308 />
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
309 </div>
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
310 </div>
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
311 <div class="d-flex mt-2">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
312 <div class="d-flex flex-column w-50 ml-1">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
313 <small for="from" class="my-auto text-muted">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
314 <translate>From</translate> {{ fromDate | surveyDate }}
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
315 </small>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
316 </div>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
317 <div class="d-flex flex-column w-50 ml-1">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
318 <small for="to" class="my-auto text-muted">
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
319 <translate>To</translate> {{ toDate | surveyDate }}
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
320 </small>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
321 </div>
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
322 </div>
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
323 <div class="mt-3">
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
324 <button
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
325 @click="openFairwaydepthDiagram"
3315
d61b88439c85 client: fairway availability: more appropriate property naming
Markus Kottlaender <markus@intevation.de>
parents: 3314
diff changeset
326 :disabled="!isComplete"
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
327 class="btn btn-info btn-sm d-block w-100"
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
328 >
3296
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3294
diff changeset
329 <translate>Available fairway depth</translate>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3294
diff changeset
330 </button>
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3294
diff changeset
331 <button
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
332 @click="openFairwaydepthLNWLDiagram"
3315
d61b88439c85 client: fairway availability: more appropriate property naming
Markus Kottlaender <markus@intevation.de>
parents: 3314
diff changeset
333 :disabled="!isComplete"
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
334 class="btn btn-info btn-sm d-block w-100 mt-2"
3296
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3294
diff changeset
335 >
fa7dc3f31ef3 available_fairwaydepth_vs_lnwl: POC etd.
Thomas Junk <thomas.junk@intevation.de>
parents: 3294
diff changeset
336 <translate>Available fairway depth vs LNWL</translate>
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
337 </button>
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
338 </div>
3159
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
339 </div>
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
340 </div>
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
341 </div>
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
342 </template>
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
343
3710
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
344 <style lang="sass" scoped>
3199
25a26f666ee8 statistics: layout
Thomas Junk <thomas.junk@intevation.de>
parents: 3198
diff changeset
345 input,
3710
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
346 select
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
347 font-size: 0.8em
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
348
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
349 .custom-control
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
350 padding-left: 1.2rem
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
351 .custom-control-label
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
352 &::before,
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
353 &::after
017827d9bb14 client: available fairway depth dialog: improved type selection
Markus Kottlaender <markus@intevation.de>
parents: 3572
diff changeset
354 left: -1.2rem
3199
25a26f666ee8 statistics: layout
Thomas Junk <thomas.junk@intevation.de>
parents: 3198
diff changeset
355 </style>
25a26f666ee8 statistics: layout
Thomas Junk <thomas.junk@intevation.de>
parents: 3198
diff changeset
356
3159
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
357 <script>
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
358 /* This is Free Software under GNU Affero General Public License v >= 3.0
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
359 * without warranty, see README.md and license for details.
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
360 *
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
361 * SPDX-License-Identifier: AGPL-3.0-or-later
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
362 * License-Filename: LICENSES/AGPL-3.0.txt
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
363 *
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
364 * Copyright (C) 2018 by via donau
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
365 * – Österreichische Wasserstraßen-Gesellschaft mbH
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
366 * Software engineering by Intevation GmbH
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
367 *
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
368 * Author(s):
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
369 * Markus Kottländer <markus.kottlaender@intevation.de>
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
370 * Thomas Junk <thomas.junk@intevation.de>
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
371 */
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
372
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
373 import app from "@/main";
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
374 import { displayError } from "@/lib/errors";
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
375 import { mapState, mapGetters } from "vuex";
3572
c69c01045498 client: translations: correct some strings marking (AvailableFairwayDepthDialogue)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3486
diff changeset
376 import { LIMITINGFACTORS } from "@/store/fairwayavailability";
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
377 import {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
378 subYears,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
379 getMonth,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
380 startOfYear,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
381 startOfMonth,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
382 endOfMonth,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
383 endOfYear,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
384 format,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
385 getQuarter,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
386 startOfQuarter,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
387 endOfQuarter,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
388 setQuarter,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
389 getYear
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
390 } from "date-fns";
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
391
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
392 const isoFormat = date => {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
393 return format(date, "YYYY-MM-DD");
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
394 };
3159
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
395
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
396 export default {
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
397 data() {
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
398 return {
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
399 loading: false,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
400 startMonth: null,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
401 endMonth: null,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
402 startQuarter: null,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
403 endQuarter: null,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
404 startYear: null,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
405 endYear: null
3159
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
406 };
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
407 },
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
408 computed: {
3231
2dab20bed284 show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents: 3214
diff changeset
409 ...mapState("application", [
2dab20bed284 show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents: 3214
diff changeset
410 "showFairwayDepth",
2dab20bed284 show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents: 3214
diff changeset
411 "paneSetup",
2dab20bed284 show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents: 3214
diff changeset
412 "showProfiles"
2dab20bed284 show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents: 3214
diff changeset
413 ]),
3207
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
414 ...mapState("fairwayavailability", [
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
415 "selectedFairwayAvailabilityFeature",
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
416 "from",
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
417 "to",
3198
b0328646e34f statistics: include los selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3191
diff changeset
418 "frequency",
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
419 "LOS",
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
420 "depthlimit1",
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
421 "depthlimit2",
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
422 "widthlimit1",
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
423 "widthlimit2"
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
424 ]),
3309
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
425 ...mapState("imports", [
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
426 "stretches",
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
427 "sections",
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
428 "selectedStretchId",
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
429 "selectedSectionId"
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
430 ]),
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
431 ...mapState("bottlenecks", ["bottlenecksList", "selectedBottleneck"]),
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
432 ...mapGetters("map", ["openLayersMap"]),
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
433 ...mapGetters("bottlenecks", [
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
434 "orderedBottlenecks",
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
435 "limitingFactorsPerBottleneck"
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
436 ]),
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
437 depthLimitVisible() {
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
438 if (this.type !== this.$options.BOTTLENECK) return true;
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
439 if (
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
440 this.selectedEntry &&
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
441 this.limitingFactorsPerBottleneck[this.selectedEntry.properties.name] ==
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
442 this.$options.LIMITINGFACTORS.DEPTH
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
443 )
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
444 return true;
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
445 return false;
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
446 },
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
447 widthLimitVisible() {
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
448 if (this.type !== this.$options.BOTTLENECK) return true;
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
449 if (
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
450 this.selectedEntry &&
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
451 this.limitingFactorsPerBottleneck[this.selectedEntry.properties.name] ==
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
452 this.$options.LIMITINGFACTORS.WIDTH
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
453 )
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
454 return true;
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
455 },
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
456 limitingFactor() {
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
457 if (this.type !== this.$options.BOTTLENECK) return;
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
458 if (this.selectedEntry)
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
459 return this.limitingFactorsPerBottleneck[
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
460 this.selectedEntry.properties.name
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
461 ];
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
462 },
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
463 isComplete() {
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
464 return this.selectedFairwayAvailabilityFeature !== null;
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
465 },
3205
bf571429515f client: fairway availability: moved component's type property to store to manipulate it from outside
Markus Kottlaender <markus@intevation.de>
parents: 3199
diff changeset
466 type: {
bf571429515f client: fairway availability: moved component's type property to store to manipulate it from outside
Markus Kottlaender <markus@intevation.de>
parents: 3199
diff changeset
467 get() {
3207
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
468 return this.$store.state.fairwayavailability.type;
3205
bf571429515f client: fairway availability: moved component's type property to store to manipulate it from outside
Markus Kottlaender <markus@intevation.de>
parents: 3199
diff changeset
469 },
bf571429515f client: fairway availability: moved component's type property to store to manipulate it from outside
Markus Kottlaender <markus@intevation.de>
parents: 3199
diff changeset
470 set(type) {
3207
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
471 this.$store.commit("fairwayavailability/type", type);
3205
bf571429515f client: fairway availability: moved component's type property to store to manipulate it from outside
Markus Kottlaender <markus@intevation.de>
parents: 3199
diff changeset
472 }
bf571429515f client: fairway availability: moved component's type property to store to manipulate it from outside
Markus Kottlaender <markus@intevation.de>
parents: 3199
diff changeset
473 },
3198
b0328646e34f statistics: include los selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3191
diff changeset
474 los: {
b0328646e34f statistics: include los selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3191
diff changeset
475 get() {
b0328646e34f statistics: include los selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3191
diff changeset
476 return this.LOS;
b0328646e34f statistics: include los selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3191
diff changeset
477 },
b0328646e34f statistics: include los selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3191
diff changeset
478 set(value) {
3207
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
479 this.$store.commit("fairwayavailability/setLOS", value);
3198
b0328646e34f statistics: include los selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3191
diff changeset
480 }
b0328646e34f statistics: include los selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3191
diff changeset
481 },
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
482 fromDate: {
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
483 get() {
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
484 return this.from;
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
485 },
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
486 set(value) {
3207
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
487 this.$store.commit("fairwayavailability/setFrom", value);
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
488 }
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
489 },
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
490 toDate: {
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
491 get() {
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
492 return this.to;
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
493 },
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
494 set(value) {
3207
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
495 this.$store.commit("fairwayavailability/setTo", value);
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
496 }
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
497 },
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
498 depthLimit1: {
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
499 get() {
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
500 return this.depthlimit1 / 100;
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
501 },
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
502 set(value) {
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
503 this.$store.commit(
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
504 "fairwayavailability/setDepthlimit1",
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
505 Math.round(value * 100)
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
506 );
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
507 }
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
508 },
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
509 depthLimit2: {
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
510 get() {
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
511 return this.depthlimit2 / 100;
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
512 },
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
513 set(value) {
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
514 this.$store.commit(
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
515 "fairwayavailability/setDepthlimit2",
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
516 Math.round(value * 100)
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
517 );
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
518 }
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
519 },
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
520 widthLimit1: {
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
521 get() {
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
522 return this.widthlimit1;
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
523 },
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
524 set(value) {
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
525 this.$store.commit("fairwayavailability/setWidthlimit1", value);
3354
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
526 }
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
527 },
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
528 widthLimit2: {
3354
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
529 get() {
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
530 return this.widthlimit2;
3354
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
531 },
e12e8bf044a6 available_fairway_dialogue: added 2nd breadthelement
Thomas Junk <thomas.junk@intevation.de>
parents: 3352
diff changeset
532 set(value) {
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
533 this.$store.commit("fairwayavailability/setWidthlimit2", value);
3352
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
534 }
399a2eb496ee available_fairway_depth_dialogue: adding limit fields. without transmission
Thomas Junk <thomas.junk@intevation.de>
parents: 3325
diff changeset
535 },
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
536 selectedFrequency: {
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
537 get() {
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
538 return this.frequency;
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
539 },
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
540 set(value) {
3207
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
541 this.$store.commit("fairwayavailability/setFrequency", value);
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
542 }
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
543 },
3183
f64cc98746a1 statistics: put selected feature in fairwaystore
Thomas Junk <thomas.junk@intevation.de>
parents: 3178
diff changeset
544 selectedEntry: {
f64cc98746a1 statistics: put selected feature in fairwaystore
Thomas Junk <thomas.junk@intevation.de>
parents: 3178
diff changeset
545 get() {
f64cc98746a1 statistics: put selected feature in fairwaystore
Thomas Junk <thomas.junk@intevation.de>
parents: 3178
diff changeset
546 return this.selectedFairwayAvailabilityFeature;
f64cc98746a1 statistics: put selected feature in fairwaystore
Thomas Junk <thomas.junk@intevation.de>
parents: 3178
diff changeset
547 },
f64cc98746a1 statistics: put selected feature in fairwaystore
Thomas Junk <thomas.junk@intevation.de>
parents: 3178
diff changeset
548 set(feature) {
3207
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
549 this.$store.commit(
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
550 "fairwayavailability/setSelectedFairwayAvailability",
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
551 feature
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
552 );
3183
f64cc98746a1 statistics: put selected feature in fairwaystore
Thomas Junk <thomas.junk@intevation.de>
parents: 3178
diff changeset
553 }
f64cc98746a1 statistics: put selected feature in fairwaystore
Thomas Junk <thomas.junk@intevation.de>
parents: 3178
diff changeset
554 },
3159
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
555 label() {
3294
5f0c6e931e7f Available_fairway_depth: label
Thomas Junk <thomas.junk@intevation.de>
parents: 3272
diff changeset
556 return this.$gettext("Available fairway depth");
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
557 },
3315
d61b88439c85 client: fairway availability: more appropriate property naming
Markus Kottlaender <markus@intevation.de>
parents: 3314
diff changeset
558 placeholder() {
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
559 if (this.type === this.$options.BOTTLENECK)
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
560 return this.$gettext("Select bottleneck");
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
561 if (this.type === this.$options.STRETCH)
3238
94e966ebef35 available_fairway_depth: fix typo
Thomas Junk <thomas.junk@intevation.de>
parents: 3237
diff changeset
562 return this.$gettext("Select stretch");
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
563 return this.$gettext("Select section");
3159
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
564 }
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
565 },
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
566 watch: {
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
567 selectedFrequency() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
568 const now = new Date();
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
569 switch (this.selectedFrequency) {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
570 case this.$options.FREQUENCIES.monthly:
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
571 this.startMonth = getMonth(now) + 1;
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
572 this.endMonth = getMonth(now) + 1;
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
573 this.startYear = getYear(subYears(now, 1));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
574 this.endYear = getYear(now);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
575 this.fromDate = isoFormat(subYears(startOfMonth(now), 1));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
576 this.toDate = isoFormat(endOfMonth(now));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
577 break;
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
578 case this.$options.FREQUENCIES.quarterly:
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
579 this.startQuarter = this.dateToQuarter(now);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
580 this.endQuarter = this.dateToQuarter(now);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
581 this.startYear = getYear(subYears(now, 1));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
582 this.endYear = getYear(now);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
583 this.fromDate = isoFormat(subYears(startOfQuarter(now), 1));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
584 this.toDate = this.toDate = isoFormat(endOfQuarter(now));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
585 break;
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
586 case this.$options.FREQUENCIES.yearly:
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
587 this.startYear = getYear(subYears(now, 1));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
588 this.endYear = getYear(now);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
589 this.fromDate = isoFormat(subYears(startOfYear(now), 1));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
590 this.toDate = isoFormat(endOfYear(now));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
591 break;
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
592 default:
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
593 throw new Error("undefined frequency");
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
594 }
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
595 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
596 startQuarter() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
597 this.fromDate = isoFormat(
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
598 startOfQuarter(this.quarterToDate(this.startYear, this.startQuarter))
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
599 );
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
600 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
601 endQuarter() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
602 this.toDate = isoFormat(
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
603 endOfQuarter(this.quarterToDate(this.endYear, this.endQuarter))
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
604 );
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
605 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
606 startMonth() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
607 this.calcStart();
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
608 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
609 startYear() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
610 this.calcStart();
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
611 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
612 endMonth() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
613 this.calcEnd();
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
614 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
615 endYear() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
616 this.calcEnd();
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
617 },
4445
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
618 depthLimitVisible() {
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
619 if (this.depthLimitVisible) {
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
620 this.depthLimit1 = 2.3;
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
621 this.depthLimit2 = 2.5;
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
622 }
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
623 },
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
624 selectedBottleneck() {
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
625 this.type = this.$options.BOTTLENECK;
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
626 this.setSelectedBottleneck();
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
627 },
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
628 selectedStretchId() {
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
629 this.type = this.$options.STRETCH;
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
630 this.setSelectedStretch();
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
631 },
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
632 selectedSectionId() {
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
633 this.type = this.$options.SECTION;
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
634 this.setSelectedSection();
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
635 },
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
636 type(type) {
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
637 if (type === this.$options.BOTTLENECK && this.selectedBottleneck) {
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
638 this.openLayersMap()
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
639 .getLayer("BOTTLENECKS")
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
640 .setVisible(true);
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
641 this.setSelectedBottleneck();
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
642 } else if (type === this.$options.STRETCH && this.selectedStretchId) {
3309
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
643 this.openLayersMap()
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
644 .getLayer("STRETCHES")
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
645 .setVisible(true);
3272
a9d047ccf408 client: fairway availability: set stretch in dialog when selecting stretch from map/list
Markus Kottlaender <markus@intevation.de>
parents: 3238
diff changeset
646 this.setSelectedStretch();
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
647 } else if (type === this.$options.SECTION && this.selectedSectionId) {
3309
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
648 this.openLayersMap()
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
649 .getLayer("SECTIONS")
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
650 .setVisible(true);
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
651 this.setSelectedSection();
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
652 } else {
3207
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
653 this.$store.commit(
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
654 "fairwayavailability/setSelectedFairwayAvailability",
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
655 null
ba7bc3740fb3 client: renamed store modules to better reflect their context
Markus Kottlaender <markus@intevation.de>
parents: 3205
diff changeset
656 );
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
657 }
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
658 },
3237
86e108358216 available_fairway_depth: bug fix for loading bottlenecks and stretches
Thomas Junk <thomas.junk@intevation.de>
parents: 3236
diff changeset
659 showFairwayDepth() {
86e108358216 available_fairway_depth: bug fix for loading bottlenecks and stretches
Thomas Junk <thomas.junk@intevation.de>
parents: 3236
diff changeset
660 if (this.showFairwayDepth) {
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
661 this.loading = true;
3309
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
662 Promise.all([
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
663 this.$store.dispatch("bottlenecks/loadBottlenecks"),
3309
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
664 this.$store.dispatch("bottlenecks/loadBottlenecksList"),
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
665 this.$store.dispatch("imports/loadStretches"),
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
666 this.$store.dispatch("imports/loadSections")
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
667 ])
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
668 .then(() => {
3173
1287b031424c statistics: sprinkled fairy dust on to bottleneck selection
Thomas Junk <thomas.junk@intevation.de>
parents: 3172
diff changeset
669 if (this.selectedBottleneck) this.setSelectedBottleneck();
3309
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
670 })
80037790032d client: fully implemented sections
Markus Kottlaender <markus@intevation.de>
parents: 3296
diff changeset
671 .finally(() => (this.loading = false));
3172
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
672 }
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
673 }
975efa874acf statistic: choice between bottlenecks and stretches implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 3159
diff changeset
674 },
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
675 methods: {
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
676 dateToQuarter(date) {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
677 return getQuarter(date);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
678 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
679 quarterToDate(year, quarter) {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
680 return setQuarter(new Date(year, 1, 1), quarter);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
681 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
682 calcStart() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
683 this.fromDate = isoFormat(
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
684 startOfMonth(new Date(this.startYear, this.startMonth - 1))
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
685 );
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
686 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
687 calcEnd() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
688 this.toDate = isoFormat(
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
689 endOfMonth(new Date(this.endYear, this.endMonth - 1))
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
690 );
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
691 },
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
692 initDates() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
693 const endDate = new Date();
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
694 const startDate = subYears(new Date(), 1);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
695 this.startMonth = getMonth(startDate) + 1;
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
696 this.endMonth = getMonth(endDate) + 1;
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
697 this.startYear = getYear(startDate);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
698 this.endYear = getYear(endDate);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
699 this.fromDate = isoFormat(startOfMonth(startDate));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
700 this.toDate = isoFormat(endOfMonth(endDate));
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
701 this.startQuarter = this.dateToQuarter(startDate);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
702 this.endQuarter = this.dateToQuarter(endDate);
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
703 },
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
704 openFairwaydepthLNWLDiagram() {
4445
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
705 this.clearInvisibleFormValues();
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
706 this.loading = true;
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
707 this.$store
3368
70605404f37d fa_lnwl: prototypical diagram added
Thomas Junk <thomas.junk@intevation.de>
parents: 3354
diff changeset
708 .dispatch("fairwayavailability/loadAvailableFairwayDepthLNWLDiagram", {
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
709 feature: this.selectedFairwayAvailabilityFeature,
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
710 from: this.from,
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
711 to: this.to,
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
712 frequency: this.frequency,
3463
6f4dad7473d7 afdLNWL: basical usage of classbreaks
Thomas Junk <thomas.junk@intevation.de>
parents: 3438
diff changeset
713 LOS: this.los,
6f4dad7473d7 afdLNWL: basical usage of classbreaks
Thomas Junk <thomas.junk@intevation.de>
parents: 3438
diff changeset
714 type: this.type,
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
715 depthLimit1: this.depthlimit1,
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
716 depthLimit2: this.depthlimit2,
3463
6f4dad7473d7 afdLNWL: basical usage of classbreaks
Thomas Junk <thomas.junk@intevation.de>
parents: 3438
diff changeset
717 widthLimit1: this.widthLimit1,
6f4dad7473d7 afdLNWL: basical usage of classbreaks
Thomas Junk <thomas.junk@intevation.de>
parents: 3438
diff changeset
718 widthLimit2: this.widthLimit2,
6f4dad7473d7 afdLNWL: basical usage of classbreaks
Thomas Junk <thomas.junk@intevation.de>
parents: 3438
diff changeset
719 limitingFactor: this.limitingFactor
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
720 })
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
721 .then(() => {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
722 this.$store.commit(
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
723 "application/paneSetup",
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
724 "AVAILABLEFAIRWAYDEPTHLNWL"
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
725 );
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
726 })
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
727 .catch(error => {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
728 const { status, data } = error.response;
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
729 displayError({
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
730 title: this.$gettext("Backend Error"),
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
731 message: `${status}: ${data.message || data}`
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
732 });
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
733 })
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
734 .finally(() => {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
735 this.loading = false;
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
736 });
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
737 },
4445
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
738 clearInvisibleFormValues() {
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
739 if (!this.widthLimitVisible) {
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
740 this.widthLimit1 = null;
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
741 this.widthLimit2 = null;
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
742 }
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
743 if (!this.depthLimitVisible) {
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
744 this.depthLimit1 = null;
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
745 this.depthLimit2 = null;
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
746 }
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
747 },
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
748 openFairwaydepthDiagram() {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
749 this.loading = true;
4445
950fecfec4ca client: fix diagram-legend values (Available fairway depth)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 4419
diff changeset
750 this.clearInvisibleFormValues();
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
751 this.$store
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
752 .dispatch("fairwayavailability/loadAvailableFairwayDepth", {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
753 feature: this.selectedFairwayAvailabilityFeature,
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
754 from: this.from,
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
755 to: this.to,
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
756 frequency: this.frequency,
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
757 LOS: this.los,
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
758 type: this.type,
4409
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
759 depthLimit1: this.depthlimit1,
d6c38a22c71e client: use meter values for fairwayavailability depth
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3818
diff changeset
760 depthLimit2: this.depthlimit2,
3407
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
761 widthLimit1: this.widthLimit1,
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
762 widthLimit2: this.widthLimit2,
7ea54c3b3fd6 afd: breaks for bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 3398
diff changeset
763 limitingFactor: this.limitingFactor
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
764 })
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
765 .then(() => {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
766 this.$store.commit("application/paneSetup", "AVAILABLEFAIRWAYDEPTH");
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
767 })
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
768 .catch(error => {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
769 const { status, data } = error.response;
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
770 displayError({
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
771 title: this.$gettext("Backend Error"),
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
772 message: `${status}: ${data.message || data}`
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
773 });
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
774 })
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
775 .finally(() => {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
776 this.loading = false;
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
777 });
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
778 },
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
779 close() {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
780 this.$store.commit("application/showFairwayDepth", false);
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
781 this.$store.commit("application/showFairwayDepthLNWL", false);
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
782 },
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
783 entrySelected() {
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
784 if (this.type === this.$options.BOTTLENECK) {
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
785 this.openLayersMap()
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
786 .getLayer("BOTTLENECKS")
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
787 .setVisible(true);
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
788 if (this.showProfiles) {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
789 this.$store.dispatch(
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
790 "bottlenecks/setSelectedBottleneck",
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
791 this.selectedFairwayAvailabilityFeature.properties.name
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
792 );
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
793 }
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
794 }
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
795 if (this.type === this.$options.STRETCH) {
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
796 this.openLayersMap()
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
797 .getLayer("STRETCHES")
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
798 .setVisible(true);
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
799 }
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
800 if (this.type === this.$options.SECTION) {
3314
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
801 this.openLayersMap()
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
802 .getLayer("SECTIONS")
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
803 .setVisible(true);
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
804 }
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
805 if (this.selectedFairwayAvailabilityFeature) {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
806 this.$store.dispatch("map/moveToFeauture", {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
807 feature: this.selectedFairwayAvailabilityFeature,
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
808 zoom: 17,
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
809 preventZoomOut: true
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
810 });
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
811 }
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
812 },
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
813 setSelectedBottleneck() {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
814 const bn = this.bottlenecksList.filter(
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
815 x => x.properties.name === this.selectedBottleneck
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
816 )[0];
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
817 this.$store.commit(
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
818 "fairwayavailability/setSelectedFairwayAvailability",
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
819 bn
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
820 );
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
821 },
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
822 setSelectedStretch() {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
823 const stretch = this.stretches.find(x => x.id === this.selectedStretchId);
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
824 this.$store.commit(
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
825 "fairwayavailability/setSelectedFairwayAvailability",
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
826 stretch
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
827 );
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
828 },
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
829 setSelectedSection() {
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
830 const section = this.sections.find(x => x.id === this.selectedSectionId);
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
831 this.$store.commit(
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
832 "fairwayavailability/setSelectedFairwayAvailability",
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
833 section
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
834 );
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
835 }
70676557a66f client: available fairway depth: cleanup component a bit
Markus Kottlaender <markus@intevation.de>
parents: 3309
diff changeset
836 },
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
837 mounted() {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
838 this.initDates();
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
839 },
3486
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
840 BOTTLENECK: "bottleneck",
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
841 SECTION: "section",
1fbb6dc7d362 fairwayavailability: refactor constants
Thomas Junk <thomas.junk@intevation.de>
parents: 3463
diff changeset
842 STRETCH: "stretch",
3191
c0cd5dfec153 statistics: persist fields to vuex
Thomas Junk <thomas.junk@intevation.de>
parents: 3185
diff changeset
843 AVAILABLEFAIRWAYDEPTH: app.$gettext("Available Fairway Depth"),
3572
c69c01045498 client: translations: correct some strings marking (AvailableFairwayDepthDialogue)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3486
diff changeset
844 FREQUENCIES: {
c69c01045498 client: translations: correct some strings marking (AvailableFairwayDepthDialogue)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3486
diff changeset
845 monthly: app.$gettext("monthly"),
c69c01045498 client: translations: correct some strings marking (AvailableFairwayDepthDialogue)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3486
diff changeset
846 quarterly: app.$gettext("quarterly"),
c69c01045498 client: translations: correct some strings marking (AvailableFairwayDepthDialogue)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3486
diff changeset
847 yearly: app.$gettext("yearly")
c69c01045498 client: translations: correct some strings marking (AvailableFairwayDepthDialogue)
Fadi Abbud <fadi.abbud@intevation.de>
parents: 3486
diff changeset
848 },
4468
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
849 YEARS: [
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
850 2015,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
851 2016,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
852 2017,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
853 2018,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
854 2019,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
855 2020,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
856 2021,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
857 2022,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
858 2023,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
859 2024,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
860 2025,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
861 2026,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
862 2027,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
863 2028,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
864 2029,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
865 2030,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
866 2031,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
867 2032,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
868 2033,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
869 2034,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
870 2035,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
871 2036,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
872 2037,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
873 2038,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
874 2039,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
875 2040,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
876 2041,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
877 2042,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
878 2043,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
879 2044,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
880 2045,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
881 2046,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
882 2047,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
883 2048,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
884 2049,
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
885 2050
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
886 ],
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
887 MONTHS: {
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
888 1: "January",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
889 2: "February",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
890 3: "March",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
891 4: "April",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
892 5: "May",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
893 6: "June",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
894 7: "July",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
895 8: "August",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
896 9: "September",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
897 10: "October",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
898 11: "November",
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
899 12: "December"
130e929bab8f available_fairway_depth_dialogue: more intuitive date selection
Thomas Junk <thomas.junk@intevation.de>
parents: 4454
diff changeset
900 },
3397
3675c60afd4f afd: breadth->width
Thomas Junk <thomas.junk@intevation.de>
parents: 3368
diff changeset
901 LIMITINGFACTORS: LIMITINGFACTORS
3159
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
902 };
4f4905b57fcf toolbar: added statistics dialog component
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
903 </script>