Initial OpenECOMP policy/engine commit
[policy/engine.git] / ecomp-sdk-app / src / main / webapp / app / policyApp / policy-models / policy_PDPManagement.html
diff --git a/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/policy_PDPManagement.html b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/policy_PDPManagement.html
new file mode 100644 (file)
index 0000000..85931ce
--- /dev/null
@@ -0,0 +1,98 @@
+<!--
+  ============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 style="margin-bottom: 20px; width: 100%">
+       <div class="pageTitle">
+               <h3><b>PDP Management</b></h3>
+               <div ng-show ="isDisabled" class="ion-locked" style="clear: left; float: left">
+               </div>
+               <br />
+       </div>
+       <div class="fn-ebz-container">
+               <button>
+                       <combo type="submit" ng-click="addNewPDPGroupPopUpWindow();"
+                               att-button btn-type="primary" size="small" ng-show ="createPdpGroupId" >Create Group</combo>
+               </button>  
+       </div>
+       <div class="fn-ebz-container" style= "margin-left : 400px">
+            <input type="text" class="search" ng-disabled="isDisabled" style = "width:500px" placeholder="{{'search'}}..." ng-model="search"> 
+       </div>
+       <div id="pdpGroupTable">
+               <table att-table table-data="pdpdatas" current-page="1" table-bordered
+                       table-striped>
+                       <thead att-table-row type="header">
+                               <tr>
+                                       <th att-table-header width="15%">Name</th>
+                                       <th att-table-header width="15%">Description</th>
+                                       <th att-table-header width="10%">Status</th>
+                                       <th att-table-header width="35%">PDP's</th>
+                                       <th att-table-header width="5%">Default</th>
+                                       <th att-table-header width="15%">View Policies/ Add or Edit PDP's?</th>
+                                       <th att-table-header width="5%">Delete?</th>
+                               </tr>
+                       </thead>
+                       <tbody att-table-row type="body" ng-repeat="pdpdata in pdpdatas | filter:search"
+                               style="max-height: 980px;" on-right-click="ShowContextMenu()">
+                               <tr>
+                                       <td width="15%">{{ pdpdata.name }}</td>
+                                       <td width="15%">{{ pdpdata.description }}</td>
+                                       <td width="10%">{{ pdpdata.status.status }}</td>
+                                       <td width="35%">
+                                               <table current-page="1">
+                                                       <tr>
+                                                               <th>PDP Name</th>
+                                                               <th>Status</th>
+                                                       </tr>
+                                                       <tbody  ng-repeat="pdp in pdpdata.pdps | filter:search">
+                                                               <tr context="context1">
+                                                                       <td>{{pdp.name}}</td>
+                                                                       <td>{{pdp.status.status}}</td>
+                                                               </tr>
+                                                       </tbody>
+                                               </table>
+                                       </td>
+                                       <td width="5%">
+                                               <div ng-click="toggleRole( pdpdata.defaultGroup, pdpdata);" >
+                                                       <input type="checkbox" ng-model=" pdpdata.defaultGroup"
+                                                               ng-true-value="on" ng-false-value="off" att-toggle-main>
+                                               </div>
+                                       </td>
+                                       <td att-table-body width="15%">
+                                               <div ng-click="editPDPGroupFunctionModalPopup(pdpdata);"
+                                                       style="font-size: 20px;"  ng-show= "editPdpGroupId">
+                                                       <a href="javascript:void(0)" class="ion-edit"></a>
+                                               </div>
+                                       </td>
+                                       <td att-table-body width="5%">
+                                               <div ng-click="removePDPGroup(pdpdata);" style="font-size: 20px;"  ng-show= "deletePdpGroupId">
+                                                       <a href="javascript:void(0)" class="ion-trash-a"></a>
+                                               </div>
+                                       </td>
+                               </tr>
+                       </tbody>
+               </table>
+               <ul id="context1" class="dropdown-menu">
+                       <li><a ng-click="">Edit</a></li>
+                       <li><a ng-click="">Link</a></li>
+                       <li><a ng-click="">Delete</a></li>
+               </ul>
+       </div>
+
+</div>