Ignore:
Timestamp:
02/03/24 15:58:58 (8 months ago)
Author:
Blazho <aleksandar.blazhevski@…>
Branches:
master
Children:
aea04dd
Parents:
3e572eb
Message:

added missing files

Location:
src/main/resources/templates
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • src/main/resources/templates/error-page.html

    r3e572eb r501396e  
    11<!DOCTYPE html>
    2 <html lang="en">
     2<html xmlns="http://www.w3.org/1999/xhtml"
     3      xmlns:th="http://www.thymeleaf.org">
    34<head>
    4   <meta charset="UTF-8">
    5   <title>$Title$</title>
     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">
    69</head>
    710<body>
    8 $END$
     11<!-- Bootstrap Navbar -->
     12<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
     13    <a class="navbar-brand" 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" href="#">Home <span class="sr-only">(current)</span></a>
     23            </li>
     24            <li class="nav-item">
     25                <a class="nav-link" href="#">About</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 an error page</h1>
     36    <div th:if="${error != null}">
     37        <h5 th:text="${error}"></h5>
     38    </div>
     39
     40    <h3>Something went wrong!</h3>
     41
     42
     43</div>
     44
     45<!-- Add Bootstrap JS and Popper.js scripts (required for Bootstrap components) -->
     46<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
     47<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
     48<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    949</body>
    1050</html>

  • src/main/resources/templates/home.html

    r3e572eb r501396e  
    11<!DOCTYPE html>
    2 <html lang="en">
     2<html xmlns="http://www.w3.org/1999/xhtml"
     3      xmlns:th="http://www.thymeleaf.org">
    34<head>
    4   <meta charset="UTF-8">
    5   <title>$Title$</title>
     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">
    69</head>
    710<body>
    8 $END$
     11<!-- Bootstrap Navbar -->
     12<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
     13    <a class="navbar-brand" 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" href="#">Home <span class="sr-only">(current)</span></a>
     23            </li>
     24            <li class="nav-item">
     25                <a class="nav-link" href="#">About</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>
    962</body>
    1063</html>

  • src/main/resources/templates/recept.html

    r3e572eb r501396e  
    77    <!-- Add Bootstrap CSS link -->
    88    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
     9    <style>
     10        img{
     11            margin: 16px;
     12            border-style: groove;
     13        }
     14    </style>
    915</head>
    1016<body>
    1117    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    12     <a class="navbar-brand" href="#">
     18    <a class="navbar-brand" th:href="@{/}">
    1319        CookBook
    1420    </a>
    … …  
    1925        <ul class="navbar-nav ml-auto">
    2026            <li class="nav-item active">
    21                 <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
     27                <a class="nav-link" th:href="@{/}">Home <span class="sr-only">(current)</span></a>
    2228            </li>
    2329            <li class="nav-item">
    … …  
    3137</nav>
    3238
    33     <h1 th:text="${recept.recIme}"></h1>
    34 
    35     <h4 th:text="${recept.srednaOcena}"></h4>
    36 
    37     <div th:text="${recept.postapka}"></div>
    3839
    3940
    40     <div>KOMENTARI TO DO</div>
     41    <div class="container mt-4">
     42        <h1 th:text="${recept.recIme}"></h1>
     43
     44        <h4 th:text="${recept.srednaOcena}"></h4>
     45
     46        <div class="row">
     47            <div class="col-12">
     48                <h6>Pictures</h6>
     49            </div>
     50            <div class="col-12">
     51                <img th:each="slika : ${sliki}" th:src="${slika.pic}" class="img-fluid" alt="Recipe Image" width="200px" height="200px">
     52            </div>
     53        </div>
     54
     55        <div>
     56            <h5>Состојки</h5>
     57            <div th:if="${sostojki.size() == 0}">Состојките не се додадени!</div>
     58            <ul>
     59                <li th:each="sostojka : ${sostojki}" th:text="${sostojka.sNaziv}"></li>
     60            </ul>
     61        </div>
     62
     63
     64        <div>
     65            <h5>Постапка</h5>
     66            <p class="mt-4" th:text="${recept.postapka}"></p>
     67        </div>
     68
     69
     70        <div class="mt-4">KOMENTARI TO DO</div>
     71    </div>
    4172
    4273<!-- Add Bootstrap JS and Popper.js scripts (required for Bootstrap components) -->
Note: See TracChangeset for help on using the changeset viewer.