public/app/main/apps/dashboards/views/general/agent/directives/contact/reschedule/dialog.html

   1 <md-dialog class="agent-dialog" aria-label="New Agent">
   2     <form name="dateTime" class="md-inline-form" novalidate>
   3         <md-toolbar class="md-accent md-hue-2">
   4             <div class="md-toolbar-tools" layout="row" layout-align="space-between center">
   5                 <span class="title">{{ vm.title | translate }}</span>
   6                 <md-button class="md-icon-button" ng-click="vm.closeDialog()">
   7                     <md-icon md-font-icon="icon-close" aria-label="Close dialog"></md-icon>
   8                 </md-button>
   9             </div>
  10         </md-toolbar>
  11
  12         <md-dialog-content ms-scroll>
  13             <div class="error-list">
  14                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  15                     <div>
  16                         <span class="message">{{error.message}}</span>
  17                         <span class="type">({{error.type}})</span>
  18                     </div>
  19                     <md-button class="md-icon-button">
  20                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  21                     </md-button>
  22                 </div>
  23             </div>
  24
  25             <div layout="row">
  26                 <div flex class="md-block">
  27                     <mdp-date-picker mdp-open-on-click required name="date" mdp-placeholder="Date" mdp-format="YYYY-MM-DD" mdp-min-date="vm.hopper.minDate" ng-model="vm.hopper.dateTime">
  28                         <div ng-messages="dateTime.date.$error" ng-show="dateTime.date.$touched" role="alert">
  29                             <div ng-message="required">
  30                                 <span translate="DASHBOARDS.ERRORS.DATE_REQUIRED">Date is required</span>
  31                             </div>
  32                             <div ng-message="format">
  33                                 <span translate="DASHBOARDS.ERRORS.DATE_INVALID">Date is invalid</span>
  34                             </div>
  35                         </div>
  36                     </mdp-date-picker>
  37                 </div>
  38
  39                 <div flex class="md-block">
  40                     <mdp-time-picker mdp-open-on-click required name="time" mdp-placeholder="Time" mdp-format="HH:mm:ss" mdp-auto-switch="true" ng-model="vm.hopper.dateTime">
  41                         <div ng-messages="dateTime.time.$error" ng-show="dateTime.time.$touched" role="alert">
  42                             <div ng-message="required">
  43                                 <span translate="DASHBOARDS.ERRORS.TIME_REQUIRED">Time is required</span>
  44                             </div>
  45                             <div ng-message="format">
  46                                 <span translate="DASHBOARDS.ERRORS.TIME_INVALID">Time is invalid</span>
  47                             </div>
  48                         </div>
  49                     </mdp-time-picker>
  50                 </div>
  51             </div>
  52         </md-dialog-content>
  53
  54         <md-dialog-actions layout="row" layout-align="space-between center">
  55             <div layout="row" layout-align="start center">
  56                 <md-button type="submit" ng-click="vm.saveDialog()" class="send-button md-accent md-raised" ng-disabled="dateTime.$invalid || dateTime.$pristine" aria-label="SAVE" translate="DASHBOARDS.SAVE" translate-attr-aria-label="DASHBOARDS.SAVE">
  57                     SAVE
  58                 </md-button>
  59             </div>
  60         </md-dialog-actions>
  61     </form>
  62 </md-dialog>