From 70c091329c3397d8cbfbad53c04e6d7e13e1f01f Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Mon, 21 Feb 2022 17:26:03 +0100
Subject: [PATCH] Beautify event info card
---
.../templates/paweljong/event/full.html | 66 ++++++++++---------
1 file changed, 36 insertions(+), 30 deletions(-)
diff --git a/aleksis/apps/paweljong/templates/paweljong/event/full.html b/aleksis/apps/paweljong/templates/paweljong/event/full.html
index 1bbdf1c..43e2566 100644
--- a/aleksis/apps/paweljong/templates/paweljong/event/full.html
+++ b/aleksis/apps/paweljong/templates/paweljong/event/full.html
@@ -11,6 +11,9 @@
<div class="card">
<div class="card-content">
+ <span class="card-title">
+ {{ event.display_name }}
+ </span>
<div class="row">
<div class="col s1">
<time datetime="{{ event.date_event|date:'Y-m-d' }}" class="icon">
@@ -20,36 +23,39 @@
</time>
</div>
<div class="col s11">
- <span class="card-title">
- {{ event.display_name }}
- </span>
- <ul>
- <li>
- {{ event.description }}
- </li>
- <br />
- <li>
- {% blocktrans %}
- The event takes place in <strong>{{ event.place }}</strong>
- (Information on overnight stays and shared trips see description)
- {% endblocktrans %}
- </li>
- <li>
- {% trans "Registration possible until" %} <strong>{{ event.date_registration }}</strong>
- </li>
- <li>
- {% trans "Cost" %}: <strong>{{ event.cost }} €</strong> {% trans "incl. program, overnight stays, trips and meals" %}
- {% trans "(if part of the event)" %}
- </li>
- <li>
- {% trans "Booked participants slots" %}: <strong>{{ event.linked_group.members.count }} {% trans "of" %} {{ event.max_participants }}</strong>
- </li>
- <div class="progress">
- <div class="determinate" style="min-width: 2em;width:{{ event.booked_percentage|coerce_max:100|floatformat:0 }}%">
- </div>
- </div>
- <p class="center">{{ event.booked_percentage|coerce_max:100 }} %</p>
- </ul>
+ <p>{{ event.description }}</p>
+
+ <table>
+ <tr>
+ <td><i class="material-icons small">calendar</i></td>
+ <td>{{ event.date_event }}</td>
+ <td><i class="material-icons small">map-marker</i></td>
+ <td>{{ event.place }}</td>
+ </tr>
+ <tr>
+ <td><i class="material-icons small">calendar-edit</i></td>
+ <td colspan="2">{% trans "Registration open until" %}:</td>
+ <td>{{ event.date_registration }}</td>
+ </tr>
+ <tr>
+ <td><i class="material-icons small">cash-multiple</i></td>
+ <td colspan="2">{% trans "Participation fee (all inclusive)" %}</td>
+ <td>{{ event.cost }}</td>
+ </tr>
+ <tr>
+ <td><i class="material-icons small">account-group</i></td>
+ <td>{{ event.linked_group.members.count }}</td>
+ <td colspan="2">{% trans "of" %} {{ event.max_participants }}</td>
+ </tr>
+ <tr>
+ <td colspan="4">
+ <div class="progress">
+ <div class="determinate" style="min-width: 2em;width:{{ event.booked_percentage|coerce_max:100|floatformat:0 }}%">
+ </div>
+ </div>
+ </td>
+ </tr>
+ </table>
</div>
</div>
</div>
--
GitLab