Initial OpenECOMP policy/engine commit
[policy/engine.git] / ecomp-sdk-app / src / main / webapp / app / policyApp / policy-models / Editor / PolicyTemplates / FirewallPolicyTemplate.html
diff --git a/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/PolicyTemplates/FirewallPolicyTemplate.html b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/PolicyTemplates/FirewallPolicyTemplate.html
new file mode 100644 (file)
index 0000000..a143fbd
--- /dev/null
@@ -0,0 +1,116 @@
+<!--
+  ============LICENSE_START=======================================================
+  ECOMP Policy Engine
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
+  ================================================================================
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+  
+       http://www.apache.org/licenses/LICENSE-2.0
+  
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+  ============LICENSE_END=========================================================
+  -->
+
+<div ng-app= "abs" ng-controller= "fwPolicyController">
+<div class="modal__content">
+      <div>
+            <label>Policy Name:<sup><b>*</b></sup> </label><br>
+            <input type="text" class="form-control" ng-disabled ="temp.policy.readOnly" ng-readonly="temp.policy.editPolicy" ng-model="temp.policy.policyName"  style="width:800px;"/>
+      </div>
+      <div>
+             <label>Description:</label><br>
+             <input type="text" class="form-control" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.policyDescription" style="width:800px;"/>
+      </div>
+         <div class="fn-ebz-container" >
+               <label>Risk Type:<sup><b>*</b></sup></label>
+                       <div>
+                               <select class="form-field"  style="width:450px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.riskType"  ng-options="option for option in riskTypeDictionaryDatas track by option"></select>
+                       </div>
+                       <p><span ng-show="validateRiskType" style="color:red">Risk Type Field shouldn't be Empty</span></p>
+       </div> 
+        <div class="fn-ebz-container" >
+               <label>Risk Level:<sup><b>*</b></sup></label>
+                       <div>
+                               <select class="form-field"  style="width:450px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.riskLevel"  ng-options="option for option in riskLevelDatas track by option"></select>
+                       </div>
+                       <p><span ng-show="validateRiskLevel" style="color:red">Risk Level Field shouldn't be Empty</span></p>
+       </div> 
+        <div class="fn-ebz-container" >
+               <label>Guard:<sup><b>*</b></sup></label>
+                       <div>
+                               <select class="form-field"  style="width:450px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.guard"  ng-options="option for option in guardDatas track by option"></select>
+                       </div>
+                       <p><span ng-show="validateGuard" style="color:red">Guard Field shouldn't be Empty</span></p>
+               </div> 
+        <div class ="fn-ebz-container">
+       <label>Time to Live Date:<sup><b>*</b></sup></label>
+       <div>
+                       <input type="date" name="ttlDate" class="date" ng-model="temp.policy.ttlDate"/>
+               </div>
+       </div>           
+       <div>
+            <label>Config Name:<sup><b>*</b></sup></label><br>
+            <input type="text" class="form-control" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.configName" style="width:800px;"/>
+       </div>
+      <div>
+            <label>Security Zone:<sup><b>*</b></sup></label><br>
+            <select class="form-field" style="width:400px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.securityZone"  ng-options="option for option in securityZoneDictionaryDatas track by option"></select>
+      </div>
+       <div ng-if ="temp.policy.fwPolicyType == 'Child Policy'">
+            <label>Select the Parent to assosciate:<sup><b>*</b></sup></label><br>
+            <select class="form-field" style="width:400px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.parentForChild"  ng-options="option for option in fwParentListDictionaryDatas track by option"></select>
+      </div>
+         <br/>
+            <div class="fn-ebz-container" ng-if ="temp.policy.fwPolicyType == 'Parent Policy'">
+            <label>Parent Dictionary Setup:</label><br>
+             <form  method="post" class="form-horizontal" >
+                       <div class="form-group">
+                               <div class="col-xs-1">
+                               <button type="button" class="btn btn-default" ng-disabled ="temp.policy.readOnly" ng-click="addNewFWDictList()"><i class="fa fa-plus"></i></button>
+                               </div>
+                       </div>
+                       <div  data-ng-repeat="choice in temp.policy.fwattributes" class="form-horizontal" >
+                               <div  class="fn-ebz-container">
+                               <select  class="form-field" ng-model="choice.option" ng-disabled ="temp.policy.readOnly" ng-options="option for option in fwDictListDictionaryDatas track by option" ></select>
+                               </div>
+                               <div  class="fn-ebz-container">
+                               <button type="button" class="btn btn-default" ng-disabled ="temp.policy.readOnly" ng-show="$last" ng-click="removefwDictChoice()"><i class="fa fa-minus"></i></button>
+                               </div>
+                       </div>
+               </form> 
+               </div> 
+         <br/>
+        <div class="fn-ebz-container" >
+            <label>Rule Setup:</label><br>
+             <form  method="post" class="form-horizontal" >
+                       <div class="form-group">
+                               <div class="col-xs-1">
+
+                               <button type="button" class="btn btn-default" ng-disabled ="temp.policy.readOnly" ng-click="addNewChoice()"><i class="fa fa-plus"></i></button>
+                               </div>
+                       </div>
+                       <div  data-ng-repeat="choice in temp.policy.attributes" class="form-horizontal" >
+                               <div  class="fn-ebz-container">
+                               <select  class="form-field" ng-model="choice.option" ng-disabled ="temp.policy.readOnly" ng-options="option for option in termListDictionaryDatas track by option" ><option value="">{{choice.option}}</option></select>
+                               </div>
+                               <div  class="fn-ebz-container">
+                               <button type="button" class="btn btn-default" ng-disabled ="temp.policy.readOnly" ng-show="$last" ng-click="removeChoice()"><i class="fa fa-minus"></i></button>
+                               </div>
+                       </div>
+               </form> 
+               </div> 
+         </div>
+        <div class="modal__footer">
+               <button type="button" class="btn btn-default"  herf="javascript:void(0)" ng-click="viewFWRule(temp.policy);">Rule Preview</button>
+            <button class="button button--primary button--small" herf="javascript:void(0)" ng-disabled ="temp.policy.readOnly" ng-click="validatePolicy(temp.policy);">Validate</button>
+            <button class="btn btn-success" herf="javascript:void(0)" ng-disabled ="temp.policy.readOnly" ng-click="saveFWPolicy(temp);">Save</button>
+            <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Close</button>
+        </div>
+</div>
\ No newline at end of file