POLICY-SDK-APP/src/main/webapp/app/policyApp/Windows/new_PDPGroup_Window.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 <script type="text/ng-template" id="add_pdp_group_popup.html">
  21 <div class="modal" tabindex="-1">
  22                  <div class="modal-dialog modal-lg">
  23                         <div class="modal-content">
  24                 <div class="modal-header">
  25                         <h2 class="font-showcase-font-name" style="color : #157bb2">{{label}}</h2>
  26                 </div>
  27                 <div class="modal-body">
  28                         <div class="form-group row">
  29                         <div class="form-group col-sm-6">
  30                                 <label>Group Name:<sup><b>*</b></sup> </label><br>
  31                                 <input type="text"  class="form-control" ng-model="editPDPGroup.groupName"/>
  32                         </div>
  33                         </div>
  34                         <div class="form-group row">
  35                         <div class="form-group col-sm-6">
  36                                 <label><sup><b></b></sup>Group Description:</label><br>
  37                                 <input type="text"   class="form-control" ng-model="editPDPGroup.description"/>
  38                         </div>
  39                         </div>
  40                 </div>
  41                 <div class="modal-footer">
  42                         <button class="btn btn-success" herf="javascript:void(0)" ng-click="savePDPGroup(editPDPGroup);">Save</button>
  43                         <button class="btn btn-default" herf="javascript:void(0)" ng-click="close()">Close</button>
  44                 </div>
  45         </div>
  46                         </div>
  47 </div>
  48 </script>
  49
  50 <script type="text/ng-template" id="edit_pdp_group_popup.html">
  51 <div class="modal" tabindex="-1">
  52                  <div class="modal-dialog-lg">
  53                         <div class="modal-content">
  54                 <div class="modal-header">
  55                         <h2 class="font-showcase-font-name" style="color : #157bb2">{{label}}</h2>
  56                 </div>
  57                 <div class="modal-body">
  58                         <div class="form-group row">
  59                         <div class="form-group col-sm-6">
  60                                 <label> Group Name:<sup><b>*</b></sup></label><br>
  61                                 <input type="text"  class="form-control"  ng-model="editPDPGroup.name"/>
  62                         </div>
  63                         <div class="form-group col-sm-6">
  64                                 <label>Group Description:</label><br>
  65                                 <input type="text" class="form-control" ng-model="editPDPGroup.description"/>
  66                         </div>
  67                         </div>
  68                         <div >
  69                                 <label>Policies:</label><br>
  70                                 <div style="width: 100%; height: 400px;" ui-grid = "policiesGrid" ui-grid-pagination ui-grid-selection ui-grid-exporter class= "grid"></div>
  71                         </div>
  72                         <div >
  73                                 <label>PDP's In Group:</label><br>
  74                                 <div style="width: 100%; height: 200px;" ui-grid = "pdpsGrid" ui-grid-pagination ui-grid-selection ui-grid-exporter class= "grid"></div>
  75                         </div>
  76                 </div>
  77         <div class="modal-footer">
  78                 <button class="btn btn-success" herf="javascript:void(0)" ng-click="savePDPGroup(editPDPGroup);">Save</button>
  79                 <button class="btn btn-default" herf="javascript:void(0)" ng-click="close()">Close</button>
  80         </div>
  81         </div>
  82                         </div>
  83 </div>
  84 </script>
  85
  86 <script type="text/ng-template" id="show_policies_pdp_group_popup.html">
  87 <div class="modal" tabindex="-1">
  88                  <div class="modal-dialog-lg">
  89                         <div class="modal-content">
  90                 <div class="modal-header">
  91                         <h2 class="font-showcase-font-name" style="color : #157bb2">View PDP Group Policies</h2>
  92                         <div class="corner-button in">
  93                                 <button type="button" class="close" aria-label="Close"
  94                                 ng-click="$dismiss('cancel')"></button>
  95                         </div>
  96                 </div>
  97                 <div class="modal-body">
  98                         <div>
  99                                 <label>Policies:</label><br>
 100                                 <div style="width: 100%; height: 580px;" ui-grid = "policiesGrid" ui-grid-pagination ui-grid-selection ui-grid-exporter class= "grid"></div>
 101                         </div>
 102                 </div>
 103         <div class="modal-footer">
 104                 <button class="btn btn-default" herf="javascript:void(0)" ng-click="close()">Close</button>
 105         </div>
 106         </div>
 107         </div>
 108                         </div>
 109 </div>
 110 </script>