gemma: client/src/components/fairway/Profiles.vue annotate

annotate client/src/components/fairway/Profiles.vue @ 1613:f2d24dceecc7

refac: cleanup import paths

author	Thomas Junk <thomas.junk@intevation.de>
date	Tue, 18 Dec 2018 12:38:58 +0100
parents	0ded4c56978e
children	3138d60dd1a6

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

Mercurial > gemma

annotate client/src/components/fairway/Profiles.vue @ 1613:f2d24dceecc7