|
@@ -1,5 +1,121 @@
|
|
|
|
|
+<div class="col">
|
|
|
|
|
+ <div class="row h-100">
|
|
|
|
|
+<div class="col-auto filterWrapper" id="filter--section" wire:ignore.self>
|
|
|
|
|
+ <aside>
|
|
|
|
|
+ <header>
|
|
|
|
|
+ <h2>Filtra</h2>
|
|
|
|
|
+ </header>
|
|
|
|
|
+
|
|
|
|
|
+ <form action="" id="filter--form" class="dark-form row">
|
|
|
|
|
+ <div class="filter--item">
|
|
|
|
|
+ <span class="filter--item_title">Corso</span>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item_formElement">
|
|
|
|
|
+ <select class="form-select" wire:model="filterCourse" onchange="destroyDataTable()">
|
|
|
|
|
+ <option value="">--Seleziona--
|
|
|
|
|
+ @foreach($courses as $c)
|
|
|
|
|
+ <option value="{{$c->id}}">{{$c->name}}
|
|
|
|
|
+ @endforeach
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="filter--item">
|
|
|
|
|
+ <span class="filter--item_title">Livello</span>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item_formElement">
|
|
|
|
|
+ <select class="form-select" wire:model="filterLevel" onchange="destroyDataTable()">
|
|
|
|
|
+ <option value="">--Seleziona--
|
|
|
|
|
+ @foreach($course_levels as $c)
|
|
|
|
|
+ <option value="{{$c->id}}">{{$c->name}}
|
|
|
|
|
+ @endforeach
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item">
|
|
|
|
|
+ <span class="filter--item_title">Tipologia</span>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item_formElement">
|
|
|
|
|
+ <select class="form-select" wire:model="filterType" onchange="destroyDataTable()">
|
|
|
|
|
+ <option value="">--Seleziona--
|
|
|
|
|
+ @foreach($course_types as $c)
|
|
|
|
|
+ <option value="{{$c->id}}">{{$c->name}}
|
|
|
|
|
+ @endforeach
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item">
|
|
|
|
|
+ <span class="filter--item_title">Durata</span>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item_formElement">
|
|
|
|
|
+ <select class="form-select" wire:model="filterDuration" onchange="destroyDataTable()">
|
|
|
|
|
+ <option value="">--Seleziona--
|
|
|
|
|
+ @foreach($course_durations as $c)
|
|
|
|
|
+ <option value="{{$c->id}}">{{$c->name}}
|
|
|
|
|
+ @endforeach
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item">
|
|
|
|
|
+ <span class="filter--item_title">Giorni</span>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item_formElement">
|
|
|
|
|
+ <select class="form-select" wire:model="filterDays" onchange="destroyDataTable()">
|
|
|
|
|
+ <option value="">--Seleziona--
|
|
|
|
|
+ <option value="lun">Lunedì
|
|
|
|
|
+ <option value="mar">Martedì
|
|
|
|
|
+ <option value="mer">Mercoledì
|
|
|
|
|
+ <option value="gio">Giovedì
|
|
|
|
|
+ <option value="ven">Venerdì
|
|
|
|
|
+ <option value="sab">Sabato
|
|
|
|
|
+ <option value="dom">Domenica
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item">
|
|
|
|
|
+ <span class="filter--item_title">Orari</span>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item_formElement">
|
|
|
|
|
+ <select class="form-select" wire:model="filterHours" onchange="destroyDataTable()">
|
|
|
|
|
+ <option value="">--Seleziona--
|
|
|
|
|
+ @for($c=6;$c<=23;$c++)
|
|
|
|
|
+ <option value="{{str_pad($c, 2, "0", STR_PAD_LEFT)}}:00">{{str_pad($c, 2, "0", STR_PAD_LEFT)}}:00
|
|
|
|
|
+ <option value="{{str_pad($c, 2, "0", STR_PAD_LEFT)}}:30">{{str_pad($c, 2, "0", STR_PAD_LEFT)}}:30
|
|
|
|
|
+ @endfor
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item">
|
|
|
|
|
+ <span class="filter--item_title">Pagamento iscrizione</span>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="filter--item_formElement">
|
|
|
|
|
+ <select class="form-select" wire:model="filterSubscription" onchange="destroyDataTable()">
|
|
|
|
|
+ <option value="">--Seleziona--
|
|
|
|
|
+ <option value="1">Pagata
|
|
|
|
|
+ <option value="0">Non Pagata
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ </form>
|
|
|
|
|
+
|
|
|
|
|
+ <footer>
|
|
|
|
|
+ <div class="filter--buttons d-flex align-items-center justify-content-between">
|
|
|
|
|
+ <button class="btn--ui small dark disable" wire:click.prevent="disableSearch()" onclick="destroyDataTable()">cancella</button>
|
|
|
|
|
+ <button class="btn--ui small white" wire:click.prevent="search()" onclick="destroyDataTable()">filtra</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </footer>
|
|
|
|
|
+
|
|
|
|
|
+ </aside>
|
|
|
|
|
+</div>
|
|
|
|
|
+
|
|
|
<div class="col card--ui" id="card--dashboard">
|
|
<div class="col card--ui" id="card--dashboard">
|
|
|
|
|
|
|
|
|
|
+
|
|
|
<header id="title--section" class="d-flex align-items-center justify-content-between">
|
|
<header id="title--section" class="d-flex align-items-center justify-content-between">
|
|
|
<div class="title--section_name d-flex align-items-center justify-content-between">
|
|
<div class="title--section_name d-flex align-items-center justify-content-between">
|
|
|
<i class="ico--ui title_section utenti me-2"></i>
|
|
<i class="ico--ui title_section utenti me-2"></i>
|
|
@@ -8,6 +124,9 @@
|
|
|
|
|
|
|
|
</header>
|
|
</header>
|
|
|
|
|
|
|
|
|
|
+ <button id="open-filter" onclick="pcsh1()"></button>
|
|
|
|
|
+ <button id="close-filter" onclick="pcsh2()"></button>
|
|
|
|
|
+
|
|
|
<section id="resume-table">
|
|
<section id="resume-table">
|
|
|
<div class="compare--chart_wrapper d-none"></div>
|
|
<div class="compare--chart_wrapper d-none"></div>
|
|
|
|
|
|
|
@@ -63,6 +182,15 @@
|
|
|
loadDataTable();
|
|
loadDataTable();
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
+ Livewire.on('destroy-data-table', () => {
|
|
|
|
|
+ $('#tablesaw-350').DataTable().destroy();
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ function destroyDataTable()
|
|
|
|
|
+ {
|
|
|
|
|
+ $('#tablesaw-350').DataTable().destroy();
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
function loadDataTable(){
|
|
function loadDataTable(){
|
|
|
$('#tablesaw-350').DataTable({
|
|
$('#tablesaw-350').DataTable({
|
|
|
thead: {
|
|
thead: {
|