Initial OpenECOMP policy/engine commit
[policy/engine.git] / ecomp-sdk-app / src / main / webapp / app / policyApp / policy-models / Editor / PolicyTemplates / DCAEMicroServicePolicyTemplate.html
diff --git a/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/PolicyTemplates/DCAEMicroServicePolicyTemplate.html b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/PolicyTemplates/DCAEMicroServicePolicyTemplate.html
new file mode 100644 (file)
index 0000000..1834898
--- /dev/null
@@ -0,0 +1,108 @@
+<!--
+  ============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="dcaeMicroServiceController"  style="margin-bottom: 20px; width: 100%">
+    <div class="modal__content">
+        <div class ="form-group">
+            <label>Policy Name:<sup><b>*</b></sup></label><br>
+            <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;"/>
+            </div>
+        </div>
+        <div class ="form-group">
+            <label>Description:</label><br>
+            <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><br>
+            <div>
+            <select class="form-control" style="width:800px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.ecompName"  ng-options="option for option in ecompNameDictionaryDatas track by option"></select>
+            </div>
+        </div>
+          <br/>
+         <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> 
+               </br>
+        <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="fn-ebz-container" >
+            <label>Configuration Name:<sup><b>*</b></sup></label><br>
+            <select class="form-field" style="width:400px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.configName"  ng-options="option for option in microServiceCongigNameDictionaryDatas track by option"></select>
+        </div>
+        <div class="fn-ebz-container" >
+            <label>Location:<sup><b>*</b></sup></label><br>
+            <select class="form-field" style="width:400px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.location"  ng-options="option for option in microServiceLocationDictionaryDatas track by option"></select>
+        </div>
+        <br/>
+        <div class="fn-ebz-container" >
+            <label>UUID:<sup><b>*</b></sup></label><br>
+            <select class="form-field" style="width:400px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.uuid"  ng-options="option for option in dcaeUUIDDictionaryDatas track by option"></select>
+        </div>
+        <div class="fn-ebz-container" >
+            <label>Priority:<sup><b>*</b></sup></label><br>
+            <select class="form-field" style="width:400px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.priority"  ng-options="option for option in priorityDatas track by option">
+            <option value="">{{temp.policy.priority}}</option></select>
+        </div>
+        <div class="fn-ebz-container" >
+            <label>Policy Scope:<sup><b>*</b></sup></label><br>
+            <select class="form-field" style="width:400px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.policyScope"  ng-options="option for option in groupPolicyScopeListDatas track by option"></select>
+        </div>
+        <br/>
+        <div >
+            <label>Micro Service:<sup><b>*</b></sup></label><br>
+            <select  style="width:800px;" ng-disabled ="temp.policy.readOnly" ng-model="temp.policy.serviceType"  ng-options="option for option in microServiceModelsDictionaryDatas track by option" 
+            ng-init="addDataToFields(temp.policy.serviceType);" ng-click="addDataToFields(temp.policy.serviceType);"></select>
+        </div>
+        <br/>
+        <div class="fn-ebz-container" id="DynamicTemplate">
+            <label>Micro Service Attributes:<sup><b>*</b></sup></label><br>
+        </div>
+    </div>
+    <div class="modal__footer">
+        <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="savePolicy(temp);">Save</button>
+        <button type="button" class="btn btn-default" data-dismiss="modal" ng-disabled="temp.inprocess">Close</button>
+    </div>
+</div>