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> <p>{{ shift.room.description|linebreaksbr }}</p>
{% endif %} {% endif %}
{% if shift.description %} {% if shift.description %}
<strong>Zusatzinfo:</strong><br> <strong>Zusatzinfo:</strong>
<p>{{ shift.description|linebreaksbr }}</p> <p>{{ shift.description|linebreaksbr }}</p>
{% endif %} {% endif %}
</div> </div>

View File

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

View File

@ -1,8 +1,9 @@
{% extends "team_base.html" %} {% extends "team_base.html" %}
{% block title %}Schichtdetails{% endblock %} {% block title %}Schichtdetails{% endblock %}
{% block content %} {% 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 %} {% if shift.description %}
<div class="content"> <div class="content">
<em>{{ shift.description|linebreaksbr }}</em> <em>{{ shift.description|linebreaksbr }}</em>
@ -13,16 +14,18 @@
<div class="columns is-multiline"> <div class="columns is-multiline">
{% for reg in shift.shiftregistration_set.all %} {% for reg in shift.shiftregistration_set.all %}
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<div class="box is-flex is-align-items-center is-justify-content-space-between"> <div class="box">
<div class="content"> <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="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> <a class="button is-link is-small" href="tel:{{ reg.helper.phone }}">📞</a>
</div>
<div class="buttons">
{% if not reg.is_checked_in %} {% 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 %} {% else %}
<div class="button is-success"></div> <button class="button is-success is-small" style="pointer-events:none;"></button>
{% endif %} {% 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> </div>
</div> </div>
@ -58,14 +61,20 @@
<button class="button is-link" type="submit">Hinzufügen</button> <button class="button is-link" type="submit">Hinzufügen</button>
</form> </form>
<hr> <hr>
{% if shift.teambackup_set.all.count %}<br> {% if shift.teambackup_set.all.count %}
<strong>Backup Teammitglied(er):</strong> <h5 class="subtitle">Backup-Teammitglied(er)</h5>
<ul> <div class="columns">
{% for member in shift.teambackup_set.all %} {% 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 %} {% endfor %}
</ul> </div>
{% endif %} {% endif %}
<h5 class="subtitle">Backup-Teammitglied eintragen</h5>
<form action="{% url 'signage:work_add' shift.pk %}?redir={{ request.path }}" method="post"> <form action="{% url 'signage:work_add' shift.pk %}?redir={{ request.path }}" method="post">
{% csrf_token %} {% csrf_token %}
{% for field in backup_form %} {% for field in backup_form %}
@ -88,7 +97,6 @@
{% endif %} {% endif %}
</div> </div>
{% endfor %} {% endfor %}
<button class="button is-link" type="submit">Team hinzufuegen</button> <button class="button is-link" type="submit">Team hinzufügen</button>
</form> </form>
</div>
{% endblock %} {% endblock %}