Mercurial > gemma

annotate client/src/imports/Imports.vue @ 1211:55eae66af749

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