Policy 1707 commit to LF
[policy/engine.git] / POLICY-SDK-APP / src / main / webapp / app / policyApp / policy-models / policy_PDPManagement.html
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
new file mode 100644 (file)
index 0000000..1e88e7a
--- /dev/null
@@ -0,0 +1,119 @@
+<!--/*-
+ * ============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=========================================================
+ */-->
+<style>
+.modal {
+       display: block;
+       overflow-y: auto;
+}
+</style>
+<div id="page-content" style="margin-bottom: 20px; width: 99%">
+       <div>
+               <h1 style="text-align: left; color: #157bb2">PDP Management</h1>
+               <div ng-show="isDisabled" class="icon-lock"
+                       style="clear: left; float: left">
+                       <div class="lock-top-1" style="background-color: #2CC3B5"></div>
+                       <div class="lock-top-2"></div>
+                       <div class="lock-body" style="background-color: #2CC3B5"></div>
+                       <div class="lock-hole"></div>
+               </div>
+               <br />
+               <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
+                                       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">
+                       </div>
+               </div>
+
+
+               <div id="pdpGroupTable">
+                       <table class="striped" table-data="pdpdatas" current-page="1"
+                               table-bordered table-striped>
+                               <thead>
+                                       <tr>
+                                               <th width="15%">Name</th>
+                                               <th width="15%">Description</th>
+                                               <th width="10%">Status</th>
+                                               <th width="35%">PDP's</th>
+                                               <th width="5%">Default</th>
+                                               <th width="15%">View Policies/ Add or Edit PDP's?</th>
+                                               <th width="5%">Delete?</th>
+                                       </tr>
+                               </thead>
+                               <tbody 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%">
+                                               <label class="btn-switch-label">
+                                                       <div ng-click="toggleRole( pdpdata.defaultGroup, pdpdata);">
+                                                               <input type="checkbox" ng-model="pdpdata.defaultGroup"
+                                                                         b2b-switches>         
+                                                       </div>
+                                               </label>        
+                                               </td>
+                                               <td width="15%">
+                                                       <div ng-click="editPDPGroupFunctionModalPopup(pdpdata);"
+                                                               style="font-size: 20px;" ng-show="editPdpGroupId">
+                                                                <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">
+                                                               <span href="javascript:void(0)" class="glyphicon glyphicon-trash"></span>
+                                                       </div>
+                                               </td>
+                                       </tr>
+                               </tbody>
+                       </table>
+               </div>
+               <!-- PDP Group Window -->
+               <div ng-include
+                       src="'app/policyApp/Windows/PushtabWindow/removeGroupPoliciesWindow.html'"></div>
+               <div ng-include
+                       src="'app/policyApp/Windows/PDPTabWindows/AddorEditPDPtoGroup.html'"></div>
+               <div ng-include
+                       src="'app/policyApp/Windows/PDPTabWindows/PdpStatusWindow.html'"></div>
+               <div ng-include src="'app/policyApp/Windows/new_PDPGroup_Window.html'"></div>
+       </div>
+
+</div>