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