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 {