2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
20 <script type="text/ng-template" id="add_PEPOptions_popup.html">
21 <div class="modal" tabindex="-1">
22 <div class="modal-dialog modal-lg">
23 <div class="modal-content">
24 <div class="modal-header">
25 <h2 class="font-showcase-font-name" style="color: #157bb2">{{label}}</h2>
27 <form name="formdata" ng-submit="saveCLPepOptions(editPEPOptions);" novalidate>
28 <div class="modal-body">
29 <div class="form-group row">
30 <div class="form-group col-sm-6" ng-class="{ 'has-error' : formdata.pepName.$invalid && !formdata.pepName.$pristine }">
31 <label>PEP Name:<sup><b>*</b></sup></label><br>
32 <input type="text" name="pepName" ng-model="editPEPOptions.pepName" class="form-control" required/>
33 <p ng-show="formdata.pepName.$invalid && !formdata.pepName.$pristine" class="help-block">PEP Name is required.</p>
36 <div class="form-group row">
37 <div class="form-group col-sm-6">
38 <label>Description:</label><br>
39 <input type="text" ng-model="editPEPOptions.description" class="form-control"/>
42 <div class="form-group row">
43 <div class="form-group col-sm-4">
44 <label>Actions:</label><br>
45 <button type="button" class="btn btn-secondary btn-small" ng-click="addNewChoice()"><i class="fa fa-plus"></i></button>
48 <div class="form-group row">
49 <div class="form-group">
50 <div data-ng-repeat="choice in choices">
51 <div class="form-group row">
52 <div class="form-group col-sm-5" ng-class="{ 'has-error' : formdata.option.$invalid && !formdata.option.$pristine }">
53 <input type="text" class="form-control" ng-model= "choice.option" name="option" required/>
54 <p ng-show="formdata.option.$invalid && !formdata.option.$pristine" class="help-block">Action Key is required.</p>
56 <div class="form-group col-sm-5" ng-class="{ 'has-error' : formdata.number.$invalid && !formdata.number.$pristine }">
57 <input type="text" class="form-control" ng-model= "choice.number" name="number" required/>
58 <p ng-show="formdata.number.$invalid && !formdata.number.$pristine" class="help-block">Action value is required.</p>
60 <div class="form-group col-sm-1">
61 <button type="button" class="btn btn-secondary btn-small" ng-show="$last" ng-click="removeChoice()"><i class="fa fa-minus"></i></button>
67 <div class="modal-footer">
68 <button class="btn btn-success" type="submit" ng-disabled="formdata.$invalid">Save</button>
69 <button class="btn btn-default" type="button" ng-click="close()">Close</button>