Mercurial > gemma

annotate client/src/components/fairway/AvailableFairwayDepthDialogue.vue @ 5736:55892008ec96 default tip

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