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

   1 <!--/*-
   2  * ============LICENSE_START=======================================================
   3  * ECOMP 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 .modal {
  22         display: block;
  23         overflow-y: auto;
  24 }
  25 </style>
  26 <div id="page-content" style="margin-bottom: 20px; width: 99%">
  27         <div>
  28                 <h1 style="text-align: left; color: #157bb2">PDP Management</h1>
  29                 <div ng-show="isDisabled" class="icon-lock"
  30                         style="clear: left; float: left">
  31                         <div class="lock-top-1" style="background-color: #2CC3B5"></div>
  32                         <div class="lock-top-2"></div>
  33                         <div class="lock-body" style="background-color: #2CC3B5"></div>
  34                         <div class="lock-hole"></div>
  35                 </div>
  36                 <br />
  37                 <div class="form-group row">
  38                         <div class="form-group col-sm-3">
  39                                 <button class="btn btn-primary btn-small" type="button"
  40                                         ng-click="addNewPDPGroupPopUpWindow();" ng-show="createPdpGroupId">Create
  41                                         Group</button>
  42                         </div>
  43                         <div class="form-group col-sm-6">
  44                                 <input type="text" class="form-control" class="search"
  45                                         ng-disabled="isDisabled"
  46                                         placeholder="{{'search'}}..." ng-model="search">
  47                         </div>
  48                 </div>
  49
  50
  51                 <div id="pdpGroupTable">
  52                         <table class="striped" table-data="pdpdatas" current-page="1"
  53                                 table-bordered table-striped>
  54                                 <thead>
  55                                         <tr>
  56                                                 <th width="15%">Name</th>
  57                                                 <th width="15%">Description</th>
  58                                                 <th width="10%">Status</th>
  59                                                 <th width="35%">PDP's</th>
  60                                                 <th width="5%">Default</th>
  61                                                 <th width="15%">View Policies/ Add or Edit PDP's?</th>
  62                                                 <th width="5%">Delete?</th>
  63                                         </tr>
  64                                 </thead>
  65                                 <tbody type="body" ng-repeat="pdpdata in pdpdatas | filter:search"
  66                                         style="max-height: 980px;" on-right-click="ShowContextMenu()">
  67                                         <tr>
  68                                                 <td width="15%">{{ pdpdata.name }}</td>
  69                                                 <td width="15%">{{ pdpdata.description }}</td>
  70                                                 <td width="10%">{{ pdpdata.status.status }}</td>
  71                                                 <td width="35%">
  72                                                         <table current-page="1">
  73                                                                 <tr>
  74                                                                         <th>PDP Name</th>
  75                                                                         <th>Status</th>
  76                                                                 </tr>
  77                                                                 <tbody ng-repeat="pdp in pdpdata.pdps | filter:search">
  78                                                                         <tr context="context1">
  79                                                                                 <td>{{pdp.name}}</td>
  80                                                                                 <td>{{pdp.status.status}}</td>
  81                                                                         </tr>
  82                                                                 </tbody>
  83                                                         </table>
  84                                                 </td>
  85                                                 <td width="5%">
  86                                                 <label class="btn-switch-label">
  87                                                         <div ng-click="toggleRole( pdpdata.defaultGroup, pdpdata);">
  88                                                                 <input type="checkbox" ng-model="pdpdata.defaultGroup"
  89                                                                           b2b-switches>
  90                                                         </div>
  91                                                 </label>
  92                                                 </td>
  93                                                 <td width="15%">
  94                                                         <div ng-click="editPDPGroupFunctionModalPopup(pdpdata);"
  95                                                                 style="font-size: 20px;" ng-show="editPdpGroupId">
  96                                                                  <span href="javascript:void(0)" class="glyphicon glyphicon-edit"></span>
  97                                                         </div>
  98                                                 </td>
  99                                                 <td width="5%">
 100                                                         <div ng-click="removePDPGroup(pdpdata);" style="font-size: 20px;"
 101                                                                 ng-show="deletePdpGroupId">
 102                                                                 <span href="javascript:void(0)" class="glyphicon glyphicon-trash"></span>
 103                                                         </div>
 104                                                 </td>
 105                                         </tr>
 106                                 </tbody>
 107                         </table>
 108                 </div>
 109                 <!-- PDP Group Window -->
 110                 <div ng-include
 111                         src="'app/policyApp/Windows/PushtabWindow/removeGroupPoliciesWindow.html'"></div>
 112                 <div ng-include
 113                         src="'app/policyApp/Windows/PDPTabWindows/AddorEditPDPtoGroup.html'"></div>
 114                 <div ng-include
 115                         src="'app/policyApp/Windows/PDPTabWindows/PdpStatusWindow.html'"></div>
 116                 <div ng-include src="'app/policyApp/Windows/new_PDPGroup_Window.html'"></div>
 117         </div>
 118
 119 </div>