[b3f2adb] | 1 | <!DOCTYPE html>
|
---|
| 2 | <html lang="en" xmlns:th="http://www.thymeleaf.org">
|
---|
| 3 | <head>
|
---|
| 4 | <title>Eaty's</title>
|
---|
| 5 | <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
|
---|
| 6 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
---|
| 7 |
|
---|
| 8 | <style>
|
---|
| 9 |
|
---|
| 10 | .width1 {
|
---|
| 11 | width: 27rem;
|
---|
| 12 | background: #f3f3f3;
|
---|
| 13 | border-radius: 7px;
|
---|
| 14 | padding: 1rem;
|
---|
| 15 | margin-top: 5vh;
|
---|
| 16 | }
|
---|
| 17 |
|
---|
| 18 | body {
|
---|
| 19 | background-color: rgb(24, 25, 26);
|
---|
| 20 | color: white;
|
---|
| 21 | min-height: 100vh;
|
---|
| 22 | display: flex;
|
---|
| 23 | flex-direction: column;
|
---|
| 24 | }
|
---|
| 25 |
|
---|
| 26 | a {
|
---|
| 27 | text-decoration: none;
|
---|
| 28 | }
|
---|
| 29 |
|
---|
| 30 | footer {
|
---|
| 31 | margin-top: auto;
|
---|
| 32 | padding: 15px 0;
|
---|
| 33 | color: white;
|
---|
| 34 | background: #262626;
|
---|
| 35 | }
|
---|
| 36 |
|
---|
| 37 | footer li {
|
---|
| 38 | float: left;
|
---|
| 39 | padding: 0 10px;
|
---|
| 40 | list-style: none;
|
---|
| 41 | }
|
---|
| 42 |
|
---|
| 43 | footer a {
|
---|
| 44 | color: white;
|
---|
| 45 | }
|
---|
| 46 |
|
---|
| 47 | footer p {
|
---|
| 48 | float: right;
|
---|
| 49 | }
|
---|
| 50 |
|
---|
| 51 | .linkovi {
|
---|
| 52 | text-decoration: none;
|
---|
| 53 | color: white;
|
---|
| 54 | padding: 0 10px;
|
---|
| 55 | }
|
---|
| 56 |
|
---|
| 57 | .lists {
|
---|
| 58 | list-style-type: none;
|
---|
| 59 | }
|
---|
| 60 |
|
---|
| 61 | .accountnamestyle{
|
---|
| 62 | list-style-type: none;
|
---|
| 63 | text-decoration: none;
|
---|
| 64 | color: orangered;
|
---|
| 65 | padding: 0 10px;
|
---|
| 66 | margin-right: 5px;
|
---|
| 67 | }
|
---|
| 68 | .usericonstyle{
|
---|
| 69 | margin-left: 10px;
|
---|
| 70 | }
|
---|
| 71 |
|
---|
| 72 | </style>
|
---|
| 73 |
|
---|
| 74 | </head>
|
---|
| 75 | <body>
|
---|
| 76 |
|
---|
| 77 | <nav class="navbar navbar-expand-sm navbar-dark bg-dark">
|
---|
| 78 | <div class="container-fluid">
|
---|
| 79 | <a class="navbar-brand" href="/">Eaty's</a>
|
---|
| 80 | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
|
---|
| 81 | <span class="navbar-toggler-icon"></span>
|
---|
| 82 | </button>
|
---|
| 83 | <div class="collapse navbar-collapse" id="mynavbar">
|
---|
| 84 | <ul class="navbar-nav me-auto">
|
---|
| 85 | <li class="nav-item">
|
---|
| 86 | <a class="nav-link" href="/menija">Менија</a>
|
---|
| 87 | </li>
|
---|
| 88 | <li class="nav-item">
|
---|
| 89 | <a class="nav-link" href="/obroci">Оброци</a>
|
---|
| 90 | </li>
|
---|
| 91 | <li class="nav-item">
|
---|
| 92 | <a class="nav-link" href="/rezervacii">Резервации</a>
|
---|
| 93 | </li>
|
---|
| 94 | </ul>
|
---|
| 95 | <form class="d-flex">
|
---|
| 96 | <li class="lists"><a class="linkovi" href="/shopping-cart"><i class="fa fa-shopping-cart fa-2x" aria-hidden="true"></i></a></li>
|
---|
| 97 | <li class="lists"><a class="linkovi" href="/register">Регистрација</a></li>
|
---|
| 98 | <li class="lists"><a class="linkovi" sec:authorize="!isAuthenticated()" href="/login">Логин</a></li>
|
---|
| 99 | <li class="lists"><a class="linkovi" sec:authorize="isAuthenticated()" href="/logout">Одјава</a></li>
|
---|
| 100 | <li class="lists">
|
---|
| 101 | <i class="fa fa-user-o usericonstyle" sec:authorize="isAuthenticated()" aria-hidden="true">
|
---|
| 102 | <span class="accountnamestyle" sec:authentication="name"></span>
|
---|
| 103 | </i>
|
---|
| 104 | </li>
|
---|
| 105 | </form>
|
---|
| 106 | </div>
|
---|
| 107 | </div>
|
---|
| 108 | </nav>
|
---|
| 109 |
|
---|
| 110 | <div class="d-flex text-center justify-content-center">
|
---|
| 111 | <div class="width1 bg-dark">
|
---|
| 112 | <form method="POST" th:action="@{'/menija/{id}' (id=${meni?.id})}">
|
---|
| 113 | <h1>Додади ново мени</h1>
|
---|
| 114 | <br>
|
---|
| 115 | <div class="form-group mb-3">
|
---|
| 116 | <label>Tip</label><br/>
|
---|
| 117 | <select id="f1" name="tipId" class="form-control-lg">
|
---|
| 118 | <option th:each="tip: ${tipovi}" th:value="${tip.id}" th:text="${tip.ime}"> [tip_id]</option>
|
---|
| 119 | </select>
|
---|
| 120 | </div>
|
---|
| 121 |
|
---|
| 122 | <div class="form-group mb-3">
|
---|
| 123 | <label>Restoran</label><br/>
|
---|
| 124 | <select id="f2" name="restoranId" class="form-control-lg">
|
---|
| 125 | <option th:each="restoran: ${restorani}" th:value="${restoran.id}" th:text="${restoran.ime}"> [restoran_id]</option>
|
---|
| 126 | </select>
|
---|
| 127 | </div>
|
---|
| 128 | <br>
|
---|
| 129 | <button id="submit" type="submit" class="btn btn-info">Додади</button>
|
---|
| 130 | <a id="back" href="/menija" type="button" class="btn btn-primary">Назад до менија</a>
|
---|
| 131 | </form>
|
---|
| 132 | </div>
|
---|
| 133 | </div>
|
---|
| 134 |
|
---|
| 135 | <footer>
|
---|
| 136 | <div class="container">
|
---|
| 137 | <div class="row">
|
---|
| 138 | <div class="col-md-12">
|
---|
| 139 | <ul>
|
---|
| 140 | <li><a href="/">За Нас</a></li>
|
---|
| 141 | <li><a href="/">ЧПП</a></li>
|
---|
| 142 | <li><a href="/">Контакт</a></li>
|
---|
| 143 | <li><a href="/"></a></li>
|
---|
| 144 | <p>© Сите права задржани. <a href="/">Eaty's Скопје</a></p>
|
---|
| 145 | </ul>
|
---|
| 146 | </div>
|
---|
| 147 | </div>
|
---|
| 148 | </div>
|
---|
| 149 | </footer>
|
---|
| 150 |
|
---|
| 151 | </body>
|
---|
| 152 | </html> |
---|