datatables for category table views

This commit is contained in:
Jörg Henke
2022-07-06 08:44:39 +02:00
parent d3a2b11f86
commit 206dc73d0e
3 changed files with 61 additions and 8 deletions

View File

@ -73,8 +73,8 @@
<div id="div_summary" class="tab-pane fade">Zusammenfassung</div>
<div id="div_attachment" class="tab-pane fade">Anhang</div>
<div id="div_calendar" class="tab-pane fade">Kalender</div>
<div id="div_project" class="tab-pane fade" style="background-color: white">
<table class="table table-striped table-condensed">
<div id="div_project" class="tab-pane fade tab-pane-table">
<table id="project_table" class="table table-striped table-condensed">
<thead>
<tr>
<th>Name</th>
@ -89,8 +89,8 @@
</tbody>
</table>
</div>
<div id="div_module" class="tab-pane fade" style="background-color: white">
<table class="table table-striped table-condensed">
<div id="div_module" class="tab-pane fade tab-pane-table">
<table id="module_table" class="table table-striped table-condensed">
<thead>
<tr>
<th>Name</th>
@ -105,8 +105,8 @@
</tbody>
</table>
</div>
<div id="div_job" class="tab-pane fade" style="background-color: white">
<table class="table table-striped table-condensed">
<div id="div_job" class="tab-pane fade tab-pane-table">
<table id="job_table" class="table table-striped table-condensed">
<thead>
<tr>
<th>Name</th>
@ -121,8 +121,8 @@
</tbody>
</table>
</div>
<div id="div_billing" class="tab-pane fade" style="background-color: white">
<table class="table table-striped table-condensed">
<div id="div_billing" class="tab-pane fade tab-pane-table">
<table id="billing_table" class="table table-striped table-condensed">
<thead>
<tr>
<th>Name</th>
@ -140,6 +140,31 @@
</table>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
var localeUrl = '[[@{/js/dataTables/de.json}]]';
$("#project_table").DataTable({
"language" : {
"url" : localeUrl
}
});
$("#module_table").DataTable({
"language" : {
"url" : localeUrl
}
});
$("#job_table").DataTable({
"language" : {
"url" : localeUrl
}
});
$("#billing_table").DataTable({
"language" : {
"url" : localeUrl
}
});
});
</script>
</main>
</body>
</html>