Mercurial > gemma

comparison client/src/components/ImportStretches.vue @ 1803:975a7de89f05

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
define stretches WIP
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 15 Jan 2019 12:18:17 +0100
parents 67340ceecc5f
children b16a6db0008f
comparison
equal deleted inserted replaced
1802:70573eea890e 1803:975a7de89f05
1 <template> 1 <template>
2 <div> 2 <div class="d-flex flex-column mb-3">
3 <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center"> 3 <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
4 <font-awesome-icon icon="road" class="mr-2"></font-awesome-icon> 4 <font-awesome-icon icon="road" class="mr-2"></font-awesome-icon>
5 <translate>Define section and stretches</translate> 5 <translate>Define section and stretches</translate>
6 </h6> 6 </h6>
7 <div class="ml-3 mr-3 w-75">
8 <div class="mt-1 text-left">
9 <small class="text-muted"> <translate>ID</translate> </small>
10 <input
11 id="id"
12 type="text"
13 class="form-control"
14 placeholder="ID"
15 aria-label="id"
16 v-model="id"
17 />
18 <span class="text-left text-danger">
19 <small v-if="!id"> <translate>Please enter an id</translate> </small>
20 </span>
21 </div>
22 <div class="d-flex flex-row justify-content-between">
23 <div class="mt-1 mr-3 text-left">
24 <small class="text-muted"> <translate>Start rhm</translate> </small>
25 <input
26 id="startrhm"
27 type="text"
28 class="form-control"
29 placeholder="ATXXX00001000000019900"
30 aria-label="startrhm"
31 v-model="startrhm"
32 />
33 <span class="text-left text-danger">
34 <small v-if="!startrhm">
35 <translate>Please enter a start point</translate>
36 </small>
37 </span>
38 </div>
39 <div class="mt-1 text-left">
40 <small class="text-muted"> <translate>End rhm</translate> </small>
41 <input
42 id="endrhm"
43 type="text"
44 class="form-control"
45 placeholder="ATXXX00001000000019900"
46 aria-label="endrhm"
47 v-model="endrhm"
48 />
49 <span class="text-left text-danger">
50 <small v-if="!id">
51 <translate>Please enter an end point</translate>
52 </small>
53 </span>
54 </div>
55 </div>
56 <div class="d-flex flex-row justify-content-between">
57 <div class="mt-1 mr-3 text-left">
58 <small class="text-muted"> <translate>Object name</translate> </small>
59 <input
60 id="objbn"
61 type="text"
62 class="form-control"
63 placeholder=""
64 aria-label="objbn"
65 v-model="objbn"
66 />
67 <span class="text-left text-danger">
68 <small v-if="!id">
69 <translate>Please enter an objectname</translate>
70 </small>
71 </span>
72 </div>
73 <div class="mt-1 text-left">
74 <small class="text-muted">
75 <translate>National Object name</translate>
76 </small>
77 <input
78 id="nobjbn"
79 type="text"
80 class="form-control"
81 placeholder=""
82 aria-label="nobjbn"
83 v-model="nobjbn"
84 />
85 <span class="text-left text-danger">
86 <small v-if="!id">
87 <translate>Please enter an objectname</translate>
88 </small>
89 </span>
90 </div>
91 </div>
92 <div class="mt-1 text-left">
93 <small class="text-muted"> <translate>Date info</translate> </small>
94 <input
95 id="date_info"
96 type="date"
97 class="form-control"
98 placeholder="date_info"
99 aria-label="date_info"
100 v-model="date_info"
101 />
102 <span class="text-left text-danger">
103 <small v-if="!id"> <translate>Please enter a date</translate> </small>
104 </span>
105 </div>
106 <div class="mt-1 text-left">
107 <small class="text-muted"> <translate>Source</translate> </small>
108 <input
109 id="source"
110 type="text"
111 class="form-control"
112 placeholder="source"
113 aria-label="source"
114 v-model="source"
115 />
116 <span class="text-left text-danger">
117 <small v-if="!id">
118 <translate>Please enter a source</translate>
119 </small>
120 </span>
121 </div>
122 </div>
7 </div> 123 </div>
8 </template> 124 </template>
9 125
10 <script> 126 <script>
11 /* This is Free Software under GNU Affero General Public License v >= 3.0 127 /* This is Free Software under GNU Affero General Public License v >= 3.0
23 */ 139 */
24 140
25 export default { 141 export default {
26 name: "importstretches", 142 name: "importstretches",
27 data() { 143 data() {
28 return {}; 144 return {
145 id: "",
146 function: "",
147 startrhm: 0,
148 endrhm: 0,
149 objbn: "",
150 nobjbn: "",
151 date_info: null,
152 source: ""
153 };
29 }, 154 },
30 methods: {} 155 methods: {}
31 }; 156 };
32 </script> 157 </script>
33 158