source: src/main/resources/templates/chlenovi.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: 10.5 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns:sec="http://www.w3.org/1999/xhtml">
3<head>
4 <meta charset="UTF-8">
5 <title>Members</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" >
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" >
35 <a class="nav-link active" href="/borrow">Borrowed books</a>
36 </li>
37 </ul>
38
39
40 <form th:action="@{/books}" method="get" class="form-inline my-2 my-lg-0">
41 <div class="input-group input-group-sm">
42 <input type="text" name="keyword" th:value="${keyword}" 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
72 </ul>
73 </div>
74 </div>
75 </nav>
76</header>
77<!--<div xmlns:th="http://www.thymeleaf.org">-->
78<!-- <section class="jumbotron text-center">-->
79<!-- <div class="container">-->
80<!-- <h1 class="jumbotron-heading">WEB PROGRAMMING SHOP</h1>-->
81<!-- <h3 class="jumbotron-heading">All products</h3>-->
82<!-- </div>-->
83<!-- </section>-->
84<div th:block xmlns:th="http://www.thymeleaf.org">
85 <section class="jumbotron text-center">
86 <div class="container">
87 <h3 class="jumbotron-heading">Members in our library
88 <!-- <th:block th:if="${#request.getRemoteUser() != null}" th:text="${#request.getRemoteUser()}"></th:block>-->
89 <!-- <th:block th:if="${session.user != null}" th:text="${session.user.getUsername()}"></th:block>-->
90 </h3>
91 </div>
92 </section>
93 <!-- <th:block th:if="${session.user != null}" th:text="${session.user.getUsername()}"></th:block>-->
94
95 <div th:if="${hasError}">
96 <h5 class="text-center text-danger" th:text="${error}"></h5>
97 </div>
98
99 <div class="container mb-4">
100 <div class="row">
101 <div class="col-12" th:if="${chlenovi.size() > 0}">
102 <div class="table-responsive">
103 <table class="table table-striped">
104 <thead>
105 <tr>
106 <th scope="col">Name</th>
107 <th scope="col">Surname</th>
108 <th scope="col">Number</th>
109 <th scope="col">Date of registration</th>
110 </tr>
111 </thead>
112 <tbody>
113 <tr th:each="chlen : ${chlenovi}" class="product">
114 <td th:text="${chlen.getChovek2().getIme()}"></td>
115 <td th:text="${chlen.getChovek2().getPrezime()}"></td>
116 <td th:text="${chlen.getBroj()}"></td>
117 <td th:text="${chlen.getDatumNaZachlenuvanje()}"></td>
118 <!-- <td class="text-right">-->
119 <!-- <th:block sec:authorize="hasRole('ROLE_ADMIN')">-->
120 <!-- <form th:action="@{'/books/delete/{id}' (id=${knigii.getId()})}"-->
121 <!-- th:method="DELETE">-->
122 <!-- <button type="submit"-->
123 <!-- class="btn btn-sm btn-danger delete-product">-->
124 <!-- <i class="fa fa-trash">Delete</i>-->
125 <!-- </button>-->
126 <!-- </form>-->
127 <!-- </th:block>-->
128 <!-- <th:block sec:authorize="hasRole('ROLE_ADMIN')">-->
129 <!-- <a th:href="@{'/books/edit-form/{id}' (id=${knigii.getId()})}"-->
130 <!-- class="btn btn-sm btn-info edit-product">-->
131 <!-- <i class="fa fa-trash">Edit</i>-->
132 <!-- </a>-->
133 <!-- </th:block>-->
134 <!-- <form th:action="@{'/shopping-cart/add-product/{id}' (id=${knigii.getId()})}"-->
135 <!-- th:method="POST"-->
136 <!-- sec:authorize="isAuthenticated()">-->
137 <!-- <button type="submit"-->
138 <!-- class="btn btn-sm btn-primary cart-product">-->
139 <!-- <i class="fa fa-trash">Add product to cart</i>-->
140 <!-- </button>-->
141 <!-- </form>-->
142 <!-- </td>-->
143 </tr>
144 </tbody>
145 </table>
146 </div>
147 </div>
148 <div class="col mb-3">
149 <div class="row">
150 <div class="col-sm-12 col-md-12">
151 <a href="/members/add" class="btn btn-block btn-dark add-product-btn">
152 Add new member
153 </a>
154 </div>
155 </div>
156 </div>
157 </div>
158 </div>
159
160</div>
161
162<footer class="text-black-50 mt-xl-5" xmlns:th="http://www.thymeleaf.org">
163 <div class="container">
164 <div class="row">
165 <div class="col-md-3 col-lg-4 col-xl-3">
166 <h5>About</h5>
167 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
168 <p class="mb-0">
169 Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant
170 impression.
171 </p>
172 </div>
173
174 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
175 <h5>Informations</h5>
176 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
177 <ul class="list-unstyled">
178 <li><a href="">Link 1</a></li>
179 <li><a href="">Link 2</a></li>
180 <li><a href="">Link 3</a></li>
181 <li><a href="">Link 4</a></li>
182 </ul>
183 </div>
184
185 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
186 <h5>Others links</h5>
187 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
188 <ul class="list-unstyled">
189 <li><a href="">Link 1</a></li>
190 <li><a href="">Link 2</a></li>
191 <li><a href="">Link 3</a></li>
192 <li><a href="">Link 4</a></li>
193 </ul>
194 </div>
195
196 <div class="col-md-4 col-lg-3 col-xl-3">
197 <h5>Contact</h5>
198 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
199 <ul class="list-unstyled">
200 <li><i class="fa fa-home mr-2"></i> My company</li>
201 <li><i class="fa fa-envelope mr-2"></i> email@example.com</li>
202 <li><i class="fa fa-phone mr-2"></i> + 33 12 14 15 16</li>
203 <li><i class="fa fa-print mr-2"></i> + 33 12 14 15 16</li>
204 </ul>
205 </div>
206 </div>
207 </div>
208</footer>
209</body>
210</html>
Note: See TracBrowser for help on using the repository browser.