POLICY-SDK-APP/src/main/webapp/app/policyApp/Windows/Dictionary/FWServiceListDictionary.html

   1 <!--/*-
   2  * ============LICENSE_START=======================================================
   3  * ONAP Policy Engine
   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
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  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=========================================================
  19  */-->
  20 <script type="text/ng-template" id="add_FWServiceList_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>
  26         </div>
  27                 <form name="formdata" ng-submit="saveFWServiceList(editServiceList);" 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.serviceName.$invalid && !formdata.serviceName.$pristine }">
  31                 <label>Service Name:<sup><b>*</b></sup></label><br>
  32                 <input type="text" ng-model="editServiceList.serviceName" class="form-control" name= "serviceName"  required/>
  33                                 <p ng-show="formdata.serviceName.$invalid && !formdata.serviceName.$pristine" class="help-block">Service Name is required.</p>
  34             </div>
  35             <div class="form-group col-sm-6">
  36                 <label>Description:<sup><b>*</b></sup></label><br>
  37                 <input type="text" ng-model="editServiceList.serviceDescription" class="form-control"/>
  38             </div>
  39                         </div>
  40                         <div class="form-group row">
  41             <div class="form-group col-sm-4">
  42                                  <label>Transport Protocol:</label><br>
  43                                  <button type="button" class="btn btn-secondary btn-small"  ng-click="addTPNewChoice()"><i class="fa fa-plus"></i></button>
  44                         </div>
  45                         </div>
  46                 <div class="form-group row">
  47                         <div class="form-group">
  48                         <div  data-ng-repeat="choice in tpchoices">
  49                                 <div class="form-group row" style="margin-left: 2%">
  50                                 <div  class="form-group col-sm-5" ng-class="{ 'has-error' : formdata.option.$invalid && !formdata.option.$pristine }">
  51                                 <select  class="form-control"  name= "option"  required ng-model="choice.option" ng-options="option for option in protocolListDictionaryDatas track by option" >
  52                         <option value="">{{choice.option}}</option></select>
  53                                                 <p ng-show="formdata.option.$invalid && !formdata.option.$pristine" class="help-block">Transport Protocol is required.</p>
  54                                 </div>
  55                                 <div  class="form-group col-sm-1">
  56                                 <button type="button" class="btn btn-secondary btn-small"  ng-show="$last" ng-click="removeTPChoice()"><i class="fa fa-minus"></i></button>
  57                                 </div>
  58                                 </div>
  59                         </div>
  60                         </div>
  61                         </div>
  62                         <div class="form-group row">
  63             <div class="form-group col-sm-4">
  64                                 <label>Application Protocol:</label><br>
  65                                 <button type="button" class="btn btn-secondary btn-small"  ng-click="addAPNewChoice()"><i class="fa fa-plus"></i></button>
  66                         </div>
  67                         </div>
  68                         <div class="form-group row">
  69                         <div class="form-group">
  70                         <div  data-ng-repeat="choice in apchoices">
  71                                         <div class="form-group row" style="margin-left: 2%">
  72                                 <div  class="form-group col-sm-5" ng-class="{ 'has-error' : formdata.option.$invalid && !formdata.option.$pristine }">
  73                                 <select  class="form-control"  name= "option"  required ng-model="choice.option" ng-options="option for option in protocolListDictionaryDatas track by option" >
  74                         <option value="">{{choice.option}}</option></select>
  75                                                 <p ng-show="formdata.option.$invalid && !formdata.option.$pristine" class="help-block">Application Protocol is required.</p>
  76                                 </div>
  77                                 <div  class="form-group col-sm-1">
  78                                 <button type="button" class="btn btn-secondary btn-small"  ng-show="$last" ng-click="removeAPChoice()"><i class="fa fa-minus"></i></button>
  79                                 </div>
  80                                 </div>
  81                         </div>
  82                         </div>
  83                     </div>
  84                         <div class="form-group row">
  85                 <div  class="form-group col-sm-6" class="fn-ebz-container" ng-class="{ 'has-error' : formdata.servicePorts.$invalid && !formdata.servicePorts.$pristine }">
  86                 <label>Service Ports:<sup><b>*</b></sup></label><br>
  87                 <input type="text" ng-model="editServiceList.servicePorts" class="form-control" name= "servicePorts"  required/>
  88                                 <p ng-show="formdata.servicePorts.$invalid && !formdata.servicePorts.$pristine" class="help-block">Service Ports is required.</p>
  89                         </div>
  90                 </div>
  91         </div>
  92         <div class="modal-footer">
  93             <button class="btn btn-success" type="submit" ng-disabled="formdata.$invalid">Save</button>
  94             <button class="btn btn-default"  type="button" ng-click="close()">Close</button>
  95         </div>
  96                 </form>
  97     </div>
  98                         </div>
  99 </div>
 100 </script>