Mercurial > gemma
annotate client/src/components/ImportStretches.vue @ 1753:68bd990dd8e5
feat: added import dialogs for approved gauge meas. and waterway profiles
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 10 Jan 2019 15:55:08 +0100 |
parents | 16fb9667ddf8 |
children | 67340ceecc5f |
rev | line source |
---|---|
1610
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
1 <template> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
2 <div class="d-flex flex-row"> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
3 <Spacer></Spacer> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
4 <div class="card sysconfig mt-3 shadow-xs w-100 h-100 mr-3"> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
5 <h6 |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
6 class="mb-0 py-2 px-3 border-bottom d-flex text-info align-items-center" |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
7 > |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
8 <font-awesome-icon |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
9 icon="cloud-upload-alt" |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
10 class="mr-2" |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
11 ></font-awesome-icon> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
12 <translate class="headline">Import streches</translate> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
13 </h6> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
14 <div class="card-body stretches-card"> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
15 <div class="w-95 ml-auto mr-auto mt-4 mb-4"> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
16 <div class="d-flex flex-row input-group mb-4"> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
17 <div class="flex-column w-100"> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
18 <div class="flex-row text-left"> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
19 <small class="text-muted"> <translate>URL</translate> </small> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
20 </div> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
21 <div><input class="form-control" type="url" /></div> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
22 </div> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
23 </div> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
24 <div class="buttons text-right"> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
25 <button |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
26 :disabled="disableUploadButton" |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
27 @click="submit" |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
28 class="btn btn-info mt-4" |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
29 type="button" |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
30 > |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
31 <font-awesome-icon |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
32 class="fa-fw mr-2" |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
33 fixed-width |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
34 icon="play" |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
35 ></font-awesome-icon> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
36 <translate>Trigger import</translate> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
37 </button> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
38 </div> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
39 </div> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
40 </div> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
41 </div> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
42 </div> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
43 </template> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
44 |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
45 <script> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
46 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
47 * without warranty, see README.md and license for details. |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
48 * |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
49 * SPDX-License-Identifier: AGPL-3.0-or-later |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
50 * License-Filename: LICENSES/AGPL-3.0.txt |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
51 * |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
52 * Copyright (C) 2018 by via donau |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
53 * – Österreichische Wasserstraßen-Gesellschaft mbH |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
54 * Software engineering by Intevation GmbH |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
55 * |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
56 * Author(s): |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
57 * Thomas Junk <thomas.junk@intevation.de> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
58 */ |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
59 |
1613
f2d24dceecc7
refac: cleanup import paths
Thomas Junk <thomas.junk@intevation.de>
parents:
1610
diff
changeset
|
60 import { displayInfo } from "@/lib/errors.js"; |
1610
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
61 |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
62 export default { |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
63 name: "importstretches", |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
64 data() { |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
65 return { |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
66 disableUploadButton: false, |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
67 uploadLabel: "", |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
68 uploadFile: null |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
69 }; |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
70 }, |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
71 methods: { |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
72 submit() { |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
73 displayInfo({ |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
74 title: this.$gettext("Import stretches"), |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
75 message: this.$gettext("under construction") |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
76 }); |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
77 } |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
78 }, |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
79 components: { |
1669
16fb9667ddf8
refac: use dynamic imports for components
Thomas Junk <thomas.junk@intevation.de>
parents:
1613
diff
changeset
|
80 Spacer: () => import("./Spacer") |
1610
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
81 } |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
82 }; |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
83 </script> |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
84 |
2ee243f9a7ee
import stretches boilerplate added
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
85 <style lang="scss" scoped></style> |