Onkel-Werner-Freizeiten/CampOrganizer2
1
1
Fork 0
Code Issues 8 Pull Requests Packages Projects Releases Wiki Activity

cards for first page

Browse Source
This commit is contained in:
Jottyfan 2022-12-22 18:53:10 +01:00
parent c64f1f9b5f
commit 909990c85e
2 changed files with 36 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build.gradle
View File

@ -18,7 +18,7 @@ apply plugin: 'war'
apply plugin: 'application' apply plugin: 'application'
group = 'de.jottyfan.camporganizer' group = 'de.jottyfan.camporganizer'
version = '0.1.9' version = '0.2.0'
sourceCompatibility = 17 sourceCompatibility = 17
mainClassName = "de.jottyfan.camporganizer.Main" mainClassName = "de.jottyfan.camporganizer.Main"

70
src/main/resources/templates/index.html
View File

@ -7,56 +7,46 @@
<body> <body>
<th:block layout:fragment="header"> <th:block layout:fragment="header">
<ul class="navbar-nav mb-2 mb-lg-0"> <ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item"> <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>
<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> </li>
</ul> </ul>
<ul class="navbar-nav mb-2 mb-lg-0"> <ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item"> <li class="nav-item"><a class="btn btn-icon-silent menufont" th:href="@{/}">Unsere Freizeiten</a></li>
<a class="btn btn-icon-silent menufont" th:href="@{/}">Unsere Freizeiten</a>
</li>
</ul> </ul>
</th:block> </th:block>
<th:block layout:fragment="content"> <th:block layout:fragment="content">
<div class="mainpage"> <div class="mainpage">
<script type="text/javascript"> <div class="container">
var mytoggle = new MyToggle(); <div class="row">
</script> <div class="col-sm-6 col-md-4 col-lg-3" th:each="c : ${camps}">
<div class="card bottomdist16" th:each="c : ${camps}"> <div class="card bottomdist16">
<div class="card-header mytoggle_btn" th:onclick="mytoggle.toggle('campdiv_[[${c.pk}]]')"> <div class="card-header">
<span th:text="${c.name}" class="headlinefont"></span><span class="headlinefont">&nbsp;</span><span th:text="${#numbers.formatInteger(c.year, 0)}" class="headlinefont" <span th:text="${c.name}" class="headlinefont"></span><span class="headlinefont">&nbsp;</span><span th:text="${#numbers.formatInteger(c.year, 0)}" class="headlinefont"
th:if="${c.year != null}"></span> th:if="${c.year != null}"></span>
</div> </div>
<div th:id="'campdiv_' + ${c.pk}" class="card-body mytoggle_collapsed"> <div class="card-body">
<div class="container"> <table style="width: 100%">
<div class="row"> <tr>
<div class="col-sm-3">Ort</div> <th class="menufont" style="min-width: 64px">Ort</th>
<div class="col-sm-9"> <td><a th:href="${c.url}" th:text="${c.locationName}" class="menufont" target="_blank"></a></td>
<a th:href="${c.url}" th:text="${c.locationName}" target="_blank"></a> </tr>
</div> <tr>
</div> <th class="menufont">Alter</th>
<div class="row"> <td class="menufont" th:text="${c.minAge} + ' - ' + ${c.maxAge}"></td>
<div class="col-sm-3">Jungen und Mädchen</div> </tr>
<div class="col-sm-9" th:text="${c.minAge} + ' - ' + ${c.maxAge}"></div> <tr>
</div> <th class="menufont">Zeit</th>
<div class="row"> <td><span class="menufont" th:text="${#temporals.format(c.arrive, 'dd.MM.')} + ' - ' + ${#temporals.format(c.depart, 'dd.MM.yyyy')}"
<div class="col-sm-3">Zeit</div> th:if="${c.arrive != null && c.depart != null}"></span></td>
<div class="col-sm-9"> </tr>
<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> <tr>
</div> <th class="menufont">Preis</th>
</div> <td class="menufont" th:text="${c.price}"></td>
<div class="row"> </tr>
<div class="col-sm-3">Preis</div> <tr>
<div class="col-sm-9" th:text="${c.price}"></div> <td colspan="2" style="text-align: center"><a class="btn btn-outline-primary buttonfont" th:href="@{/registration/{id}(id=${c.pk})}">jetzt anmelden</a></td>
</div> </tr>
<div class="row"> </table>
<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>