POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_PDPManagement.html

   1 <!--/*-
   2  * ============LICENSE_START=======================================================
   3  * ONAP Policy Engine
   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
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  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=========================================================
  19  */-->
  20 <style>
  21 /* The Modal (background) */
  22 .modal {
  23         overflow-y: auto;
  24     display: block;
  25     position: fixed;
  26     z-index: 2;
  27     left: 0;
  28     top: 0;
  29     width: 100%;
  30     height: 100%;
  31     overflow: auto;
  32     background-color: rgb(0,0,0);
  33     background-color: rgba(0,0,0,0.4);
  34 }
  35 </style>
  36 <div id="page-content" style="margin-bottom: 20px; width: 99%">
  37         <div>
  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>
  45                 </div>
  46                 <br />
  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
  51                                         Group</button>
  52                         </div>
  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">
  57                         </div>
  58                 </div>
  59
  60
  61                 <div id="pdpGroupTable">
  62                         <table class="striped" table-data="pdpdatas" current-page="1"
  63                                 table-bordered table-striped>
  64                                 <thead>
  65                                         <tr>
  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>
  73                                         </tr>
  74                                 </thead>
  75                                 <tbody type="body" ng-repeat="pdpdata in pdpdatas | filter:search"
  76                                         style="max-height: 980px;" on-right-click="ShowContextMenu()">
  77                                         <tr>
  78                                                 <td width="15%">{{ pdpdata.name }}</td>
  79                                                 <td width="15%">{{ pdpdata.description }}</td>
  80                                                 <td width="10%">{{ pdpdata.status.status }}</td>
  81                                                 <td width="35%">
  82                                                         <table current-page="1">
  83                                                                 <tr>
  84                                                                         <th>PDP Name</th>
  85                                                                         <th>Status</th>
  86                                                                 </tr>
  87                                                                 <tbody ng-repeat="pdp in pdpdata.pdps | filter:search">
  88                                                                         <tr context="context1">
  89                                                                                 <td>{{pdp.name}}</td>
  90                                                                                 <td>{{pdp.status.status}}</td>
  91                                                                         </tr>
  92                                                                 </tbody>
  93                                                         </table>
  94                                                 </td>
  95                                                 <td width="5%">
  96                                                 <label class="btn-switch-label">
  97                                                         <div ng-click="toggleRole( pdpdata.defaultGroup, pdpdata);">
  98                                                                 <input type="checkbox" ng-model="pdpdata.defaultGroup"
  99                                                                           b2b-switches>
 100                                                         </div>
 101                                                 </label>
 102                                                 </td>
 103                                                 <td width="15%">
 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>
 107                                                         </div>
 108                                                 </td>
 109                                                 <td width="5%">
 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>
 113                                                         </div>
 114                                                 </td>
 115                                         </tr>
 116                                 </tbody>
 117                         </table>
 118                 </div>
 119                 <!-- PDP Group Window -->
 120                 <div ng-include
 121                         src="'app/policyApp/Windows/PushtabWindow/removeGroupPoliciesWindow.html'"></div>
 122                 <div ng-include
 123                         src="'app/policyApp/Windows/PDPTabWindows/AddorEditPDPtoGroup.html'"></div>
 124                 <div ng-include
 125                         src="'app/policyApp/Windows/PDPTabWindows/PdpStatusWindow.html'"></div>
 126                 <div ng-include src="'app/policyApp/Windows/new_PDPGroup_Window.html'"></div>
 127         </div>
 128
 129 </div>