dlux/cpeui/cpeui-module/src/main/resources/cpeui/dialogs/AddProfile.tpl.html

   1 <md-dialog class="cpe-dialog" aria-label="Create Profile" ng-cloak>
   2         <md-toolbar>
   3                 <div class="md-toolbar-tools">
   4                         <h2>Create Profile</h2>
   5                         <span flex></span>
   6                         <md-button class="md-icon-button" aria-label="Close dialog"
   7                                 ng-click="cancel()"> <i class="icon-remove-sign"></i> </md-button>
   8                 </div>
   9         </md-toolbar>
  10         <form name="projectForm" novalidate>
  11                 <md-dialog-content>
  12                         <div layout="column" ng-cloak>
  13                                 <md-content layout-padding>
  14                                         <md-input-container class="md-block">
  15                                                 <label>Profile Name</label>
  16                                                 <input name="profilename" ng-model="obj['bw-profile']">
  17                                                 <div ng-messages="projectForm.profilename.$error">
  18                                                         <div ng-message="required">This is required!</div>
  19                                                 </div>
  20                                         </md-input-container>
  21                                         <md-input-container class="md-block">
  22                                                 <label>Committed Information Rate (Kb/s)</label>
  23                                                 <input type="number" required name="cir" ng-model="obj.cir" min="0">
  24                                                 <div ng-messages="projectForm.cir.$error">
  25                                                         <div ng-message="required">Number is required!</div>
  26                                                         <div ng-message="min">Number must be positive!</div>
  27                                                 </div>
  28                                         </md-input-container>
  29                                         <md-input-container class="md-block">
  30                                                 <label>Committed Burst Size (bytes)</label>
  31                                                 <input type="number" required name="cbs" ng-model="obj.cbs" min="0">
  32                                                 <div ng-messages="projectForm.cbs.$error">
  33                                                         <div ng-message="required">Number is required!</div>
  34                                                         <div ng-message="min">Number must be positive!</div>
  35                                                 </div>
  36                                         </md-input-container>
  37                                 </md-content>
  38                         </div>
  39                 </md-dialog-content>
  40                 <md-dialog-actions layout="row">
  41                         <span flex></span>
  42                         <md-button ng-click="cancel()"> Cancel </md-button>
  43                         <md-button type="submit" ng-click="done(obj)"> Create </md-button>
  44                 </md-dialog-actions>
  45         </form>
  46 </md-dialog>