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

Last change on this file was cab1b7d, checked in by Blazho <aleksandar.blazhevski@…>, 9 months ago

Added naracki page with view of all

  • Property mode set to 100644
File size: 2.2 KB
Line 
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml"
3 xmlns:th="http://www.thymeleaf.org">
4<head>
5 <meta charset="UTF-8">
6 <title>Home page</title>
7 <!-- Add Bootstrap CSS link -->
8 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
9</head>
10<body>
11<!-- Bootstrap Navbar -->
12<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
13 <a class="navbar-brand" th:href="@{/}">
14 CookBook
15 </a>
16 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
17 <span class="navbar-toggler-icon"></span>
18 </button>
19 <div class="collapse navbar-collapse" id="navbarNav">
20 <ul class="navbar-nav ml-auto">
21 <li class="nav-item active">
22 <a class="nav-link" th:href="@{/}">Home <span class="sr-only">(current)</span></a>
23 </li>
24 <li class="nav-item">
25 <a class="nav-link" th:href="@{/naracki}">Naracki</a>
26 </li>
27 <li class="nav-item">
28 <a class="nav-link" href="#">Contact</a>
29 </li>
30 </ul>
31 </div>
32</nav>
33
34<div class="container mt-5">
35 <h1>This is home page</h1>
36
37 <table class="table">
38 <thead>
39 <tr>
40 <th>Ime</th>
41 <th>Ocena</th>
42 <th>Action</th>
43 </tr>
44 </thead>
45 <tbody>
46 <tr th:each="recept : ${recepti}">
47 <td><a th:href="@{'/recept/{id}' (id=${recept.recId})}" th:text="${recept.recIme}"></a></td>
48 <td th:text="${recept.srednaOcena}"></td>
49 <td>
50 <button class="btn btn-primary">Edit</button>
51 <button class="btn btn-danger">Delete</button>
52 </td>
53 </tr>
54 </tbody>
55 </table>
56</div>
57
58<!-- Add Bootstrap JS and Popper.js scripts (required for Bootstrap components) -->
59<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
60<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
61<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
62</body>
63</html>
Note: See TracBrowser for help on using the repository browser.