From 55fb4b76ef3f46240c8713a765086d2930afd7fe Mon Sep 17 00:00:00 2001
From: Luca Trupiano <luca.trupiano@isti.cnr.it>
Date: Mon, 17 Oct 2022 16:18:12 +0200
Subject: [PATCH] Aggiunto bottone ricerca avanzata

---
 index_Luk_Q.html   | 23 ++++++++++++++++-------
 js/script_Luk_Q.js | 11 +++++++++++
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/index_Luk_Q.html b/index_Luk_Q.html
index 3ea7ddb..db82c8d 100644
--- a/index_Luk_Q.html
+++ b/index_Luk_Q.html
@@ -59,7 +59,7 @@
 			<form>
 			<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="form-inline input-group p-1" action="">
+  					<div class="form-inline input-group p-1 pb-2" action="">
         		        <div class="input-group-prepend">
                 		    <label class="input-group-text"><ion-icon name="document-text"></ion-icon></label>
                 		</div>
@@ -69,7 +69,15 @@
       						<option disabled value="testo">il testo</option>
 						</select>
 						<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 id="cla-Advanced" style="display: none">     	
    					<div class="text-muted p-1">
   						Applicando le clausole:
   					</div>
@@ -102,12 +110,13 @@
     						</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="btn-group" 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 class="custom-control custom-switch px-3 bd-highlight">
+								<input type="checkbox" class="custom-control-input" name="avanzata-attiva" aria-label="attiva" id="advanSW">
+								<label class="custom-control-label" for="advanSW"><div class="pb-1 text-muted">Ricerca avanzata</div></label>
+							</div>  						
   						</div>
         				<div class="col text-right px-3">
         					<input style="display: none;" type="file" id="apriFile">
@@ -117,7 +126,7 @@
 					</div>
   				</div>
 			</div>
-			
+								
 	<!-- MODELLI CLAUSOLE -->
 
 	<!--   TIPO GRAMMATICALE -->
diff --git a/js/script_Luk_Q.js b/js/script_Luk_Q.js
index 461efcf..7d2ad92 100644
--- a/js/script_Luk_Q.js
+++ b/js/script_Luk_Q.js
@@ -221,6 +221,17 @@ $(document).ready(function() {
   		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