Mercurial > gemma

annotate client/src/components/fairway/AvailableFairwayDepthDialogue.vue @ 5475:791a372553a0

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