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

annotate client/src/components/fairway/BottleneckDialogue.vue @ 4502:4c3851391b6d

client: fairwayprofile: implement custom depth for x-cuts

author	Fadi Abbud <fadi.abbud@intevation.de>
date	Wed, 02 Oct 2019 12:42:25 +0200
parents	bff6c5c1db4f
children	245e6215361e

rev	line source
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	1 <template>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	2 <div
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	3 :class="[
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	4 'box ui-element rounded bg-white text-nowrap',
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	5 { expanded: showProfiles }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	6 ]"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	7 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	8 <div style="width: 18rem">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	9 <UIBoxHeader
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	10 icon="chart-area"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	11 :title="profilesLable"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	12 :closeCallback="close"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	13 />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	14 <div class="box-body">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	15 <UISpinnerOverlay v-if="surveysLoading \|\| profileLoading" />
4479 2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	16 <div class="d-flex flex-row">
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	17 <select
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	18 v-model="selectedBottleneck"
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	19 class="form-control font-weight-bold"
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	20 >
4479 2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	21 <option :value="null">
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	22 <translate>Select Bottleneck</translate>
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	23 </option>
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	24 <optgroup
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	25 v-for="(bottlenecksForCountry, cc) in orderedBottlenecks"
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	26 :key="cc"
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	27 :label="cc"
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	28 >
4479 2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	29 <option
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	30 v-for="bn in bottlenecksForCountry"
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	31 :key="bn.properties.id"
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	32 :value="bn.properties.name"
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	33 >
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	34 {{ bn.properties.name }}
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	35 </option>
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	36 </optgroup>
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	37 </select>
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	38 <button @click="takeMeThere" class="btn btn-sm btn-info">
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	39 <font-awesome-icon icon="crosshairs" />
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	40 </button>
2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	41 </div>
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	42 <div v-if="selectedBottleneck">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	43 <div class="d-flex flex-column mt-2">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	44 <div class="flex-fill">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	45 <small class="text-muted">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	46 <translate>Waterlevel</translate>:
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	47 </small>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	48 <select
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	49 v-model="selectedWaterLevel"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	50 class="form-control form-control-sm small"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	51 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	52 <option value="ref">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	53 <translate>Depth Reference</translate>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	54 <template v-if="selectedSurvey">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	55 ({{ selectedSurvey.depth_reference }}/{{
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	56 $options.filters.waterlevel(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	57 selectedSurvey.waterlevel_value
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	58 )
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	59 }}
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	60 m)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	61 </template>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	62 </option>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	63 <option value="current">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	64 <translate>Current Waterlevel</translate>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	65 <template v-if="bottleneck">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	66 ({{
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	67 $options.filters.waterlevel(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	68 bottleneck.get("gm_waterlevel")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	69 )
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	70 }}
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	71 m)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	72 </template>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	73 </option>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	74 </select>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	75 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	76 <div class="flex-fill">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	77 <small class="text-muted"> <translate>Survey</translate>: </small>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	78 <div class="d-flex">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	79 <select
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	80 v-model="selectedSurvey"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	81 class="form-control form-control-sm small"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	82 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	83 <option
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	84 v-for="survey in surveys"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	85 :key="survey.date_info"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	86 :value="survey"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	87 >{{ survey.date_info \| surveyDate }}</option
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	88 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	89 </select>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	90 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	91 class="btn btn-dark btn-xs ml-2"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	92 @click="deleteSelectedSurvey"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	93 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	94 <font-awesome-icon icon="trash" />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	95 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	96 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	97 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	98 <div class="flex-fill" v-if="selectedSurvey && surveys.length > 1">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	99 <small class="text-muted mt-1">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	100 <translate>Compare with</translate>:
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	101 </small>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	102 <select
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	103 v-model="additionalSurvey"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	104 class="form-control form-control-sm small"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	105 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	106 <option :value="null">None</option>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	107 <option
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	108 v-for="survey in additionalSurveys"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	109 :key="survey.date_info"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	110 :value="survey"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	111 >{{ survey.date_info \| surveyDate }}</option
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	112 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	113 </select>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	114 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	115 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	116 <div class="mt-2 d-flex" v-if="additionalSurvey">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	117 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	118 v-if="differencesLoading"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	119 class="btn btn-info btn-xs flex-fill"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	120 disabled
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	121 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	122 <font-awesome-icon icon="spinner" spin class="mr-1" />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	123 <translate>Calculating differences</translate>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	124 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	125 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	126 class="btn btn-info btn-xs flex-fill"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	127 @click="differencesVisible ? showSurvey() : showDifferences()"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	128 v-else
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	129 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	130 <translate v-if="differencesVisible" key="showsurvey"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	131 >Show survey</translate
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	132 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	133 <translate v-else key="showdifferences"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	134 >Show differences</translate
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	135 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	136 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	137 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	138 v-if="!paneSetup.includes('FAIRWAYPROFILE')"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	139 class="btn btn-info btn-xs ml-2"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	140 @click="$store.commit('application/paneRotate')"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	141 v-tooltip="rotatePanesTooltip"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	142 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	143 <font-awesome-icon icon="redo" fixed-width />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	144 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	145 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	146 class="btn btn-info btn-xs ml-2"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	147 @click="toggleSyncMaps()"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	148 v-tooltip="syncMapsTooltip"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	149 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	150 <font-awesome-icon
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	151 :icon="mapsAreSynced ? 'unlink' : 'link'"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	152 fixed-width
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	153 />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	154 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	155 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	156 <hr class="w-100 mb-0" />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	157 <small class="text-muted d-block mt-2">
4502 4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	158 <translate>Custom Depth</translate>:
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	159 </small>
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	160 <div class="d-flex">
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	161 <input
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	162 class="form-control form-control-sm w-100 mt-1"
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	163 v-model.number="depth"
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	164 type="number"
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	165 step="0.1"
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	166 min="0"
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	167 />
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	168 <button
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	169 @click="useCustomDepth = !useCustomDepth"
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	170 :class="[
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	171 'btn',
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	172 'btn-xs',
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	173 'ml-2',
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	174 {
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	175 'btn-info': useCustomDepth,
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	176 'btn-secondary': !useCustomDepth
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	177 }
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	178 ]"
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	179 >
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	180 {{ useCustomDepth ? "disable" : "enable" }}
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	181 </button>
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	182 </div>
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	183 <small class="text-muted d-block mt-2">
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	184 <translate>Saved cross profiles</translate>:
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	185 </small>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	186 <div class="d-flex">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	187 <select
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	188 :class="[
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	189 'form-control form-control-sm flex-fill',
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	190 { 'rounded-left-only': selectedCut }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	191 ]"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	192 v-model="selectedCut"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	193 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	194 <option></option>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	195 <option
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	196 v-for="(cut, index) in previousCuts"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	197 :value="cut"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	198 :key="index"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	199 >{{ cut.label }}</option
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	200 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	201 </select>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	202 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	203 class="btn btn-xs btn-dark ml-2"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	204 @click="deleteSelectedCut(selectedCut)"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	205 v-if="selectedCut"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	206 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	207 <font-awesome-icon icon="trash" />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	208 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	209 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	210 <small class="text-muted d-block mt-2">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	211 <translate>Enter coordinates manually</translate>:
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	212 </small>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	213 <div class="position-relative">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	214 <input
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	215 class="form-control form-control-sm pr-5"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	216 placeholder="Lat,Lon,Lat,Lon"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	217 v-model="coordinatesInput"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	218 />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	219 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	220 class="btn btn-sm btn-info position-absolute input-button-right"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	221 @click="applyManualCoordinates"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	222 style="top: 0; right: 0;"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	223 v-if="coordinatesInputIsValid"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	224 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	225 <font-awesome-icon icon="check" />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	226 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	227 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	228 <small class="d-flex text-left mt-2" v-if="startPoint && endPoint">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	229 <div class="text-nowrap mr-3">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	230 <b> <translate>Start</translate>: </b> <br />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	231 Lat: {{ startPoint[1] }} <br />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	232 Lon: {{ startPoint[0] }}
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	233 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	234 <div class="text-nowrap">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	235 <b>End:</b> <br />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	236 Lat: {{ endPoint[1] }} <br />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	237 Lon: {{ endPoint[0] }}
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	238 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	239 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	240 v-clipboard:copy="coordinatesForClipboard"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	241 v-clipboard:success="onCopyCoordinates"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	242 class="btn btn-info btn-sm ml-auto mt-auto"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	243 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	244 <font-awesome-icon icon="copy" />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	245 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	246 </small>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	247 <div class="d-flex mt-3">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	248 <div
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	249 class="pr-3 w-50"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	250 v-if="startPoint && endPoint && !selectedCut"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	251 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	252 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	253 class="btn btn-info btn-sm w-100"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	254 @click="showLabelInput = !showLabelInput"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	255 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	256 <font-awesome-icon :icon="showLabelInput ? 'times' : 'check'" />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	257 {{ showLabelInput ? "Cancel" : "Save" }}
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	258 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	259 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	260 <div
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	261 :class="startPoint && endPoint && !selectedCut ? 'w-50' : 'w-100'"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	262 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	263 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	264 class="btn btn-info btn-sm w-100"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	265 @click="toggleCutTool"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	266 :disabled="!selectedSurvey"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	267 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	268 <font-awesome-icon :icon="cutToolEnabled ? 'times' : 'plus'" />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	269 {{ cutToolEnabled ? "Cancel" : "New" }}
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	270 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	271 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	272 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	273 <div v-if="showLabelInput" class="mt-2">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	274 <small class="text-muted">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	275 <translate>Enter label for cross profile</translate>:
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	276 </small>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	277 <div class="position-relative">
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	278 <input
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	279 class="form-control form-control-sm pr-5"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	280 v-model="cutLabel"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	281 />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	282 <button
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	283 class="btn btn-sm btn-info position-absolute input-button-right"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	284 @click="saveCut"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	285 v-if="cutLabel"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	286 style="top: 0; right: 0;"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	287 >
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	288 <font-awesome-icon icon="check" />
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	289 </button>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	290 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	291 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	292 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	293 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	294 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	295 </div>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	296 </template>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	297
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	298 <style lang="scss" scoped>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	299 .input-button-right {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	300 border-top-right-radius: $border-radius;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	301 border-bottom-right-radius: $border-radius;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	302 border-top-left-radius: 0 !important;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	303 border-bottom-left-radius: 0 !important;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	304 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	305
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	306 .rounded-left-only {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	307 border-top-right-radius: 0 !important;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	308 border-bottom-right-radius: 0 !important;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	309 border-top-left-radius: $border-radius;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	310 border-bottom-left-radius: $border-radius;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	311 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	312
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	313 input,
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	314 select {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	315 font-size: 0.8em;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	316 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	317 </style>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	318
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	319 <script>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	320 /* This is Free Software under GNU Affero General Public License v >= 3.0
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	321 * without warranty, see README.md and license for details.
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	322 *
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	323 * SPDX-License-Identifier: AGPL-3.0-or-later
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	324 * License-Filename: LICENSES/AGPL-3.0.txt
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	325 *
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	326 * Copyright (C) 2018 by via donau
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	327 * – Österreichische Wasserstraßen-Gesellschaft mbH
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	328 * Software engineering by Intevation GmbH
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	329 *
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	330 * Author(s):
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	331 * Markus Kottländer <markus.kottlaender@intevation.de>
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	332 */
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	333 import { mapState, mapGetters } from "vuex";
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	334 import Feature from "ol/Feature";
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	335 import LineString from "ol/geom/LineString";
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	336 import { displayError, displayInfo } from "@/lib/errors";
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	337 import { HTTP } from "@/lib/http";
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	338 import { COMPARESURVEYS } from "@/components/paneSetups";
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	339
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	340 export default {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	341 name: "profiles",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	342 data() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	343 return {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	344 coordinatesInput: "",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	345 cutLabel: "",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	346 showLabelInput: false
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	347 };
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	348 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	349 computed: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	350 ...mapState("application", ["showProfiles", "paneSetup"]),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	351 ...mapState("map", ["openLayersMaps", "syncedMaps", "cutToolEnabled"]),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	352 ...mapState("bottlenecks", [
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	353 "bottlenecksList",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	354 "surveys",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	355 "surveysLoading"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	356 ]),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	357 ...mapState("fairwayprofile", [
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	358 "previousCuts",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	359 "startPoint",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	360 "endPoint",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	361 "profileLoading",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	362 "differencesLoading",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	363 "waterLevels",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	364 "currentProfile"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	365 ]),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	366 ...mapGetters("map", ["openLayersMap"]),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	367 ...mapGetters("bottlenecks", ["orderedBottlenecks"]),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	368 profilesLable() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	369 return this.$gettext("Bottleneck Surveys");
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	370 },
4502 4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	371 useCustomDepth: {
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	372 get() {
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	373 return this.$store.state.fairwayprofile.useCustomDepth;
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	374 },
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	375 set(value) {
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	376 this.$store.commit("fairwayprofile/setUseCustomDepth", value);
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	377 }
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	378 },
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	379 depth: {
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	380 get() {
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	381 return this.$store.state.fairwayprofile.depth;
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	382 },
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	383 set(value) {
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	384 this.$store.commit("fairwayprofile/setDepth", value);
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	385 }
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	386 },
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	387 selectedBottleneck: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	388 get() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	389 return this.$store.state.bottlenecks.selectedBottleneck;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	390 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	391 set(name) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	392 this.$store.dispatch("bottlenecks/setSelectedBottleneck", name);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	393 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	394 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	395 selectedWaterLevel: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	396 get() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	397 return this.$store.state.fairwayprofile.selectedWaterLevel;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	398 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	399 set(value) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	400 this.$store.commit("fairwayprofile/setSelectedWaterLevel", value);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	401 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	402 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	403 selectedSurvey: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	404 get() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	405 return this.$store.state.bottlenecks.selectedSurvey;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	406 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	407 set(survey) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	408 this.$store.commit("fairwayprofile/additionalSurvey", null);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	409 this.$store.commit("bottlenecks/selectedSurvey", survey);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	410 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	411 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	412 additionalSurvey: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	413 get() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	414 return this.$store.state.fairwayprofile.additionalSurvey;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	415 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	416 set(survey) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	417 this.$store.commit("fairwayprofile/additionalSurvey", survey);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	418 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	419 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	420 selectedCut: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	421 get() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	422 return this.$store.state.fairwayprofile.selectedCut;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	423 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	424 set(cut) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	425 this.$store.commit("fairwayprofile/selectedCut", cut);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	426 if (!cut) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	427 this.$store.commit("fairwayprofile/clearCurrentProfile");
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	428 this.openLayersMaps.forEach(m => {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	429 m.getLayer("CUTTOOL")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	430 .getSource()
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	431 .clear();
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	432 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	433 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	434 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	435 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	436 additionalSurveys() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	437 return this.surveys.filter(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	438 survey => survey.date_info !== this.selectedSurvey.date_info
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	439 );
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	440 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	441 coordinatesForClipboard() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	442 return (
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	443 this.startPoint[1] +
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	444 "," +
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	445 this.startPoint[0] +
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	446 "," +
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	447 this.endPoint[1] +
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	448 "," +
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	449 this.endPoint[0]
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	450 );
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	451 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	452 coordinatesInputIsValid() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	453 const coordinates = this.coordinatesInput
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	454 .split(",")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	455 .map(coord => parseFloat(coord.trim()))
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	456 .filter(c => Number(c) === c);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	457 return coordinates.length === 4;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	458 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	459 differencesVisible() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	460 return (
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	461 this.openLayersMap(COMPARESURVEYS.compare.id) &&
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	462 !this.openLayersMap(COMPARESURVEYS.compare.id)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	463 .getLayer("BOTTLENECKISOLINE")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	464 .getVisible() &&
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	465 this.openLayersMap(COMPARESURVEYS.compare.id)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	466 .getLayer("DIFFERENCES")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	467 .getVisible()
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	468 );
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	469 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	470 rotatePanesTooltip() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	471 return this.$gettext("Rotate Maps");
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	472 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	473 syncMapsTooltip() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	474 return this.$gettext(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	475 this.mapsAreSynced ? "Unsynchronize Maps" : "Synchronize Maps"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	476 );
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	477 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	478 mapsAreSynced() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	479 return this.syncedMaps.includes(COMPARESURVEYS.compare.id);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	480 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	481 bottleneck() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	482 return this.openLayersMap()
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	483 ? this.openLayersMap()
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	484 .getLayer("BOTTLENECKS")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	485 .getSource()
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	486 .getFeatures()
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	487 .find(f => f.get("objnam") === this.selectedBottleneck)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	488 : null;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	489 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	490 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	491 watch: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	492 selectedBottleneck() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	493 this.$store.dispatch("fairwayprofile/previousCuts");
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	494 this.cutLabel =
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	495 this.selectedBottleneck + " (" + new Date().toISOString() + ")";
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	496 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	497 selectedSurvey(survey) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	498 this.loadProfile(survey);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	499 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	500 additionalSurvey(survey) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	501 if (survey) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	502 this.loadDifferences();
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	503 this.$store.commit(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	504 "application/paneSetup",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	505 Object.keys(this.currentProfile).length
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	506 ? "COMPARESURVEYS_FAIRWAYPROFILE"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	507 : "COMPARESURVEYS"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	508 );
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	509 this.$store.commit("map/syncedMaps", [COMPARESURVEYS.compare.id]);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	510 } else {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	511 this.$store.commit(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	512 "application/paneSetup",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	513 Object.keys(this.currentProfile).length ? "FAIRWAYPROFILE" : "DEFAULT"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	514 );
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	515 this.$store.commit("map/syncedMaps", []);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	516 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	517 this.loadProfile(survey);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	518 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	519 selectedCut(cut) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	520 if (cut) {
4502 4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	521 if (cut.depth) {
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	522 this.depth = cut.depth;
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	523 this.useCustomDepth = true;
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	524 }
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	525 this.applyCoordinates(cut.coordinates);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	526 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	527 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	528 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	529 methods: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	530 toggleSyncMaps() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	531 if (this.mapsAreSynced) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	532 this.$store.commit(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	533 "map/syncedMaps",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	534 this.syncedMaps.filter(m => m !== COMPARESURVEYS.compare.id)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	535 );
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	536 } else {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	537 this.$store.commit("map/syncedMaps", [COMPARESURVEYS.compare.id]);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	538 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	539 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	540 loadDifferences() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	541 this.$store.commit("fairwayprofile/setDifferencesLoading", true);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	542 HTTP.post(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	543 "/diff",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	544 {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	545 bottleneck: this.selectedSurvey.bottleneck_id,
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	546 minuend: this.selectedSurvey.date_info,
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	547 subtrahend: this.additionalSurvey.date_info
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	548 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	549 {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	550 headers: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	551 "X-Gemma-Auth": localStorage.getItem("token")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	552 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	553 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	554 )
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	555 .then()
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	556 .catch(error => {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	557 let status, data, message;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	558 if (error.response) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	559 status = error.response.status;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	560 data = error.response.data;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	561 message = `${status}: ${data.message \|\| data}`;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	562 } else {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	563 message = error;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	564 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	565 displayError({
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	566 title: this.$gettext("Backend Error"),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	567 message: message
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	568 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	569 })
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	570 .finally(() => {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	571 this.$store.commit("fairwayprofile/setDifferencesLoading", false);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	572 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	573 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	574 showDifferences() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	575 this.openLayersMap(COMPARESURVEYS.compare.id)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	576 .getLayer("BOTTLENECKISOLINE")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	577 .setVisible(false);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	578 this.openLayersMap(COMPARESURVEYS.compare.id)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	579 .getLayer("DIFFERENCES")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	580 .setVisible(true);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	581 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	582 showSurvey() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	583 this.openLayersMap(COMPARESURVEYS.compare.id)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	584 .getLayer("BOTTLENECKISOLINE")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	585 .setVisible(true);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	586 this.openLayersMap(COMPARESURVEYS.compare.id)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	587 .getLayer("DIFFERENCES")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	588 .setVisible(false);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	589 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	590 close() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	591 this.$store.commit("application/showProfiles", false);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	592 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	593 loadProfile(survey) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	594 if (survey) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	595 this.$store.commit("fairwayprofile/profileLoading", true);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	596 this.$store
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	597 .dispatch("fairwayprofile/loadProfile", survey)
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	598 .finally(() => {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	599 this.$store.commit("fairwayprofile/profileLoading", false);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	600 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	601 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	602 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	603 toggleCutTool() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	604 this.$store.commit("map/cutToolEnabled", !this.cutToolEnabled);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	605 this.$store.commit("map/lineToolEnabled", false);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	606 this.$store.commit("map/polygonToolEnabled", false);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	607 this.$store.commit("map/setCurrentMeasurement", null);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	608 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	609 onCopyCoordinates() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	610 displayInfo({
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	611 message: this.$gettext("Coordinates copied to clipboard!")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	612 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	613 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	614 applyManualCoordinates() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	615 const coordinates = this.coordinatesInput
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	616 .split(",")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	617 .map(coord => parseFloat(coord.trim()));
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	618 this.selectedCut = null;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	619 this.coordinatesInput = "";
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	620 this.applyCoordinates([
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	621 coordinates[1],
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	622 coordinates[0],
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	623 coordinates[3],
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	624 coordinates[2]
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	625 ]);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	626 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	627 applyCoordinates(coordinates) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	628 // allow only numbers
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	629 coordinates = coordinates.filter(c => Number(c) === c);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	630 if (coordinates.length === 4) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	631 // draw line on map
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	632 this.openLayersMaps.forEach(m => {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	633 m.getLayer("CUTTOOL")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	634 .getSource()
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	635 .clear();
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	636 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	637 const cut = new Feature({
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	638 geometry: new LineString([
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	639 [coordinates[0], coordinates[1]],
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	640 [coordinates[2], coordinates[3]]
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	641 ]).transform("EPSG:4326", "EPSG:3857")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	642 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	643 this.openLayersMaps.forEach(m => {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	644 m.getLayer("CUTTOOL")
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	645 .getSource()
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	646 .addFeature(cut);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	647 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	648
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	649 // draw diagram
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	650 this.$store.dispatch("fairwayprofile/cut", cut);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	651 } else {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	652 displayError({
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	653 title: this.$gettext("Invalid input"),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	654 message: this.$gettext(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	655 "Please enter correct coordinates in the format: Lat,Lon,Lat,Lon"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	656 )
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	657 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	658 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	659 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	660 saveCut() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	661 const previousCuts =
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	662 JSON.parse(localStorage.getItem("previousCuts")) \|\| [];
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	663 const newEntry = {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	664 label: this.cutLabel,
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	665 bottleneckName: this.selectedBottleneck,
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	666 coordinates: [...this.startPoint, ...this.endPoint],
4502 4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	667 timestamp: new Date().getTime(),
4c3851391b6d client: fairwayprofile: implement custom depth for x-cuts Fadi Abbud <fadi.abbud@intevation.de> parents: 4488 diff changeset	668 depth: this.depth
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	669 };
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	670 const existingEntry = previousCuts.find(cut => {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	671 return JSON.stringify(cut) === JSON.stringify(newEntry);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	672 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	673 if (!existingEntry) previousCuts.push(newEntry);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	674 if (previousCuts.length > 100) previousCuts.shift();
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	675 localStorage.setItem("previousCuts", JSON.stringify(previousCuts));
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	676 this.$store.dispatch("fairwayprofile/previousCuts");
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	677
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	678 this.showLabelInput = false;
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	679 displayInfo({
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	680 title: this.$gettext("Profile saved!"),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	681 message: this.$gettext(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	682 'You can now select these coordinates from the "Saved cross profiles" menu to restore this cross profile.'
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	683 )
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	684 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	685 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	686 deleteSelectedSurvey() {
4402 5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	687 HTTP.post(
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	688 "/imports/dsr",
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	689 {
4406 d336a78985ad bottleneck_dialogue: send correct bottleneck_id Thomas Junk <thomas.junk@intevation.de> parents: 4402 diff changeset	690 "bottleneck-id": this.selectedSurvey.bottleneck_id,
4402 5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	691 "date-info": this.selectedSurvey.date_info
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	692 },
4402 5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	693 {
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	694 headers: { "X-Gemma-Auth": localStorage.getItem("token") }
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	695 }
4402 5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	696 )
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	697 .then(() => {
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	698 displayInfo({
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	699 title: this.$gettext("Survey"),
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	700 message:
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	701 this.$gettext("Deleting ") +
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	702 `${this.selectedBottleneck}: ${this.selectedSurvey.date_info}`
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	703 });
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	704 })
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	705 .catch(error => {
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	706 const { status, data } = error.response;
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	707 displayError({
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	708 title: this.$gettext("Backend Error"),
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	709 message: `${status}: ${data.message \|\| data}`
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	710 });
5e894e680e0d dsr implemented in frontend Thomas Junk <thomas.junk@intevation.de> parents: 4324 diff changeset	711 });
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	712 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	713 deleteSelectedCut(cut) {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	714 this.$store.commit("application/popup", {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	715 icon: "trash",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	716 title: this.$gettext("Delete cross profile"),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	717 content:
4324 36d384326407 BottleneckDialogue: Prototype for delete of surveys implemented Thomas Junk <thomas.junk@intevation.de> parents: 4322 diff changeset	718 `<small><b>` +
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	719 this.$gettext("Do you really want to delete the cross profile:") +
4324 36d384326407 BottleneckDialogue: Prototype for delete of surveys implemented Thomas Junk <thomas.junk@intevation.de> parents: 4322 diff changeset	720 `</b><br>
36d384326407 BottleneckDialogue: Prototype for delete of surveys implemented Thomas Junk <thomas.junk@intevation.de> parents: 4322 diff changeset	721 ${cut.label}</small>`,
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	722 confirm: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	723 label: this.$gettext("Delete"),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	724 icon: "trash",
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	725 callback: () => {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	726 let previousCuts =
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	727 JSON.parse(localStorage.getItem("previousCuts")) \|\| [];
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	728 previousCuts = previousCuts.filter(cut => {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	729 return JSON.stringify(cut) !== JSON.stringify(this.selectedCut);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	730 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	731 localStorage.setItem("previousCuts", JSON.stringify(previousCuts));
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	732 this.$store.commit("fairwayprofile/selectedCut", null);
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	733 this.$store.dispatch("fairwayprofile/previousCuts");
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	734 displayInfo({ title: this.$gettext("Profile deleted!") });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	735 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	736 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	737 cancel: {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	738 label: this.$gettext("Cancel"),
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	739 icon: "times"
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	740 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	741 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	742 },
4479 2d2c9f98360a Bottlenecks: Instead of dynamically scroll use crosshairs button Thomas Junk <thomas.junk@intevation.de> parents: 4406 diff changeset	743 takeMeThere() {
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	744 const bottleneck = this.bottlenecksList.find(
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	745 bn => bn.properties.name === this.selectedBottleneck
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	746 );
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	747 if (!bottleneck) return;
4488 bff6c5c1db4f client: pdf-gen: improve adding bottleneck info to pdf Fadi Abbud <fadi.abbud@intevation.de> parents: 4479 diff changeset	748 this.$store.commit(
bff6c5c1db4f client: pdf-gen: improve adding bottleneck info to pdf Fadi Abbud <fadi.abbud@intevation.de> parents: 4479 diff changeset	749 "bottlenecks/setBottleneckForPrint",
bff6c5c1db4f client: pdf-gen: improve adding bottleneck info to pdf Fadi Abbud <fadi.abbud@intevation.de> parents: 4479 diff changeset	750 this.selectedBottleneck
bff6c5c1db4f client: pdf-gen: improve adding bottleneck info to pdf Fadi Abbud <fadi.abbud@intevation.de> parents: 4479 diff changeset	751 );
4322 fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	752 this.$store.dispatch("map/moveToFeauture", {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	753 feature: bottleneck,
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	754 zoom: 17,
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	755 preventZoomOut: true
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	756 });
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	757 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	758 },
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	759 mounted() {
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	760 this.$store.dispatch("bottlenecks/loadBottlenecksList");
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	761 }
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	762 };
fabe67e204e7 bottleneckDialogue added Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	763 </script>

Mercurial > gemma

annotate client/src/components/fairway/BottleneckDialogue.vue @ 4502:4c3851391b6d