From 1796a07f89f16fb0fe326e9984978e9b8654faf8 Mon Sep 17 00:00:00 2001
From: Luca Trupiano <luca.trupiano@isti.cnr.it>
Date: Tue, 15 Nov 2022 17:13:59 +0100
Subject: [PATCH] checkbox avanzate funzionante

---
 index_2.0.html   | 15 ++++-----------
 js/script_2.0.js | 11 +++++++++++
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/index_2.0.html b/index_2.0.html
index 17107af..3fa98e2 100644
--- a/index_2.0.html
+++ b/index_2.0.html
@@ -241,12 +241,10 @@
 		
 			<div class="row bg-lida10 border mx-0 p-2">
 			
-				<div class="col-10" style="display: flex">
+				<div class="col-10" id="simpleSearchDiv" style="display: flex">
 					<div class="form-inline input-group bg-lida10 pt-1" action="" style="display: flex">		
- 						<form class="form-inline">
 							<input class="form-control-sm mr-sm-2" type="text" id="queryText" placeholder="Cerca">
 							<button class="btn btn-sm btn-lida4 my-2 my-sm-0" type="submit" id='searchcomm'>Cerca</button>
-						</form>          
  						<button class="btn btn-sm btn-outline-lida4 m-2 my-sm-0" type="button" data-toggle="collapse" data-target="#collapseOptions" aria-expanded="false" aria-controls="collapseExample">
     					Opzioni
   						</button>
@@ -256,10 +254,8 @@
 					</div>
 				</div>
 				
-				<div class="col-10" style="display: none">
-  						
-						<div class="btn-group pt-1 my-2 " role="group" aria-label="Bottoni menu clausole">
-							<label class="input-group-text"><ion-icon name="filter-circle"></ion-icon></label>
+				<div class="col-10" id="advancedSearchDiv" style="display: none">
+ 						<div class="btn-group pt-1 mx-2 " role="group" aria-label="Bottoni menu clausole">
 							<div class="btn-group dropright" role="group">
 								<button id="btnGroupDrop1" type="button" class="btn btn-sm btn-outline-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aggiungi clausola di tipo: </button>
   								<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
@@ -269,8 +265,7 @@
   								</div>
 							</div>
 						</div>
- 						<div class="btn-group pt-1 my-2" role="group" aria-label="Bottoni menu logiche">
-  							<label class="input-group-text"><ion-icon name="cog"></ion-icon></label>
+ 						<div class="btn-group pt-1 mx-2" role="group" aria-label="Bottoni menu logiche">
   							<div class="btn-group dropright" role="group">
    								<button id="btnGroupDrop2" type="button" class="btn btn-sm btn-outline-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aggiungi condizione logica: </button>
     							<div class="dropdown-menu" aria-labelledby="btnGroupDrop2" style="">
@@ -279,9 +274,7 @@
 	    						</div>
  							</div>
 						</div> 		           	
- 		           	  	<form class="form-inline">
 							<button class="btn btn-sm btn-lida4 m-2 my-sm-0" type="submit" id='searchcomm2'>Cerca</button>
-						</form>          
  						<button class="btn btn-sm btn-outline-lida4 m-2 my-sm-0" type="submit"  id='cleanresult2' aria-expanded="false" aria-controls="collapseExample">
     					Reset
   						</button>
diff --git a/js/script_2.0.js b/js/script_2.0.js
index 8f1e1cc..5bc90c3 100644
--- a/js/script_2.0.js
+++ b/js/script_2.0.js
@@ -10,6 +10,17 @@ require("../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js");
 
 $(document).ready(function() {
 	
+	$("#advanSW").on('change', function() {
+        if ($(this).prop('checked')) {
+			$("#simpleSearchDiv").attr('style', "display: none;");
+			$("#collapseOptions").collapse('hide');
+			$("#advancedSearchDiv").attr('style', "display: flex;");
+        } else {
+			$("#simpleSearchDiv").attr('style', "display: flex;");
+			$("#advancedSearchDiv").attr('style', "display: none;");
+		}
+	});
+	
 	$("#copiaTesto").prop("disabled", true);
 	
 	// Evento: click sul bottone di copia dei risultati testuali