1 <md-dialog class="hopper-dialog" aria-label="New Hopper">
2 <form name="hopperForm" 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>
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">
16 <span class="message">{{error.message}}</span>
17 <span class="type">({{error.type}})</span>
19 <md-button class="md-icon-button">
20 <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
24 <div flex class="md-block">
25 <mdp-date-picker mdp-open-on-click name="scheduledatDate" mdp-placeholder="Date" mdp-format="YYYY-MM-DD" ng-model="vm.hopper.scheduledat" ng-init="vm.hopper.scheduledat = vm.getDateFromString(vm.hopper.scheduledat)">
26 <div ng-messages="hopperForm.dateRangeFrom.$error" ng-show="hopperForm.dateRangeFrom.$touched" role="alert">
27 <div ng-message="required">
28 <span translate="MOTIONDIALER.ERRORS.DATE_REQUIRED">Date is required</span>
30 <div ng-message="format">
31 <span translate="MOTIONDIALER.ERRORS.DATE_INVALID">Date is invalid</span>
37 <div flex class="md-block">
38 <mdp-time-picker mdp-open-on-click name="scheduledatTime" mdp-placeholder="Time" mdp-format="HH:mm:ss" mdp-auto-switch="true" ng-model="vm.hopper.scheduledat" ng-init="vm.hopper.scheduledat = vm.getDateFromString(vm.hopper.scheduledat)">
39 <div ng-messages="hopperForm.timeRangeFrom.$error" ng-show="hopperForm.timeRangeFrom.$touched" role="alert">
40 <div ng-message="required">
41 <span translate="MOTIONDIALER.ERRORS.TIME_REQUIRED">Time is required</span>
43 <div ng-message="format">
44 <span translate="MOTIONDIALER.ERRORS.TIME_INVALID">Time is invalid</span>
50 <div class="error-list">
51 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
53 <span class="message">{{error.message}}</span>
54 <span class="type">({{error.type}})</span>
56 <md-button class="md-icon-button">
57 <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
63 <md-dialog-actions layout="row" layout-align="space-between center">
64 <div layout="row" layout-align="start center">
65 <md-button type="submit" ng-if="!vm.newHopper" ng-click="vm.saveHopper()" class="send-button md-accent md-raised" ng-disabled="hopperForm.$invalid || hopperForm.$pristine" aria-label="SAVE" translate="MOTIONDIALER.SAVE" translate-attr-aria-label="MOTIONDIALER.SAVE">
69 <md-button type="submit" ng-if="vm.newHopper" ng-click="vm.addNewHopper()" class="send-button md-accent md-raised" ng-disabled="hopperForm.$invalid" aria-label="ADD" translate="MOTIONDIALER.ADD_HOPPER" translate-attr-aria-label="MOTIONDIALER.ADD_HOPPER">
74 <md-button class="md-icon-button" ng-if="!vm.newHopper" ng-click="vm.deleteHopper($event)" aria-label="DELETE" translate translate-attr-aria-label="MOTIONDIALER.DELETE">
75 <md-icon md-font-icon="icon-delete"></md-icon>
76 <md-tooltip><span translate="MOTIONDIALER.DELETE">DELETE</span></md-tooltip>