Umbau Ganztagsbereich (#292)
All checks were successful
Website Prod/Test / Produktivumgebung (push) Successful in 11s
Website Prod/Test / Testumgebung (push) Successful in 6s

- [x] Umbau von Bereich zu Hauptseite mit Kacheln
- [x] Aktualisierung für SJ 2025/2026
- [x] Aktualisierung in CMS-Konfiguration inkl. Vorschau

Reviewed-on: #292
This commit is contained in:
2024-09-16 21:34:24 +02:00
parent 8695df0533
commit f377ec7f25
42 changed files with 257 additions and 640 deletions

View File

@ -1,17 +1,7 @@
{{ define "main" }}
<section class="section">
<div class="container">
{{ partial "filter-controls" . }}
<div class="filter-container row">
{{ range .Data.Pages }}
<div data-groups="{{ .Params.category | urlize }}" class="col-lg-4 col-sm-6 filter-item">
{{ partial "ganztag" . }}
</div>
{{ end }}
<div class="filter-sizer col-1"></div>
</div>
</div>
</section>
<main data-pagefind-body>
{{ partial "tile-modals" . }}
</main>
{{ end }}

View File

@ -1,35 +0,0 @@
{{ define "main" }}
<main data-pagefind-body>
<section class="section">
<div class="container">
<img src="{{ .Params.image | relURL }}" class="img-fluid w-100 mb-4">
<h2 class="mb-4">{{ .Title }}</h2>
<div class="row mb-4">
{{ partial "icon-element" (dict "size" 3 "icon" "calendar-today-outline" "title" "Zeit" "content" .Params.schedule) }}
{{ partial "icon-element" (dict "size" 3 "icon" "timer-sand" "title" "Dauer" "content" .Params.duration) }}
{{ partial "icon-element" (dict "size" 3 "icon" "crowd" "title" "Klassen" "content" .Params.class) }}
{{ partial "icon-element" (dict "size" 3 "icon" "map-marker-radius-outline" "title" "Raum" "content" .Params.room) }}
</div>
<hr class="mb-4">
<div class="content text-justify">
{{ .Content }}
</div>
</div>
</section>
<section class="section pt-0" data-pagefind-ignore="all">
<div class="container">
<h2 class="mb-4">Andere Arbeitsgemeinschaften</h2>
<div class="row">
{{ range partial "data/related" . }}
<div class="col-lg-4 col-sm-6">
{{ partial "ganztag" . }}
</div>
{{ end }}
</div>
</div>
</section>
</main>
{{ end }}

View File

@ -179,10 +179,17 @@
</div>
</div>
<div class="row justify-content-center">
{{ range first (int $data.homepage.ganztagsangebote.number) (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
<div class="col-lg-4 col-sm-6">
{{ partial "ganztag" . }}
</div>
{{ with .Site.GetPage "/ganztagsangebote/_index.md" }}
{{ range first (int $data.homepage.ganztagsangebote.number) (.Params.tiles | shuffle) }}
<div class="col-lg-4 col-sm-6">
<div class="card border-primary rounded-0 hover-shadow mb-4">
<img class="card-img-top rounded-0" src="{{ .image | relURL }}">
<div class="card-body">
<h4 class="card-title text-truncate">{{ .title }}</h4>
</div>
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>

View File

@ -1,8 +1,18 @@
<ul class="list-inline text-center filter-controls mb-4">
<li class="list-inline-item m-3 text-uppercase active" data-filter="all">Alle</li>
{{ $categories := slice }}
{{ range .Data.Pages }}
{{ $categories = $categories | append .Params.category }}
{{ if ne (len .Data.Pages) 0 }}
{{ range .Data.Pages }}
{{ $categories = $categories | append .Params.category }}
{{ end }}
{{ else }}
{{ range .Params.tiles }}
{{ with .category }}
{{ $categories = $categories | append . }}
{{ end }}
{{ end }}
{{ end }}
{{ if ne (len $categories) 0 }}
<li class="list-inline-item m-3 text-uppercase active" data-filter="all">Alle</li>
{{ end }}
{{ range ( $categories | uniq ) }}
<li class="list-inline-item m-3 text-uppercase" data-filter="{{ . | urlize }}">{{ . | humanize }}</li>

View File

@ -29,8 +29,10 @@
<div class="col-lg-3 col-sm-6 mb-4 mb-md-0 text-sm-start text-center">
<h4 class="text-white mb-4 text-uppercase">Ganztagsangebote</h4>
<ul class="list-unstyled">
{{ range first 5 (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
<li class="mb-3"><a class="text-white text-opacity-50" href="{{ .Permalink }}">{{ .Title }}</a></li>
{{ with .Site.GetPage "/ganztagsangebote/_index.md" }}
{{ range first 5 (.Params.tiles | shuffle) }}
<li class="mb-3"><a class="text-white text-opacity-50" href="/ganztagsangebote">{{ .title }}</a></li>
{{ end }}
{{ end }}
</ul>
</div>

View File

@ -5,14 +5,19 @@
</div>
</div>
<div class="container">
<div class="row">
{{ partial "filter-controls" . }}
<div class="filter-container row">
{{ range .Params.tiles }}
{{ partial "modal" . }}
<div class="col-lg-4 col-sm-6">
<div class="col-lg-4 col-sm-6 filter-item" data-groups="{{ .category | urlize }}">
<div class="card border-primary rounded-0 hover-shadow mb-4">
<div class="container fb-tile-color" style="background-color:{{ .bg_color }};">
<span class="fb-tile-icon" style="color: {{ .font_color }}">{{ partial "mdi" .icon }}</span>
</div>
{{ if and .image (ne .image "/media/image.webp") }}
<img class="card-img-top rounded-0" src="{{ .image | relURL }}">
{{ else }}
<div class="container fb-tile-color" style="background-color:{{ .bg_color }};">
<span class="fb-tile-icon" style="color: {{ .font_color }}">{{ partial "mdi" .icon }}</span>
</div>
{{ end }}
<div class="card-body">
<h4 class="card-title text-truncate">{{ .title }}</h4>
<button type="button" class="btn btn-primary btn-sm" onclick="$('#{{ md5 .title }}').modal('show');" data-pagefind-ignore>Mehr anzeigen</button>
@ -21,5 +26,6 @@
</div>
{{ end }}
</div>
<div class="filter-sizer col-1"></div>
</div>
</section>