source: src/main/resources/templates/activity-statistics.html

Last change on this file was f7c05a1, checked in by Elena Shulevska <elena.shulevska@…>, 15 months ago

initial commit of the source code on origin
  • Property mode set to 100644
File size: 7.9 KB
RevLine 
[f7c05a1]1<!DOCTYPE html>
2<html lang="en" xmln="http://www.w3.org/1999/xhtml">
3<head>
4 <!-- Required meta tags -->
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
8 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
9 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
10 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
11 <!-- Bootstrap CSS -->
12 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
13 integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
14 <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
15 <title>Statistics</title>
16 <style>
17 header{
18 font-size: 30px;
19 }
20 body {
21 font-family: 'Montserrat', sans-serif;
22 }
23 h1{
24 font-size:25px;
25 }
26 table{
27 font-size: 20px;
28 text-align: center;
29 }
30 .buttons
31 {
32 width: 100px;
33 }
34 .dropbtn {
35 background: white;
36 border: none;
37 }
38 .dropdown {
39 position: relative;
40 display: inline-block;
41 }
42 .dropdown-content {
43 display: none;
44 position: absolute;
45 background-color: #f1f1f1;
46 font-size: 20px;
47 min-width: 160px;
48 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
49 z-index: 1;
50 }
51 .dropdown-content a {
52 padding: 12px 16px;
53 text-decoration: none;
54 display: block;
55 }
56 .dropdown-content a:hover {background-color: #ddd;}
57 .dropdown:hover .dropdown-content {display: block;}
58 /*.dropdown:hover .dropbtn {background-color: darkolivegreen;}*/
59 </style>
60</head>
61<body>
62<header>
63 <nav class="navbar navbar-expand-lg navbar-light bg-white">
64 <div class="container-fluid">
65 <div class="collapse navbar-collapse justify-content-end mr-5" id="navbarNavAltMarkup">
66 <div class="navbar-nav me-0 text-black ml-5">
67 <a class="nav-link active mr-5 " aria-current="page" th:href="@{/home}">Home</a>
68 <div class="dropdown">
69 <button class="dropbtn nav-link mr-5">Reservations</button>
70 <div class="dropdown-content">
71 <li><a th:href="@{/reservations/rooms}" class="text-secondary">New Reservations</a></li>
72 <li><a th:href="@{/rooms/available}" class="text-secondary">Available Reservations</a></li>
73 </div>
74 </div>
75 <a class="nav-link mr-5" th:href="@{/home/contact}">Contact</a>
76 <a class="nav-link mr-5" href="/logout" th:if="${session.user != null}">Log Out</a>
77 </div>
78 </div>
79 </div>
80 </nav>
81</header>
82<div class="row mt-5 bg-light" >
83 <div class="col-12 pl-5 my-5 ml-0 justify-content-center text-secondary">
84 <h1>Statistics</h1>
85 <div th:each="activity : ${statistics}">
86 <table class="table table-striped table-bordered table-hover">
87 <tr>
88 <td>
89 <h6 class="text-secondary">Year</h6>
90 <th:block th:text="${activity.years}"></th:block>
91 </td>
92 <td>
93 <h6 class="text-secondary">Number of Activities</h6>
94 <th:block th:text="${activity.num_activities}"></th:block>
95 </td>
96 <td>
97 <h6 class="text-secondary">Total number of Guests</h6>
98 <th:block th:text="${activity.total_guests}"></th:block>
99 </td>
100 <td>
101 <h6 class="text-secondary">Average Price</h6>
102 <th:block th:text="${activity.avg_price}"></th:block>
103 </td>
104 <td>
105 <h6 class="text-secondary">Sales</h6>
106 <th:block th:text="${activity.sales}"></th:block>
107 </td>
108 </tr>
109 </table>
110 </div>
111 <h1>All your reservations are here!</h1>
112 </div>
113 <div class="col-12 justify-content-center d-flex mb-5">
114 <button type="submit" class="btn btn-secondary mx-3 my-2 btn-block" th:onclick="'location.href = \'/reservations/rooms\''">Rooms</button>
115 <button type="submit" class="btn btn-secondary mx-3 my-2 btn-block" th:onclick="'location.href = \'/reservations/food\''">Food</button>
116 <button type="submit" class="btn btn-secondary mx-3 my-2 btn-block" th:onclick="'location.href = \'/reservations/beverage\''">Beverages</button>
117 <button type="submit" class="btn btn-secondary mx-3 my-2 btn-block" th:onclick="'location.href = \'/reservations/event\''">Events</button>
118 <button type="submit" class="btn btn-secondary mx-3 my-2 btn-block" th:onclick="'location.href = \'/reservations/activity\''">Activities</button>
119 <button type="submit" class="btn btn-secondary mx-3 my-2 btn-block" th:onclick="'location.href = \'/reservations/service\''">Service</button>
120 </div>
121 <br> <br>
122 <div class="container-fluid">
123 <div th:each="reservation : ${activityReservations}" class="d-flex">
124 <table class="table table-striped table-bordered table-hover">
125 <tr>
126 <td>
127 <h6 class="text-secondary">Activity type</h6>
128 <th:block th:text="${reservation.activity_type}"></th:block>
129 </td>
130 <td>
131 <h6 class="text-secondary">Price</h6>
132 <th:block th:text="${reservation.price}">евра</th:block>
133 </td>
134 <td>
135 <h6 class="text-secondary">Start Date</h6>
136 <th:block th:text="${reservation.start_date}"></th:block>
137 </td>
138 <td>
139 <h6 class="text-secondary">End Date</h6>
140 <th:block th:text="${reservation.end_date}"></th:block>
141 </td>
142 <td>
143 <h6 class="text-secondary">Number of guests</h6>
144 <th:block th:text="${reservation.number_of_interested_guests}"></th:block>
145 </td>
146 <td>
147 <h6 class="text-secondary">Location</h6>
148 <th:block th:text="${reservation.activity_location}"></th:block>
149 </td>
150 </tr>
151 </table>
152 </div>
153 </div>
154</div>
155</body>
156</html>
157
158<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
159<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.16.6/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
160<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min"></script>
Note: See TracBrowser for help on using the repository browser.