source: source/src/main/resources/templates/onlinestores.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: 6.8 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>OnlineStores</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="/">ShopAHolic</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">Books</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
40 <ul class="nav navbar-nav navbar-right">
41 <li style="color: white; padding-left: 5px;" class="nav-item" th:if="${session.user != null}"
42 th:text="${'Welcome, ' + session.user.getUserName() + ' ' + ' ' + session.user.getSurname()}">
43 <a class="nav-link" href="#">
44
45 </a>
46 </li>
47
48 <li class="nav-item" th:if="${session.user == null}">
49 <a class="btn btn-light btn-sm ml-3" href="/login">
50 <i class="fa fa-shopping-cart"></i> Login
51 </a>
52 </li>
53 <li class="nav-item">
54 <a class="btn btn-light btn-sm ml-3" href="/logout">
55 <i class="fa fa-shopping-cart"></i> Logout
56 </a>
57 </li>
58 </ul>
59 </div>
60 </div>
61 </nav>
62</header>
63
64<div th:block xmlns:th="http://www.thymeleaf.org">
65 <section class="jumbotron text-center">
66 <div class="container">
67 <h3 class="jumbotron-heading">Online Stores for you</h3>
68 </div>
69 </section>
70 <!-- <th:block th:if="${session.user != null}" th:text="${session.user.getUsername()}"></th:block>-->
71
72 <div th:if="${hasError}">
73 <h5 class="text-center text-danger" th:text="${error}"></h5>
74 </div>
75
76 <div class="container mb-4">
77 <div class="row">
78 <div class="col-12" th:if="${stores.size() > 0}">
79 <div class="table-responsive">
80 <table class="table table-striped">
81 <thead>
82 <tr>
83 <th scope="col">Name</th>
84 <th scope="col">Web address</th>
85 <th scope="col">Phone number</th>
86 <th scope="col">Social media</th>
87 </tr>
88 </thead>
89 <tbody>
90 <tr th:each="store : ${stores}" class="product">
91 <td th:text="${store.getNames()}"></td>
92 <td
93 th:text="${store.getWebAddress()}"></td>
94 <td th:text="${store.getPhoneNumber()}"></td>
95 <td
96 th:text="${store.getSocialMedia()}"></td>
97
98 </tr>
99 </tbody>
100 </table>
101 </div>
102 </div>
103
104 </div>
105 </div>
106
107</div>
108
109<footer class="text-black-50 mt-xl-5" xmlns:th="http://www.thymeleaf.org">
110 <div class="container">
111 <div class="row">
112 <div class="col-md-3 col-lg-4 col-xl-3">
113 <h5>About</h5>
114 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
115 <p class="mb-0">
116 Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant
117 impression.
118 </p>
119 </div>
120
121 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
122 <h5>Informations</h5>
123 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
124 <ul class="list-unstyled">
125 <li><a href="">Link 1</a></li>
126 <li><a href="">Link 2</a></li>
127 <li><a href="">Link 3</a></li>
128 <li><a href="">Link 4</a></li>
129 </ul>
130 </div>
131
132 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
133 <h5>Others links</h5>
134 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
135 <ul class="list-unstyled">
136 <li><a href="">Link 1</a></li>
137 <li><a href="">Link 2</a></li>
138 <li><a href="">Link 3</a></li>
139 <li><a href="">Link 4</a></li>
140 </ul>
141 </div>
142
143 <div class="col-md-4 col-lg-3 col-xl-3">
144 <h5>Contact</h5>
145 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
146 <ul class="list-unstyled">
147 <li><i class="fa fa-home mr-2"></i> My company</li>
148 <li><i class="fa fa-envelope mr-2"></i> email@example.com</li>
149 <li><i class="fa fa-phone mr-2"></i> + 33 12 14 15 16</li>
150 <li><i class="fa fa-print mr-2"></i> + 33 12 14 15 16</li>
151 </ul>
152 </div>
153 </div>
154 </div>
155</footer>
156</body>
157</html>
Note: See TracBrowser for help on using the repository browser.