source: src/main/resources/templates/dostapni-termini.html@ e96d444

Last change on this file since e96d444 was e5fefbd, checked in by Anita Terziska <63020646+Nit4e@…>, 2 years ago

initial commit

  • Property mode set to 100644
File size: 6.5 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
3<head>
4 <meta charset="UTF-8"/>
5 <title> Достапни термини </title>
6 <link rel="shortcut icon" th:href="@{assets/images/favicon.ico}">
7 <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">
8 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
9 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
10 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
11</head>
12<body>
13<form class="form-signin mt-xl-0">
14 <nav class="navbar navbar-expand-md navbar-dark bg-dark">
15 <div class="container">
16 <form class="form-inline my-2 my-lg-0">
17 <div class="input-group input-group-sm">
18 <a class="navbar-brand" href="/home-pacient"> MEDWEB </a>
19 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
20 aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
21 <span class="navbar-toggler-icon"></span>
22 </button>
23 </div>
24 <a class="btn btn-primary btn-sm ml-3" href="/moi-upati">
25 <i class="fa fa-shopping-cart"></i> Мои упати
26 </a>
27 <a class="btn btn-primary btn-sm ml-3" href="/logout">
28 <i class="fa fa-shopping-cart"></i> Одјави се
29 </a>
30 </form>
31 </div>
32 </div>
33 </nav>
34 <section class="jumbotron text-center">
35 <div>
36 <h3> Упат </h3>
37 </div>
38 </section>
39
40 <div class="container mb-4">
41 <div class="row">
42 <div class="col-12">
43 <div class="table-responsive">
44 <table class="table table-striped">
45 <thead>
46 <tr>
47 <th scope="col"> Упат ИД</th>
48 <th scope="col"> Дијагноза </th>
49 <th scope="col"> Оддел ИД </th>
50 <th scope="col"> Оддел Назив </th>
51 </tr>
52 </thead>
53 <tbody>
54 <tr>
55 <td th:text="${upat.getUpat_id()}"></td>
56 <td th:text="${upat.getDijagnoza()}"></td>
57 <td th:text="${upat.getOddel().getOddel_id()}"></td>
58 <td th:text="${upat.getOddel().getNaziv()}"></td>
59 </tr>
60 </tbody>
61 </table>
62 </div>
63 </div>
64 </div>
65 </div>
66 <div class="container mb-4">
67 <h3> Листа на термини </h3>
68 </div>
69 <div class="container mb-4">
70 <table class="table table-hover">
71 <thead>
72 <tr>
73 <th scope="col"></th>
74 <th scope="col"> Доктор ИД </th>
75 <th scope="col"> Термин ИД </th>
76 <th scope="col"> Време </th>
77 <th scope="col"> Акција </th>
78 </tr>
79 </thead>
80 <tbody>
81 <tr th:each="termin : ${terminList}">
82 <th scope="row"> • </th>
83 <td th:text="${termin.getDoktor_id()}"></td>
84 <td th:text="${termin.getTermin_id()}"></td>
85 <td th:text="${termin.getVreme()}"></td>
86 <td class="text-left">
87 <form th:action="@{'/rezervacija/{termin_id}' (termin_id=${termin.getTermin_id()})}"
88 th:method="POST">
89 <button type="submit" class="btn btn-sm btn-info"> Закажи </button>
90 </form>
91 </td>
92 </tr>
93 </tbody>
94 </table>
95 </div>
96</form>
97
98<!-- Footer -->
99<footer class="text-black-50 mt-xl-5">
100 <div class="container">
101 <div class="row">
102 <div class="col-md-3 col-lg-4 col-xl-3">
103 <h5>About</h5>
104 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
105 <p class="mb-0">
106 Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant
107 impression.
108 </p>
109 </div>
110
111 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
112 <h5>Informations</h5>
113 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
114 <ul class="list-unstyled">
115 <li><a href="">Link 1</a></li>
116 <li><a href="">Link 2</a></li>
117 <li><a href="">Link 3</a></li>
118 <li><a href="">Link 4</a></li>
119 </ul>
120 </div>
121
122 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
123 <h5>Others links</h5>
124 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
125 <ul class="list-unstyled">
126 <li><a href="">Link 1</a></li>
127 <li><a href="">Link 2</a></li>
128 <li><a href="">Link 3</a></li>
129 <li><a href="">Link 4</a></li>
130 </ul>
131 </div>
132
133 <div class="col-md-4 col-lg-3 col-xl-3">
134 <h5>Contact</h5>
135 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
136 <ul class="list-unstyled">
137 <li><i class="fa fa-home mr-2"></i> My company</li>
138 <li><i class="fa fa-envelope mr-2"></i> email@example.com</li>
139 <li><i class="fa fa-phone mr-2"></i> + 33 12 14 15 16</li>
140 <li><i class="fa fa-print mr-2"></i> + 33 12 14 15 16</li>
141 </ul>
142 </div>
143 </div>
144 </div>
145</footer>
146</body>
147</html>
Note: See TracBrowser for help on using the repository browser.