aboutsummaryrefslogtreecommitdiffstats
path: root/configbackuprestore/vnfconfigbackupservice/src/main/webapp/static/views/form-viewReport.html
blob: 2537263ec046cc3daa190382b5f05673b7e266f5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!-- /*
   * ============LICENSE_START=======================================================
   * ONAP : SDNC-FEATURES
   * ================================================================================
   * Copyright 2018 TechMahindra
   *=================================================================================
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *     http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   * ============LICENSE_END=========================================================
   */
    -->
<div class="ReportMain">
	<div class="heading">
		<img src="static/images/search.png" width=50 height="40"
			style="margin-left: 5px;">&nbsp;&nbsp;Search For Vnf Reports
	</div>
	<form name="myForm" style="background-color: #f2f2f2;">
		<div growl></div>
		<div class="row">
			<div class="column" style="width: 40%;">
				<label for="exampleInput" class="labeltext">Start Date</label> <input
					type="date" id="exampleInput" name="input"
					ng-model="startdate.value" placeholder="yyyy-MM-dd"
					style="margin-left: 20px; width: 170px;" required />
				<div role="alert">
					<span class="error" ng-show="myForm.input.$error.required">Required!</span>
					<span class="error" ng-show="myForm.input.$error.date">Not a
						valid date!</span>
				</div>
			</div>
			<div class="column" style="margin-left: 0px; width: 50%;">
				<label for="exampleEndInput" class="labeltext">End Date</label> <input
					type="date" id="exampleEndInput" name="input"
					ng-model="enddate.value" placeholder="yyyy-MM-dd"
					style="margin-left: 20px; width: 170px;" required />
				<div role="alert">
					<span class="error" ng-show="myForm.input.$error.required">
						Required!</span> <span class="error" ng-show="myForm.input.$error.date">
						Not a valid date!</span>
				</div>
			</div>
		</div>
		<br>
		<div class="row">
			<input type="submit" id="btnSubmit"
				ng-click="getReports(startdate.value,enddate.value)"
				style="width: 120px;">
		</div>

		<table class="tableDisplay"
			style="text-align: center;" ng-show="showresult" id="tableToExport">
			<tr class="first_row">
				<th style="text-align: center;">SNo.</th>
				<th style="text-align: center;">Time Period</th>
				<th style="text-align: center;">Vnf Name</th>
				<th style="text-align: center;">Vnf Id</th>
			</tr>
			<tr ng-repeat="version in pagedItems[currentPage] | orderBy:sort.sortingOrder:sort.reverse">
				<td>{{ ($index + 1) + (currentPage - 1) * itemsPerPage + 5}}</td>
				<td>{{version.createdAt}}</td>
				<td>{{version.vnfname }}</td>
				<td>{{version.vnfid}}</td>
			</tr>
			 <td colspan="4" ng-show="pagedItems.length > 5" >
			<!-- ng-show="pagedItems.length > 5" -->
				<ul class="pagination pull-right" >
					<li ng-class="{disabled: currentPage == 0}"><a href
						ng-click="prevPage()">&laquo;</a></li>
					<li ng-repeat="n in range(pagedItems.length, currentPage, currentPage + gap) "
						ng-class="{active: n == currentPage}" ng-click="setPage()"><a
						href ng-bind="n + 1">1</a></li>
					<li ng-class="{disabled: (currentPage) == pagedItems.length - 1}">
						<a href ng-click="nextPage()">&raquo;</a>
					</li>
				</ul>
			</td>
		</table>
	</form>
</div>
</body>
</html>