Included Policy GUI Enhancements and validations

[policy/engine.git] / POLICY-SDK-APP / src / main / webapp / app / policyApp / policy-models / policy_Dictionary.html

diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_Dictionary.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_Dictionary.html
index 63429d3..c4559a4 100644 (file)
--- a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_Dictionary.html
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_Dictionary.html
@@ -1,6 +1,6 @@
 <!--
   ============LICENSE_START=======================================================
-  ECOMP Policy Engine
+  ONAP Policy Engine
   ================================================================================
   Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   ================================================================================
@@ -18,17 +18,19 @@
   ============LICENSE_END=========================================================
   -->
 <style>
-.modal {
-       display: block;
-}
-
+/* The Modal (background) */
 .modal {
        overflow-y: auto;
-       max-height: 90%;
-       margin-top: 5%;
-       margin-bottom: 5%;
-       margin-left: 10%;
-       margin-right: 10%;
+    display: block; 
+    position: fixed; 
+    z-index: 2; 
+    left: 0;
+    top: 0;
+    width: 100%; 
+    height: 100%; 
+    overflow: auto; 
+    background-color: rgb(0,0,0); 
+    background-color: rgba(0,0,0,0.4);
 }
 </style>
 <div ng-app id="page-content"  style="margin-bottom: 20px; width: 100%">
@@ -44,16 +46,16 @@
                                        <div class="form-group col-sm-3">
                                                <label>Policy Type Dictionary:</label> </br><select class="form-control" 
                                                        ng-model="option1" ng-options="option for option in options1"
-                                                       ng-change="getOptions2()"></select>
+                                                       ng-change="getOptions2()" title="Dropdown shows values specific to Policy type."></select>
                                        </div>
                                        <div class="form-group col-sm-3">
                                                <label>Select Dictionary:</label></br> <select class="form-control" 
-                                                       ng-model="option2" ng-options="option for option in options2"></select>
+                                                       ng-model="option2" ng-options="option for option in options2" title="Dictionary type values are shown based on specific Policy Type Dictionary selection."></select>
                                        </div>
                                        <div class="form-group col-sm-1">
                                        <label></label></br>
                                                <button class="btn btn-primary btn-small" type="button"
-                                                       herf="javascript:void(0)" ng-click="import();">Import
+                                                       herf="javascript:void(0)" ng-click="import();" title="Import Dictionary's and the file ends with .csv format">Import
                                                        Dictionary's</button>
                                        </div>
                        </div>
@@ -61,7 +63,7 @@
        </div>
        <!--Common Dictionary-->
        <div  ng-if="option2 == 'Attribute Dictionary'" ng-include = "'app/policyApp/policy-models/Dictionary/AttributeDictionary.html'" ></div>
-       <div  ng-if="option2 == 'EcompName Dictionary'" ng-include = "'app/policyApp/policy-models/Dictionary/EcompNameDictionary.html'" ></div>
+       <div  ng-if="option2 == 'OnapName Dictionary'" ng-include = "'app/policyApp/policy-models/Dictionary/OnapNameDictionary.html'" ></div>
        <!--Action Policy Dictionary-->
        <div  ng-if="option2 == 'Action Dictionary'" ng-include = "'app/policyApp/policy-models/Dictionary/ActionPolicyDictionary.html'"></div>
        <!--ClosedLoop Dictionary's-->
@@ -77,6 +79,7 @@
        <div  ng-if="option2 == 'BRMS Controller'" ng-include = "'app/policyApp/policy-models/Dictionary/BRMSControllerDictionary.html'"></div>
        <!--Decision Policy Dictionary's-->
        <div  ng-if="option2 == 'Settings Dictionary'" ng-include = "'app/policyApp/policy-models/Dictionary/DecisionSettingsDictionary.html'"></div>
+       <div  ng-if="option2 == 'Rainy Day Allowed Treatments'" ng-include = "'app/policyApp/policy-models/Dictionary/DecisionRainyDayDictionary.html'"></div>  
        <!--Descriptive Scope Dictionary-->
        <div  ng-if="option2 == 'Descriptive Scope'" ng-include = "'app/policyApp/policy-models/Dictionary/DescriptiveScopeDictionary.html'"></div>
        <!--Enforcer Policy Dictionary-->