groupbasedpolicy-old-ui/module/src/main/resources/gbp-old/views/wizards/actionReferenceWizard.tpl.html

   1 <div ng-controller="actionReferenceWizardCtrl" ng-init="init()">
   2     <div class="modal-canvas"></div>
   3     <div class="modal-dialog">
   4         <div class="modal-header">
   5             <i class="icon-remove align-right padding" ng-click="closeWizard('actionReferenceWizard')"></i>
   6             <h2>Action reference wizard</h2>
   7         </div>
   8         <aside class="modal-navigation">
   9             <ul>
  10                 <li class="navigation-item {{wizardPage === 'reference' ? 'selected' : ''}}">References</li>
  11                 <li class="navigation-item {{wizardPage === 'instance' ? 'selected' : ''}}">Instances</li>
  12             </ul>
  13         </aside>
  14         <section class="modal-content-container">
  15             <div ng-show="wizardPage === 'reference'" ng-controller="actionsRefListCtrl">
  16                 <div class="content">
  17                     <label class="basicLabel mb0">Action references list:</label>
  18                     <table class="table table-hover">
  19                         <thead>
  20                             <tr>
  21                               <th>Order</th>
  22                               <th>Name</th>
  23                               <th><button class="btn btn-primary" tooltip="Add Action reference" ng-click="showForm()"><i class="icon-plus"></i></button></th>
  24                             </tr>
  25                             </thead>
  26                             <tbody>
  27                                 <tr ng-repeat="action in rule['action-ref'] track by $index | orderBy:'order'">
  28                                   <th>{{action.order}}</th>
  29                                   <td>{{action.name}}</td>
  30                                   <td>
  31                                     <button class="btn btn-primary" ng-click="showForm(action)" tooltil="Edit Action reference" >
  32                                         <i class="icon-pencil"></i>
  33                                     </button>
  34                                     <button class="btn btn-danger" ng-click="deleteElemAt($index)" tooltip="Remove Action reference">
  35                                         <i class="icon-remove"></i>
  36                                     </button>
  37                                   </td>
  38                                 </tr>
  39                         </tbody>
  40                     </table>
  41                     <div ng-show="actionReferenceForm">
  42                         <form name="actionRefForm" novalidate="novalidate">
  43                             <i class="icon-remove align-right padding" ng-click="closeForm()"></i>
  44                             <div class="rowWrapper">
  45                                 <label class="block basicLabel"><span>Instance name:</span>
  46                                     <i class="icon-exclamation-sign red" tooltip="Required field" ng-show="actionRefForm.name.$error.required"></i>
  47                                 </label>
  48                                 <select class="form-control" ng-model="newActionRefObj.name" ng-options="c.name as getDisplayLabel(c, actionInstanceNames.labels) for c in actionInstanceNames.options" name="name" ng-required="true" >
  49                                     <option>--</option>
  50                                 </select>
  51                                 <button class="btn btn-primary" tooltip="Add Action instance" ng-click="setPage('instance')"><i class="icon-plus"></i></button>
  52                             </div>
  53
  54                             <div class="rowWrapper" ng-hide="internalView.edit === 'view' && !newActionRefObj['order']">
  55                                 <label class="block basicLabel"><span>Order:</span>
  56                                     <i class="icon-exclamation-sign red" tooltip="Invalid pattern" ng-show="errors.int32"></i>
  57                                 </label>
  58                                 <input class="form-control" type="text" ng-model="newActionRefObj.order" ng-change="validate(newActionRefObj.order, errors)"/>
  59                             </div>
  60
  61                             <div class="rowWrapper">
  62                                 <button ng-click="save()" class="btn btn-primary col-md-12" ng-disabled="!actionRefForm.$valid">Save</button>
  63                             </div>
  64                         </form>
  65                     </div>
  66
  67                 </div>
  68                 <div class="bottom-navigation clearfix">
  69                     <button class="btn btn-primary" ng-click="submit()">Submit</button>
  70                 </div>
  71             </div>
  72
  73             <div ng-show="wizardPage === 'instance'" ng-controller="actionInstanceWizardCtrl" ng-init="init()">
  74                 <div class="content">
  75                     <section class="formWrapper clearfix">
  76                         <form name="actionsForm" novalidate="novalidate">
  77                             <label class="block">Add actions</label>
  78
  79                             <div class="rowWrapper">
  80                                 <label class="block basicLabel">Name
  81                                     <i class="icon-exclamation-sign red" tooltip="{{actionsForm.name.$error.required ? 'Required field' : actionsForm.name.$error.pattern ? 'Value must start with letter followed by letters and digits without space' : ''}}" ng-show="actionsForm.name.$error.required || actionsForm.name.$error.pattern"></i>
  82                                 </label>
  83                                 <input class="form-control" type="text" name="name" ng-required="true" ng-model="newActionObj.name" ng-pattern="/^[a-zA-Z]([a-zA-Z0-9\-_.])*$/"/>
  84                             </div>
  85
  86                             <div class="rowWrapper" ng-hide="edit === 'view' && !newActionObj['action-definition-id']">
  87                                 <label class="block basicLabel">Definition</label>
  88                                 <select class="form-control" ng-model="newActionObj['action-definition-id']" ng-options="d.id as getDisplayLabel(d, actionDefinitions.labels) for d in actionDefinitions.options" ng-change="reloadDefs()">
  89                                     <option value="">Select option</option>
  90                                 </select>
  91                             </div>
  92
  93                             <div class="rowWrapper">
  94                                 <div ng-repeat="param in defs">
  95                                     <div class="row-param" ng-controller="paramCtrl" ng-init="init(param, newActionObj['parameter-value'])">
  96                                         <div ng-show="param.type !== 'range' && param.name !== 'sfc-chain-name'">
  97                                             <label class="block basicLabel">{{ parameter.name + ' (' + parameter.type + ')' }}:</label>
  98                                             <input class="form-control" type="text" ng-model="value" ng-disabled="edit === 'view'"></input>
  99                                         </div>
 100                                         <div ng-show="param.name === 'sfc-chain-name'">
 101                                             <label class="block basicLabel">Pick SFC:</label>
 102                                             <input class="form-control" type="text" ng-model="value" disabled></input>
 103                                             <table class="table table-hover">
 104                                                 <thead>
 105                                                     <tr>
 106                                                       <th>Symmetric</th>
 107                                                       <th>Name</th>
 108                                                       <th>Functions</th>
 109                                                       <th>Action</th>
 110                                                     </tr>
 111                                                     </thead>
 112                                                     <tbody>
 113                                                         <tr ng-repeat="chain in serviceFunctionChains">
 114                                                             <th>{{chain.symmetric}}</th>
 115                                                             <td>{{chain.name}}</td>
 116                                                             <td>
 117                                                                 <ul>
 118                                                                     <li ng-repeat="function in chain['sfc-service-function']">
 119                                                                         {{function.name + ' - ' + function.type}}
 120                                                                     </li>
 121                                                                 </ul>
 122                                                             </td>
 123                                                             <td>
 124                                                                 <button class="btn btn-primary" ng-click="$parent.value = chain.name" ng-disabled="value === chain.name">
 125                                                                     {{value === chain.name ? 'picked' : 'pick'}}
 126                                                                 </button>
 127                                                             </td>
 128                                                         </tr>
 129                                                 </tbody>
 130                                             </table>
 131                                         </div>
 132                                         <div ng-show="param.type === 'range'">
 133                                             <label class="param-label">{{ parameter.name + ' (' + parameter.type + ')' }}:</label>
 134
 135                                             <input class="form-control narrow-input-left" type="text" ng-model="value.min" ng-disabled="edit === 'view'"></input>
 136                                             <input class="form-control narrow-input-right" type="text" ng-model="value.max" ng-disabled="edit === 'view'"></input>
 137                                         </div>
 138                                     </div>
 139                                 </div>
 140                             </div>
 141
 142                             <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="edit === 'view'" ng-disabled="!actionsForm.$valid">Save</button>
 143                         </form>
 144                     </section>
 145                 </div>
 146
 147                  <div class="bottom-navigation clearfix">
 148                     <button class="btn btn-primary" ng-click="setPage('reference')">Back</button>
 149                 </div>
 150             </div>
 151         </section>
 152     </div>
 153 </div>