configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/views/form-viewReport.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;">
  27                 <div growl></div>
  28                 <div class="row">
  29                         <div class="column" style="width: 40%;">
  30                                 <label for="exampleInput" class="labeltext">Start Date</label> <input
  31                                         type="date" id="exampleInput" name="input"
  32                                         ng-model="startdate.value" placeholder="yyyy-MM-dd"
  33                                         style="margin-left: 20px; width: 170px;" required />
  34                                 <div role="alert">
  35                                         <span class="error" ng-show="myForm.input.$error.required">Required!</span>
  36                                         <span class="error" ng-show="myForm.input.$error.date">Not a
  37                                                 valid date!</span>
  38                                 </div>
  39                         </div>
  40                         <div class="column" style="margin-left: 0px; width: 50%;">
  41                                 <label for="exampleEndInput" class="labeltext">End Date</label> <input
  42                                         type="date" id="exampleEndInput" name="input"
  43                                         ng-model="enddate.value" placeholder="yyyy-MM-dd"
  44                                         style="margin-left: 20px; width: 170px;" required />
  45                                 <div role="alert">
  46                                         <span class="error" ng-show="myForm.input.$error.required">
  47                                                 Required!</span> <span class="error" ng-show="myForm.input.$error.date">
  48                                                 Not a valid date!</span>
  49                                 </div>
  50                         </div>
  51                 </div>
  52                 <br>
  53                 <div class="row">
  54                         <input type="submit" id="btnSubmit"
  55                                 ng-click="getReports(startdate.value,enddate.value)"
  56                                 style="width: 120px;">
  57                 </div>
  58
  59                 <table class="tableDisplay"
  60                         style="text-align: center;" ng-show="showresult" id="tableToExport">
  61                         <tr class="first_row">
  62                                 <th style="text-align: center;">SNo.</th>
  63                                 <th style="text-align: center;">Time Period</th>
  64                                 <th style="text-align: center;">Vnf Name</th>
  65                                 <th style="text-align: center;">Vnf Id</th>
  66                         </tr>
  67                         <tr ng-repeat="version in pagedItems[currentPage] | orderBy:sort.sortingOrder:sort.reverse">
  68                                 <td>{{ ($index + 1) + (currentPage - 1) * itemsPerPage + 5}}</td>
  69                                 <td>{{version.createdAt}}</td>
  70                                 <td>{{version.vnfname }}</td>
  71                                 <td>{{version.vnfid}}</td>
  72                         </tr>
  73                         <td colspan="4">
  74                         <!-- ng-show="pagedItems.length > 5" -->
  75                                 <ul class="pagination pull-right">
  76                                         <li ng-class="{disabled: currentPage == 0}"><a href
  77                                                 ng-click="prevPage()">&laquo;</a></li>
  78                                         <li ng-repeat="n in range(pagedItems.length, currentPage, currentPage + gap) "
  79                                                 ng-class="{active: n == currentPage}" ng-click="setPage()"><a
  80                                                 href ng-bind="n + 1">1</a></li>
  81                                         <li ng-class="{disabled: (currentPage) == pagedItems.length - 1}">
  82                                                 <a href ng-click="nextPage()">&raquo;</a>
  83                                         </li>
  84                                 </ul>
  85                         </td>
  86                 </table>
  87         </form>
  88 </div>
  89 </body>
  90 </html>