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