X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=POLICY-SDK-APP%2Fsrc%2Fmain%2Fwebapp%2Fapp%2FpolicyApp%2Fpolicy-models%2Fpolicy_PDPManagement.html;h=1a48e8cd41ac92eae745b65fd8cbf118e3ecc5b8;hb=HEAD;hp=1e88e7acb037b5fb82ea69e1dd174d1be7f243d1;hpb=e0addf5b588a1244f9679becd90999dfcb4c3a94;p=policy%2Fengine.git

diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_PDPManagement.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_PDPManagement.html
index 1e88e7acb..1a48e8cd4 100644
--- a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_PDPManagement.html
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_PDPManagement.html
@@ -1,6 +1,6 @@
 <!--/*-
  * ============LICENSE_START=======================================================
- * ECOMP Policy Engine
+ * ONAP Policy Engine
  * ================================================================================
  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
  * ================================================================================
@@ -18,9 +18,19 @@
  * ============LICENSE_END=========================================================
  */-->
 <style>
+/* The Modal (background) */
 .modal {
-	display: block;
 	overflow-y: auto;
+    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 id="page-content" style="margin-bottom: 20px; width: 99%">
@@ -37,13 +47,13 @@
 		<div class="form-group row">
 			<div class="form-group col-sm-3">
 				<button class="btn btn-primary btn-small" type="button"
-					ng-click="addNewPDPGroupPopUpWindow();" ng-show="createPdpGroupId">Create
+					ng-click="addNewPDPGroupPopUpWindow();" ng-show="createPdpGroupId" title="Create PDP Group">Create
 					Group</button>
 			</div>
 			<div class="form-group col-sm-6">
 				<input type="text" class="form-control" class="search"
 					ng-disabled="isDisabled" 
-					placeholder="{{'search'}}..." ng-model="search">
+					placeholder="{{'search'}}..." ng-model="search" title="Filter the PDP Groups based on pdpname or pdp's">
 			</div>
 		</div>
 
@@ -92,13 +102,13 @@
 						</td>
 						<td width="15%">
 							<div ng-click="editPDPGroupFunctionModalPopup(pdpdata);"
-								style="font-size: 20px;" ng-show="editPdpGroupId">
+								style="font-size: 20px;" ng-show="editPdpGroupId" title="Edit PDP Group to create/update/delete pdp's and to see the active policies in PDP Group.">
 								 <span href="javascript:void(0)" class="glyphicon glyphicon-edit"></span>
 							</div>
 						</td>
 						<td width="5%">
 							<div ng-click="removePDPGroup(pdpdata);" style="font-size: 20px;"
-								ng-show="deletePdpGroupId">
+								ng-show="deletePdpGroupId" title="Delete PDP Group.">
 								<span href="javascript:void(0)" class="glyphicon glyphicon-trash"></span>
 							</div>
 						</td>