36 lines
1.8 KiB
HTML
36 lines
1.8 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block title %}Galerie{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- Main Content -->
|
|
<main class="container mx-auto w-full px-4 my-8 flex-1">
|
|
<h1 class="page-title">Galerie</h1>
|
|
|
|
{% if request.user.is_authenticated %}
|
|
<a href="{% url 'admin:gallery_album_add' %}" class="page-subtitle block btn-small btn-primary max-w-xs mx-auto sm:w-max sm:mr-0 sm:ml-auto">
|
|
<i class="fa-solid fa-folder-plus mr-1"></i>neues Album hinzufügen
|
|
</a>
|
|
{% endif %}
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 justify-items-center gap-4">
|
|
{% for album in albums %}
|
|
{% if request.user.is_authenticated and album.status == album.DRAFT %}
|
|
<a href="{% url 'gallery:album_draft' album.slug %}" class="block max-w-xs sm:max-w-none">
|
|
<img src="{{ album.thumbnail }}" class="rounded">
|
|
<h2 class="px-2 text-proprietary-dark dark:text-sky-300">{{ album.title }}</h2>
|
|
<h3 class="px-2 text-sm text-proprietary dark:text-sky-400 font-normal"><i class="fa-solid fa-calendar-day mr-1"></i>{{ album.event_date }}</h3>
|
|
</a>
|
|
{% elif album.status == album.PUBLIC %}
|
|
<a href="{% url 'gallery:album' album.slug %}" class="block max-w-xs sm:max-w-none">
|
|
<img src="{{ album.thumbnail }}" class="rounded">
|
|
<h2 class="px-2 text-proprietary-dark dark:text-sky-300">{{ album.title }}</h2>
|
|
<h3 class="px-2 text-sm text-proprietary dark:text-sky-400 font-normal"><i class="fa-solid fa-calendar-day mr-1"></i>{{ album.event_date }}</h3>
|
|
</a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</main>
|
|
{% endblock %}
|