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