POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_AutoPush.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 .center {
  22         margin: auto;
  23         width: 60%;
  24         border: 3px solid #73AD21;
  25         padding: 10px;
  26 }
  27
  28 .modal {
  29         display: block;
  30         overflow-y: auto;
  31 }
  32 </style>
  33 <div ng-app id="page-content" style="margin-bottom: 20px; width: 100%">
  34         <div class="form-group row">
  35                 <h1 style="text-align: left; color: #157bb2">Auto Push</h1>
  36                 <div ng-show="showLoader" class="span loader-container">
  37                         <i class="icon-spinner" role="img"
  38                                 aria-label="Please wait while we load your content"></i>
  39                 </div>
  40                 <div ng-show="isDisabled" class="icon-lock"
  41                         style="clear: left; float: left">
  42                         <div class="lock-top-1" style="background-color: #2CC3B5"></div>
  43                         <div class="lock-top-2"></div>
  44                         <div class="lock-body" style="background-color: #2CC3B5"></div>
  45                         <div class="lock-hole"></div>
  46                 </div>
  47         </div>
  48         </br>
  49         <div class="form-group row" ng-hide="showLoader">
  50                 <div ng-hide="isDisabled">
  51                         <button ng-click="pushPoliciesButton();"
  52                                 class="btn btn-primary btn-small center-block" type="button"
  53                                 title="Push policies to PDP Groups">Push Policies</button>
  54                 </div>
  55         </div>
  56         <div class="form-group row">
  57                 <div class="form-group col-sm-6">
  58                         <div class="panel panel-default">
  59                                 <div class="panel-heading">
  60                                         <h4>
  61                                                 <b>Policies</b>
  62                                         </h4>
  63                                         <img id="mySpinner"
  64                                                 src="/ecomp/app/policyApp/images/loading_bar.gif"
  65                                                 ng-show="loading" />
  66                                 </div>
  67                                 <div class="panel-body">
  68                                         <div id="grid1" style="width: 100%; height: 400px;"
  69                                                 ui-grid="gridOptions" ui-grid-tree-view ui-grid-pagination
  70                                                 ui-grid-selection ui-grid-resize-columns class="grid"></div>
  71                                 </div>
  72                         </div>
  73                 </div>
  74                 <div class="form-group col-sm-6">
  75                         <div class="panel panel-default">
  76                                 <div class="panel-heading">
  77                                         <h4>
  78                                                 <b>PDP Groups</b>
  79                                         </h4>
  80                                 </div>
  81                                 <div class="panel-body">
  82                                         <div style="width: 100%; height: 400px;" ui-grid="pushTabPDPGrid"
  83                                                 ui-grid-pagination ui-grid-selection ui-grid-resize-columns
  84                                                 class="grid">
  85                                                 <pre>{{selectedRows}}</pre>
  86                                         </div>
  87                                 </div>
  88                         </div>
  89                 </div>
  90         </div>
  91 </div>