Mercurial > gemma

annotate client/src/components/map/fairway/Profiles.vue @ 1449:bb47531bdd22

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
sass to scss
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 03 Dec 2018 10:19:59 +0100
parents a4554e942954
children 9b81ac91a43e
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
2 <div :class="['box ui-element rounded bg-white text-nowrap', { expanded: showProfiles }]">
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
3 <div style="width: 20rem">
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
4 <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
5 <font-awesome-icon icon="chart-area" class="mr-2"></font-awesome-icon>
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
6 <translate>Profiles</translate>
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
7 <font-awesome-icon
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
8 icon="times"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
9 class="ml-auto text-muted"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
10 @click="$store.commit('application/showProfiles', false)"
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 ></font-awesome-icon>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
12 </h6>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
13 <div class="d-flex flex-column p-3 flex-grow-1 text-left position-relative">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
14 <div
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
15 class="loading d-flex justify-content-center align-items-center"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
16 v-if="surveysLoading || profileLoading"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
17 >
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
18 <font-awesome-icon icon="spinner" spin/>
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
19 </div>
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
20 <select
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
21 @click="moveToBottleneck"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
22 v-model="selectedBottleneck"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
23 class="form-control font-weight-bold"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
24 >
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
25 <option :value="null">
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
26 <translate>Select Bottleneck</translate>
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
27 </option>
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
28 <option
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
29 v-for="bn in bottlenecks"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
30 :key="bn.properties.name"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
31 :value="bn.properties.name"
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
32 >{{ bn.properties.name }}</option>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 </select>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 <div v-if="selectedBottleneck">
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
35 <div class="d-flex mt-2">
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
36 <div class="flex-fill">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
37 <small class="text-muted">
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
38 <translate>Sounding Result</translate>:
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
39 </small>
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
40 <select v-model="selectedSurvey" class="form-control form-control-sm">
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
41 <option
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
42 v-for="survey in surveys"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
43 :key="survey.date_info"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
44 :value="survey"
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
45 >{{ survey.date_info }}</option>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
46 </select>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
47 </div>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
48 <div class="flex-fill ml-3" v-if="selectedSurvey && surveys.length > 1">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
49 <small class="text-muted mt-1">
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
50 <translate>Compare with</translate>:
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
51 </small>
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
52 <select v-model="additionalSurvey" class="form-control form-control-sm">
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
53 <option :value="null">None</option>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
54 <option
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
55 v-for="survey in additionalSurveys"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
56 :key="survey.date_info"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
57 :value="survey"
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
58 >{{ survey.date_info }}</option>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
59 </select>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
60 </div>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
61 </div>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
62 <hr class="w-100 mb-0">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
63 <small class="text-muted d-block mt-2">
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
64 <translate>Saved cross profiles</translate>:
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
65 </small>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
66 <div class="d-flex">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
67 <select
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
68 :class="['form-control form-control-sm flex-fill', { 'rounded-left-only': selectedCut }]"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
69 v-model="selectedCut"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
70 >
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
71 <option></option>
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
72 <option v-for="(cut, index) in previousCuts" :value="cut" :key="index">{{ cut.label }}</option>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
73 </select>
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
74 <button
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
75 class="btn btn-sm btn-danger input-button-right"
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
76 @click="confirmDeleteSelectedCut = true"
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
77 v-if="selectedCut && !confirmDeleteSelectedCut"
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
78 >
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
79 <font-awesome-icon icon="trash"/>
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
80 </button>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
81 <button
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
82 class="btn btn-sm btn-info rounded-0"
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
83 @click="confirmDeleteSelectedCut = false"
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
84 v-if="selectedCut && confirmDeleteSelectedCut"
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
85 >
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
86 <font-awesome-icon icon="times"/>
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
87 </button>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
88 <button
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
89 class="btn btn-sm btn-danger input-button-right"
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
90 @click="deleteSelectedCut"
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
91 v-if="selectedCut && confirmDeleteSelectedCut"
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
92 >
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
93 <font-awesome-icon icon="check"/>
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
94 </button>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
95 </div>
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
96 <small class="text-muted d-block mt-2">
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
97 <translate>Enter coordinates manually</translate>:
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
98 </small>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
99 <div class="position-relative">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
100 <input
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
101 class="form-control form-control-sm pr-5"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
102 placeholder="Lat,Lon,Lat,Lon"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
103 v-model="coordinatesInput"
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
104 >
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
105 <button
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
106 class="btn btn-sm btn-info position-absolute input-button-right"
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
107 @click="applyManualCoordinates"
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
108 style="top: 0; right: 0;"
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
109 v-if="coordinatesInputIsValid"
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
110 >
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
111 <font-awesome-icon icon="check"/>
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
112 </button>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
113 </div>
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
114 <small class="d-flex text-left mt-2" v-if="startPoint && endPoint">
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
115 <div class="text-nowrap mr-3">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
116 <b>
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
117 <translate>Start</translate>:
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
118 </b>
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
119 <br>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
120 Lat: {{ startPoint[1] }}
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
121 <br>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
122 Lon: {{ startPoint[0] }}
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
123 </div>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
124 <div class="text-nowrap">
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
125 <b>End:</b>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
126 <br>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
127 Lat: {{ endPoint[1] }}
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
128 <br>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
129 Lon: {{ endPoint[0] }}
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
130 </div>
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
131 <button
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
132 v-clipboard:copy="coordinatesForClipboard"
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
133 v-clipboard:success="onCopyCoordinates"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
134 class="btn btn-info btn-sm ml-auto mt-auto"
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
135 >
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
136 <font-awesome-icon icon="copy"/>
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
137 </button>
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
138 </small>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
139 <div class="d-flex mt-3">
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
140 <div class="pr-3 w-50" v-if="startPoint && endPoint && !selectedCut">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
141 <button class="btn btn-info btn-sm w-100" @click="showLabelInput = !showLabelInput">
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
142 <font-awesome-icon :icon="showLabelInput ? 'times' : 'check'"/>
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
143 {{ showLabelInput ? "Cancel" : "Save" }}
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
144 </button>
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
145 </div>
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
146 <div :class="startPoint && endPoint && !selectedCut ? 'w-50' : 'w-100'">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
147 <button class="btn btn-info btn-sm w-100" @click="toggleCutTool">
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
148 <font-awesome-icon :icon="cutTool && cutTool.getActive() ? 'times' : 'plus'"></font-awesome-icon>
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
149 {{ cutTool && cutTool.getActive() ? "Cancel" : "New" }}
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
150 </button>
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
151 </div>
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
152 </div>
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
153 <div v-if="showLabelInput" class="mt-2">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
154 <small class="text-muted">
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
155 <translate>Enter label for cross profile</translate>:
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
156 </small>
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
157 <div class="position-relative">
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
158 <input class="form-control form-control-sm pr-5" v-model="cutLabel">
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
159 <button
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
160 class="btn btn-sm btn-info position-absolute input-button-right"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
161 @click="saveCut"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
162 v-if="cutLabel"
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
163 style="top: 0; right: 0;"
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
164 >
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
165 <font-awesome-icon icon="check"/>
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
166 </button>
1379
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
167 </div>
da44c669c9f5 formatted file
Markus Kottlaender <markus@intevation.de>
parents: 1377
diff changeset
168 </div>
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
169 </div>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
170 </div>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
171 </div>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
172 </div>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
173 </template>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
174
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
175 <style lang="scss" scoped>
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
176 .loading {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
177 background: rgba(255, 255, 255, 0.9);
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
178 position: absolute;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
179 z-index: 99;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
180 top: 0;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
181 right: 0;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
182 bottom: 0;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
183 left: 0;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
184 }
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
185
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
186 .input-button-right {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
187 border-top-right-radius: $border-radius;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
188 border-bottom-right-radius: $border-radius;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
189 border-top-left-radius: 0 !important;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
190 border-bottom-left-radius: 0 !important;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
191 }
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
192
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
193 .rounded-left-only {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
194 border-top-right-radius: 0 !important;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
195 border-bottom-right-radius: 0 !important;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
196 border-top-left-radius: $border-radius;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
197 border-bottom-left-radius: $border-radius;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1441
diff changeset
198 }
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
199 </style>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
200
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
201 <script>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
202 /* This is Free Software under GNU Affero General Public License v >= 3.0
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
203 * without warranty, see README.md and license for details.
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
204 *
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
205 * SPDX-License-Identifier: AGPL-3.0-or-later
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
206 * License-Filename: LICENSES/AGPL-3.0.txt
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
207 *
1416
3af7ad9717e2 Client: add a set fo marked translation
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1399
diff changeset
208 * Copyright (C) 2018 by via donau
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
209 * – Österreichische Wasserstraßen-Gesellschaft mbH
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
210 * Software engineering by Intevation GmbH
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
211 *
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
212 * Author(s):
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
213 * Markus Kottländer <markus.kottlaender@intevation.de>
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
214 */
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
215 import { mapState, mapGetters } from "vuex";
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
216 import Feature from "ol/Feature";
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
217 import LineString from "ol/geom/LineString";
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
218 import { displayError, displayInfo } from "../../../lib/errors.js";
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
219
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
220 export default {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
221 name: "profiles",
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
222 data() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
223 return {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
224 coordinatesInput: "",
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
225 cutLabel: "",
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
226 showLabelInput: false,
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
227 confirmDeleteSelectedCut: false
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
228 };
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
229 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
230 computed: {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
231 ...mapGetters("map", ["getVSourceByName"]),
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
232 ...mapState("application", ["showProfiles"]),
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
233 ...mapState("map", ["lineTool", "polygonTool", "cutTool"]),
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
234 ...mapState("bottlenecks", ["bottlenecks", "surveys", "surveysLoading"]),
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
235 ...mapState("fairwayprofile", [
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
236 "previousCuts",
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
237 "startPoint",
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
238 "endPoint",
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
239 "profileLoading"
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
240 ]),
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
241 selectedBottleneck: {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
242 get() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
243 return this.$store.state.bottlenecks.selectedBottleneck;
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
244 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
245 set(name) {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
246 this.$store.dispatch("bottlenecks/setSelectedBottleneck", name);
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
247 }
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
248 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
249 selectedSurvey: {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
250 get() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
251 return this.$store.state.bottlenecks.selectedSurvey;
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
252 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
253 set(survey) {
1394
b350b0b5cb6c refactored fairwayprofile cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1391
diff changeset
254 this.$store.commit("fairwayprofile/additionalSurvey", null);
b350b0b5cb6c refactored fairwayprofile cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1391
diff changeset
255 this.$store.commit("bottlenecks/selectedSurvey", survey);
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
256 }
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
257 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
258 additionalSurvey: {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
259 get() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
260 return this.$store.state.fairwayprofile.additionalSurvey;
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
261 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
262 set(survey) {
1391
801ae5f4bc5b fixed bug when changing additional survey in profile dialog
Markus Kottlaender <markus@intevation.de>
parents: 1382
diff changeset
263 this.$store.commit("fairwayprofile/additionalSurvey", survey);
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
264 }
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
265 },
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
266 selectedCut: {
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
267 get() {
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
268 return this.$store.state.fairwayprofile.selectedCut;
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
269 },
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
270 set(cut) {
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
271 this.$store.commit("fairwayprofile/selectedCut", cut);
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
272 if (!cut) {
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
273 this.$store.commit("fairwayprofile/clearCurrentProfile");
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
274 this.$store.commit("application/showSplitscreen", false);
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
275 this.getVSourceByName("Cut Tool").clear();
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
276 }
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
277 }
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
278 },
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
279 additionalSurveys() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
280 return this.surveys.filter(survey => survey !== this.selectedSurvey);
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
281 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
282 coordinatesForClipboard() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
283 return (
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
284 this.startPoint[1] +
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
285 "," +
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
286 this.startPoint[0] +
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
287 "," +
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
288 this.endPoint[1] +
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
289 "," +
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
290 this.endPoint[0]
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
291 );
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
292 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
293 coordinatesInputIsValid() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
294 const coordinates = this.coordinatesInput
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
295 .split(",")
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
296 .map(coord => parseFloat(coord.trim()))
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
297 .filter(c => Number(c) === c);
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
298 return coordinates.length === 4;
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
299 }
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
300 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
301 watch: {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
302 selectedBottleneck() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
303 this.$store.dispatch("fairwayprofile/previousCuts");
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
304 this.cutLabel =
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
305 this.selectedBottleneck + " (" + new Date().toISOString() + ")";
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
306 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
307 selectedSurvey(survey) {
1394
b350b0b5cb6c refactored fairwayprofile cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1391
diff changeset
308 this.loadProfile(survey);
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
309 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
310 additionalSurvey(survey) {
1394
b350b0b5cb6c refactored fairwayprofile cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1391
diff changeset
311 this.loadProfile(survey);
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
312 },
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
313 selectedCut(cut) {
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
314 if (cut) {
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
315 this.confirmDeleteSelectedCut = false;
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
316 this.applyCoordinates(cut.coordinates);
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
317 }
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
318 }
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
319 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
320 methods: {
1394
b350b0b5cb6c refactored fairwayprofile cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1391
diff changeset
321 loadProfile(survey) {
b350b0b5cb6c refactored fairwayprofile cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1391
diff changeset
322 if (survey) {
b350b0b5cb6c refactored fairwayprofile cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1391
diff changeset
323 this.$store.commit("fairwayprofile/profileLoading", true);
1399
8e2c9e518440 improved search style
Markus Kottlaender <markus@intevation.de>
parents: 1396
diff changeset
324 this.$store
8e2c9e518440 improved search style
Markus Kottlaender <markus@intevation.de>
parents: 1396
diff changeset
325 .dispatch("fairwayprofile/loadProfile", survey)
8e2c9e518440 improved search style
Markus Kottlaender <markus@intevation.de>
parents: 1396
diff changeset
326 .finally(() =>
8e2c9e518440 improved search style
Markus Kottlaender <markus@intevation.de>
parents: 1396
diff changeset
327 this.$store.commit("fairwayprofile/profileLoading", false)
8e2c9e518440 improved search style
Markus Kottlaender <markus@intevation.de>
parents: 1396
diff changeset
328 );
1394
b350b0b5cb6c refactored fairwayprofile cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1391
diff changeset
329 }
b350b0b5cb6c refactored fairwayprofile cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1391
diff changeset
330 },
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
331 toggleCutTool() {
1437
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
332 this.cutTool.setActive(!this.cutTool.getActive());
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
333 this.lineTool.setActive(false);
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
334 this.polygonTool.setActive(false);
1cd1549aab47 fixed panning problem when drawing cross cuts
Markus Kottlaender <markus@intevation.de>
parents: 1435
diff changeset
335 this.$store.commit("map/setCurrentMeasurement", null);
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
336 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
337 onCopyCoordinates() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
338 displayInfo({
1441
a4554e942954 Client: add a set of marked translations
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1437
diff changeset
339 title: this.$gettext("Success"),
a4554e942954 Client: add a set of marked translations
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1437
diff changeset
340 message: this.$gettext("Coordinates copied to clipboard!")
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
341 });
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
342 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
343 applyManualCoordinates() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
344 const coordinates = this.coordinatesInput
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
345 .split(",")
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
346 .map(coord => parseFloat(coord.trim()));
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
347 this.selectedCut = null;
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
348 this.coordinatesInput = "";
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
349 this.applyCoordinates([
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
350 coordinates[1],
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
351 coordinates[0],
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
352 coordinates[3],
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
353 coordinates[2]
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
354 ]);
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
355 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
356 applyCoordinates(coordinates) {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
357 // allow only numbers
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
358 coordinates = coordinates.filter(c => Number(c) === c);
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
359 if (coordinates.length === 4) {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
360 // draw line on map
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
361 this.getVSourceByName("Cut Tool").clear();
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
362 const cut = new Feature({
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
363 geometry: new LineString([
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
364 [coordinates[0], coordinates[1]],
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
365 [coordinates[2], coordinates[3]]
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
366 ]).transform("EPSG:4326", "EPSG:3857")
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
367 });
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
368 this.getVSourceByName("Cut Tool").addFeature(cut);
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
369
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
370 // draw diagram
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
371 this.$store.dispatch("fairwayprofile/cut", cut);
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
372 } else {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
373 displayError({
1441
a4554e942954 Client: add a set of marked translations
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1437
diff changeset
374 title: this.$gettext("Invalid input"),
a4554e942954 Client: add a set of marked translations
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1437
diff changeset
375 message: this.$gettext(
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
376 "Please enter correct coordinates in the format: Lat,Lon,Lat,Lon"
1441
a4554e942954 Client: add a set of marked translations
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1437
diff changeset
377 )
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
378 });
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
379 }
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
380 },
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
381 saveCut() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
382 const previousCuts =
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
383 JSON.parse(localStorage.getItem("previousCuts")) || [];
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
384 const newEntry = {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
385 label: this.cutLabel,
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
386 bottleneckName: this.selectedBottleneck,
1377
fa7d647f8d77 added timestamp to saved cross profiles
Markus Kottlaender <markus@intevation.de>
parents: 1372
diff changeset
387 coordinates: [...this.startPoint, ...this.endPoint],
fa7d647f8d77 added timestamp to saved cross profiles
Markus Kottlaender <markus@intevation.de>
parents: 1372
diff changeset
388 timestamp: new Date().getTime()
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
389 };
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
390 const existingEntry = previousCuts.find(cut => {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
391 return JSON.stringify(cut) === JSON.stringify(newEntry);
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
392 });
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
393 if (!existingEntry) previousCuts.push(newEntry);
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
394 if (previousCuts.length > 100) previousCuts.shift();
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
395 localStorage.setItem("previousCuts", JSON.stringify(previousCuts));
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
396 this.$store.dispatch("fairwayprofile/previousCuts");
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
397
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
398 this.showLabelInput = false;
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
399 displayInfo({
1441
a4554e942954 Client: add a set of marked translations
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1437
diff changeset
400 title: this.$gettext("Profile saved!"),
a4554e942954 Client: add a set of marked translations
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1437
diff changeset
401 message: this.$gettext(
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
402 'You can now select these coordinates from the "Saved cross profiles" menu to restore this cross profile.'
1441
a4554e942954 Client: add a set of marked translations
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1437
diff changeset
403 )
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
404 });
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
405 },
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
406 deleteSelectedCut() {
1399
8e2c9e518440 improved search style
Markus Kottlaender <markus@intevation.de>
parents: 1396
diff changeset
407 let previousCuts = JSON.parse(localStorage.getItem("previousCuts")) || [];
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
408 previousCuts = previousCuts.filter(cut => {
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
409 return JSON.stringify(cut) !== JSON.stringify(this.selectedCut);
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
410 });
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
411 localStorage.setItem("previousCuts", JSON.stringify(previousCuts));
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
412 this.$store.commit("fairwayprofile/selectedCut", null);
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
413 this.$store.dispatch("fairwayprofile/previousCuts");
1441
a4554e942954 Client: add a set of marked translations
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1437
diff changeset
414 displayInfo({ title: this.$gettext("Profile deleted!") });
1395
210e9f16f8a0 delete cross profiles from localstorage
Markus Kottlaender <markus@intevation.de>
parents: 1394
diff changeset
415 },
1372
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
416 moveToBottleneck() {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
417 const bottleneck = this.bottlenecks.find(
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
418 bn => bn.properties.name === this.selectedBottleneck
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
419 );
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
420 if (!bottleneck) return;
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
421 this.$store.commit("map/moveMap", {
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
422 coordinates: bottleneck.geometry.coordinates,
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
423 zoom: 17,
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
424 preventZoomOut: true
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
425 });
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
426 }
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
427 }
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
428 };
553aadd97087 new cross profile workflow (WIP)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
429 </script>