Improve layout
This commit is contained in:
parent
974a7e5a60
commit
5c9c29c0c1
|
@ -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>
|
||||||
|
|
|
@ -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"}))
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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 %}
|
||||||
|
|
Loading…
Reference in New Issue