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>
8 <aside class="modal-navigation">
10 <li class="navigation-item {{wizardPage === 'reference' ? 'selected' : ''}}">References</li>
11 <li class="navigation-item {{wizardPage === 'instance' ? 'selected' : ''}}">Instances</li>
14 <section class="modal-content-container">
15 <div ng-show="wizardPage === 'reference'" ng-controller="actionsRefListCtrl">
17 <label class="basicLabel mb0">Action references list:</label>
18 <table class="table table-hover">
23 <th><button class="btn btn-primary" tooltip="Add Action reference" ng-click="showForm()"><i class="icon-plus"></i></button></th>
27 <tr ng-repeat="action in rule['action-ref'] track by $index | orderBy:'order'">
28 <th>{{action.order}}</th>
29 <td>{{action.name}}</td>
31 <button class="btn btn-primary" ng-click="showForm(action)" tooltil="Edit Action reference" >
32 <i class="icon-pencil"></i>
34 <button class="btn btn-danger" ng-click="deleteElemAt($index)" tooltip="Remove Action reference">
35 <i class="icon-remove"></i>
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>
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" >
51 <button class="btn btn-primary" tooltip="Add Action instance" ng-click="setPage('instance')"><i class="icon-plus"></i></button>
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>
58 <input class="form-control" type="text" ng-model="newActionRefObj.order" ng-change="validate(newActionRefObj.order, errors)"/>
61 <div class="rowWrapper">
62 <button ng-click="save()" class="btn btn-primary col-md-12" ng-disabled="!actionRefForm.$valid">Save</button>
68 <div class="bottom-navigation clearfix">
69 <button class="btn btn-primary" ng-click="submit()">Submit</button>
73 <div ng-show="wizardPage === 'instance'" ng-controller="actionInstanceWizardCtrl" ng-init="init()">
75 <section class="formWrapper clearfix">
76 <form name="actionsForm" novalidate="novalidate">
77 <label class="block">Add actions</label>
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>
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\-_.])*$/"/>
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>
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>
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">
113 <tr ng-repeat="chain in serviceFunctionChains">
114 <th>{{chain.symmetric}}</th>
115 <td>{{chain.name}}</td>
118 <li ng-repeat="function in chain['sfc-service-function']">
119 {{function.name + ' - ' + function.type}}
124 <button class="btn btn-primary" ng-click="$parent.value = chain.name" ng-disabled="value === chain.name">
125 {{value === chain.name ? 'picked' : 'pick'}}
132 <div ng-show="param.type === 'range'">
133 <label class="param-label">{{ parameter.name + ' (' + parameter.type + ')' }}:</label>
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>
142 <button class="btn btn-primary col-md-12" ng-click="save()" ng-hide="edit === 'view'" ng-disabled="!actionsForm.$valid">Save</button>
147 <div class="bottom-navigation clearfix">
148 <button class="btn btn-primary" ng-click="setPage('reference')">Back</button>