Mercurial > gemma
annotate client/src/imports/Imports.vue @ 1191:b23622905a3f
switched entirely to sass instead of scss
for cleaner code/less lines, just removed all ; and {}
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Fri, 16 Nov 2018 14:37:07 +0100 |
parents | 1d4801145a2d |
children | ddfdf440da24 |
rev | line source |
---|---|
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
1 <template> |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
2 <div v-if="showImportSoundingResults"> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
3 <div class="imports shadow d-flex content flex-column ui-element"> |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
4 <div class="card importcard"> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
5 <div class="card-body importcardbody"> |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
6 <div |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
7 @click="$store.commit('application/showImportSoundingResults', !showImportSoundingResults);" |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
8 class="ui-element close-showImportSoundingResults" |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
9 > |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
10 <i class="fa fa-close"></i> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
11 </div> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
12 <div class="card-title mb-4 headline"> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
13 <h4>Import soundingresults</h4> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
14 <hr> |
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
15 </div> |
1151
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
16 <div class="d-flex flex-row input-group mb-4"> |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
17 <div class=""> |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
18 <label |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
19 for="bottleneck" |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
20 class="label-text" |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
21 id="bottlenecklabel" |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
22 >Bottleneck</label> |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
23 </div> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
24 <input |
1151
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
25 id="bottleneck" |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
26 type="text" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
27 class="form-control" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
28 placeholder="Name of Bottleneck" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
29 aria-label="bottleneck" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
30 aria-describedby="bottlenecklabel" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
31 v-model="bottleneck" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
32 > |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
33 </div> |
1151
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
34 <div class="d-flex flex-row input-group mb-4"> |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
35 <div class=""> |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
36 <label class="label-text" for="importdate" id="importdatelabel">Date</label> |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
37 </div> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
38 <input |
1151
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
39 id="importdate" |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
40 type="date" |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
41 class="form-control" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
42 placeholder="Date of import" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
43 aria-label="bottleneck" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
44 aria-describedby="bottlenecklabel" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
45 v-model="importDate" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
46 > |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
47 </div> |
1151
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
48 <div class="d-flex flex-row input-group mb-5"> |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
49 <div class=""> |
a499f450420e
feat: Import sounding results UI improvements
Thomas Junk <thomas.junk@intevation.de>
parents:
1149
diff
changeset
|
50 <label class="label-text" for="depthreference">Depth reference</label> |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
51 </div> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
52 <select v-model="depthReference" class="custom-select" id="depthreference"> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
53 <option |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
54 v-for="option in this.$options.depthReferenceOptions" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
55 :key="option" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
56 >{{option}}</option> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
57 </select> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
58 </div> |
1152
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
59 <div class="d-flex flex-row input-group mb-5"> |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
60 <div class="custom-file"> |
1152
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
61 <input |
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
62 type="file" |
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
63 @change="fileSelected" |
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
64 class="custom-file-input" |
1161
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
65 id="uploadFile" |
1152
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
66 > |
1161
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
67 <label class="custom-file-label" for="uploadFile">{{uploadLabel}}</label> |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
68 </div> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
69 </div> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
70 <div class="downloadbtn"> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
71 <a |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
72 download="meta.json" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
73 :href="dataLink " |
1148
67c45d2d1aad
feat: Import sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1145
diff
changeset
|
74 class="btn btn-outline-info" |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
75 >Generate Meta.json</a> |
1161
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
76 <button |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
77 :disabled="disableUpload" |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
78 @click="submitUpload" |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
79 class="btn btn-info" |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
80 type="button" |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
81 >Upload!</button> |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
82 </div> |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
83 </div> |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
84 </div> |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
85 </div> |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
86 </div> |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
87 </template> |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
88 |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
89 <script> |
1161
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
90 import { HTTP } from "../application/lib/http"; |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
91 import { displayError, displayInfo } from "../application/lib/errors.js"; |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
92 import { mapState } from "vuex"; |
1161
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
93 |
1152
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
94 const defaultLabel = "Choose file"; |
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
95 |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
96 export default { |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
97 name: "imports", |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
98 data() { |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
99 return { |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
100 depthReference: "", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
101 bottleneck: "", |
1152
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
102 importDate: "", |
1161
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
103 uploadLabel: defaultLabel, |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
104 uploadFile: null, |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
105 disableUpload: false |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
106 }; |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
107 }, |
1152
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
108 methods: { |
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
109 fileSelected(e) { |
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
110 const files = e.target.files || e.dataTransfer.files; |
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
111 if (!files) return; |
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
112 this.uploadLabel = files[0].name; |
1161
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
113 this.uploadFile = files[0]; |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
114 }, |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
115 submitUpload() { |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
116 if (!this.uploadFile || this.disableUpload) return; |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
117 let formData = new FormData(); |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
118 formData.append("files[0]", this.uploadFile); |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
119 HTTP.post("/imports/soundingresult", formData, { |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
120 headers: { |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
121 "X-Gemma-Auth": localStorage.getItem("token"), |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
122 "Content-Type": "multipart/form-data" |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
123 } |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
124 }) |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
125 .then(() => { |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
126 displayInfo({ |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
127 title: "Import success" |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
128 }); |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
129 }) |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
130 .catch(error => { |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
131 const { status, data } = error.response; |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
132 displayError({ |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
133 title: "Backend Error", |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
134 message: `${status}: ${data.message || data}` |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
135 }); |
e15850b3a9d1
feat: import of sounding results upload
Thomas Junk <thomas.junk@intevation.de>
parents:
1152
diff
changeset
|
136 }); |
1152
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
137 } |
7cb06f85a905
feat: Import sounding results display filename in uploadbox
Thomas Junk <thomas.junk@intevation.de>
parents:
1151
diff
changeset
|
138 }, |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
139 computed: { |
1183
1d4801145a2d
import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents:
1161
diff
changeset
|
140 ...mapState("application", ["showImportSoundingResults"]), |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
141 dataLink() { |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
142 return ( |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
143 "data:text/json;charset=utf-8," + |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
144 encodeURIComponent( |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
145 JSON.stringify({ |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
146 depthReference: this.depthReference, |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
147 bottleneck: this.bottleneck, |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
148 date: this.importDate |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
149 }) |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
150 ) |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
151 ); |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
152 } |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
153 }, |
1145
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
154 depthReferenceOptions: [ |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
155 "", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
156 "NAP", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
157 "KP", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
158 "FZP", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
159 "ADR", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
160 "TAW", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
161 "PUL", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
162 "NGM", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
163 "ETRS", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
164 "POT", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
165 "LDC", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
166 "HDC", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
167 "ZPG", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
168 "GLW", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
169 "HSW", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
170 "LNW", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
171 "HNW", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
172 "IGN", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
173 "WGS", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
174 "RN", |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
175 "HBO" |
2d34715dd52e
feat: Import of sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1144
diff
changeset
|
176 ] |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
177 }; |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
178 </script> |
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
179 |
1191
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
180 <style lang="sass" scoped> |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
181 .close-showImportSoundingResults |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
182 position: absolute |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
183 z-index: 2 |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
184 right: 0 |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
185 top: 7px |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
186 border-radius: $border-radius |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
187 height: $icon-width |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
188 width: $icon-height |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
189 |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
190 .label-text |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
191 width: 10rem |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
192 text-align: left |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
193 line-height: 2.25rem |
1148
67c45d2d1aad
feat: Import sounding results
Thomas Junk <thomas.junk@intevation.de>
parents:
1145
diff
changeset
|
194 |
1191
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
195 .importcard |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
196 height: 100% |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
197 |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
198 .importcardbody |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
199 position: relative |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
200 height: 100% |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
201 width: 90% |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
202 margin-left: auto |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
203 margin-right: auto |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
204 |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
205 .imports |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
206 position: relative |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
207 background-color: white |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
208 width: 30rem |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
209 height: 28rem |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
210 margin-left: auto |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
211 margin-right: auto |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
212 border-radius: $border-radius |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
213 opacity: $slight-transparent |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
214 |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
215 .downloadbtn |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
216 position: absolute |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
217 right: $offset |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
218 bottom: $offset |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
219 |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
220 .downloadbtn a |
b23622905a3f
switched entirely to sass instead of scss
Markus Kottlaender <markus@intevation.de>
parents:
1183
diff
changeset
|
221 margin-right: $offset |
1142
dc3f0277628a
feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
222 </style> |