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

https://gitlab.com/jottyfan/camporganizer2/-/issues/23

Browse Source
This commit is contained in:
Jottyfan 2022-12-23 20:29:36 +01:00
parent 5b64860a1b
commit a3fb7fcacc
3 changed files with 55 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/main/resources/static/css/style.css
View File

@ -217,6 +217,20 @@ div {
background: rgba(0, 0, 0, 0.5);
}
.btn-linda {
border-radius: 26px;
box-shadow: 0px 0px 7px 4px #ddd;
font-family: 'Cabin Sketch';
font-size: x-large;
margin-left: auto;
margin-right: auto;
}
.btn-linda:hover {
color: white !important;
background-color: #534f43 !important;
}
.silver-to-gray-gradient {
background-image: linear-gradient(to bottom right, lightgray, silver)
!important;

80
src/main/resources/templates/camplist.html
View File

@ -15,51 +15,51 @@
</ul>
</th:block>
<th:block layout:fragment="content">
<div class="mainpage">
<script type="text/javascript">
var mytoggle = new MyToggle();
</script>
<div class="card bottomdist16" style="max-width: 660px; margin-left: auto; margin-right: auto; background: transparent" th:each="c : ${camps}">
<div class="card-header mytoggle_btn" style="background: transparent" th:onclick="mytoggle.toggle('campdiv_[[${c.pk}]]')">
<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>
</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 class="mainpage">
<script type="text/javascript">
var mytoggle = new MyToggle();
</script>
<div class="card bottomdist16" style="max-width: 660px; margin-left: auto; margin-right: auto; background: transparent" th:each="c : ${camps}">
<div class="card-header mytoggle_btn" style="background: transparent" th:onclick="mytoggle.toggle('campdiv_[[${c.pk}]]')">
<div style="margin-left: auto; margin-right: auto;">
<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>
</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 th:id="'campdiv_' + ${c.pk}" class="card-body mytoggle_collapsed">
<table style="width: 100%">
<tr>
<td rowspan="4"><img th:src="@{/images/Icon_Stern.svg}" width="36px" height="36px" style="margin-left: 24px" /></td>
<td rowspan="4">
<div>
Biblische Geschichten<br /> Nachtwanderung<br /> Gruppenspiele<br /> Ausflüge<br /> Überraschungen
</div>
</td>
<td><span class="cabin">Ort</span></td>
<td><a th:href="${c.url}" th:text="${c.locationName}" target="_blank"></a></td>
</tr>
<tr>
<td><img th:src="@{/images/Icon_Alter.svg}" width="36px" height="36px" style="margin-top: 24px" /></td>
<td><div th:text="${c.minAge} + ' - ' + ${c.maxAge} + ' Jahre'" style="margin-top: 24px"></div></td>
</tr>
<tr>
<td><img th:src="@{/images/Icon_Datum.svg}" width="36px" height="36px" style="margin-top: 24px" /></td>
<td><div th:text="${#temporals.format(c.arrive, 'dd.MM.')} + ' - ' + ${#temporals.format(c.depart, 'dd.MM.yyyy')}" th:if="${c.arrive != null&& c.depart != null}"
style="margin-top: 24px"></div></td>
</tr>
<tr>
<td><img th:src="@{/images/Icon_Preis.svg}" width="36px" height="36px" style="margin-top: 24px" /></td>
<td><div style="margin-top: 24px">
<p th:text="${c.price}"></p>
</div></td>
</tr>
</table>
<div style="text-align: center; margin-top: 64px">
<a class="btn btn-linda buttonfont" th:href="@{/registration/{id}(id=${c.pk})}">jetzt anmelden</a>
</div>
</div>
</div>
</div>
</div>
</th:block>
</body>
</html>

2
src/main/resources/templates/registration/registration.html
View File

@ -107,7 +107,7 @@
</div>
<div class="row">
<div class="col-sm-12 rowdist centered">
<input type="submit" class="btn btn-outline-secondary" value="jetzt anmelden" />
<input type="submit" class="btn btn-linda buttonfont" value="jetzt anmelden" />
</div>
</div>
</div>