Improve UI of the website
[proteocache.git] / webapp / view / reportJobStatistics.jsp
1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3
4 <%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
5 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
6 <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
7 <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
8
9 <%@page import="java.util.ArrayList"%>
10
11 <html>
12 <jsp:include page="fragments/header.jsp" />
13 <body>
14         <div class="container">
15                 <jsp:include page="fragments/mainmenu.jsp" />
16                 <spring:url value="/stat/oneday" var="onedayquery" />
17                 <spring:url value="/stat/query?date1=${date1}&date2=${date2}&option=${option}" var="thequery" />
18
19                 <ul class="nav navbar-nav navbar-right">
20                         <li>
21                         <a href="${thequery}" class="btn btn-default active" role="button">Reload</a>
22                         </li>
23                 </ul>
24
25         <div class="panel panel-default">
26         <div class="panel-heading">
27                 <c:choose>
28                         <c:when test="${option == 'AllDates,off'}">
29                                 <p style="font-weight:bold;">Jobs statistics for the whole period</p>
30                         </c:when>
31                         <c:otherwise>
32                                 <p style="font-weight:bold;">
33                                 Jobs statistics for the time period: <c:out value="${date1}" /> to <c:out value="${date2}"/>
34                                 </p>
35                         </c:otherwise>
36                 </c:choose>
37         </div>
38
39
40         <div class="panel-body">
41                 <c:choose>
42                         <c:when test="${result == null}">
43                                 <p>No jobs for this period</p>
44                         </c:when>
45                         <c:otherwise>
46                                 <c:set var="sum" value="0" />
47                                 <c:set var="sumOK" value="0" />
48                                 <c:set var="sumStopped" value="0" />
49                                 <c:set var="sumError" value="0" />
50                                 <c:set var="sumTimeOut" value="0" />
51                                 <c:forEach items="${result}" var="res">
52                                         <c:set var="tot" value="${res.total}" />
53                                         <c:set var="sum" value="${sum + tot}" />
54                                         <c:set var="totOK" value="${res.totalOK}" />
55                                         <c:set var="sumOK" value="${sumOK + totOK}" />
56                                         <c:set var="totStopped" value="${res.totalStopped}" />
57                                         <c:set var="sumStopped" value="${sumStopped + totStopped}" />
58                                         <c:set var="totError" value="${res.totalError}" />
59                                         <c:set var="sumError" value="${sumError + totError}" />
60                                         <c:set var="totTimeOut" value="${res.totalTimeOut}" />
61                                         <c:set var="sumTimeOut" value="${sumTimeOut + totTimeOut}" />
62                                 </c:forEach>
63                                 <div class="table-responsive">
64                                 <table class="table table-striped table-hover table-bordered">
65                                         <thead>
66                                                 <tr style="text-align: center">
67                                                         <th rowspan="2" style="text-align: center">Date</th>
68                                                         <th rowspan="2" style="text-align: center">Total number<br/> of jobs</th>
69                                                         <th colspan="5" style="text-align: center">Job Statistics</th>
70                                                 </tr>
71                                                 <tr>
72                                                         <th style="text-align: center">Status "OK"</th>
73                                                         <th style="text-align: center">Status "Stopped"</th>
74                                                         <th style="text-align: center">Status "Internal Error"</th>
75                                                         <th style="text-align: center">Status "Time out"</th>
76                                                 </tr>
77                                         </thead>
78
79                                         <tbody>
80                                                 <tr style="font-weight: bolder;">
81                                                         <td style="text-align: center">Total:</td>
82                                                         <td style="text-align: right">${sum}</td>
83                                                         <td style="text-align: right">${sumOK}</td>
84                                                         <td style="text-align: right">${sumStopped}</td>
85                                                         <td style="text-align: right">${sumError}</td>
86                                                         <td style="text-align: right">${sumTimeOut}</td>
87                                                 </tr>
88                                                 <c:forEach items="${result}" var="res">
89                                                         <tr>
90                                                                 <td style="text-align: center">${res.date}</td>
91                                                                 <td style="text-align: right">${res.total}</td>
92                                                                 <td style="text-align: right"><a href="${onedayquery}?date=${res.date}">${res.totalOK}</a></td>
93                                                                 <td style="text-align: right">${res.totalStopped}</td>
94                                                                 <td style="text-align: right">${res.totalError}</td>
95                                                                 <td style="text-align: right">${res.totalTimeOut}</td>
96                                                         </tr>
97                                                 </c:forEach>
98                                         </tbody>
99                                 </table>
100                                 </div>
101                         </c:otherwise>
102                 </c:choose>
103
104         </div>
105         </div>
106
107                 <jsp:include page="fragments/footer.jsp" />
108         </div>
109 </body>
110 </html>