Motion >> Repos - motion-next.git/blob

   1 <md-dialog class="project-dialog" aria-label="New dialog">
   2   <form name="descriptionFrom" class="md-inline-form" novalidate>
   3     <md-toolbar class="md-accent md-hue-2">
   4       <div
   5         class="md-toolbar-tools"
   6         layout="row"
   7         layout-align="space-between center"
   8       >
   9         <span class="title"
  10           ><span translate="CALLYSQUARE.UPDATE_INFO"></span
  11         ></span>
  12         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  13           <md-icon
  14             md-font-icon="icon-close"
  15             aria-label="Close dialog"
  16           ></md-icon>
  17         </md-button>
  18       </div>
  19     </md-toolbar>
  20     <md-dialog-content ms-scroll>
  21       <div class="error-list">
  22         <div
  23           ng-repeat="error in vm.errors"
  24           class="error"
  25           layout="row"
  26           layout-align="space-between center"
  27         >
  28           <div>
  29             <span class="message">{{error.message}}</span>
  30             <span class="type">({{error.type}})</span>
  31           </div>
  32           <md-button class="md-icon-button">
  33             <md-icon
  34               md-font-icon="icon-alert-box"
  35               aria-label="alert error"
  36               class="s16"
  37             ></md-icon>
  38           </md-button>
  39         </div>
  40       </div>
  41       <md-input-container class="md-block">
  42         <label translate="CALLYSQUARE.DESCRIPTION">Description</label>
  43         <input
  44           name="description"
  45           ng-model="vm.project.description"
  46           md-autofocus
  47         />
  48       </md-input-container>
  49       <md-input-container class="md-block">
  50         <label translate="CALLYSQUARE.NOTES">Description</label>
  51         <textarea name="notes" ng-model="vm.project.notes"></textarea>
  52       </md-input-container>
  53       <div class="error-list">
  54         <div
  55           ng-repeat="error in vm.errors"
  56           class="error"
  57           layout="row"
  58           layout-align="space-between center"
  59         >
  60           <div>
  61             <span class="message">{{error.message}}</span>
  62             <span class="type">({{error.type}})</span>
  63           </div>
  64           <md-button class="md-icon-button">
  65             <md-icon
  66               md-font-icon="icon-alert-box"
  67               aria-label="alert error"
  68               class="s16"
  69             ></md-icon>
  70           </md-button>
  71         </div>
  72       </div>
  73     </md-dialog-content>
  74
  75     <md-dialog-actions layout="row" layout-align="space-between center">
  76       <div layout="row" layout-align="start center">
  77         <md-button
  78           type="submit"
  79           ng-click="vm.save()"
  80           class="send-button md-accent md-raised"
  81           ng-disabled="descriptionFrom.$invalid"
  82           aria-label="SAVE"
  83           translate="CALLYSQUARE.UPDATE_INFO"
  84           translate-attr-aria-label="CALLYSQUARE.UPDATE"
  85         >
  86           UPDATE
  87         </md-button>
  88       </div>
  89     </md-dialog-actions>
  90   </form>
  91 </md-dialog>