configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/views/form-viewReportById.html

   1 <!-- /*
   2    * ============LICENSE_START=======================================================
   3    * ONAP : SDNC-FEATURES
   4    * ================================================================================
   5    * Copyright 2018 TechMahindra
   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     -->
  21 <div class="ReportMain">
  22         <div class="heading">
  23                 <img src="static/images/search.png" width=50 height="40"
  24                         style="margin-left: 5px;">&nbsp;&nbsp;Search For Vnf Reports
  25         </div>
  26         <form name="myForm" style="background-color: #f2f2f2;padding:20px 15px;">
  27                 <div growl></div>
  28
  29                 <div class="row">
  30                         <div class="column"
  31                                 style="width: 20%; background-color: #f2f2f2; height: 35px; margin-left: 35px;">
  32                                 <label class="labeltext">Select Avaliable VNF</label>
  33                         </div>
  34                         <div class="column"
  35                                 style="background-color: #f2f2f2; width: 45%; height: 55px; margin-left: 0px;">
  36                                 <select class="form-control" style="width: 100%; margin-top: 0px;"
  37                                         name="select" ng-model="selectedValueVnf"
  38                                         ng-change=selectVnf(selectedValueVnf) required>
  39                                         <option ng-repeat="vnf in objvnfList" value="{{vnf.vnfid}}">VnfId-
  40                                                 {{vnf.vnfid}}&nbsp;VnfName- {{vnf.vnfname}}</option>
  41                                         <option value="">Select VNF</option>
  42                                 </select>
  43                                 <div role="alert">
  44                                         <span class="error" ng-show="myForm.select.$error.required">
  45                                                 Required!</span>
  46                                 </div>
  47                         </div>
  48                 </div>
  49
  50                 <div class="row" ng-show="ShowResult">
  51                         <div class="column" style="margin-left: 13px; width: 40%;">
  52                                 <label for="exampleInput" class="labeltext">Start Date</label> <input
  53                                         type="date" id="exampleInput" name="input"
  54                                         ng-model="startdate.value" placeholder="yyyy-MM-dd"
  55                                         style="margin-left: 20px; width: 170px;" required />
  56                                 <div role="alert">
  57                                         <span class="error" ng-show="myForm.input.$error.required">
  58                                                 Required!</span> <span class="error" ng-show="myForm.input.$error.date">
  59                                                 Not a valid date!</span>
  60                                 </div>
  61                         </div>
  62
  63                         <div class="column" style="margin-left: 0px; width: 50%;">
  64                                 <label for="exampleEndInput" class="labeltext">End Date</label> <input
  65                                         type="date" id="exampleEndInput" name="input"
  66                                         ng-model="enddate.value" placeholder="yyyy-MM-dd"
  67                                         style="margin-left: 20px; width: 170px;" required />
  68                                 <div role="alert">
  69                                         <span class="error" ng-show="myForm.input.$error.required">
  70                                                 Required!</span> <span class="error" ng-show="myForm.input.$error.date">
  71                                                 Not a valid date!</span>
  72                                 </div>
  73                         </div>
  74                         <br>
  75                         <div class="column">
  76                         <input type="submit" id="btnSubmit"
  77                                 ng-click="getReportsById(selectedValueVnf,startdate.value,enddate.value)"
  78                                 style="width: 120px;">
  79                         </div>
  80
  81                 </div>
  82                 <br>
  83                 <div class="row" ng-show="showresult">
  84                 <div class="column"
  85                                 style="width: 80%; background-color: #f2f2f2; height: 35px; margin-left: 35px; font-size: 14px;font-weight:500;color:#1B4F72;">
  86                                  Vnfid: {{selectedValueVnf}}
  87                                 </div>
  88                                 </div>
  89                 <br>
  90         <div>
  91                 <table class="tableDisplay"
  92                         style="text-align: center;" ng-show="showresult" id="tableToExport">
  93                         <tr class="first_row">
  94                                 <th style="text-align: center;">SNo.</th>
  95                                 <th style="text-align: center;">Time Period</th>
  96                                 <th style="text-align: center;">Vnf Name</th>
  97                                 <th style="text-align: center;">Version No.</th>
  98                         </tr>
  99                         <tr ng-repeat="version in pagedItems[currentPage] | orderBy:sort.sortingOrder:sort.reverse">
 100                                 <td>{{ ($index + 1) + (currentPage - 1) * itemsPerPage + 5}}</td>
 101                                 <td>{{version.createdAt}}</td>
 102                                 <td>{{version.vnfname }}</td>
 103                                 <td>{{version.versionNo}}</td>
 104                         </tr>
 105                         <td colspan="4">
 106                                 <ul class="pagination pull-right">
 107                                         <li ng-class="{disabled: currentPage == 0}"><a href
 108                                                 ng-click="prevPage()">&laquo;</a></li>
 109                                         <li ng-repeat="n in range(pagedItems.length, currentPage, currentPage + gap) "
 110                                                 ng-class="{active: n == currentPage}" ng-click="setPage()"><a
 111                                                 href ng-bind="n + 1">1</a></li>
 112                                         <li ng-class="{disabled: (currentPage) == pagedItems.length - 1}">
 113                                                 <a href ng-click="nextPage()">&raquo;</a>
 114                                         </li>
 115                                 </ul>
 116                         </td>
 117                 </table>
 118                 </div>
 119         </form>
 120 </div>
 121 </body>
 122 </html>