Ruderverein-Donau-Linz/rowt
1
1
Fork 1
Code Issues 49 Pull Requests Actions Packages Projects Wiki Activity

[WIP] styling kiosk page

Browse Source
This commit is contained in:
Marie Birner
2023-07-30 14:31:15 +02:00
parent bf2135b1b3
commit 2ff7e24cbd
4 changed files with 28 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/includes/forms/log.html.tera
View File

@ -90,7 +90,9 @@
document.getElementById('newrower-max_rower_allowed').innerHTML = selectedOption.getAttribute("extra-amount_seats");
}
document.getElementById('boat_id').addEventListener('change', updateElementsBasedOnSelectedOption);
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('boat_id').addEventListener('change', updateElementsBasedOnSelectedOption);
});
document.addEventListener('DOMContentLoaded', updateElementsBasedOnSelectedOption);
</script>
{% endmacro boats %}

37
templates/kiosk.html.tera
View File

@ -5,26 +5,29 @@
{% block content %}
{% if flash %}
<div class="w-full">
<h1 class="h1">Logbuch</h1>
{% if flash %}
{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
{% endif %}
{% endif %}
<div class="w-full grid grid-cols-5 gap-3">
<div style="background-color: red;">
{{ log::show_boats(only_ones=false) }}
</div>
<div class="col-span-3" style="background-color: yellow;">
<h2>Neue Ausfahrt starten</h2>
{{ log::new(only_ones=false, allow_any_shipmaster=true, shipmaster=-1) }}
<div class="w-full grid grid-cols-5 gap-3 mt-5">
<div class="bg-white p-3">
{{ log::show_boats(only_ones=false) }}
</div>
<div class="col-span-3 bg-white p-3">
<h2>Neue Ausfahrt starten</h2>
{{ log::new(only_ones=false, allow_any_shipmaster=true, shipmaster=-1) }}
</div>
<div style="background-color: green;">
<h2 style="font-size: 100px">Am Wasser</h2>
{% for log in on_water %}
{{ log::show(log=log, state="on_water", allowed_to_close=true, only_ones=false) }}
<hr />
{% endfor %}
</div>
<div class="bg-white p-3">
<h2 class="h2">Am Wasser</h2>
{% for log in on_water %}
{{ log::show(log=log, state="on_water", allowed_to_close=true, only_ones=false) }}
<hr />
{% endfor %}
</div>
</div>
</div>
{% endblock content%}