68 lines
2.6 KiB
HTML
68 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.thymeleaf.org" layout:decorate="~{template}" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
|
|
<head>
|
|
<title>Camp Organizer 2</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
</head>
|
|
<body>
|
|
<th:block layout:fragment="header">
|
|
<ul class="navbar-nav mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<a th:href="@{/ical}" class="btn btn-secondary btn-icon-silent" target="_blank" title="Freizeitdaten als ical herunterladen"><i class="far fa-calendar-alt"></i></a>
|
|
</li>
|
|
</ul>
|
|
<ul class="navbar-nav mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<a class="btn btn-icon-silent menufont" th:href="@{/}">Unsere Freizeiten</a>
|
|
</li>
|
|
</ul>
|
|
</th:block>
|
|
<th:block layout:fragment="content">
|
|
<div class="mainpage">
|
|
<script type="text/javascript">
|
|
var mytoggle = new MyToggle();
|
|
</script>
|
|
<div class="card bottomdist16" th:each="c : ${camps}">
|
|
<div class="card-header mytoggle_btn" th:onclick="mytoggle.toggle('campdiv_[[${c.pk}]]')">
|
|
<span th:text="${c.name}" class="headlinefont"></span><span class="headlinefont"> </span><span th:text="${#numbers.formatInteger(c.year, 0)}" class="headlinefont"
|
|
th:if="${c.year != null}"></span>
|
|
</div>
|
|
<div th:id="'campdiv_' + ${c.pk}" class="card-body mytoggle_collapsed">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-3">Ort</div>
|
|
<div class="col-sm-9">
|
|
<a th:href="${c.url}" th:text="${c.locationName}" target="_blank"></a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3">Jungen und Mädchen</div>
|
|
<div class="col-sm-9" th:text="${c.minAge} + ' - ' + ${c.maxAge}"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3">Zeit</div>
|
|
<div class="col-sm-9">
|
|
<span th:text="${#temporals.format(c.arrive, 'dd.MM.')} + ' - ' + ${#temporals.format(c.depart, 'dd.MM.yyyy')}" th:if="${c.arrive != null && c.depart != null}"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3">Preis</div>
|
|
<div class="col-sm-9" th:text="${c.price}"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3">Ferien</div>
|
|
<div class="col-sm-9" th:text="${c.countries}"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3"></div>
|
|
<div class="col-sm-9">
|
|
<a class="btn btn-primary buttonfont" th:href="@{/registration/{id}(id=${c.pk})}">jetzt anmelden</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</th:block>
|
|
</body>
|
|
</html> |