vid-app-common/src/main/webapp/app/vid/scripts/modals/new-scheduler/new-scheduler.html

   1 <link rel="stylesheet" type="text/css" href="app/vid/scripts/modals/new-scheduler/new-scheduler.css" />
   2 <div class="modal-header">
   3     <h3 class="modal-title" id="modal-title">Scheduler Change</h3>
   4 </div>
   5 <form name="newschedulermodalForm" ng-submit="vm.schedule(newschedulermodalForm)">
   6     <div class="modal-body">
   7
   8             <div class="form-group" >
   9             <label><input type="radio" ng-model="vm.checkboxSelection" ng-change="vm.radioSelections()" value="true">Now</label>
  10             <label><input type="radio"  ng-model="vm.checkboxSelection"  ng-change="vm.radioSelections()" value="false">Range</label>
  11              </div>
  12 <!--       <div class="form-group"> -->
  13 <!--          <input type="radio"  ng-model="checkboxSelection" value="false"  ><label>Range</label> -->
  14 <!--         </div> -->
  15
  16
  17         <div class="form-group" >
  18             <label class="control-label">From Date</label>
  19             <input ng-disabled="(vm.checkboxSelection=='true')? true:false"  valid-date name="startDate" ng-model="vm.fromDate" id="startDate" datetime-picker ng-required="false"  hour="23" minute='59' class="calender-icon"/>
  20
  21         </div>
  22         <div class="form-group"  >
  23             <label class="control-label">To Date</label>
  24             <input  ng-disabled="(vm.checkboxSelection=='true')? true:false" valid-date name="endDate" ng-model="vm.toDate" id="endDate" datetime-picker ng-required="false"  hour="23" minute='59' class="calender-icon"  />
  25                  <span ng-show="newschedulermodalForm.startDate.$error.endBeforeStart">To date must be on or after From date.</span>
  26                             <span ng-show="newschedulermodalForm.startDate.$error.invalidDate || newschedulermodalForm.endDate.$error.invalidDate">Check dates for validity</span>
  27                             <span ng-show="newschedulermodalForm.startDate.$error.required || newschedulermodalForm.endDate.$error.required">A required date is missing</span>
  28              </div>
  29
  30         <div class="form-group"  >
  31        <label>Please Select Option For Duration and FallBack</label>
  32
  33           <select class="form-control" name="selecttime" data-tests-id="timeUnitSelect" ng-model="vm.selectedOption" ng-change="vm.updateMinMax()">
  34             <option value="hours">HOURS</option>
  35             <option value="minutes">MINUTES</option>
  36             <option value="seconds">SECONDS</option>
  37           </select>
  38         </div>
  39         <div class="row">
  40         <div class="form-group col-md-6 col-xs-12">
  41          <label class="control-label">Duration</label>
  42           <input  type="number" style="font-size: 1em;" data-tests-id="durationInput" name="durationinput" ng-model="vm.scheduler.duration" ng-required="true">
  43
  44         </div>
  45         <div class="form-group col-md-6 col-xs-12"  >
  46          <label class="control-label">Fallback Duration</label>
  47           <input  type="number" style="font-size: 1em;" name="fallbackinput" data-tests-id="fallbackInput" ng-model="vm.scheduler.fallbackDuration"  ng-required="true">
  48
  49
  50         </div>
  51           </div>
  52          <div class="form-group">
  53          <label class="control-label">Concurrency Limit</label>
  54           <input  type="number" style="font-size: 1em;" name="input" data-tests-id="concurrencyLimitInput" ng-model="vm.scheduler.concurrency" min="1" max="30" ng-required="true">
  55         </div>
  56           <div class="form-group">
  57             <label class="control-label">Policy</label>
  58             <select  class="policy-combo" ng-model="vm.scheduler.policy" id="policy"  ng-options="item.policyName for item in vm.policys">
  59                 <option value="">Select Policy</option>
  60             </select>
  61         </div>
  62                  <div class="form-group">
  63             <button type="submit" id="find" name="Find" ng-disabled="vm.isClicked" class="btn btn-primary find-block">Find</button>
  64              <span class="spinner" ng-show="vm.isSpinnerVisible">
  65                                 <img src="app/vid/images/spinner.gif">
  66                                         </img>
  67
  68                         </span>
  69
  70          </div>
  71
  72            <div class="form-group" ng-show="(vm.checkboxSelection=='false')? true:false">
  73 <!--             <label class="control-label">Time Slots</label> -->
  74 <!--             <textarea rows="10" cols="50" class="timeslots-block" ></textarea> -->
  75             <table class="table table-bordered">
  76                            <thead class="thead-default">
  77                               <tr>
  78                                  <th>Start Time</th>
  79                                  <th>End Time</th>
  80                               </tr>
  81                            </thead>
  82                            <tbody>
  83
  84                               <tr class="table-headline-row" ng-repeat="timeslot in vm.timeSlots">
  85                                  <td>{{timeslot.startTime}}</td>
  86                                  <td>{{timeslot.finishTime}}</td>
  87                               </tr>
  88                            </tbody>
  89          </table>
  90         </div>
  91
  92     </div>
  93     <div class="modal-footer">
  94         <div class="pull-right">
  95             <button type="button" id="btn" name="submit" class="btn btn-primary" ng-click="vm.submit()">Schedule</button>
  96             <button type="button" id="btn" name="submit" class="btn btn-primary" ng-click="vm.reject()">Reject</button>
  97             <button type="button" id="cancel" name="cancel" class="btn btn-white" ng-click="vm.close()">Cancel</button>
  98         </div>
  99     </div>
 100 </form>
 101