public/assets/angular-cron-gen/template.html

   1 <!doctype html>
   2 <md-content>
   3     <div layout="column">
   4         <md-input-container>
   5             <md-select ng-model="$ctrl.activeTab">
   6                 <md-option value="minutes" ng-show="!$ctrl.parsedOptions.hideMinutesTab"> {{ 'TOOLS.MINUTES' | translate }}</md-option>
   7                 <md-option value="hourly" ng-show="!$ctrl.parsedOptions.hideHourlyTab"> {{ 'TOOLS.HOURLY' | translate }}</md-option>
   8                 <md-option value="daily" ng-show="!$ctrl.parsedOptions.hideDailyTab"> {{ 'TOOLS.DAILY' | translate }}</md-option>
   9                 <md-option value="weekly" ng-show="!$ctrl.parsedOptions.hideWeeklyTab"> {{ 'TOOLS.WEEKLY' | translate }}</md-option>
  10                 <md-option value="monthly" ng-show="!$ctrl.parsedOptions.hideMonthlyTab"> {{ 'TOOLS.MONTHLY' | translate }}</md-option>
  11                 <md-option value="yearly" ng-show="!$ctrl.parsedOptions.hideYearlyTab"> {{ 'TOOLS.YEARLY' | translate }}</md-option>
  12                 <md-option value="advanced" ng-show="!$ctrl.parsedOptions.hideAdvancedTab"> {{ 'TOOLS.ADVANCED' | translate }}</md-option>
  13             </md-select>
  14         </md-input-container>
  15
  16         <!--  START MINUTES-->
  17         <div layout="row" layout-align="space-around center" ng-if="$ctrl.activeTab == 'minutes'">
  18             <span translate="TOOLS.EVERY"></span>
  19             <md-select class="minutes" name="minutesMinutes" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'minutes'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.minutes.minutes" ng-required="$ctrl.activeTab === 'minutes'" ng-class="$ctrl.parsedOptions.formSelectClass">
  20                 <md-option ng-repeat="minute in $ctrl.selectOptions.minutes" ng-value="minute">{{minute}}</md-option>
  21             </md-select>
  22             <span translate="TOOLS.MINUTE"></span>
  23             <span ng-show="!$ctrl.parsedOptions.hideSeconds">{{'TOOLS.ON_SECOND' | translate}}</span>
  24             <md-select class="seconds" name="minutesSeconds" ng-show="!$ctrl.parsedOptions.hideSeconds" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'minutes'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.minutes.seconds" ng-required="$ctrl.activeTab === 'minutes'"
  25                 ng-class="$ctrl.parsedOptions.formSelectClass">
  26                 <md-option ng-repeat="second in $ctrl.selectOptions.seconds" ng-value="second">{{$ctrl.cronGenService.padNumber(second)}}</md-option>
  27             </md-select>
  28         </div>
  29
  30         <!--  START HOURLY-->
  31         <div layout="row" layout-align="space-around center" ng-if="$ctrl.activeTab == 'hourly'">
  32             <span translate="TOOLS.EVERY"></span>
  33             <md-select class="hours" name="hourlyHours" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'hourly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.hourly.hours" ng-required="$ctrl.activeTab === 'hourly'" ng-class="$ctrl.parsedOptions.formSelectClass">
  34                 <md-option ng-repeat="hour in $ctrl.selectOptions.hours" ng-value="hour">{{hour}}</md-option>
  35             </md-select>
  36             <span translate="TOOLS.HOUR_ON_MINUTE"></span>
  37             <md-select class="minutes" name="hourlyMinutes" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'hourly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.hourly.minutes" ng-required="$ctrl.activeTab === 'hourly'" ng-class="$ctrl.parsedOptions.formSelectClass">
  38                 <md-option ng-repeat="minute in $ctrl.selectOptions.fullMinutes" ng-value="minute">{{$ctrl.cronGenService.padNumber(minute)}}</md-option>
  39             </md-select>
  40             <span ng-show="!$ctrl.parsedOptions.hideSeconds" translate="TOOLS.AND_SECOND"></span>
  41             <md-select class="seconds" name="hourlySeconds" ng-show="!$ctrl.parsedOptions.hideSeconds" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'hourly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.hourly.seconds" ng-required="$ctrl.activeTab === 'hourly'"
  42                 ng-class="$ctrl.parsedOptions.formSelectClass">
  43                 <md-option ng-repeat="second in $ctrl.selectOptions.seconds" ng-value="second">{{$ctrl.cronGenService.padNumber(second)}}</md-option>
  44             </md-select>
  45         </div>
  46
  47         <!--  START DAILY-->
  48         <div layout="row" layout-align="space-around center" ng-if="$ctrl.activeTab == 'daily'">
  49             <span translate="TOOLS.EVERY"></span>
  50             <md-select class="days" name="dailyEveryDaysDays" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'daily' || $ctrl.state.daily.subTab !== 'everyDays'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.daily.everyDays.days" ng-required="$ctrl.activeTab === 'daily' && $ctrl.state.daily.subTab === 'everyDays'"
  51                 ng-class="$ctrl.parsedOptions.formSelectClass">
  52                 <md-option ng-repeat="monthDay in $ctrl.selectOptions.monthDays" ng-value="monthDay">{{monthDay}}</md-option>
  53             </md-select>
  54             <span translate="TOOLS.DAY_AT"></span>
  55             <cron-gen-time-select is-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'daily' || $ctrl.state.daily.subTab !== 'everyDays'" on-change="$ctrl.regenerateCron()" name-prefix="dailyEveryDays" is-required="$ctrl.activeTab === 'daily' && $ctrl.state.daily.subTab === 'everyDays'"
  56                 model="$ctrl.state.daily.everyDays" select-class="$ctrl.parsedOptions.formSelectClass" use-24-hour-time="true" template-url="assets/angular-cron-gen/template-time-select.html" hide-seconds="$ctrl.parsedOptions.hideSeconds">
  57             </cron-gen-time-select>
  58         </div>
  59
  60         <!-- START WEEKLY -->
  61         <div layout="row" layout-align="space-around center" ng-if="$ctrl.activeTab == 'weekly'">
  62             <div layout="column">
  63                 <md-checkbox name="weeklyMON" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'weekly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.weekly.MON" ng-class="$ctrl.parsedOptions.formCheckboxClass">Monday</md-checkbox>
  64                 <md-checkbox name="weeklyTUE" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'weekly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.weekly.TUE" ng-class="$ctrl.parsedOptions.formCheckboxClass">Tuesday</md-checkbox>
  65                 <md-checkbox name="weeklyWED" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'weekly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.weekly.WED" ng-class="$ctrl.parsedOptions.formCheckboxClass">Wednesday</md-checkbox>
  66                 <md-checkbox name="weeklyTHU" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'weekly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.weekly.THU" ng-class="$ctrl.parsedOptions.formCheckboxClass">Thursday</md-checkbox>
  67             </div>
  68             <div layout="column">
  69                 <md-checkbox name="weeklyFRI" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'weekly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.weekly.FRI" ng-class="$ctrl.parsedOptions.formCheckboxClass">Friday</md-checkbox>
  70                 <md-checkbox name="weeklySAT" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'weekly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.weekly.SAT" ng-class="$ctrl.parsedOptions.formCheckboxClass">Saturday</md-checkbox>
  71                 <md-checkbox name="weeklySUN" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'weekly'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.weekly.SUN" ng-class="$ctrl.parsedOptions.formCheckboxClass">Sunday</md-checkbox>
  72             </div>
  73             <span translate="TOOLS.START_TIME"></span>
  74             <cron-gen-time-select is-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'weekly'" on-change="$ctrl.regenerateCron()" name-prefix="weekly" is-required="$ctrl.activeTab === 'weekly'" model="$ctrl.state.weekly" select-class="$ctrl.parsedOptions.formSelectClass"
  75                 use-24-hour-time="true" template-url="assets/angular-cron-gen/template-time-select.html" hide-seconds="$ctrl.parsedOptions.hideSeconds">
  76             </cron-gen-time-select>
  77         </div>
  78
  79         <!-- START MONTHLY-->
  80         <div layout="row" layout-align="space-around center" ng-if="$ctrl.activeTab == 'monthly'">
  81             <span translate="TOOLS.ON_THE"></span>
  82             <md-select class="month-days" name="monthlySpecificDayDay" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'monthly' || $ctrl.state.monthly.subTab !== 'specificDay'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.monthly.specificDay.day"
  83                 ng-required="$ctrl.activeTab === 'monthly' && $ctrl.state.monthly.subTab === 'specificDay'" ng-class="$ctrl.parsedOptions.formSelectClass">
  84                 <md-option ng-repeat="monthDaysWithLast in $ctrl.selectOptions.monthDaysWithLasts" ng-value="monthDaysWithLast">{{$ctrl.monthDayDisplay(monthDaysWithLast)}}</md-option>
  85             </md-select>
  86             <span translate="TOOLS.OF_EVERY"></span>
  87             <md-select class="months-small" name="monthlySpecificDayMonths" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'monthly' || $ctrl.state.monthly.subTab !== 'specificDay'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.monthly.specificDay.months"
  88                 ng-required="$ctrl.activeTab === 'monthly' && $ctrl.state.monthly.subTab === 'specificDay'" ng-class="$ctrl.parsedOptions.formSelectClass">
  89                 <md-option ng-repeat="month in $ctrl.selectOptions.months" ng-value="month">{{month}}</md-option>
  90             </md-select>
  91             <span translate="TOOLS.MONTH_AT"></span>
  92             <cron-gen-time-select is-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'monthly' || $ctrl.state.monthly.subTab !== 'specificDay'" on-change="$ctrl.regenerateCron()" name-prefix="monthlySpecificDay" is-required="$ctrl.activeTab === 'monthly' && $ctrl.state.monthly.subTab === 'specificDay'"
  93                 model="$ctrl.state.monthly.specificDay" select-class="$ctrl.parsedOptions.formSelectClass" use-24-hour-time="true" template-url="assets/angular-cron-gen/template-time-select.html" hide-seconds="$ctrl.parsedOptions.hideSeconds">
  94             </cron-gen-time-select>
  95         </div>
  96
  97         <!-- START YEARLY-->
  98         <div layout="row" layout-align="space-around center" ng-if="$ctrl.activeTab == 'yearly'">
  99             <span translate="TOOLS.EVERY"></span>
 100             <md-select class="months" name="yearlySpecificMonthDayMonth" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'yearly' || $ctrl.state.yearly.subTab !== 'specificMonthDay'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.yearly.specificMonthDay.month"
 101                 ng-required="$ctrl.activeTab === 'yearly' && $ctrl.state.yearly.subTab === 'specificMonthDay'" ng-class="$ctrl.parsedOptions.formSelectClass">
 102                 <md-option ng-repeat="month in $ctrl.selectOptions.months" ng-value="month">{{$ctrl.monthDisplay(month)}}</md-option>
 103             </md-select>
 104             <span translate="TOOLS.ON_THE"></span>
 105             <md-select class="month-days" name="yearlySpecificMonthDayDay" ng-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'yearly' || $ctrl.state.yearly.subTab !== 'specificMonthDay'" ng-change="$ctrl.regenerateCron()" ng-model="$ctrl.state.yearly.specificMonthDay.day"
 106                 ng-required="$ctrl.activeTab === 'yearly' && $ctrl.state.yearly.subTab === 'specificMonthDay'" ng-class="$ctrl.parsedOptions.formSelectClass">
 107                 <md-option ng-repeat="monthDaysWithLast in $ctrl.selectOptions.monthDaysWithLasts" ng-value="monthDaysWithLast">{{$ctrl.monthDayDisplay(monthDaysWithLast)}}</md-option>
 108             </md-select>
 109             <span translate="TOOLS.AT"></span>
 110             <cron-gen-time-select is-disabled="$ctrl.ngDisabled || $ctrl.activeTab !== 'yearly' || $ctrl.state.yearly.subTab !== 'specificMonthDay'" on-change="$ctrl.regenerateCron()" is-required="$ctrl.activeTab === 'yearly' && $ctrl.state.yearly.subTab === 'specificMonthDay'"
 111                 name-prefix="yearlySpecificMonthDay" model="$ctrl.state.yearly.specificMonthDay" select-class="$ctrl.parsedOptions.formSelectClass" use-24-hour-time="true" template-url="assets/angular-cron-gen/template-time-select.html" hide-seconds="$ctrl.parsedOptions.hideSeconds">
 112             </cron-gen-time-select>
 113         </div>
 114     </div>
 115 </md-content>