186 lines
12 KiB
Handlebars
186 lines
12 KiB
Handlebars
{{> header }}
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="wrapper">
|
|
{{> sidebar }}
|
|
<div id="content">
|
|
{{> searchbar}}
|
|
<hr>
|
|
<h1>Fahrzeuge</h1>
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col col-md-6">
|
|
<div class="card bg-light mb-3">
|
|
<div class="card-header">Fahrzeugliste</div>
|
|
<div class="card-body">
|
|
<table class="table table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col"><button class="iconbutton check_all_vehicles"><svg width="1.25em" height="1.25em" fill="currentColor"><use xlink:href="/img/bootstrap-icons.svg#check-all"></use></svg></button></th>
|
|
<th scope="col">Bezeichnung</th>
|
|
<th scope="col">Kennzeichen</th>
|
|
<th scope="col">Einsatzbereit</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="vehicle_list_tbody">
|
|
|
|
</tbody>
|
|
</table>
|
|
<button class="iconbutton check_all_vehicles"><svg width="1.25em" height="1.25em" style="margin-left: 12px;margin-right: 12px; fill="currentColor"><use xlink:href="/img/bootstrap-icons.svg#check-all"></use></svg></button><button type="button" class="btn btn-danger btn-sm vehicle_delete_button">Löschen</button>
|
|
<div class="row">
|
|
<nav aria-label="vehicle list" class="mx-auto">
|
|
<ul class="pagination">
|
|
<li class="page-item vehicle_list_nav_back_li">
|
|
<a class="page-link vehicle_list_nav_back" href="#" aria-label="Vorherige Seite">
|
|
<span aria-hidden="true">«</span>
|
|
</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a class="page-link vehicle_list_nav_next" href="#" aria-label="Nächste Seite">
|
|
<span aria-hidden="true">»</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card bg-light mb-3 vehicle_create_new_card" style="display: none;">
|
|
<div class="card-header">
|
|
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseNewVehicle" aria-expanded="true" aria-controls="collapseNewVehicle">Neues Fahrzeug</button>
|
|
</div>
|
|
<div id="collapseNewVehicle" class="collapse" aria-labelledby="collapseNewVehicle" >
|
|
<div class="card-body">
|
|
<div class="form-group row">
|
|
<label for="vehicle_detailed_view_identifier_input" class="col-sm-2 col-form-label">Bezeichnung</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="vehicle_new_identifier_input">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_new_numberplate_input" class="col-sm-2 col-form-label">Kennzeichen</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="vehicle_new_numberplate_input">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_new_category_input" class="col-sm-2 col-form-label">Kategorie</label>
|
|
<div class="col-sm-10">
|
|
<select class="form-control vehicle_categories_select" id="vehicle_new_category_input">
|
|
<option data-category-id="null">keine</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_new_description_input" class="col-sm-2 col-form-label">Beschreibung</label>
|
|
<div class="col-sm-10">
|
|
<textarea id="vehicle_new_description_input" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_new_is_operational_input" class="col-sm-2 col-form-label">Einsatzbereit</label>
|
|
<div class="col-sm-10">
|
|
<input type="checkbox" id="vehicle_new_is_operational_input">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_new_admissable_total_weight_input" class="col-sm-2 col-form-label">Zulässige Gesamtmasse</label>
|
|
<div class="col-sm-10">
|
|
<input type="number" class="form-control" step="0.1" min="0" id="vehicle_new_admissable_total_weight_input">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_new_required_license_input" class="col-sm-2 col-form-label">Benötigter Führerschein</label>
|
|
<div class="col-sm-10">
|
|
<select class="form-control" id="vehicle_new_required_license_input">
|
|
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<button type="button" class="vehicle_new_submit btn btn-primary" style="float: right; margin-bottom:15px;">Fahrzeug hinzufügen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-md-6">
|
|
<div class="card bg-light mb-3" id="vehicle_detailed_view" style="display:none;">
|
|
<div class="card-header">Fahrzeugdetails</div>
|
|
<div class="card-body">
|
|
<div class="form-group row">
|
|
<label for="vehicle_detailed_view_identifier_input" class="col-sm-2 col-form-label">Bezeichnung</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="vehicle_detailed_view_identifier_input">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_detailed_view_numberplate_input" class="col-sm-2 col-form-label">Kennzeichen</label>
|
|
<div class="col-sm-10">
|
|
<input type="text" class="form-control" id="vehicle_detailed_view_numberplate_input">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_detailed_view_category_input" class="col-sm-2 col-form-label">Kategorie</label>
|
|
<div class="col-sm-10">
|
|
<select class="form-control vehicle_categories_select" id="vehicle_detailed_view_category_input"><option data-category-id="null">keine</option></select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_detailed_view_description_input" class="col-sm-2 col-form-label">Beschreibung</label>
|
|
<div class="col-sm-10">
|
|
<textarea id="vehicle_detailed_view_description_input" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_detailed_view_is_operational_input" class="col-sm-2 col-form-label">Einsatzbereit</label>
|
|
<div class="col-sm-10">
|
|
<input type="checkbox" id="vehicle_detailed_view_is_operational_input">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_detailed_view_admissable_total_weight_input" class="col-sm-2 col-form-label">Zulässige Gesamtmasse</label>
|
|
<div class="col-sm-10">
|
|
<input type="number" class="form-control" step="0.1" min="0" id="vehicle_detailed_view_admissable_total_weight_input">
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label for="vehicle_detailed_required_license_input" class="col-sm-2 col-form-label">Benötigter Führerschein</label>
|
|
<div class="col-sm-10">
|
|
<select class="form-control" id="vehicle_detailed_required_license_input">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="scheduler" style="display: none">
|
|
<hr>
|
|
<h3>Termine</h3><br>
|
|
<table class="table table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Art</th>
|
|
<th scope="col">Zeitpunkt</th>
|
|
<th scope="col">Aktionen</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="scheduler-tbody">
|
|
|
|
</tbody>
|
|
</table><br>
|
|
<div class=row>
|
|
<b class="col-3">Hinzufügen: </b>
|
|
<select class="form-control col-3 scheduler_appointment_types"></select>
|
|
<input type="date" class="col-3 form-control scheduler_add_appointment_date">
|
|
<input type="hidden" class="scheduler_add_appointment_entity_id">
|
|
<button type="button" class="scheduler_add_appointment_button btn btn-secondary col-3">Termin hinzufügen</button>
|
|
</div>
|
|
</div><br><hr>
|
|
<input type="hidden" id="vehicle_detailed_view_entity_id">
|
|
<button type="button" class="vehicle_detailed_view_submit btn btn-primary" style="float: right; margin-bottom:15px;">Änderungen Speichern</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{> footer }} |