Schwarztee/brass
1
0
Fork 0
Code Issues 16 Pull Requests Packages Projects 1 Releases Wiki Activity

style: rework calendar ui

Browse Source
This commit is contained in:
Max Hohlfeld 2025-07-19 22:22:57 +02:00
parent c2cd1f9c85
commit d34f55471b
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
web/templates/calendar.html
View File

@ -100,9 +100,10 @@
<div class="container"> <div class="container">
<div class="level"> <div class="level">
<div class="level-left"> <div class="level-left">
<h3 class="title is-3"> <div class="level-item is-flex-direction-column is-align-items-start">
Events am {{ date|fmt_date(WeekdayDayMonthYear) }} <h3 class="title is-3">Veranstaltungen</h3>
</h3> <h5 class="subtitle is-5">am {{ date|fmt_date(WeekdayDayMonthYear) }}</h5>
</div>
</div> </div>
{% if user.role == Role::Admin || user.role == Role::AreaManager && (selected_area.is_none() || {% if user.role == Role::Admin || user.role == Role::AreaManager && (selected_area.is_none() ||
selected_area.unwrap() == user.area_id) %} selected_area.unwrap() == user.area_id) %}
@ -111,15 +112,15 @@
<svg class="icon"> <svg class="icon">
<use href="/static/feather-sprite.svg#plus-circle" /> <use href="/static/feather-sprite.svg#plus-circle" />
</svg> </svg>
<span>Neues Event für diesen Tag</span> <span>Neue Veranstaltung für diesen Tag</span>
</a> </a>
</div> </div>
{% endif %} {% endif %}
</div> </div>
{% if events_and_assignments.len() == 0 %} {% if events_and_assignments.len() == 0 %}
<div class="box"> <div class="notification">
<h5 class="subtitle is-5">keine Events geplant</h5> Keine Veranstaltungen geplant.
</div> </div>
{% else %} {% else %}
{% for (event, posten, fuehrungsassistent, wachhabender, vehicle) in events_and_assignments %} {% for (event, posten, fuehrungsassistent, wachhabender, vehicle) in events_and_assignments %}
@ -229,33 +230,34 @@
<div class="container"> <div class="container">
<div class="level"> <div class="level">
<div class="level-left"> <div class="level-left">
<h3 class="title is-3"> <div class="level-item is-flex-direction-column is-align-items-start">
Verfügbarkeiten am {{ date|fmt_date(WeekdayDayMonthYear) }} <h3 class="title is-3">Verfügbarkeiten</h3>
</h3> <h5 class="subtitle is-5">am {{ date|fmt_date(WeekdayDayMonthYear) }}</h5>
</div>
</div> </div>
{% if selected_area.is_none() || selected_area.unwrap() == user.area_id %} {% if selected_area.is_none() || selected_area.unwrap() == user.area_id %}
<div class="level-right"> <div class="level-right">
{% let btn_disabled = !user_can_create_availability %}
<a class="button is-link is-outlined" href="/availability/new-other?date={{ date }}"> <a class="button is-link is-outlined" href="/availability/new-other?date={{ date }}">
<svg class="icon"> <svg class="icon">
<use href="/static/feather-sprite.svg#plus-circle" /> <use href="/static/feather-sprite.svg#plus-circle" />
</svg> </svg>
<span>Neue Verfügbarkeit für anderen Nutzer</span> <span>Neue Verfügbarkeit für anderen Nutzer</span>
</a> </a>
<button class="button is-link is-light" hx-get="/availability/new?date={{ date }}" {{ {% let btn_disabled = !user_can_create_availability %}
btn_disabled|cond_show("disabled") }} hx-target="closest body"> <a class="button is-link is-light" href="/availability/new?date={{ date }}" {{
btn_disabled|cond_show("disabled") }}>
<svg class="icon"> <svg class="icon">
<use href="/static/feather-sprite.svg#plus-circle" /> <use href="/static/feather-sprite.svg#plus-circle" />
</svg> </svg>
<span>Neue Verfügbarkeit für diesen Tag</span> <span>Neue Verfügbarkeit für diesen Tag</span>
</button> </a>
</div> </div>
{% endif %} {% endif %}
</div> </div>
{% if availabilities.len() == 0 %} {% if availabilities.len() == 0 %}
<div class="box"> <div class="notification">
<h5 class="subtitle is-5">keine Verfügbarkeiten eingetragen</h5> Keine Verfügbarkeiten hinterlegt.
</div> </div>
{% else %} {% else %}
<div class="box"> <div class="box">
@ -287,19 +289,17 @@
<td> <td>
{% if availability.user_id == user.id || user.role == Role::Admin || user.role == Role::AreaManager %} {% if availability.user_id == user.id || user.role == Role::Admin || user.role == Role::AreaManager %}
<div class="buttons is-right"> <div class="buttons is-right">
<a class="button is-primary is-light" hx-boost="true" <a class="button is-primary is-light" href="/availability/edit/{{ availability.id }}"
href="/availability/edit/{{ availability.id }}"> title="Verfügbarkeit bearbeiten">
<svg class="icon"> <svg class="icon">
<use href="/static/feather-sprite.svg#edit" /> <use href="/static/feather-sprite.svg#edit" />
</svg> </svg>
<span>Bearbeiten</span>
</a> </a>
<button class="button is-danger is-light" hx-delete="/availability/delete/{{ availability.id }}" <button class="button is-danger is-light" hx-delete="/availability/delete/{{ availability.id }}"
hx-target="closest tr" hx-swap="delete" hx-trigger="confirmed"> hx-target="closest tr" hx-swap="delete" hx-trigger="confirmed" title="Verfügbarkeit löschen">
<svg class="icon"> <svg class="icon">
<use href="/static/feather-sprite.svg#x-circle" /> <use href="/static/feather-sprite.svg#x-circle" />
</svg> </svg>
<span>Löschen</span>
</button> </button>
</div> </div>
{% endif %} {% endif %}