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

   1 <md-dialog class="cpe-dialog" aria-label="Create IP-UNI"  ng-cloak>
   2     <md-toolbar>
   3       <div class="md-toolbar-tools">
   4         <h2>Create IP-UNI (of UNI: {{params.uniid}})</h2>
   5         <span flex></span>
   6         <md-button class="md-icon-button" aria-label="Close dialog" ng-click="cancel()">
   7         <i class="icon-remove-sign"></i>
   8         </md-button>
   9       </div>
  10     </md-toolbar>
  11     <form name="projectForm" novalidate>
  12     <md-dialog-content>
  13
  14 <div layout="column" ng-cloak>
  15   <md-content layout-padding>
  16       <md-input-container class="md-block">
  17         <label>IP-UNI Name</label>
  18         <input type="text" required name="ipuniname" ng-model="obj['ip-uni-name']" ng-init="obj['uni-id'] = params.uniid">
  19         <div ng-messages="projectForm.ipuniid.$error">
  20                 <div ng-message="required">Number is required!</div>
  21         </div>
  22       </md-input-container>
  23       <md-input-container class="md-block">
  24         <label>IP Address</label>
  25         <input type="text" required name="ipaddress" ng-model="obj['ip-address']" ng-pattern="/\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\/(?:[1-2]?[0-9]|3[0-2])\b/">
  26         <div ng-messages="projectForm.ipaddress.$error">
  27                 <div ng-message="pattern">IP/Mask are required! (ex. 127.0.0.1/32)</div>
  28         </div>
  29       </md-input-container>
  30       <md-input-container class="md-block">
  31         <label>Vlan</label>
  32         <input type="number" ng-required="hasVlans" name="vlan" ng-model="obj.vlan">
  33         <div ng-messages="projectForm.vlan.$error" ng-if="hasVlans">
  34                 <div ng-message="required">Vlan is required when there are other ip-unis with vlans</div>
  35         </div>
  36       </md-input-container>
  37       <md-input-container class="md-block">
  38         <label>Segmentation ID</label>
  39         <input type="number" name="segmentationid" ng-model="obj['segmentation-id']">
  40         <div ng-messages="projectForm.segmentationid.$error">
  41                 <div ng-message="number">Number is required!</div>
  42         </div>
  43       </md-input-container>
  44   </md-content>
  45 </div>
  46     </md-dialog-content>
  47     <md-dialog-actions layout="row">
  48       <span flex></span>
  49       <md-button ng-click="cancel()"> Cancel </md-button>
  50       <md-button type="submit" ng-click="done(obj)"> Create </md-button>
  51     </md-dialog-actions>
  52     </form>
  53 </md-dialog>