ecomp-portal-widget-ms/common-widgets/portal-common-scheduler-widget/markup/markup.html

   1 <div id="widget-scheduler" ng-controller="SchedulerCtrl" class="widget-scheduler-main" >
   2                 <div id="widget-scheduler" class="widget-scheduler-main">
   3                 <span class="ecomp-spinner" ng-show="showTimeslotSpinner"></span>
   4                 <span class="ecomp-spinner" ng-show="showSpinner"></span>
   5                 <div ng-if="!hasParentData">
   6                         <div class="activity-error-container" style="background: rgb(255, 255, 255); overflow: hidden !important; width: 100%;">
   7                                 <div class="activity-error-block">
   8                                         <i class="icon-information full-linear-icon-information" style="margin-left: 125px; font-size: 90px"></i> <br>
   9                                         <div class="activity-error-msg1">No prerequisite data available</div>
  10                                 </div>
  11                         </div>
  12                 </div>
  13                 <div ng-if="hasParentData" ng-hide="showSpinner || showTimeslotSpinner">
  14                         <div class="row-nowrap">
  15                                 <br>
  16                                 <div class="scheduler-radio" role="radio">
  17                                         <label for="nowRadio" class="radio"> <input
  18                                                 type="radio" ng-model="schedulerForm.checkboxSelection" id="nowRadio"
  19                                                 name="nowRadio"  value="true">
  20                                                 <i class="skin"></i> <span>Now</span>
  21                                         </label>
  22                                 </div>
  23                         </div>
  24                                 <div class="scheduler-radio" role="radio">
  25                                         <label for="rangeRadio" class="radio"> <input
  26                                                 type="radio" ng-model="schedulerForm.checkboxSelection" id="rangeRadio"
  27                                                 name="rangeRadio" value="false">
  28                                                 <i class="skin"></i> <span>Range</span>
  29                                         </label>
  30                                 </div>
  31
  32                         <br>
  33                         <div class="row-nowrap">
  34                                 <div class="span12">
  35                                         <div class="form-row">
  36                                                 <label for="textinputID-2a">From Date</label>
  37                                                 <div class="datepicker-container">
  38                                                         <input id="startDate"  min="minDate"
  39                                                                 ng-disabled="(schedulerForm.checkboxSelection=='true')? true:false"
  40                                                                 name="startDate" type="text" class="span12"
  41                                                                 ng-model="schedulerForm.fromDate" b2b-datepicker>
  42                                                                 <span   class="error"
  43                                                                 ng-show="fromDateEmpty && schedulerForm.fromDate=='' && schedulerForm.checkboxSelection=='false'">A     required date is missing</span>
  44                                                                 <span class="error" ng-show="!isDateValid(schedulerForm.fromDate) && schedulerForm.fromDate!=''">Please enter valid date in MM/DD/YYYY format!</span>
  45                                                                 <span class="error" ng-show="isDateValid(schedulerForm.fromDate) && !isStartDateValidFromToday(schedulerForm.fromDate) && schedulerForm.fromDate!=''">Input date must be greater than today!</span>
  46                                                 </div>
  47                                         </div>
  48
  49                                 </div>
  50                         </div>
  51                         <br>
  52                         <div class="row-nowrap">
  53                                 <div class="span12">
  54                                         <div class="form-row">
  55                                                 <label for="textinputID-2a">To Date</label>
  56                                                 <div class="datepicker-container">
  57                                                         <input id="startDate"  min="minDate" ng-disabled="(schedulerForm.checkboxSelection=='true')? true:false" name="endDate" type="text" class="span12"
  58                                                                 ng-model="schedulerForm.toDate" b2b-datepicker>
  59                                                                 <span class="error" ng-show="(fromDateGreater || (!isToDateGreaterFromDate(schedulerForm.fromDate,schedulerForm.toDate) && schedulerForm.toDate!=''))">To date must be greater than From date.</span>
  60                                                                 <span class="error" ng-show="toDateEmpty && schedulerForm.toDate=='' && schedulerForm.checkboxSelection=='false'">A required date is missing</span>
  61                                                                 <span class="error" ng-show="!isDateValid(schedulerForm.toDate) && schedulerForm.toDate!=''">Please enter valid date in MM/DD/YYYY format!</span>
  62                                                                 <span class="error" ng-show="isDateValid(schedulerForm.toDate) && !isStartDateValidFromToday(schedulerForm.toDate) && schedulerForm.toDate!=''">Input date must be greater than today!</span>
  63                                                 </div>
  64                                         </div>
  65                                 </div>
  66                         </div>
  67                         <br>
  68                         <div class="row-nowrap">
  69                                 <div class="span12">
  70                                         <div class="form-row">
  71                                                 <label for="dropdown1">Please Select Option For Duration
  72                                                         and FallBack</label> <select id="dropdown1" name="dropdown1" b2b-dropdown
  73                                                         placeholder-text="" ng-model="selectedTimeUint.text">
  74                                                         <option b2b-dropdown-list option-repeat="d in timeUnit"
  75                                                                 value="{{d.text}}">{{d.text}}</option>
  76                                                 </select>
  77                                         </div>
  78                                 </div>
  79                         </div>
  80                         <br>
  81                         <div class="row-nowrap">
  82                                 <div class="span12">
  83                                         <div class="form-row">
  84                                                 <label for="textinputID-2a">Duration</label>
  85                                                 <div class="field-group">
  86                                                         <input id="textinputID-2a" class="span12" type="number"
  87                                                                 data-ng-model="schedulerForm.duration"> <span
  88                                                                 class="error"
  89                                                                 ng-show="durationEmpty && schedulerForm.duration==''">Required!</span>
  90                                                 </div>
  91                                         </div>
  92                                 </div>
  93                                 <div class="span12">
  94                                         <div class="form-row">
  95                                                 <label for="fallBackDuration">FallBack Duration</label>
  96                                                 <div class="field-group">
  97                                                         <input id="fallBackDuration" class="span12" type="number"
  98                                                                 data-ng-model="schedulerForm.fallbackDuration"> <span
  99                                                                 class="error"
 100                                                                 ng-show="fallBackDurationEmpty && schedulerForm.fallbackDuration==''">Required!</span>
 101                                                 </div>
 102                                         </div>
 103                                 </div>
 104                         </div>
 105                         <br>
 106                         <div class="row-nowrap">
 107                                 <div class="span12">
 108                                         <div class="form-row">
 109                                                 <label for="concurrency">Concurrency Limit</label>
 110                                                 <div class="field-group">
 111                                                         <input id="concurrency" class="span12" type="number"
 112                                                                 data-ng-model="schedulerForm.concurrencyLimit" min="1" max="30">
 113                                                         <span class="error"
 114                                                                 ng-show="concurrencyLimitEmpty && schedulerForm.concurrencyLimit==''">Required!</span>
 115                                                 </div>
 116                                         </div>
 117                                 </div>
 118                         </div>
 119                         <br>
 120                         <div class="row-nowrap">
 121                                 <div class="span12">
 122                                         <div class="form-row">
 123                                                 <label for="policy">Policy</label> <select name="policy"
 124                                                         b2b-dropdown placeholder-text="Select Policy"
 125                                                         ng-model="selectedPolicy.policyName" id="policy">
 126                                                         <option b2b-dropdown-list option-repeat="p in policys"
 127                                                                 value="{{p.policyName}}">{{p.policyName}}</option>
 128                                                 </select>
 129                                         </div>
 130                                 </div>
 131                         </div>
 132                         <br>
 133                         <div>
 134                                 <button type="button" id="find" name="Find" ng-show="(schedulerForm.checkboxSelection=='true')? false:true"
 135                                         class="btn btn-alt btn-small" ng-click="schedule()">Find</button>
 136                                 <div b2b-table table-data="timeSlots"  ng-hide="timeSlots.length==0"    class="b2b-table-div">
 137                                         <table>
 138                                                 <thead b2b-table-row type="header">
 139                                                         <tr>
 140                                                                 <th b2b-table-header key="firstName" sortable="true" id="start-time" default-sort="a">Start Time</th>
 141                                                                 <th b2b-table-header key="lastName" sortable="true" id="end-time">Finish Time</th>
 142                                                         </tr>
 143                                                 </thead>
 144                                                 <tbody b2b-table-row type="body"        row-repeat="rowData in timeSlots" class="table-users-div">
 145                                                         <tr ng-click="users.openAddNewUserModal(rowData)">
 146                                                                 <td b2b-table-body id="rowheader_t1_{{$index}}-startTime" headers="start-time" ng-bind="rowData.startTime"></td>
 147                                                                 <td b2b-table-body  id="rowheader_t1_{{$index}}-endTime"  headers="end-time" ng-bind="rowData.finishTime"></td>
 148
 149                                                         </tr>
 150                                                 </tbody>
 151                                         </table>
 152                                 </div>
 153                         </div>
 154
 155                         <div class="b2b-modal-footer">
 156                                 <div class="cta-button-group in">
 157                                         <div ng-show="(schedulerForm.checkboxSelection=='true')? false:true">
 158                                                 <button class="btn btn-alt btn-small" id="div-confirm-ok-button"
 159                                                         type="button" ng-click="reject()" ng-disabled="schedulerID=='' || showSpinner || showTimeslotSpinner">Reject</button>
 160                                                 <button class="btn btn-alt btn-small" id="div-confirm-ok-button"
 161                                                 type="button" name="submit" ng-click="submit()" ng-disabled="schedulerID=='' || showSpinner || showTimeslotSpinner">Schedule</button>
 162
 163                                         </div>
 164                                         <div ng-show="(schedulerForm.checkboxSelection=='true')? true:false">
 165                                                 <button class="btn btn-alt btn-small" id="div-confirm-ok-button"
 166                                                 type="button" name="submit" ng-click="schedule()" ng-disabled="showSpinner || showTimeslotSpinner">Schedule</button>
 167                                         </div>
 168                                         <div>
 169                                                 <button class="btn btn-alt btn-small"
 170                                                 type="button" ng-click="closeModal()">Cancel</button>
 171                                         </div>
 172                                 </div>
 173                         </div>
 174                 </div>
 175         </div>
 176
 177
 178 </div>