2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
21 /* The Modal (background) */
32 background-color: rgb(0,0,0);
33 background-color: rgba(0,0,0,0.4);
36 <div id="page-content" style="margin-bottom: 20px; width: 99%">
38 <h1 style="text-align: left; color: #157bb2">PDP Management</h1>
39 <div ng-show="isDisabled" class="icon-lock"
40 style="clear: left; float: left">
41 <div class="lock-top-1" style="background-color: #2CC3B5"></div>
42 <div class="lock-top-2"></div>
43 <div class="lock-body" style="background-color: #2CC3B5"></div>
44 <div class="lock-hole"></div>
47 <div class="form-group row">
48 <div class="form-group col-sm-3">
49 <button class="btn btn-primary btn-small" type="button"
50 ng-click="addNewPDPGroupPopUpWindow();" ng-show="createPdpGroupId" title="Create PDP Group">Create
53 <div class="form-group col-sm-6">
54 <input type="text" class="form-control" class="search"
55 ng-disabled="isDisabled"
56 placeholder="{{'search'}}..." ng-model="search" title="Filter the PDP Groups based on pdpname or pdp's">
61 <div id="pdpGroupTable">
62 <table class="striped" table-data="pdpdatas" current-page="1"
63 table-bordered table-striped>
66 <th width="15%">Name</th>
67 <th width="15%">Description</th>
68 <th width="10%">Status</th>
69 <th width="35%">PDP's</th>
70 <th width="5%">Default</th>
71 <th width="15%">View Policies/ Add or Edit PDP's?</th>
72 <th width="5%">Delete?</th>
75 <tbody type="body" ng-repeat="pdpdata in pdpdatas | filter:search"
76 style="max-height: 980px;" on-right-click="ShowContextMenu()">
78 <td width="15%">{{ pdpdata.name }}</td>
79 <td width="15%">{{ pdpdata.description }}</td>
80 <td width="10%">{{ pdpdata.status.status }}</td>
82 <table current-page="1">
87 <tbody ng-repeat="pdp in pdpdata.pdps | filter:search">
88 <tr context="context1">
90 <td>{{pdp.status.status}}</td>
96 <label class="btn-switch-label">
97 <div ng-click="toggleRole( pdpdata.defaultGroup, pdpdata);">
98 <input type="checkbox" ng-model="pdpdata.defaultGroup"
104 <div ng-click="editPDPGroupFunctionModalPopup(pdpdata);"
105 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.">
106 <span href="javascript:void(0)" class="glyphicon glyphicon-edit"></span>
110 <div ng-click="removePDPGroup(pdpdata);" style="font-size: 20px;"
111 ng-show="deletePdpGroupId" title="Delete PDP Group.">
112 <span href="javascript:void(0)" class="glyphicon glyphicon-trash"></span>
119 <!-- PDP Group Window -->
121 src="'app/policyApp/Windows/PushtabWindow/removeGroupPoliciesWindow.html'"></div>
123 src="'app/policyApp/Windows/PDPTabWindows/AddorEditPDPtoGroup.html'"></div>
125 src="'app/policyApp/Windows/PDPTabWindows/PdpStatusWindow.html'"></div>
126 <div ng-include src="'app/policyApp/Windows/new_PDPGroup_Window.html'"></div>