Mercurial > gemma
changeset 1598:4057b366db5f
unattended imports: layout
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Mon, 17 Dec 2018 10:43:04 +0100 |
parents | 98a1636c7255 |
children | 5e16d1fbe91f |
files | client/src/components/importschedule/Importscheduledetail.vue |
diffstat | 1 files changed, 37 insertions(+), 44 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/importschedule/Importscheduledetail.vue Mon Dec 17 10:13:04 2018 +0100 +++ b/client/src/components/importschedule/Importscheduledetail.vue Mon Dec 17 10:43:04 2018 +0100 @@ -130,34 +130,31 @@ >{{ option }}</option > </select> - <div v-if="cronMode == 'hour'" class="ml-2 d-flex flex-row"> + <div v-if="cronMode == 'hour'" class="ml-1 d-flex flex-row"> <h4 class="mt-auto mb-auto">{{ $options.ON }}</h4> <input v-model="minutes" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-1 form-control" + type="number" /> <h4 class="mt-auto mb-auto">{{ $options.MINUTESPAST }}</h4> </div> - <div v-if="cronMode == 'day'" class="ml-2 d-flex flex-row"> + <div v-if="cronMode == 'day'" class="ml-1 d-flex flex-row"> <h4 class="mt-auto mb-auto">{{ $options.AT }}</h4> <input v-model="hour" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-1 form-control" + type="number" /> <input v-model="minutes" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-1 form-control" + type="number" /> <h4 class="mt-auto mb-auto">{{ $options.OCLOCK }}</h4> </div> - <div v-if="cronMode == 'week'" class="ml-2 d-flex flex-row"> - <h4 class="ml-2 mr-3 mt-auto mb-auto">{{ $options.ON }}</h4> + <div v-if="cronMode == 'week'" class="ml-1 d-flex flex-row"> + <h4 class="ml-1 mr-1 mt-auto mb-auto">{{ $options.ON }}</h4> <select v-model="day" class="form-control"> <option v-for="(option, key) in $options.DAYSOFWEEK" @@ -166,53 +163,47 @@ >{{ option }}</option > </select> - <h4 class="ml-2 mt-auto mb-auto">{{ $options.AT }}</h4> + <h4 class="ml-1 mt-auto mb-auto">{{ $options.AT }}</h4> <input v-model="hour" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-1 form-control" + type="number" /> <input v-model="minutes" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-1 form-control" + type="number" /> </div> - <div v-if="cronMode == 'month'" class="ml-2 d-flex flex-row"> - <h4 class="ml-2 mt-auto mb-auto">{{ $options.ON }}</h4> + <div v-if="cronMode == 'month'" class="ml-1 d-flex flex-row"> + <h4 class="ml-1 mt-auto mb-auto">{{ $options.ON }}</h4> <input v-model="dayOfMonth" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-1 form-control" + type="number" /> <h4 class="mt-auto mb-auto">{{ $options.AT }}</h4> <input v-model="hour" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-2 form-control" + type="number" /> <input v-model="minutes" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-2 form-control" + type="number" /> <h4 class="mt-auto mb-auto">{{ $options.OCLOCK }}</h4> </div> - <div v-if="cronMode == 'year'" class="ml-2 d-flex flex-row"> - <h4 class="ml-2 mt-auto mb-auto">{{ $options.ON }}</h4> + <div v-if="cronMode == 'year'" class="ml-1 d-flex flex-row"> + <h4 class="ml-1 mt-auto mb-auto">{{ $options.ON }}</h4> <input v-model="dayOfMonth" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-1 form-control" + type="number" /> <h4 class="mt-auto mb-auto">{{ $options.OF }}</h4> - <select v-model="month" class="ml-2 mr-2 form-control"> + <select v-model="month" class="ml-1 mr-1 form-control"> <option v-for="(option, key) in $options.MONTHS" :value="key" @@ -223,15 +214,13 @@ <h4 class="mt-auto mb-auto">{{ $options.ON }}</h4> <input v-model="hour" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-1 form-control" + type="number" /> <input v-model="minutes" - style="width:50px" - class="ml-2 mr-2 form-control" - type="text" + class="cronfield ml-1 mr-1 form-control" + type="number" /> </div> </div> @@ -270,7 +259,7 @@ <input :disabled="!eMailNotification" class="form-control" - type="text" + type="email" /> </div> <button type="submit" class="shadow-sm btn btn-info submit-button"> @@ -494,6 +483,10 @@ </script> <style lang="scss" scoped> +.cronfield { + width: 55px; +} + .importscheduledetailscard { min-height: 550px; }