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>{{params.edit ? 'Edit' : '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" ng-init="obj['bw-profile'] = params.profileName">
  15                                                 <label>Profile Name</label>
  16                                                 <input name="profilename" required ng-model="obj['bw-profile']" ng-disabled="params.edit">
  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" ng-init="obj.cir = params.cir">
  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-checkbox name="" ng-model="obj.default_cbs" ng-init="obj.default_cbs = (!params.edit || getDefualtCbs(params.cir) == params.cbs)">
  30                                            Use default Committed Burst Size {{obj.cir ? ('(' + getDefualtCbs(obj.cir) + ' Bytes)') : ''}}
  31                                         </md-checkbox>
  32                                         <md-input-container class="md-block" ng-if="!obj.default_cbs" ng-init="obj.cbs = params.cbs">
  33                                                 <label>Committed Burst Size (Bytes)</label>
  34                                                 <input type="number" required name="cbs" ng-model="obj.cbs" min="0">
  35                                                 <div ng-messages="projectForm.cbs.$error">
  36                                                         <div ng-message="required">Number is required!</div>
  37                                                         <div ng-message="min">Number must be positive!</div>
  38                                                 </div>
  39                                         </md-input-container>
  40                                 </md-content>
  41                         </div>
  42                 </md-dialog-content>
  43                 <md-dialog-actions layout="row">
  44                         <span flex></span>
  45                         <md-button ng-click="cancel()"> Cancel </md-button>
  46                         <md-button type="submit" ng-click="done(obj)"> Create </md-button>
  47                 </md-dialog-actions>
  48         </form>
  49 </md-dialog>