Mercurial > gemma
comparison client/src/components/importschedule/Importscheduledetail.vue @ 1598:4057b366db5f
unattended imports: layout
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Mon, 17 Dec 2018 10:43:04 +0100 |
parents | bbbc27a7ec99 |
children | f2d24dceecc7 |
comparison
equal
deleted
inserted
replaced
1597:98a1636c7255 | 1598:4057b366db5f |
---|---|
128 :value="key" | 128 :value="key" |
129 :key="key" | 129 :key="key" |
130 >{{ option }}</option | 130 >{{ option }}</option |
131 > | 131 > |
132 </select> | 132 </select> |
133 <div v-if="cronMode == 'hour'" class="ml-2 d-flex flex-row"> | 133 <div v-if="cronMode == 'hour'" class="ml-1 d-flex flex-row"> |
134 <h4 class="mt-auto mb-auto">{{ $options.ON }}</h4> | 134 <h4 class="mt-auto mb-auto">{{ $options.ON }}</h4> |
135 <input | 135 <input |
136 v-model="minutes" | 136 v-model="minutes" |
137 style="width:50px" | 137 class="cronfield ml-1 mr-1 form-control" |
138 class="ml-2 mr-2 form-control" | 138 type="number" |
139 type="text" | |
140 /> | 139 /> |
141 <h4 class="mt-auto mb-auto">{{ $options.MINUTESPAST }}</h4> | 140 <h4 class="mt-auto mb-auto">{{ $options.MINUTESPAST }}</h4> |
142 </div> | 141 </div> |
143 <div v-if="cronMode == 'day'" class="ml-2 d-flex flex-row"> | 142 <div v-if="cronMode == 'day'" class="ml-1 d-flex flex-row"> |
144 <h4 class="mt-auto mb-auto">{{ $options.AT }}</h4> | 143 <h4 class="mt-auto mb-auto">{{ $options.AT }}</h4> |
145 <input | 144 <input |
146 v-model="hour" | 145 v-model="hour" |
147 style="width:50px" | 146 class="cronfield ml-1 mr-1 form-control" |
148 class="ml-2 mr-2 form-control" | 147 type="number" |
149 type="text" | |
150 /> | 148 /> |
151 <input | 149 <input |
152 v-model="minutes" | 150 v-model="minutes" |
153 style="width:50px" | 151 class="cronfield ml-1 mr-1 form-control" |
154 class="ml-2 mr-2 form-control" | 152 type="number" |
155 type="text" | |
156 /> | 153 /> |
157 <h4 class="mt-auto mb-auto">{{ $options.OCLOCK }}</h4> | 154 <h4 class="mt-auto mb-auto">{{ $options.OCLOCK }}</h4> |
158 </div> | 155 </div> |
159 <div v-if="cronMode == 'week'" class="ml-2 d-flex flex-row"> | 156 <div v-if="cronMode == 'week'" class="ml-1 d-flex flex-row"> |
160 <h4 class="ml-2 mr-3 mt-auto mb-auto">{{ $options.ON }}</h4> | 157 <h4 class="ml-1 mr-1 mt-auto mb-auto">{{ $options.ON }}</h4> |
161 <select v-model="day" class="form-control"> | 158 <select v-model="day" class="form-control"> |
162 <option | 159 <option |
163 v-for="(option, key) in $options.DAYSOFWEEK" | 160 v-for="(option, key) in $options.DAYSOFWEEK" |
164 :key="key" | 161 :key="key" |
165 :value="key" | 162 :value="key" |
166 >{{ option }}</option | 163 >{{ option }}</option |
167 > | 164 > |
168 </select> | 165 </select> |
169 <h4 class="ml-2 mt-auto mb-auto">{{ $options.AT }}</h4> | 166 <h4 class="ml-1 mt-auto mb-auto">{{ $options.AT }}</h4> |
170 <input | 167 <input |
171 v-model="hour" | 168 v-model="hour" |
172 style="width:50px" | 169 class="cronfield ml-1 mr-1 form-control" |
173 class="ml-2 mr-2 form-control" | 170 type="number" |
174 type="text" | |
175 /> | 171 /> |
176 <input | 172 <input |
177 v-model="minutes" | 173 v-model="minutes" |
178 style="width:50px" | 174 class="cronfield ml-1 mr-1 form-control" |
179 class="ml-2 mr-2 form-control" | 175 type="number" |
180 type="text" | 176 /> |
181 /> | 177 </div> |
182 </div> | 178 <div v-if="cronMode == 'month'" class="ml-1 d-flex flex-row"> |
183 <div v-if="cronMode == 'month'" class="ml-2 d-flex flex-row"> | 179 <h4 class="ml-1 mt-auto mb-auto">{{ $options.ON }}</h4> |
184 <h4 class="ml-2 mt-auto mb-auto">{{ $options.ON }}</h4> | |
185 <input | 180 <input |
186 v-model="dayOfMonth" | 181 v-model="dayOfMonth" |
187 style="width:50px" | 182 class="cronfield ml-1 mr-1 form-control" |
188 class="ml-2 mr-2 form-control" | 183 type="number" |
189 type="text" | |
190 /> | 184 /> |
191 <h4 class="mt-auto mb-auto">{{ $options.AT }}</h4> | 185 <h4 class="mt-auto mb-auto">{{ $options.AT }}</h4> |
192 <input | 186 <input |
193 v-model="hour" | 187 v-model="hour" |
194 style="width:50px" | 188 class="cronfield ml-1 mr-2 form-control" |
195 class="ml-2 mr-2 form-control" | 189 type="number" |
196 type="text" | |
197 /> | 190 /> |
198 <input | 191 <input |
199 v-model="minutes" | 192 v-model="minutes" |
200 style="width:50px" | 193 class="cronfield ml-1 mr-2 form-control" |
201 class="ml-2 mr-2 form-control" | 194 type="number" |
202 type="text" | |
203 /> | 195 /> |
204 <h4 class="mt-auto mb-auto">{{ $options.OCLOCK }}</h4> | 196 <h4 class="mt-auto mb-auto">{{ $options.OCLOCK }}</h4> |
205 </div> | 197 </div> |
206 <div v-if="cronMode == 'year'" class="ml-2 d-flex flex-row"> | 198 <div v-if="cronMode == 'year'" class="ml-1 d-flex flex-row"> |
207 <h4 class="ml-2 mt-auto mb-auto">{{ $options.ON }}</h4> | 199 <h4 class="ml-1 mt-auto mb-auto">{{ $options.ON }}</h4> |
208 <input | 200 <input |
209 v-model="dayOfMonth" | 201 v-model="dayOfMonth" |
210 style="width:50px" | 202 class="cronfield ml-1 mr-1 form-control" |
211 class="ml-2 mr-2 form-control" | 203 type="number" |
212 type="text" | |
213 /> | 204 /> |
214 <h4 class="mt-auto mb-auto">{{ $options.OF }}</h4> | 205 <h4 class="mt-auto mb-auto">{{ $options.OF }}</h4> |
215 <select v-model="month" class="ml-2 mr-2 form-control"> | 206 <select v-model="month" class="ml-1 mr-1 form-control"> |
216 <option | 207 <option |
217 v-for="(option, key) in $options.MONTHS" | 208 v-for="(option, key) in $options.MONTHS" |
218 :value="key" | 209 :value="key" |
219 :key="key" | 210 :key="key" |
220 >{{ option }}</option | 211 >{{ option }}</option |
221 > | 212 > |
222 </select> | 213 </select> |
223 <h4 class="mt-auto mb-auto">{{ $options.ON }}</h4> | 214 <h4 class="mt-auto mb-auto">{{ $options.ON }}</h4> |
224 <input | 215 <input |
225 v-model="hour" | 216 v-model="hour" |
226 style="width:50px" | 217 class="cronfield ml-1 mr-1 form-control" |
227 class="ml-2 mr-2 form-control" | 218 type="number" |
228 type="text" | |
229 /> | 219 /> |
230 <input | 220 <input |
231 v-model="minutes" | 221 v-model="minutes" |
232 style="width:50px" | 222 class="cronfield ml-1 mr-1 form-control" |
233 class="ml-2 mr-2 form-control" | 223 type="number" |
234 type="text" | |
235 /> | 224 /> |
236 </div> | 225 </div> |
237 </div> | 226 </div> |
238 <div class="mt-3 w-50 d-flex flex-row"> | 227 <div class="mt-3 w-50 d-flex flex-row"> |
239 <h5 class="mt-auto mb-auto mr-2"> | 228 <h5 class="mt-auto mb-auto mr-2"> |
268 <small class="text-muted"><translate>Email</translate> </small> | 257 <small class="text-muted"><translate>Email</translate> </small> |
269 </div> | 258 </div> |
270 <input | 259 <input |
271 :disabled="!eMailNotification" | 260 :disabled="!eMailNotification" |
272 class="form-control" | 261 class="form-control" |
273 type="text" | 262 type="email" |
274 /> | 263 /> |
275 </div> | 264 </div> |
276 <button type="submit" class="shadow-sm btn btn-info submit-button"> | 265 <button type="submit" class="shadow-sm btn btn-info submit-button"> |
277 <translate>Submit</translate> | 266 <translate>Submit</translate> |
278 </button> | 267 </button> |
492 } | 481 } |
493 }; | 482 }; |
494 </script> | 483 </script> |
495 | 484 |
496 <style lang="scss" scoped> | 485 <style lang="scss" scoped> |
486 .cronfield { | |
487 width: 55px; | |
488 } | |
489 | |
497 .importscheduledetailscard { | 490 .importscheduledetailscard { |
498 min-height: 550px; | 491 min-height: 550px; |
499 } | 492 } |
500 | 493 |
501 .importscheduledetails { | 494 .importscheduledetails { |