swt23w23/src/main/resources/templates/orders_calender.html

87 lines
2 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
2023-11-13 20:09:39 +01:00
layout:decorate="~{layout.html(title='Kalender')}">
<head>
<style>
table {
border-collapse: collapse;
background: white;
color: black;
}
th,
td {
font-weight: bold;
}
</style>
</head>
<body>
<section layout:fragment="content">
<!-- class="ui celled table"-->
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
<!-- The tr tag is used to enter
rows in the table -->
<!-- It is used to give the heading to the
table. We can give the heading to the
top and bottom of the table -->
<caption align="top">
<!-- Here we have used the attribute
that is style and we have colored
the sentence to make it better
depending on the web page-->
</caption>
<!-- Here th stands for the heading of the
table that comes in the first row-->
<!-- The text in this table header tag will
appear as bold and is center aligned-->
<thead>
<tr>
<!-- Here we have applied inline style
to make it more attractive-->
<th th:each="dayName : ${dayNames}" style="color: white; background: purple;"
>
<div
class="header"
th:text="${dayName}"
>
</div>
</th>
</tr>
</thead>
<tbody>
<tr th:each="week : ${weeksOfMonth}">
<td th:each="day : ${week}">
<div class="content">
<div
class="header"
>
<a
href="orders.html" th:href="@{'/orders/' + ${day.get(1)}}"
th:text="${day.get(0)}"
class="description"
>
</a>
</div>
</div>
<div class="content">
<p th:each="item, stat : ${day}" th:if="${stat.index} > 1" th:text="${item}"></p>
</div>
</td>
</tr>
</tbody>
</table>
</section>
</body>
</html>
<!--th:href="@{/orders/{id}(id=${day.id})}"-->