source: src/main/resources/templates/pozajmica.html@ ed20c2c

Last change on this file since ed20c2c was ed20c2c, checked in by HumaSejdini <humasejdini12@…>, 2 years ago

Initial commit
  • Property mode set to 100644
File size: 8.9 KB
RevLine 
[ed20c2c]1<!DOCTYPE html>
2<html lang="en" xmlns:sec="http://www.w3.org/1999/xhtml">
3<head>
4 <meta charset="UTF-8">
5 <title>Borrowed-books</title>
6 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
7 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
8 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
9 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
10
11</head>
12<body>
13<header xmlns:th="http://www.thymeleaf.org">
14 <nav class="navbar navbar-expand-md navbar-dark bg-dark">
15 <div class="container">
16 <a class="navbar-brand" href="/">TheBookSpot</a>
17 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
18 aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
19 <span class="navbar-toggler-icon"></span>
20 </button>
21
22 <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
23 <ul class="navbar-nav m-auto">
24 <li class="nav-item m-auto">
25 <a class="nav-link active" href="/home">Home</a>
26 </li>
27 <li class="nav-item m-auto" sec:authorize="hasRole('ROLE_ADMIN')">
28 <a class="nav-link active" href="/books">Books</a>
29 </li>
30 <li class="nav-item m-auto" >
31 <a class="nav-link active" href="/members">View Memebers</a>
32 </li>
33 <li class="nav-item m-auto" >
34 <li class="nav-item m-auto" sec:authorize="hasRole('ROLE_ADMIN')">
35 <a class="nav-link active" href="/borrow">Borrowed books</a>
36 </li>
37 </ul>
38
39
40 <form class="form-inline my-2 my-lg-0">
41 <div class="input-group input-group-sm">
42 <input type="text" class="form-control" aria-label="Small"
43 aria-describedby="inputGroup-sizing-sm"
44 placeholder="Search...">
45 <div class="input-group-append">
46 <button type="button" class="btn btn-secondary btn-number">
47 <i class="fa fa-search"></i>
48 Search
49 </button>
50 </div>
51 </div>
52 </form>
53 <ul class="nav navbar-nav navbar-right">
54 <li style="color: white; padding-left: 5px;" class="nav-item" th:if="${session.user != null}"
55 th:text="${'Welcome, ' + session.user.getIme() + ' ' + ' ' + session.user.getPrezime()}">
56 <a class="nav-link" href="#">
57
58 </a>
59 </li>
60
61 <li class="nav-item" th:if="${session.user == null}">
62 <a class="btn btn-light btn-sm ml-3" href="/login">
63 <i class="fa fa-shopping-cart"></i> Login
64 </a>
65 </li>
66 <li class="nav-item">
67 <a class="btn btn-light btn-sm ml-3" href="/logout">
68 <i class="fa fa-shopping-cart"></i> Logout
69 </a>
70 </li>
71 </ul>
72 </div>
73 </div>
74 </nav>
75</header>
76
77<div th:block xmlns:th="http://www.thymeleaf.org">
78 <section class="jumbotron text-center">
79 <div class="container">
80 <h3 class="jumbotron-heading">Borrowed books
81
82 </h3>
83 </div>
84 </section>
85
86 <div th:if="${hasError}">
87 <h5 class="text-center text-danger" th:text="${error}"></h5>
88 </div>
89
90 <div class="container mb-4">
91 <div class="row">
92 <div class="col-12" th:if="${pozajmici.size() > 0}">
93 <div class="table-responsive">
94 <table class="table table-striped">
95 <thead>
96 <tr>
97 <th scope="col">Book name</th>
98 <th scope="col">ISBN</th>
99 <th scope="col">Date of reciept</th>
100 <th scope="col">Return date</th>
101 <th scope="col">Librarian</th>
102 <th scope="col">Мember</th>
103 <th scope="col">ID of the borrowed book</th>
104 <th scope="col">Status</th>
105 </tr>
106 </thead>
107 <tbody>
108 <tr th:each="poz : ${pozajmici}" class="product">
109 <!-- <td th:each="isbns:${ isbn}" th:if="${poz.getInstancaOdKniga().contains(isbns)}" -->
110 <!-- th:text="${isbns.getId()}"></td>-->
111 <!-- <td th:each="isbns:${ isbn}" th:each="kniga : ${knigis}" th:if="${isbns.getIdNaKniga().contains(kategorija)}"-->
112 <td th:text="${poz.getInstancaOdKniga().getIdNaKniga().getNaslov()}"></td>
113 <td th:text="${poz.getInstancaOdKniga().getId().getUniqueId()}"></td>
114 <td th:text="${poz.getDatumNaVrakjanje()}"></td>
115 <td th:text="${poz.getDatumNaZemanje()}"></td>
116
117 <td th:text="${poz.getBibliotekar().getChovek().getIme()}">
118 <td th:text="${poz.getChlen().getChovek2().getIme()}"></td>
119 <td th:text="${poz.getInstancaOdKniga().getIdNaKniga().getId()}"></td>
120 <td th:text="${poz.getStatus()}"></td>
121
122 </tr>
123 </tbody>
124 </table>
125 </div>
126 </div>
127 <div class="col mb-3">
128 <div class="row">
129 <div class="col-sm-12 col-md-12" sec:authorize="hasRole('ROLE_ADMIN')">
130 <a href="/borrow/add-borrowed-book" class="btn btn-block btn-dark add-product-btn">
131 Add new borrowed book
132 </a>
133 </div>
134 </div>
135 </div>
136 </div>
137 </div>
138
139</div>
140
141<footer class="text-black-50 mt-xl-5" xmlns:th="http://www.thymeleaf.org">
142 <div class="container">
143 <div class="row">
144 <div class="col-md-3 col-lg-4 col-xl-3">
145 <h5>About</h5>
146 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
147 <p class="mb-0">
148 Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant
149 impression.
150 </p>
151 </div>
152
153 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
154 <h5>Informations</h5>
155 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
156 <ul class="list-unstyled">
157 <li><a href="">Link 1</a></li>
158 <li><a href="">Link 2</a></li>
159 <li><a href="">Link 3</a></li>
160 <li><a href="">Link 4</a></li>
161 </ul>
162 </div>
163
164 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
165 <h5>Others links</h5>
166 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
167 <ul class="list-unstyled">
168 <li><a href="">Link 1</a></li>
169 <li><a href="">Link 2</a></li>
170 <li><a href="">Link 3</a></li>
171 <li><a href="">Link 4</a></li>
172 </ul>
173 </div>
174
175 <div class="col-md-4 col-lg-3 col-xl-3">
176 <h5>Contact</h5>
177 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
178 <ul class="list-unstyled">
179 <li><i class="fa fa-home mr-2"></i> My company</li>
180 <li><i class="fa fa-envelope mr-2"></i> email@example.com</li>
181 <li><i class="fa fa-phone mr-2"></i> + 33 12 14 15 16</li>
182 <li><i class="fa fa-print mr-2"></i> + 33 12 14 15 16</li>
183 </ul>
184 </div>
185 </div>
186 </div>
187</footer>
188</body>
189</html>
Note: See TracBrowser for help on using the repository browser.