annotate client/src/components/fairway/AvailableFairwayDepthDialogue.vue @ 5583:c1bd5f8eaf9a surveysperbottleneckid

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