Mercurial > gemma
annotate client/src/components/stretches/StretchForm.vue @ 3422:34e846f89936
Merged.
author | Sascha L. Teichmann <sascha.teichmann@intevation.de> |
---|---|
date | Thu, 23 May 2019 15:33:23 +0200 |
parents | c9b60130cdfb |
children | 08aef146f95a |
rev | line source |
---|---|
3289
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
1 <template> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
2 <div class="d-flex flex-column"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
3 <div class="d-flex justify-content-between mt-2 px-2"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
4 <div class="text-left flex-fill mr-1"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
5 <small class="text-muted"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
6 <translate>ID</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
7 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
8 <input |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
9 id="id" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
10 type="text" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
11 class="form-control form-control-sm" |
3365
c9b60130cdfb
client: define stretches: changed placeholder
Markus Kottlaender <markus@intevation.de>
parents:
3289
diff
changeset
|
12 placeholder="AT_Stretch_12" |
3289
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
13 v-model="id" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
14 :disabled="editStretch" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
15 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
16 <span class="text-left text-danger"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
17 <small v-if="errors.id && !id"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
18 <translate>Please enter an id</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
19 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
20 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
21 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
22 <div class="text-left flex-fill ml-1"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
23 <small class="text-muted"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
24 <translate>Countrycode</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
25 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
26 <input |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
27 id="countryCode" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
28 type="text" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
29 class="form-control form-control-sm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
30 placeholder="AT" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
31 v-model="countryCode" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
32 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
33 <span class="text-left text-danger"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
34 <small v-if="errors.countryCode && !countryCode"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
35 <translate>Please enter a countrycode </translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
36 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
37 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
38 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
39 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
40 <div class="d-flex justify-content-between mt-2 px-2"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
41 <div class="text-left flex-fill"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
42 <small class="text-muted"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
43 <translate>Start rhm</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
44 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
45 <div class="d-flex flex-row position-relative"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
46 <input |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
47 id="startrhm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
48 type="text" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
49 class="form-control form-control-sm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
50 placeholder="e.g. ATXXX000010000019900" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
51 v-model="startrhm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
52 ref="startrhm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
53 @focus="enablePipette('start')" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
54 @blur="disablePipette('start')" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
55 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
56 <span |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
57 class="input-group-text position-absolute input-button" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
58 @click="$refs.startrhm.focus()" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
59 v-tooltip="pipetteTooltip" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
60 > |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
61 <font-awesome-icon |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
62 :class="{ 'text-info': pipetteStart }" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
63 icon="crosshairs" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
64 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
65 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
66 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
67 <span class="text-left text-danger"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
68 <small v-if="errors.startrhm && !startrhm"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
69 <translate>Please enter a start point</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
70 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
71 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
72 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
73 <div class="text-left flex-fill ml-2"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
74 <small class="text-muted"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
75 <translate>End rhm</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
76 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
77 <div class="d-flex flex-row position-relative"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
78 <input |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
79 id="endrhm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
80 type="text" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
81 class="form-control form-control-sm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
82 placeholder="e.g. ATXXX000010000019900" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
83 v-model="endrhm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
84 ref="endrhm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
85 @focus="enablePipette('end')" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
86 @blur="disablePipette('end')" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
87 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
88 <span |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
89 class="input-group-text position-absolute input-button" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
90 @click="$refs.endrhm.focus()" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
91 v-tooltip="pipetteTooltip" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
92 > |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
93 <font-awesome-icon |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
94 :class="{ 'text-info': pipetteEnd }" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
95 icon="crosshairs" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
96 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
97 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
98 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
99 <span class="text-left text-danger"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
100 <small v-if="errors.endrhm && !endrhm"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
101 <translate>Please enter an end point</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
102 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
103 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
104 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
105 <div class="text-left ml-2" v-if="!editStretch"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
106 <small class="text-muted"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
107 <translate>Tolerance for snapping to axis</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
108 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
109 <div class="d-flex flex-row position-relative"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
110 <input |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
111 class="form-control form-control-sm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
112 v-model.number="tolerance" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
113 type="number" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
114 min="0" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
115 step="any" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
116 id="tolerance" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
117 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
118 <span class="input-group-text position-absolute input-button"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
119 m |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
120 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
121 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
122 <span class="text-left text-danger"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
123 <small v-if="errors.tolerance && !tolerance"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
124 <translate>Please enter a tolerance value</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
125 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
126 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
127 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
128 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
129 <div class="d-flex flex-row justify-content-between px-2"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
130 <div class="mt-2 mr-2 w-50 text-left"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
131 <small class="text-muted"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
132 <translate>Object name</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
133 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
134 <input |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
135 id="objbn" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
136 type="text" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
137 class="form-control form-control-sm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
138 placeholder="" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
139 v-model="objbn" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
140 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
141 <span class="text-left text-danger"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
142 <small v-if="errors.objbn && !objbn"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
143 <translate>Please enter an objectname</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
144 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
145 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
146 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
147 <div class="mt-2 w-50 text-left"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
148 <small class="text-muted"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
149 <translate>National Object name</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
150 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
151 <input |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
152 id="nobjbn" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
153 type="text" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
154 class="form-control form-control-sm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
155 v-model="nobjbn" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
156 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
157 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
158 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
159 <div class="d-flex flex-row justify-content-between px-2"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
160 <div class="mt-2 w-50 text-left"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
161 <small class="text-muted"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
162 <translate>Date info</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
163 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
164 <input |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
165 id="date_info" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
166 type="date" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
167 class="form-control form-control-sm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
168 placeholder="date_info" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
169 v-model="date_info" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
170 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
171 <span class="text-left text-danger"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
172 <small v-if="errors.date_info && !date_info"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
173 <translate>Please enter a date</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
174 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
175 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
176 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
177 <div class="mt-2 ml-2 w-50 text-left"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
178 <small class="text-muted"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
179 <translate>Source Organization</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
180 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
181 <input |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
182 id="source_organization" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
183 type="text" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
184 class="form-control form-control-sm" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
185 v-model="source_organization" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
186 /> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
187 <span class="text-left text-danger"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
188 <small v-if="errors.source_organization && !source_organization"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
189 <translate>Please enter a source organization</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
190 </small> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
191 </span> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
192 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
193 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
194 <div class="d-flex justify-content-between mt-2 p-2 border-top"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
195 <button @click="$parent.showForm = false" class="btn btn-sm btn-warning"> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
196 <translate>Back</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
197 </button> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
198 <button |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
199 @click="save" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
200 type="submit" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
201 class="shadow-sm btn btn-sm btn-info submit-button" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
202 > |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
203 <translate>Submit</translate> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
204 </button> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
205 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
206 </div> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
207 </template> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
208 |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
209 <style lang="sass" scoped> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
210 .input-button |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
211 border-top-left-radius: 0 |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
212 border-bottom-left-radius: 0 |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
213 right: 0 |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
214 height: 31px |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
215 </style> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
216 |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
217 <script> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
218 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
219 * without warranty, see README.md and license for details. |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
220 * |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
221 * SPDX-License-Identifier: AGPL-3.0-or-later |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
222 * License-Filename: LICENSES/AGPL-3.0.txt |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
223 * |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
224 * Copyright (C) 2018, 2019 by via donau |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
225 * – Österreichische Wasserstraßen-Gesellschaft mbH |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
226 * Software engineering by Intevation GmbH |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
227 * |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
228 * Author(s): |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
229 * Thomas Junk <thomas.junk@intevation.de> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
230 * Tom Gottfried <tom.gottfried@intevation.de> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
231 * Markus Kottländer <markus.kottlaender@intevation.de> |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
232 */ |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
233 import { mapState, mapGetters } from "vuex"; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
234 import { displayError, displayInfo } from "@/lib/errors"; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
235 import { sortTable } from "@/lib/mixins"; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
236 |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
237 export default { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
238 mixins: [sortTable], |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
239 props: ["editStretch"], |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
240 data() { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
241 return { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
242 pipetteStart: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
243 pipetteEnd: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
244 id: null, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
245 startrhm: null, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
246 endrhm: null, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
247 tolerance: 5, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
248 objbn: null, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
249 nobjbn: null, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
250 date_info: new Date().toISOString().split("T")[0], |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
251 source_organization: null, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
252 countryCode: null, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
253 errors: { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
254 id: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
255 startrhm: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
256 endrhm: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
257 tolerance: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
258 objbn: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
259 nobjbn: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
260 date_info: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
261 source_organization: false, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
262 countryCode: false |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
263 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
264 }; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
265 }, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
266 computed: { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
267 ...mapState("map", ["identifiedFeatures"]), |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
268 ...mapGetters("map", ["openLayersMap"]), |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
269 pipetteTooltip() { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
270 return this.$gettext("Choose a distance mark by clicking on the map."); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
271 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
272 }, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
273 watch: { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
274 identifiedFeatures() { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
275 const distanceMark = this.identifiedFeatures.find(x => |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
276 /^distance_marks_geoserver/.test(x["id_"]) |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
277 ); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
278 if (distanceMark) { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
279 const location = distanceMark.get("location"); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
280 this.startrhm = this.pipetteStart ? location : this.startrhm; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
281 this.endrhm = this.pipetteEnd ? location : this.endrhm; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
282 this.pipetteStart = false; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
283 this.pipetteEnd = false; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
284 this.$store.commit("map/mapPopupEnabled", true); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
285 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
286 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
287 }, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
288 methods: { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
289 enablePipette(t) { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
290 this.openLayersMap() |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
291 .getLayer("DISTANCEMARKSAXIS") |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
292 .setVisible(true); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
293 this.$store.commit("map/mapPopupEnabled", false); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
294 if (t === "start") { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
295 this.pipetteStart = true; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
296 this.pipetteEnd = false; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
297 } else { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
298 this.pipetteStart = false; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
299 this.pipetteEnd = true; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
300 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
301 }, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
302 disablePipette() { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
303 this.$store.commit("map/mapPopupEnabled", true); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
304 this.pipetteStart = false; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
305 this.pipetteEnd = false; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
306 }, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
307 validate() { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
308 const fields = [ |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
309 "id", |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
310 "startrhm", |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
311 "endrhm", |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
312 "objbn", |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
313 "countryCode", |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
314 "date_info", |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
315 "source_organization" |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
316 ]; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
317 if (!this.editStretch) fields.push("tolerance"); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
318 fields.forEach(field => { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
319 if (!this[field]) { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
320 this.errors[field] = true; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
321 } else { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
322 this.errors[field] = false; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
323 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
324 }); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
325 |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
326 // return true if no errors |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
327 return !Object.values(this.errors).reduce((a, b) => a + b, 0); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
328 }, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
329 save() { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
330 if (this.validate()) { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
331 const data = { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
332 name: this.id, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
333 from: this.startrhm, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
334 to: this.endrhm, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
335 "source-organization": this.source_organization, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
336 "date-info": this.date_info, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
337 objnam: this.objbn, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
338 nobjnam: this.nobjbn, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
339 countries: this.countryCode.split(",").map(x => { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
340 return x.trim(); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
341 }) |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
342 }; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
343 if (!this.editStretch) { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
344 data["tolerance"] = this.tolerance; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
345 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
346 this.$parent.loading = true; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
347 this.$store |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
348 .dispatch("imports/saveStretch", data) |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
349 .then(() => { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
350 displayInfo({ |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
351 title: this.$gettext("Import"), |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
352 message: this.$gettext("Starting import of stretch") |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
353 }); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
354 this.$store.dispatch("imports/loadStretches").then(() => { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
355 this.$parent.loading = false; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
356 this.$parent.showForm = false; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
357 }); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
358 }) |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
359 .catch(error => { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
360 const { status, data } = error.response; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
361 displayError({ |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
362 title: this.$gettext("Backend Error"), |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
363 message: `${status}: ${data.message || data}` |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
364 }); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
365 }); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
366 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
367 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
368 }, |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
369 mounted() { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
370 if (this.editStretch) { |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
371 const props = this.editStretch.properties; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
372 this.id = props.name; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
373 this.startrhm = props.lower.replace(/[,()]/g, ""); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
374 this.endrhm = props.upper.replace(/[,()]/g, ""); |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
375 this.tolerance = props.tolerance; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
376 this.objbn = props.objnam; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
377 this.nobjbn = props.nobjnam; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
378 this.date_info = props.date_info.split("T")[0]; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
379 this.source_organization = props.source_organization; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
380 this.countryCode = props.countries; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
381 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
382 } |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
383 }; |
c2cba529658d
client: define stretches: seperated list and form into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
384 </script> |