2023-07-27 14:38:46 +02:00
|
|
|
{% macro new(only_ones, allow_any_shipmaster, shipmaster) %}
|
2023-07-30 13:42:33 +02:00
|
|
|
<form action="/log" method="post" id="form" class="grid grid-cols-2 gap-3">
|
2023-07-30 14:00:15 +02:00
|
|
|
{{ log::boat_select(only_ones=only_ones) }}
|
|
|
|
|
2023-07-27 14:38:46 +02:00
|
|
|
{% if allow_any_shipmaster %}
|
2023-07-27 13:07:00 +02:00
|
|
|
<select name="shipmaster" id="shipmaster" class="input rounded-md h-10">
|
|
|
|
<optgroup label="Steuerpersonen">
|
|
|
|
{% for cox in coxes %}
|
2023-07-27 14:38:46 +02:00
|
|
|
<option value="{{ cox.id }}" {% if cox.id == shipmaster%} selected {% endif %}>{{ cox.name }}</option>
|
2023-07-27 13:07:00 +02:00
|
|
|
{% endfor %}
|
|
|
|
</optgroup>
|
2023-07-27 13:15:40 +02:00
|
|
|
<optgroup label="Restliche Mitglieder">
|
|
|
|
{% for user in users | filter(attribute="is_cox", value=false) %}
|
2023-07-27 14:38:46 +02:00
|
|
|
<option value="{{ user.id }}" {% if user.id == shipmaster%} selected {% endif %}>{{ user.name }}</option>
|
2023-07-27 13:07:00 +02:00
|
|
|
{% endfor %}
|
|
|
|
</optgroup>
|
|
|
|
</select>
|
|
|
|
{% else %}
|
2023-07-27 14:38:46 +02:00
|
|
|
<input type="hidden" name="shipmaster" value="{{shipmaster}}" />
|
2023-07-27 13:07:00 +02:00
|
|
|
{% endif %}
|
2023-07-27 14:44:47 +02:00
|
|
|
{% if not only_ones %}
|
2023-07-27 13:07:00 +02:00
|
|
|
{{ macros::checkbox(label='shipmaster_only_steering', name='shipmaster_only_steering') }}
|
|
|
|
{% endif %}
|
2023-07-30 13:42:33 +02:00
|
|
|
|
|
|
|
{% if not only_ones %}
|
|
|
|
{{ log::rower_select(id="newrower", selected=[], class="col-span-2") }}
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
|
|
<div>Departure: <input type="datetime-local" id="datetime-dep" name="departure" required/></div>
|
|
|
|
<div> Arrival: <input type="datetime-local" id="datetime-arr" name="arrival" /></div>
|
|
|
|
<div class="col-span-2">
|
2023-07-26 12:56:19 +02:00
|
|
|
Destination: <input type="search" list="destinations" placeholder="Destination" name="destination" id="destination" oninput="var inputElement = document.getElementById('destination');
|
|
|
|
var dataList = document.getElementById('destinations');
|
|
|
|
var selectedValue = inputElement.value;
|
|
|
|
for (var i = 0; i < dataList.options.length; i++) {
|
|
|
|
if (dataList.options[i].value === selectedValue) {
|
|
|
|
var distance = dataList.options[i].getAttribute('distance');
|
|
|
|
document.getElementById('distance_in_km').value = distance;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}">
|
|
|
|
<datalist id="destinations">
|
|
|
|
{% for distance in distances %}
|
|
|
|
<option value="{{ distance.0 }}" distance={{ distance.1 }} />
|
|
|
|
{% endfor %}
|
|
|
|
</datalist>
|
2023-07-30 13:42:33 +02:00
|
|
|
</div>
|
|
|
|
{{ macros::input(label="Distanz", name="distance_in_km", type="number", min=0, wrapper_class="col-span-2") }}
|
|
|
|
{{ macros::input(label="Kommentar", name="comments", type="text", wrapper_class="col-span-2") }}
|
|
|
|
{{ macros::select(data=logtypes, select_name='logtype', default="Normal", class="col-span-2") }}
|
|
|
|
<input type="submit" value="Starten" class="btn btn-primary w-100 col-span-2 m-auto" />
|
2023-07-26 12:56:19 +02:00
|
|
|
|
|
|
|
<script>
|
|
|
|
const currentDate = new Date();
|
|
|
|
const localTime = new Date(currentDate.getTime() - (currentDate.getTimezoneOffset() * 60000));
|
|
|
|
const formattedDate = localTime.toISOString().slice(0, 16);
|
|
|
|
|
|
|
|
// Set the formatted string as the value of the input field
|
|
|
|
document.getElementById("datetime-dep").value = formattedDate;
|
|
|
|
</script>
|
|
|
|
</form>
|
2023-07-27 11:25:11 +02:00
|
|
|
<script>
|
|
|
|
document.getElementById('form').addEventListener('submit', function(e) {
|
|
|
|
e.preventDefault();
|
|
|
|
for(let optional_elem of ["datetime-arr", "distance_in_km", "comments", "logtype"]){
|
|
|
|
let myInput = document.getElementById(optional_elem);
|
|
|
|
if (myInput.value === '') {
|
|
|
|
myInput.removeAttribute('name');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.submit();
|
|
|
|
});
|
|
|
|
</script>
|
2023-07-26 12:56:19 +02:00
|
|
|
{% endmacro new %}
|
|
|
|
|
2023-07-30 14:00:15 +02:00
|
|
|
{% macro show_boats(only_ones) %}
|
|
|
|
{% if only_ones %}
|
|
|
|
{% set_global boats = boats | filter(attribute="amount_seats", value=1) %}
|
|
|
|
{% endif %}
|
|
|
|
{% for boat in boats %}
|
|
|
|
<div onclick="document.getElementById('boat_id').value='{{ boat.id }}';updateElementsBasedOnSelectedOption()">{{ boat.name }}</div>
|
|
|
|
{% endfor %}
|
|
|
|
<script>
|
|
|
|
function updateElementsBasedOnSelectedOption() {
|
|
|
|
var selectElement = document.getElementById('boat_id');
|
|
|
|
var selectedOption = selectElement.selectedOptions[0];
|
|
|
|
var shipmaster_only_steering = selectedOption.getAttribute("extra-default_shipmaster_only_steering") === 'true';
|
|
|
|
document.getElementById('shipmaster_only_steering').checked = shipmaster_only_steering;
|
|
|
|
document.getElementById('newrower-max_rower_allowed').innerHTML = selectedOption.getAttribute("extra-amount_seats");
|
|
|
|
}
|
|
|
|
|
|
|
|
document.getElementById('boat_id').addEventListener('change', updateElementsBasedOnSelectedOption);
|
|
|
|
document.addEventListener('DOMContentLoaded', updateElementsBasedOnSelectedOption);
|
|
|
|
</script>
|
|
|
|
{% endmacro boats %}
|
|
|
|
|
|
|
|
{% macro boat_select(only_ones) %}
|
2023-07-30 13:42:33 +02:00
|
|
|
{% if not only_ones %}
|
2023-07-30 14:00:15 +02:00
|
|
|
{{ macros::select(data=boats, select_name='boat_id', display=["name", " (","amount_seats", " x)"], extras=["default_shipmaster_only_steering", "amount_seats"], class="col-span-2 md:hidden") }}
|
2023-07-30 13:42:33 +02:00
|
|
|
{% else %}
|
|
|
|
{% set ones = boats | filter(attribute="amount_seats", value=1) %}
|
2023-07-30 14:00:15 +02:00
|
|
|
{{ macros::select(data=ones, select_name='boat_id', display=["name", " (","amount_seats", " x)"], extras=["default_shipmaster_only_steering", "amount_seats"], class="md:hidden") }}
|
2023-07-30 13:42:33 +02:00
|
|
|
{% endif %}
|
|
|
|
<script>
|
|
|
|
function updateElementsBasedOnSelectedOption() {
|
|
|
|
var selectElement = document.getElementById('boat_id');
|
|
|
|
var selectedOption = selectElement.selectedOptions[0];
|
|
|
|
var shipmaster_only_steering = selectedOption.getAttribute("extra-default_shipmaster_only_steering") === 'true';
|
|
|
|
document.getElementById('shipmaster_only_steering').checked = shipmaster_only_steering;
|
|
|
|
document.getElementById('newrower-max_rower_allowed').innerHTML = selectedOption.getAttribute("extra-amount_seats");
|
|
|
|
}
|
|
|
|
|
|
|
|
document.getElementById('boat_id').addEventListener('change', updateElementsBasedOnSelectedOption);
|
|
|
|
document.addEventListener('DOMContentLoaded', updateElementsBasedOnSelectedOption);
|
|
|
|
</script>
|
2023-07-30 14:00:15 +02:00
|
|
|
{% endmacro boat_select %}
|
2023-07-26 12:56:19 +02:00
|
|
|
|
2023-07-27 14:38:46 +02:00
|
|
|
{% macro show(log, state, allowed_to_close=false, only_ones) %}
|
2023-07-26 12:56:19 +02:00
|
|
|
Bootsname: {{ log.boat.name }}<br />
|
|
|
|
Schiffsführer: {{ log.shipmaster_user.name }}<br />
|
|
|
|
{% if log.shipmaster_only_steering %}
|
|
|
|
Schiffsführer steuert nur
|
|
|
|
{% endif %}
|
|
|
|
Weggefahren: {{ log.departure }}<br />
|
|
|
|
{% if state == "completed" %}
|
|
|
|
Angekommen: {{ log.arrival}}<br />
|
|
|
|
{% endif %}
|
|
|
|
{% set amount_rowers = log.rowers | length %}
|
|
|
|
{% set amount_guests = log.boat.amount_seats - amount_rowers -1 %}
|
2023-07-28 10:25:57 +02:00
|
|
|
{% if allowed_to_close and state == "on_water" %}
|
2023-07-27 14:38:46 +02:00
|
|
|
{{ log::home(log=log, only_ones=only_ones) }}
|
2023-07-27 13:07:00 +02:00
|
|
|
{% else %}
|
|
|
|
Ziel: {{ log.destination }}<br />
|
|
|
|
{% if state == "completed" %}
|
|
|
|
Km: {{ log.distance_in_km }}<br />
|
|
|
|
{% endif %}
|
|
|
|
{% if log.comments %}
|
|
|
|
Kommentare: {{ log.comments }}<br />
|
|
|
|
{% endif %}
|
|
|
|
{% if log.logtype %}
|
|
|
|
Logtype: {{ log.logtype }}<br />
|
|
|
|
{% endif %}
|
|
|
|
{% if amount_guests > 0 or log.rowers | length > 0 %}
|
|
|
|
Ruderer:
|
|
|
|
{% endif %}
|
|
|
|
{% if amount_guests > 0 %}
|
|
|
|
{{ amount_guests }} Gäste (ohne Account)
|
|
|
|
{% endif %}
|
|
|
|
{% for rower in log.rowers %}
|
|
|
|
{{ rower.name }}
|
|
|
|
{% endfor %}
|
2023-07-26 12:56:19 +02:00
|
|
|
{% endif %}
|
|
|
|
{% endmacro show %}
|
|
|
|
|
2023-07-27 14:38:46 +02:00
|
|
|
{% macro home(log, only_ones) %}
|
2023-07-26 12:56:19 +02:00
|
|
|
<form action="/log/{{log.id}}" method="post">
|
2023-07-28 10:25:57 +02:00
|
|
|
Destination: <input type="search" list="destinations" placeholder="Destination" required="required", id="destination-home" name="destination" value="{{log.destination}}" oninput="var inputElement = document.getElementById('destination-home');
|
2023-07-26 12:56:19 +02:00
|
|
|
var dataList = document.getElementById('destinations');
|
|
|
|
var selectedValue = inputElement.value;
|
|
|
|
for (var i = 0; i < dataList.options.length; i++) {
|
|
|
|
if (dataList.options[i].value === selectedValue) {
|
|
|
|
var distance = dataList.options[i].getAttribute('distance');
|
|
|
|
document.getElementById('distance_in_km_home').value = distance;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}">
|
2023-07-28 10:25:57 +02:00
|
|
|
{{ macros::input(label="Distanz", name="distance_in_km", id="distance_in_km_home", type="number", min=0, value=log.distance_in_km, required=true) }}
|
2023-07-26 12:56:19 +02:00
|
|
|
{{ macros::input(label="Kommentar", name="comments", type="text", value=log.comments) }}
|
|
|
|
{{ macros::select(data=logtypes, select_name='logtype', default="Normal", selected_id=log.logtype) }}
|
2023-07-27 14:38:46 +02:00
|
|
|
{% if not only_ones %}
|
2023-07-27 13:07:00 +02:00
|
|
|
{{ log::rower_select(id="rowers"~log.id, selected=log.rowers, amount_seats=log.boat.amount_seats) }}
|
|
|
|
{% endif %}
|
2023-07-26 12:56:19 +02:00
|
|
|
<input type="submit" value="AUSFAHRT BEENDEN"/>
|
|
|
|
</form>
|
2023-07-26 13:11:17 +02:00
|
|
|
{% endmacro home %}
|
2023-07-27 12:24:38 +02:00
|
|
|
|
|
|
|
|
2023-07-30 13:42:33 +02:00
|
|
|
{% macro rower_select(id, selected, amount_seats='', class='') %}
|
|
|
|
<select multiple="multiple" name="rower[]" id="{{id}}" onclick="updateSelectedRowersCount{{id}}()" onblur="updateSelectedRowersCount{{id}}()" class="{{ class }}">
|
2023-07-27 12:31:53 +02:00
|
|
|
{% for user in users %}
|
|
|
|
{% set_global sel = false %}
|
|
|
|
{% for rower in selected %}
|
|
|
|
{% if rower.id == user.id %}
|
|
|
|
{% set_global sel = true %}
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
|
|
<option value="{{ user.id }}" {% if sel %}selected{% endif %} onmousedown="event.preventDefault();this.selected = !this.selected; return false;">{{user.name}}</option>
|
|
|
|
{% endfor %}
|
|
|
|
</select>
|
|
|
|
<script>
|
|
|
|
function updateSelectedRowersCount{{id}}() {
|
|
|
|
document.getElementById('{{id}}-amount_rower_selected').textContent = document.getElementById('{{id}}').selectedOptions.length+1;
|
|
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', updateSelectedRowersCount{{id}});
|
|
|
|
</script>
|
2023-07-30 13:42:33 +02:00
|
|
|
<div class="col-span-2">
|
|
|
|
<span id="{{id}}-amount_rower_selected"></span>/<span id="{{id}}-max_rower_allowed">{{amount_seats}}</span> Ruderer ausgewählt
|
|
|
|
</div>
|
2023-07-27 12:24:38 +02:00
|
|
|
{% endmacro rower_select %}
|