Aggiunto bottone ricerca avanzata
This commit is contained in:
parent
2eb6955b7e
commit
55fb4b76ef
|
@ -59,7 +59,7 @@
|
||||||
<form>
|
<form>
|
||||||
<div class="tab-content border-right border-left border-bottom" id="cla-TabContent">
|
<div class="tab-content border-right border-left border-bottom" id="cla-TabContent">
|
||||||
<div class="tab-pane fade show active p-2 bg-white" id="cla0" role="tabpanel" aria-labelledby="cla0-tab">
|
<div class="tab-pane fade show active p-2 bg-white" id="cla0" role="tabpanel" aria-labelledby="cla0-tab">
|
||||||
<div class="form-inline input-group p-1" action="">
|
<div class="form-inline input-group p-1 pb-2" action="">
|
||||||
<div class="input-group-prepend">
|
<div class="input-group-prepend">
|
||||||
<label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
|
<label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
|
||||||
</div>
|
</div>
|
||||||
|
@ -69,7 +69,15 @@
|
||||||
<option disabled value="testo">il testo</option>
|
<option disabled value="testo">il testo</option>
|
||||||
</select>
|
</select>
|
||||||
<input type="text" class="form-control" id="queryText" placeholder="stelle" aria-describedby="name-desc" name="query">
|
<input type="text" class="form-control" id="queryText" placeholder="stelle" aria-describedby="name-desc" name="query">
|
||||||
|
|
||||||
|
<div class="btn-group pl-1" role="group" aria-label="Bottone ricerca">
|
||||||
|
<label class="input-group-text"><ion-icon name="search-circle"></ion-icon></label>
|
||||||
|
<button type="submit" class="btn btn-outline-primary">Cerca</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="cla-Advanced" style="display: none">
|
||||||
<div class="text-muted p-1">
|
<div class="text-muted p-1">
|
||||||
Applicando le clausole:
|
Applicando le clausole:
|
||||||
</div>
|
</div>
|
||||||
|
@ -102,11 +110,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row p-1 align-items-end justify-content-between">
|
</div>
|
||||||
|
<div class="row p-1 ml-2 mt-2 align-items-end justify-content-between">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="btn-group" role="group" aria-label="Bottone ricerca">
|
<div class="custom-control custom-switch px-3 bd-highlight">
|
||||||
<label class="input-group-text"><ion-icon name="search-circle"></ion-icon></label>
|
<input type="checkbox" class="custom-control-input" name="avanzata-attiva" aria-label="attiva" id="advanSW">
|
||||||
<button type="submit" class="btn btn-outline-primary">Cerca</button>
|
<label class="custom-control-label" for="advanSW"><div class="pb-1 text-muted">Ricerca avanzata</div></label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col text-right px-3">
|
<div class="col text-right px-3">
|
||||||
|
|
|
@ -221,6 +221,17 @@ $(document).ready(function() {
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Evento: click sul checkbox di Ricerca avanzata
|
||||||
|
$('#cla-TabContent').on('click', '#advanSW', function() {
|
||||||
|
console.log($(this).prop('checked'));
|
||||||
|
console.log($("#cla-TabContent"));
|
||||||
|
if ($(this).prop('checked')) {
|
||||||
|
$("#cla-Advanced").attr('style', "display: block;");
|
||||||
|
} else {
|
||||||
|
$("#cla-Advanced").attr('style', "display: none;");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
// Variabili JSON per i filtri
|
// Variabili JSON per i filtri
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue