2
0
Fork 0

Improve layout

This commit is contained in:
Luca 2022-06-03 13:45:00 +02:00
parent 974a7e5a60
commit 5c9c29c0c1
4 changed files with 65 additions and 56 deletions

View File

@ -25,7 +25,7 @@
<p>{{ shift.room.description|linebreaksbr }}</p>
{% endif %}
{% if shift.description %}
<strong>Zusatzinfo:</strong><br>
<strong>Zusatzinfo:</strong>
<p>{{ shift.description|linebreaksbr }}</p>
{% endif %}
</div>

View File

@ -2,4 +2,4 @@ from django import forms
class TeamBackupForm(forms.Form):
name = forms.CharField(max_length=100)
name = forms.CharField(max_length=100, widget=forms.TextInput(attrs={"class": "input"}))

View File

@ -7,8 +7,9 @@
<strong>Beginn:</strong> {{ shift.start_at }}<br>
<strong>Dauer:</strong> {{ shift.duration }}<br>
<strong>Belegung:</strong> {{ shift.shiftregistration_set.count }}/{{ shift.required_helpers|default:shift.room.required_helpers }}
{% if shift.teambackup_set.all.count %}<br>
<strong>Backup Teammitglied(er): {%for member in shift.teambackup_set.all%}{{member.name}}, {%endfor%}</strong>
{% if shift.teambackup_set.all.count %}
<br>
<strong>Backup-Teammitglied(er):</strong> {% for member in shift.teambackup_set.all %}{{ member.name }}{% if not forloop.last %}, {% endif %}{% endfor %}
{% endif %}
</div>
<div class="is-flex is-justify-content-end">

View File

@ -1,8 +1,9 @@
{% extends "team_base.html" %}
{% block title %}Schichtdetails{% endblock %}
{% block content %}
<h3 class="title">{% if shift.deleted %}(gelöscht) {% endif %}{{ shift.room.name }} {{ shift.start_at }} ({{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }})</h3>
<h3 class="title is-spaced">{% if shift.deleted %}(gelöscht) {% endif %}{{ shift.room.name }} {{ shift.start_at }} ({{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }})</h3>
{% if shift.description %}
<div class="content">
<em>{{ shift.description|linebreaksbr }}</em>
@ -13,16 +14,18 @@
<div class="columns is-multiline">
{% for reg in shift.shiftregistration_set.all %}
<div class="column is-one-quarter">
<div class="box is-flex is-align-items-center is-justify-content-space-between">
<div class="content">
<div class="box">
<div class="is-flex is-align-items-center is-justify-content-space-between mb-2">
<a class="is-size-4" href="{% url 'team:helper' reg.helper.pk %}">{{ reg.helper.name }}</a>
<a class="button is-link is-small" href="tel:{{ reg.helper.phone }}">📞</a>
</div>
<div class="buttons">
{% if not reg.is_checked_in %}
<a class="button is-warning is-small" href="{%url 'team:checkin' reg.pk%}">als angekommen markieren</a><br>
<a class="button is-warning is-small" href="{% url 'team:checkin' reg.pk %}">Als angekommen markieren</a><br>
{% else %}
<div class="button is-success"></div>
<button class="button is-success is-small" style="pointer-events:none;"></button>
{% endif %}
<a class="button is-danger is-small" href="{%url 'team:unregister' reg.pk%}">helfer abmelden</a>
<a class="button is-danger is-small" href="{% url 'team:unregister' reg.pk %}">Helfer*in abmelden</a>
</div>
</div>
</div>
@ -58,14 +61,20 @@
<button class="button is-link" type="submit">Hinzufügen</button>
</form>
<hr>
{% if shift.teambackup_set.all.count %}<br>
<strong>Backup Teammitglied(er):</strong>
<ul>
{% if shift.teambackup_set.all.count %}
<h5 class="subtitle">Backup-Teammitglied(er)</h5>
<div class="columns">
{% for member in shift.teambackup_set.all %}
<li>{{member.name}} <a class="button is-danger is-small" href="{%url 'signage:work_remove' member.pk%}">entfernen</a></li>
<div class="column is-one-quarter">
<div class="box is-flex is-align-items-center is-justify-content-space-between">
<span class="is-size-4">{{ member.name }}</span>
<a class="button is-danger is-small" href="{% url 'signage:work_remove' member.pk %}">entfernen</a>
</div>
</div>
{% endfor %}
</ul>
</div>
{% endif %}
<h5 class="subtitle">Backup-Teammitglied eintragen</h5>
<form action="{% url 'signage:work_add' shift.pk %}?redir={{ request.path }}" method="post">
{% csrf_token %}
{% for field in backup_form %}
@ -88,7 +97,6 @@
{% endif %}
</div>
{% endfor %}
<button class="button is-link" type="submit">Team hinzufuegen</button>
<button class="button is-link" type="submit">Team hinzufügen</button>
</form>
</div>
{% endblock %}