Initial OpenECOMP policy/engine commit
[policy/engine.git] / ecomp-sdk-app / src / main / webapp / app / policyApp / policy-models / Editor / PolicyTemplates / ClosedLoopPMPolicyTemplate.html
diff --git a/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/PolicyTemplates/ClosedLoopPMPolicyTemplate.html b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/PolicyTemplates/ClosedLoopPMPolicyTemplate.html
new file mode 100644 (file)
index 0000000..c9a3846
--- /dev/null
@@ -0,0 +1,141 @@
+<!--
+  ============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-controller= "clPMController">
+<div class="modal__content">
+  <form class="form-horizontal" role="form" name="myform">
+       <div class="form-group">
+               <label>Policy Name:<sup><b>*</b></sup></label>
+               <div>
+                       <input type="text" class="form-control" ng-disabled ="temp.policy.readOnly" ng-readonly="temp.policy.editPolicy" ng-model="temp.policy.policyName" style="width:800px;" required pattern="\S+" title="Enter the Policy Name without any spaces">
+               </div>
+       </div>
+       <div class ="form-group">
+       <label>Description:</label>
+       <div>
+               <input type="text" class="form-control" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.policyDescription" style="width:800px;"/>
+       </div>
+    </div>
+    <div class ="form-group">
+       <label>Ecomp Name:<sup><b>*</b></sup></label>
+               <div>
+                       <select class="form-field" style="width:500px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.ecompName"  ng-options="option for option in ecompNameDictionaryDatas track by option"></select>
+               </div>
+               <!-- <p><span ng-show="validateEcompName" style="color:red">Ecomp Name Field shouldn't be Empty</span></p> -->
+    </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 class ="form-group">
+       <label>D2/Virtualized Services(s):<sup><b>*</b></sup></label>
+               <div>
+            <input type="checkbox"  ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.jsonBodyData.trinity" > Hosted Voice (Trinity)</input>
+            <input type="checkbox"  ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.jsonBodyData.vUSP" > vUSP</input>
+            <input type="checkbox"  ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.jsonBodyData.mcr" > MCR</input>
+            <input type="checkbox"  ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.jsonBodyData.gamma" > Gamma</input>
+            <input type="checkbox" ng-disabled ="temp.policy.readOnly"  ng-model="temp.policy.jsonBodyData.vDNS" > vDNS</input>
+         </div>
+       </div>
+     <div class ="form-group">
+       <label>Service Type PolicyName:<sup><b>*</b></sup></label>
+        <div>
+            <select class="form-field" id="MyButtonTest" style="width:400px;" ng-disabled ="temp.policy.readOnly"  ng-model="temp.policy.serviceTypePolicyName"  
+            ng-options="option.serviceTypePolicyName for option in PMData track by option.serviceTypePolicyName"  ng-init="addDataToFields(temp.policy.serviceTypePolicyName);" 
+            ng-click="addDataToFields(temp.policy.serviceTypePolicyName);"></select>
+         </div>
+      </div>
+      <fieldset>
+      <div class ="form-group">
+               <label>Vertica Metrics:<sup><b>*</b></sup></label>
+               <div>
+                       <textarea  class="form-control" ng-model="temp.policy.verticaMetrics.verticaMetrics" ng-disabled ="temp.policy.readOnly" style="height :150px; width:500px;" ></textarea>
+               </div>
+      </div>
+      </fieldset> 
+      <fieldset>
+      <div class ="form-group">
+               <label>Attributes:<sup><b>*</b></sup></label>
+               <div>
+               <div ng-repeat="(key, data) in temp.policy.attributeFields.attributes" >
+                       <label >{{key}}</label>
+                       <div ng-repeat="(key, data) in data" >
+                               <label >{{key}}</label><br/>
+                               <input type="text" class="form-control" title = {{data}} ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.jsonBodyData.attributes[key]" style="width:500px;"/>
+                       </div>  
+               </div>
+               </div>
+      </div>
+      </fieldset> 
+      <fieldset>
+      <div class ="form-group">
+               <label>Policy Description:<sup><b>*</b></sup></label>
+               <div>
+                       <textarea class="form-control" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.description.policyDescription" style="height :150px; width:500px;" ></textarea>
+               </div>
+      </div>           
+      </fieldset>
+      <fieldset>
+      <div class ="form-group">
+               <label>Text to Include in UEB messages for AOTS ticket and Geo Link:</label>
+               <div>
+               <input type="text" class="form-control" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.jsonBodyData.geoLink" style="width:500px;"/>
+            </div>
+      </div>
+      <div class ="form-group">
+               <label>Email Address:</label>
+               <div>
+               <input type="text" class="form-control" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.jsonBodyData.emailAddress" style="width:500px;"/>
+             </div>
+      </div>
+      </fieldset>
+      <div class ="form-group">
+       <div>
+       <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="saveCLPMPolicy(temp);">Save</button>
+        <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Close</button>
+       </div>
+      </div>
+    </form>
+</div>
+</div>
\ No newline at end of file