changeset 1576:b5d7770fe632

fix: error with translations
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 13 Dec 2018 13:41:27 +0100
parents 51f924cbac23
children 8ed3a8fd2d2f c503d2fa9776
files client/src/components/importschedule/Importscheduledetail.vue
diffstat 1 files changed, 54 insertions(+), 63 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importschedule/Importscheduledetail.vue	Thu Dec 13 13:30:02 2018 +0100
+++ b/client/src/components/importschedule/Importscheduledetail.vue	Thu Dec 13 13:41:27 2018 +0100
@@ -29,7 +29,7 @@
             </div>
           </div>
           <div class="d-flex flex-row mt-3 w-100 justify-content-between">
-            <div class="flex-column w-100">
+            <div class="flex-column w-100 mr-2">
               <div class="flex-row text-left">
                 <small class="text-muted">
                   <translate>Importtype</translate>
@@ -43,6 +43,18 @@
                 >
               </select>
             </div>
+            <div class="flex-column w-100 ml-2">
+              <div class="flex-row text-left">
+                <small class="text-muted">
+                  <translate>Schedule</translate>
+                </small>
+              </div>
+              <select v-model="schedule" class="custom-select" id="period">
+                <option v-for="option in this.$options.periods" :key="option">{{
+                  option
+                }}</option>
+              </select>
+            </div>
           </div>
           <div class="flex-column mt-3 w-100 mr-2">
             <div class="flex-row text-left">
@@ -72,45 +84,38 @@
             </div>
             <div v-if="easyCron" class="text-left w-50">
               <select v-model="simple" class="form-control"
-                ><option value=""><translate>No Schedule</translate></option>
-                <option value="weekly"><translate>Weekly</translate></option>
-                <option value="monthly"><translate>Monthly</translate></option>
+                ><option value="weekly"> Weekly </option>
+                <option value="monthly">Monthly</option>
               </select>
             </div>
             <div v-if="!easyCron" class="text-left w-100">
               <div class="d-flex flex-row">
-                <h4 class="mt-auto mb-auto mr-2">
-                  <translate>Every</translate>
-                </h4>
+                <h4 class="mt-auto mb-auto mr-2">Every</h4>
                 <select
                   style="width: 130px;"
                   v-model="cronMode"
                   class="form-control"
                   @change="clearInputs"
                 >
-                  <option value="15minutes"
-                    ><translate>15 minutes</translate></option
-                  >
-                  <option value="hour"><translate>hour</translate></option>
-                  <option value="day"><translate>day</translate></option>
-                  <option value="week"><translate>week</translate></option>
-                  <option value="month"><translate>month</translate></option>
-                  <option value="year"><translate>year</translate></option>
+                  <option value="15minutes">15 minutes</option>
+                  <option value="hour">hour</option>
+                  <option value="day">day</option>
+                  <option value="week">week</option>
+                  <option value="month">month</option>
+                  <option value="year">year</option>
                 </select>
                 <div v-if="cronMode == 'hour'" class="ml-2 d-flex flex-row">
-                  <h4 class="mt-auto mb-auto"><translate>at</translate></h4>
+                  <h4 class="mt-auto mb-auto">at</h4>
                   <input
                     v-model="minutes"
                     style="width:50px"
                     class="ml-2 mr-2 form-control"
                     type="text"
                   />
-                  <h4 class="mt-auto mb-auto">
-                    <translate>minutes past</translate>
-                  </h4>
+                  <h4 class="mt-auto mb-auto">minutes past</h4>
                 </div>
                 <div v-if="cronMode == 'day'" class="ml-2 d-flex flex-row">
-                  <h4 class="mt-auto mb-auto"><translate>at</translate></h4>
+                  <h4 class="mt-auto mb-auto">at</h4>
                   <input
                     v-model="hour"
                     style="width:50px"
@@ -123,26 +128,20 @@
                     class="ml-2 mr-2 form-control"
                     type="text"
                   />
-                  <h4 class="mt-auto mb-auto">
-                    <translate>o' clock</translate>
-                  </h4>
+                  <h4 class="mt-auto mb-auto">o' clock</h4>
                 </div>
                 <div v-if="cronMode == 'week'" class="ml-2 d-flex flex-row">
-                  <h4 class="ml-2 mr-3 mt-auto mb-auto">
-                    <translate>on</translate>
-                  </h4>
+                  <h4 class="ml-2 mr-3 mt-auto mb-auto">on</h4>
                   <select v-model="day" class="form-control">
-                    <option value="1"><translate>Monday</translate></option>
-                    <option value="2"><translate>Tuesday</translate></option>
-                    <option value="3"><translate>Wednesday</translate></option>
-                    <option value="4"><translate>Thursday</translate></option>
-                    <option value="5"><translate>Friday</translate></option>
-                    <option value="6"><translate>Saturday</translate></option>
-                    <option value="0"><translate>Sunday</translate></option>
+                    <option value="1">Monday</option>
+                    <option value="2">Tuesday</option>
+                    <option value="3">Wednesday</option>
+                    <option value="4">Thursday</option>
+                    <option value="5">Friday</option>
+                    <option value="6">Saturday</option>
+                    <option value="0">Sunday</option>
                   </select>
-                  <h4 class="ml-2 mt-auto mb-auto">
-                    <translate>at</translate>
-                  </h4>
+                  <h4 class="ml-2 mt-auto mb-auto">at</h4>
                   <input
                     v-model="hour"
                     style="width:50px"
@@ -157,16 +156,14 @@
                   />
                 </div>
                 <div v-if="cronMode == 'month'" class="ml-2 d-flex flex-row">
-                  <h4 class="ml-2 mt-auto mb-auto">
-                    <translate>on</translate>
-                  </h4>
+                  <h4 class="ml-2 mt-auto mb-auto">on</h4>
                   <input
                     v-model="dayOfMonth"
                     style="width:50px"
                     class="ml-2 mr-2 form-control"
                     type="text"
                   />
-                  <h4 class="mt-auto mb-auto"><translate>at</translate></h4>
+                  <h4 class="mt-auto mb-auto">at</h4>
                   <input
                     v-model="hour"
                     style="width:50px"
@@ -179,36 +176,32 @@
                     class="ml-2 mr-2 form-control"
                     type="text"
                   />
-                  <h4 class="mt-auto mb-auto">
-                    <translate>o' clock</translate>
-                  </h4>
+                  <h4 class="mt-auto mb-auto">o' clock</h4>
                 </div>
                 <div v-if="cronMode == 'year'" class="ml-2 d-flex flex-row">
-                  <h4 class="ml-2 mt-auto mb-auto">
-                    <translate>on</translate>
-                  </h4>
+                  <h4 class="ml-2 mt-auto mb-auto">on</h4>
                   <input
                     v-model="dayOfMonth"
                     style="width:50px"
                     class="ml-2 mr-2 form-control"
                     type="text"
                   />
-                  <h4 class="mt-auto mb-auto"><translate>of</translate></h4>
+                  <h4 class="mt-auto mb-auto">of</h4>
                   <select v-model="month" class="ml-2 mr-2 form-control">
-                    <option value="1"><translate>January</translate></option>
-                    <option value="2"><translate>February</translate></option>
-                    <option value="3"><translate>March</translate></option>
-                    <option value="4"><translate>April</translate></option>
-                    <option value="5"><translate>May</translate></option>
-                    <option value="6"><translate>June</translate></option>
-                    <option value="7"><translate>July</translate></option>
-                    <option value="8"><translate>August</translate></option>
-                    <option value="9"><translate>September</translate></option>
-                    <option value="10"><translate>October</translate></option>
-                    <option value="11"><translate>November</translate></option>
-                    <option value="12"><translate>December</translate></option>
+                    <option value="1">January</option>
+                    <option value="2">February</option>
+                    <option value="3">March</option>
+                    <option value="4">April</option>
+                    <option value="5">May</option>
+                    <option value="6">June</option>
+                    <option value="7">July</option>
+                    <option value="8">August</option>
+                    <option value="9">September</option>
+                    <option value="10">October</option>
+                    <option value="11">November</option>
+                    <option value="12">December</option>
                   </select>
-                  <h4 class="mt-auto mb-auto"><translate>at</translate></h4>
+                  <h4 class="mt-auto mb-auto">at</h4>
                   <input
                     v-model="hour"
                     style="width:50px"
@@ -224,9 +217,7 @@
                 </div>
               </div>
               <div class="mt-3 w-50 d-flex flex-row">
-                <h5 class="mt-auto mb-auto mr-2">
-                  <translate>Cronstring</translate>
-                </h5>
+                <h5 class="mt-auto mb-auto mr-2">Cronstring</h5>
                 <input class="form-control" :value="cronString" type="text" />
               </div>
             </div>