source: source/src/main/resources/templates/users.html

Last change on this file was bc0eeb4, checked in by Evgenija2000 <eva_nikolaevska@…>, 2 years ago

all files

  • Property mode set to 100644
File size: 7.6 KB
RevLine 
[bc0eeb4]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="/onlinestores">Shops</a>
29 </li>
30 <li class="nav-item m-auto" >
31 <a class="nav-link active" href="/products">Products</a>
32 </li>
33 <li class="nav-item m-auto" >
34 <a class="nav-link active" href="/users">Users</a>
35 </li>
36 </ul>
37
38
39 <ul class="nav navbar-nav navbar-right">
40 <li style="color: white; padding-left: 5px;" class="nav-item" th:if="${session.user != null}"
41 th:text="${'Welcome, ' + session.user.getUserName() + ' ' + ' ' + session.user.getSurname()}">
42 <a class="nav-link" href="#">
43
44 </a>
45 </li>
46
47 <li class="nav-item" th:if="${session.user == null}">
48 <a class="btn btn-light btn-sm ml-3" href="/login">
49 <i class="fa fa-shopping-cart"></i> Login
50 </a>
51 </li>
52 <li class="nav-item">
53 <a class="btn btn-light btn-sm ml-3" href="/logout">
54 <i class="fa fa-shopping-cart"></i> Logout
55 </a>
56 </li>
57
58 </ul>
59 </div>
60 </div>
61 </nav>
62</header>
63<!--<div xmlns:th="http://www.thymeleaf.org">-->
64<!-- <section class="jumbotron text-center">-->
65<!-- <div class="container">-->
66<!-- <h1 class="jumbotron-heading">WEB PROGRAMMING SHOP</h1>-->
67<!-- <h3 class="jumbotron-heading">All products</h3>-->
68<!-- </div>-->
69<!-- </section>-->
70<div th:block xmlns:th="http://www.thymeleaf.org">
71 <section class="jumbotron text-center">
72 <div class="container">
73 <h3 class="jumbotron-heading">Users in our shops
74 <!-- <th:block th:if="${#request.getRemoteUser() != null}" th:text="${#request.getRemoteUser()}"></th:block>-->
75 <!-- <th:block th:if="${session.user != null}" th:text="${session.user.getUsername()}"></th:block>-->
76 </h3>
77 </div>
78 </section>
79 <!-- <th:block th:if="${session.user != null}" th:text="${session.user.getUsername()}"></th:block>-->
80
81 <div th:if="${hasError}">
82 <h5 class="text-center text-danger" th:text="${error}"></h5>
83 </div>
84
85 <div class="container mb-4">
86 <div class="row">
87 <div class="col-12" th:if="${users.size() > 0}">
88 <div class="table-responsive">
89 <table class="table table-striped">
90 <thead>
91 <tr>
92 <th scope="col">Name</th>
93 <th scope="col">Surname</th>
94 <th scope="col">Email</th>
95 <th scope="col">Username</th>
96 </tr>
97 </thead>
98 <tbody>
99 <tr th:each="user : ${users}" class="product">
100 <td th:text="${user.getUserName()}"></td>
101 <td th:text="${user.getSurname()}"></td>
102 <td th:text="${user.getEmail()}"></td>
103 <td th:text="${user.getUsername()}"></td>
104
105 </tr>
106 </tbody>
107 </table>
108 </div>
109 </div>
110 <div class="col mb-3">
111 <div class="row">
112 <div class="col-sm-12 col-md-12">
113 <a href="/users/add" class="btn btn-block btn-dark add-product-btn">
114 Add new user
115 </a>
116 </div>
117 </div>
118 </div>
119 </div>
120 </div>
121
122</div>
123
124<footer class="text-black-50 mt-xl-5" xmlns:th="http://www.thymeleaf.org">
125 <div class="container">
126 <div class="row">
127 <div class="col-md-3 col-lg-4 col-xl-3">
128 <h5>About</h5>
129 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
130 <p class="mb-0">
131 Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant
132 impression.
133 </p>
134 </div>
135
136 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
137 <h5>Informations</h5>
138 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
139 <ul class="list-unstyled">
140 <li><a href="">Link 1</a></li>
141 <li><a href="">Link 2</a></li>
142 <li><a href="">Link 3</a></li>
143 <li><a href="">Link 4</a></li>
144 </ul>
145 </div>
146
147 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
148 <h5>Others links</h5>
149 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
150 <ul class="list-unstyled">
151 <li><a href="">Link 1</a></li>
152 <li><a href="">Link 2</a></li>
153 <li><a href="">Link 3</a></li>
154 <li><a href="">Link 4</a></li>
155 </ul>
156 </div>
157
158 <div class="col-md-4 col-lg-3 col-xl-3">
159 <h5>Contact</h5>
160 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
161 <ul class="list-unstyled">
162 <li><i class="fa fa-home mr-2"></i>ShopAHolic</li>
163 <li><i class="fa fa-envelope mr-2"></i> email@example.com</li>
164 <li><i class="fa fa-phone mr-2"></i> + 33 12 14 15 16</li>
165 <li><i class="fa fa-print mr-2"></i> + 33 12 14 15 16</li>
166 </ul>
167 </div>
168 </div>
169 </div>
170</footer>
171</body>
172</html>
Note: See TracBrowser for help on using the repository browser.