From 95bfcf5ec0fc6705140d39e38e65ffd2e68d7f23 Mon Sep 17 00:00:00 2001
From: nicola <nicola@mbpdiniolaaloia.lan>
Date: Fri, 2 Dec 2022 18:15:00 +0100
Subject: [PATCH] Tab ridefiniti

---
 NikBrowseSearchCombinedNew.html  | 358 +++++++++++++++++++++++++++++--
 js/NikBrowseSearchCombinedNew.js | 164 ++++++++++++++
 2 files changed, 505 insertions(+), 17 deletions(-)

diff --git a/NikBrowseSearchCombinedNew.html b/NikBrowseSearchCombinedNew.html
index eac88fb..e94b7e2 100644
--- a/NikBrowseSearchCombinedNew.html
+++ b/NikBrowseSearchCombinedNew.html
@@ -665,7 +665,7 @@
 
 
 
-
+	</div>
 
 
 
@@ -677,7 +677,7 @@
 		<!-- Da index_Luk_Q_.html -->
 
 
-		<div class="container border bg-light" style="display: block;"
+		<div class="container-xxl border bg-light" style="display: block;"
 			id="apricerca">
 			<div class="row">
 				<div class="col-md-12 p-2">
@@ -703,7 +703,7 @@
 							href="#cla0" role="tab" aria-controls="cla0" aria-selected="true">
 								<span class="text-secondary"><ion-icon
 										name="close-circle-sharp"></ion-icon></span> <span
-								class="text-dark font-weight-bold">&nbsp;&nbsp;Categoria
+								class="text-dark font-weight-bold">&nbsp;&nbsp;Filtra per Categoria
 									Grammaticale</span>
 						</a></li>
 						<li class="nav-item" role="presentation"><a
@@ -711,11 +711,20 @@
 							href="#cla0" role="tab" aria-controls="cla0" aria-selected="true">
 								<span class="text-secondary"><ion-icon
 										name="close-circle-sharp"></ion-icon></span> <span
-								class="text-dark font-weight-bold">&nbsp;&nbsp;Tipo
+								class="text-dark font-weight-bold">&nbsp;&nbsp;Filtra per Tipo
 									Sintattico</span>
 						</a></li>
+						<li class="nav-item" role="presentation"><a
+							class="nav-link active" id="tab_riepilogo" data-toggle="tab"
+							href="#cla0" role="tab" aria-controls="cla0" aria-selected="true">
+								<span class="text-secondary"><ion-icon
+										name="close-circle-sharp"></ion-icon></span> <span
+								class="text-dark font-weight-bold">&nbsp;&nbsp;Riepilogo Filtri</span>
+						</a></li>
 					</ul>
-					<div class="tab-content" id="DoveInferno" style="display: none;">
+					
+					
+					<div class="tab-pane fade show active p-2" id="DoveInferno" style="display: none;">
 						<table id="selectableS"
 							class="table table-responsive selCanti table-bordered table-sm ui-selectable">
 							<thead>
@@ -974,9 +983,9 @@
 
 					<!--   CATEGORIA GRAMMATICALE -->
 
-					<div id="cla_Grammaticale" style="display: none">
+					<div class="tab-pane fade show active p-2" id="cla_Grammaticale" style="display: none">
 
-						<div class="form-inline input-group" action="">
+						<div class="form-inline input-group p-2" action="">
 							<div class="input-group-prepend">
 								<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
 							</div>
@@ -1017,9 +1026,324 @@
 									<option value="simbolo_latino_yy">Simbolo latino</option>
 								</optgroup>
 							</select>
-						</div>
-						<div class="container form-group mr-3 mb-0 p-1 dettaglifiltri">
 
+							<div class="pr-4 col-8 text-right text-primary savecondition"
+								style="display: none">
+								<span class="return2Query"><ion-icon
+										name="checkmark-circle" role="img" class="md hydrated"
+										aria-label="checkmark circle"></ion-icon></span>&nbsp;&nbsp; <span
+									class="removeClaInTab"><ion-icon name="close-circle"
+										role="img" class="md hydrated" aria-label="close circle"></ion-icon></span>
+							</div>
+
+						</div>
+
+						<div
+							class="container form-group mr-5 mb-0 pt-1 pr-5 pl-0 justify-content-center dettaglifiltriVerboVolgare"
+							style="display: none">
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control justify-content-between">
+								<fieldset id="cla1Diatesi" class="custom-control-inline">
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Attivo" value="Attivo" name="cla1Diatesi"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Attivo">Attivo</label>
+									</div>
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Passivo" value="Passivo" name="cla1Diatesi"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Passivo">Passivo</label>
+									</div>
+								</fieldset>
+								<div class="text-right text-primary radioReset">
+									<ion-icon name="refresh-circle" role="img" class="md hydrated"
+										aria-label="refresh circle"></ion-icon>
+								</div>
+							</div>
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control justify-content-between">
+								<fieldset id="cla1Transitivita" class="custom-control-inline">
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Transitivo" value="Transitivo"
+											name="cla1Transitivita"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Transitivo">Transitivo</label>
+									</div>
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Intransitivo" value="Intransitivo"
+											name="cla1Transitivita"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Intransitivo">Intransitivo</label>
+									</div>
+								</fieldset>
+								<div class="text-right text-primary radioReset">
+									<ion-icon name="refresh-circle" role="img" class="md hydrated"
+										aria-label="refresh circle"></ion-icon>
+								</div>
+							</div>
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control justify-content-between">
+								<fieldset id="cla1Genere" class="custom-control-inline">
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Femminile" value="Femminile" name="cla1Genere"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Femminile">Femminile</label>
+									</div>
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Maschile" value="Maschile" name="cla1Genere"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Maschile">Maschile</label>
+									</div>
+								</fieldset>
+								<div class="text-right text-primary radioReset">
+									<ion-icon name="refresh-circle" role="img" class="md hydrated"
+										aria-label="refresh circle"></ion-icon>
+								</div>
+							</div>
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control justify-content-between">
+								<fieldset id="cla1Numero" class="custom-control-inline">
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Singolare" value="Singolare" name="cla1Numero"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Singolare">Singolare</label>
+									</div>
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Plurale" value="Plurale" name="cla1Numero"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Plurale">Plurale</label>
+									</div>
+								</fieldset>
+								<div class="text-right text-primary radioReset">
+									<ion-icon name="refresh-circle" role="img" class="md hydrated"
+										aria-label="refresh circle"></ion-icon>
+								</div>
+							</div>
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control">
+								<fieldset id="cla1Pers" class="custom-control-inline">
+									<div
+										class="custom-control custom-checkbox custom-control-inline">
+										<input class="custom-control-input" type="checkbox"
+											id="cla1Impersonale" value="Impersonale" name="Pers"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Impersonale">Impersonale</label>
+									</div>
+								</fieldset>
+							</div>
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control">
+								<fieldset id="cla1Rifl" class="custom-control-inline">
+									<div
+										class="custom-control custom-checkbox custom-control-inline">
+										<input class="custom-control-input" type="checkbox"
+											id="cla1Riflessivo" value="Riflessivo" name="Rifl"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Riflessivo">Riflessivo</label>
+									</div>
+								</fieldset>
+							</div>
+							<div class=" form-group px-0 pb-1 m-0">
+								<select class="form-control custom-select-sm"
+									id="cla1Coniugazione" title="Coniugazione" name="Coniugazione"><option
+										value="Qualsiasi coniugazione">Qualsiasi coniugazione</option>
+									<option value="Prima coniugazione">Prima coniugazione</option>
+									<option value="Seconda coniugazione">Seconda
+										coniugazione</option>
+									<option value="Terza coniugazione">Terza coniugazione</option>
+									<option value="Essere coniugazione">Essere
+										coniugazione</option>
+									<option value="Avere coniugazione">Avere coniugazione</option></select>
+							</div>
+							<div class=" form-group px-0 pb-1 m-0">
+								<select class="form-control custom-select-sm" id="cla1Tempi"
+									title="Tempi" name="Tempi"><option
+										value="Qualsiasi tempo verbale">Qualsiasi tempo
+										verbale</option>
+									<option value="Indicativo presente">Indicativo
+										presente</option>
+									<option value="Indicativo passato prossimo">Indicativo
+										passato prossimo</option>
+									<option value="Indicativo imperfetto">Indicativo
+										imperfetto</option>
+									<option value="Indicativo passato remoto">Indicativo
+										passato remoto</option>
+									<option value="Indicativo trapassato prossimo">Indicativo
+										trapassato prossimo</option>
+									<option value="Indicativo trapassato remoto">Indicativo
+										trapassato remoto</option>
+									<option value="Indicativo futuro semplice">Indicativo
+										futuro semplice</option>
+									<option value="Indicativo futuro anteriore">Indicativo
+										futuro anteriore</option>
+									<option value="Congiuntivo presente">Congiuntivo
+										presente</option>
+									<option value="Congiuntivo imperfetto">Congiuntivo
+										imperfetto</option>
+									<option value="Congiuntivo passato">Congiuntivo
+										passato</option>
+									<option value="Congiuntivo trapassato">Congiuntivo
+										trapassato</option>
+									<option value="Condizionale presente">Condizionale
+										presente</option>
+									<option value="Condizionale passato">Condizionale
+										passato</option>
+									<option value="Imperativo presente">Imperativo
+										presente</option>
+									<option value="Infinito presente">Infinito presente</option>
+									<option value="Infinito passato">Infinito passato</option>
+									<option value="Participio presente">Participio
+										presente</option>
+									<option value="Participio passato">Participio passato</option>
+									<option value="Gerundio presente">Gerundio presente</option>
+									<option value="Gerundio passato">Gerundio passato</option></select>
+							</div>
+							<div class=" form-group px-0 pb-1 m-0">
+								<select class="form-control custom-select-sm" id="cla1Persona"
+									title="Persona" name="Persona"><option
+										value="Qualsiasi persona">Qualsiasi persona</option>
+									<option value="1ª persona singolare">1ª persona
+										singolare</option>
+									<option value="2ª persona singolare">2ª persona
+										singolare</option>
+									<option value="3ª persona singolare">3ª persona
+										singolare</option>
+									<option value="1ª persona plurale">1ª persona plurale</option>
+									<option value="2ª persona plurale">2ª persona plurale</option>
+									<option value="3ª persona plurale">3ª persona plurale</option></select>
+							</div>
+							<div class=" form-group px-0 pb-1 m-0">
+								<select class="form-control custom-select-sm" id="cla1Funzione"
+									title="Funzione" name="Funzione"><option
+										value="Tutte le funzioni">Tutte le funzioni</option>
+									<option value="Aggettivo">Aggettivo</option>
+									<option value="Sostantivo maschile">Sostantivo
+										maschile</option>
+									<option value="Sostantivo femminile">Sostantivo
+										femminile</option></select>
+							</div>
+							<div class=" form-group px-0 pb-1 m-0" style="display: block;">
+								<select class="form-control custom-select-sm"
+									id="cla1Declinazione" title="Declinazione" name="Declinazione"><option
+										value="Tutte le declinazioni">Tutte le declinazioni</option>
+									<option value="Prima declinazione">Prima declinazione</option>
+									<option value="Seconda declinazione">Seconda
+										declinazione</option>
+									<option value="Terza declinazione">Terza declinazione</option></select>
+							</div>
+						</div>
+						<div class="container form-group mr-3 mb-0 p-1 dettaglifiltriSostantivoVolgare" style="display: none">
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control justify-content-between">
+								<fieldset id="cla1Numero" class="custom-control-inline">
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Singolare" value="Singolare" name="cla1Numero"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Singolare">Singolare</label>
+									</div>
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Plurale" value="Plurale" name="cla1Numero"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Plurale">Plurale</label>
+									</div>
+								</fieldset>
+								<div class="text-right text-primary radioReset">
+									<ion-icon name="refresh-circle" role="img" class="md hydrated"
+										aria-label="refresh circle"></ion-icon>
+								</div>
+							</div>
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control justify-content-between">
+								<fieldset id="cla1Genere_lemma" class="custom-control-inline">
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Lemmafemminile" value="Lemma femminile"
+											name="cla1Genere_lemma"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Lemmafemminile">Lemma femminile</label>
+									</div>
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Lemmamaschile" value="Lemma maschile"
+											name="cla1Genere_lemma"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Lemmamaschile">Lemma maschile</label>
+									</div>
+								</fieldset>
+								<div class="text-right text-primary radioReset">
+									<ion-icon name="refresh-circle" role="img" class="md hydrated"
+										aria-label="refresh circle"></ion-icon>
+								</div>
+							</div>
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control justify-content-between">
+								<fieldset id="cla1Genere_forma" class="custom-control-inline">
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Formafemminile" value="Forma femminile"
+											name="cla1Genere_forma"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Formafemminile">Forma femminile</label>
+									</div>
+									<div
+										class="custom-control custom-radio custom-control-inline m-0 pb-0">
+										<input class="custom-control-input" type="radio"
+											id="cla1Formamaschile" value="Forma maschile"
+											name="cla1Genere_forma"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Formamaschile">Forma maschile</label>
+									</div>
+								</fieldset>
+								<div class="text-right text-primary radioReset">
+									<ion-icon name="refresh-circle" role="img" class="md hydrated"
+										aria-label="refresh circle"></ion-icon>
+								</div>
+							</div>
+							<div
+								class=" d-flex flex-nowrap pr-2 py-1 mb-1 form-group form-control">
+								<fieldset id="cla1riflpers" class="custom-control-inline">
+									<div
+										class="custom-control custom-checkbox custom-control-inline">
+										<input class="custom-control-input" type="checkbox"
+											id="cla1Inlocuzione" value="In locuzione" name="riflpers"><label
+											class="custom-control-label form-control-sm custom-control-inline m-0 pl-1"
+											for="cla1Inlocuzione">In locuzione</label>
+									</div>
+								</fieldset>
+							</div>
+							<div class=" form-group px-0 pb-1 m-0" style="display: block;">
+								<select class="form-control custom-select-sm"
+									id="cla1Declinazione_sostantivo"
+									title="Declinazione_sostantivo" name="Declinazione_sostantivo"><option
+										value="Tutte le declinazioni">Tutte le declinazioni</option>
+									<option value="Prima declinazione">Prima declinazione</option>
+									<option value="Seconda declinazione">Seconda
+										declinazione</option>
+									<option value="Terza declinazione">Terza declinazione</option></select>
+							</div>
 						</div>
 					</div>
 
@@ -1027,9 +1351,9 @@
 
 					<!--  TIPO SINTATTICO -->
 
-					<div id="cla-Sintattico" style="display: none">
+					<div  class="tab-pane fade show active p-2" id="cla-Sintattico" style="display: none">
 
-						<div class="form-inline input-group" action="">
+						<div class="form-inline input-group p-2" action="">
 							<div class="input-group-prepend">
 								<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
 							</div>
@@ -1610,9 +1934,9 @@
 								</optgroup>
 
 							</select>
-						</div>
-
-						<div class="form-inline input-group" action="">
+							<div>
+								&nbsp;&nbsp;
+							</div>
 							<div class="input-group-prepend">
 								<label class="input-group-text"><ion-icon name="options"></ion-icon></label>
 							</div>
@@ -1652,8 +1976,8 @@
 								</optgroup>
 
 							</select>
-						</div>
-					</div>
+						<!-- </div>
+					</div> -->
 
 					<!--   FINE TIPO SINTATTICO -->
 
@@ -1720,7 +2044,7 @@
 
 		<!-- Da index_Luk_Q_.html  separatore copyright-->
 
-		<div class="container pb-1 px-3 my-3  ">
+		<div class="container pb-1 px-3 my-2  ">
 			<div class="row align-items-end p-0 halfOpacity">
 				<div class="col shadow bg-lida8">&nbsp;</div>
 				<div class="col shadow bg-lida9">&nbsp;</div>
diff --git a/js/NikBrowseSearchCombinedNew.js b/js/NikBrowseSearchCombinedNew.js
index f40df67..5218b82 100644
--- a/js/NikBrowseSearchCombinedNew.js
+++ b/js/NikBrowseSearchCombinedNew.js
@@ -257,5 +257,169 @@ $(document).ready(function() {
 
 		return true;
 	}
+	// Da Luca
+	var iconReset = '<div class="text-right text-primary radioReset"><ion-icon name="refresh-circle"></ion-icon></div>';
+
+	var categorie = {
+		"verbovolgare": "filtriverbo",
+		"sostantivovolgare": "filtrisostantivo",
+		"pronomevolgare": "filtripronome",
+		"aggettivovolgare": "filtriaggettivo",
+		"articolovolgare": "filtriarticolo",
+		"avverbiovolgare": "filtriavverbio",
+		"preposizionevolgare": "filtripreposizione",
+		"congiunzionevolgare": "filtricongiunzione",
+		"onomasticavolgare": "filtrionomastica",
+		"citazionevolgare": "filtricitazione"
+	}
 	
+
+// Variabili JSON per i filtri
+
+	var verboJson = {
+		"filtriverbo": {
+			"Diatesi": ["Attivo", "Passivo"],
+			"Transitivita": ["Transitivo", "Intransitivo"],
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Pers": ["Impersonale"],
+			"Rifl": ["Riflessivo"],
+			"Coniugazione": ["Qualsiasi coniugazione", "Prima coniugazione", "Seconda coniugazione", "Terza coniugazione", "Essere coniugazione", "Avere coniugazione"],
+			"Tempi": ["Qualsiasi tempo verbale", "Indicativo presente", "Indicativo passato prossimo", "Indicativo imperfetto", "Indicativo passato remoto", 
+				"Indicativo trapassato prossimo", "Indicativo trapassato remoto", "Indicativo futuro semplice", "Indicativo futuro anteriore", "Congiuntivo presente", 
+				"Congiuntivo imperfetto", "Congiuntivo passato", "Congiuntivo trapassato", "Condizionale presente", "Condizionale passato", "Imperativo presente", 
+				"Infinito presente", "Infinito passato", "Participio presente", "Participio passato", "Gerundio presente", "Gerundio passato"],
+			"Persona" : ["Qualsiasi persona", "1ª persona singolare", "2ª persona singolare", "3ª persona singolare", "1ª persona plurale", "2ª persona plurale", "3ª persona plurale"],
+			"Funzione": ["Tutte le funzioni", "Aggettivo", "Sostantivo maschile", "Sostantivo femminile"],
+			"Declinazione": ["Tutte le declinazioni", "Prima declinazione", "Seconda declinazione", "Terza declinazione"],
+		}
+	}
+	
+	var sostantivoJson = {
+		"filtrisostantivo": {
+			"Numero": ["Singolare", "Plurale"],
+			"Genere_lemma": ["Lemma femminile", "Lemma maschile"],
+			"Genere_forma": ["Forma femminile", "Forma maschile"],
+			"riflpers": ["In locuzione"],
+			"Declinazione_sostantivo": ["Tutte le declinazioni", "Prima declinazione", "Seconda declinazione", "Terza declinazione"],
+		}
+	}
+
+	var aggettivoJson = {
+		"filtriaggettivo": {
+			"Classe": ["1ª", "2ª"],
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Con_oggetto_indiretto": ["Con oggetto indiretto"],
+			"Tipo_aggettivo": ["Qualsiasi tipo aggettivo", "Qualificativo", "Indefinito", "Interrogativo", "Esclamativo", "Numerale", "Dimostrativo", "Relativo", "Possessivo", "In locuzione"],
+			"Grado": ["Qualsiasi grado", "Comparativo di maggioranza", "Comparativo di minoranza", "Comparativo di uguaglianza", "Superlativo relativo", "Superlativo assoluto"],
+			"Tipo_di_Complemento": ["Qualsiasi tipo di Complemento", "Introdotto da A", "Introdotto da CON", "Introdotto da CONTRO", "Introdotto da DA", "Introdotto da DI", "Introdotto da IN",
+				"Introdotto da PER", "Introdotto da SU", "Introdotto da TRA", "Introdotto da VERSO", "Introdotto da SOPRA",
+				"Introdotto da SOTTO", "Introdotto da DINANZI", "Introdotto da prep.", "Oggetto ind.", "Ogg. indi. + compl. con DI", "Ogg. ind. pronom."],
+			"Tipo_di_frase": ["Qualsiasi tipo di frase", "Con infinito retto da A", "Con infinito retto da DA", "Con infinito retto da DI", "Con infinito retto da PER",
+				"Con infinito retto da SE", "Con subordinata all'indic.", "Con subordinata al cong.", "In locuzione imp.+infinito",
+				"In locuzione imp.+che+indic.", "In locuzione imp.+che+cong.", "In locuzione imp.+se+indic.", "In locuzione imp.+se+cong.",
+				"In locuzione imp.+come+indic.", "In locuzione imp.+quando+indic.", "In locuzione imp.+perché+cong.", "In locuzione imp.+a+infinito"]
+		}
+	}
+
+	var pronomeJson = {
+		"filtripronome": {
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Classe_Persona": ["Qualsiasi Classe Persona", "1ª", "2ª", "3ª"],
+			"Tipo": ["Qualsiasi tipo", "Personale", "Riflessivo", "Interrogativo", "Esclamativo", "Dimostrativo", "Relativo", "Possessivo"],
+			"Forma_Personali_Riflessivi": ["Qualsiasi forma (Personali-Riflessivi)", "Libero", "Libero in Composizione", "Proclitico", "Enclitico"],
+			"Funzione_Personali": ["Qualsiasi funzione (Personali)", "Libero - soggetto", "Libero - soggetto impersonale", "Libero - complemento", "Libero - rafforzativo",
+				"Clitico - accusativo", "Clitico - dativo", "Clitico - partitivo"],
+			"Tipo_Riflessivi": ["Qualsiasi tipo (Riflessivi)", "Proprio", "Lessicalizzato", "Impersonale", "Passivo", "Reciproco"]
+		}
+	}
+	
+	var articoloJson = {
+		"filtriarticolo": {
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Tipo": ["Determinativo", "Indeterminativo"]
+		}
+	}
+
+	var avverbioJson = {
+		"filtriavverbio": {
+			"Tipo": ["Qualsiasi tipo", "Al comparativo di maggioranza", "Al comparativo di minoranza",
+				"Al superlativo assoluto", "Al superlativo relativo",
+				"In Locuzione", "In Locuzione separato", "Proclitico", "Enclitico"]
+		}
+	}
+
+	var preposizioneJson = {
+		"filtripreposizione": {
+			"Tipo_I": ["Propria", "Impropria"],
+			"Tipo_preposizione": ["Qualsiasi tipo preposizione", "Semplice", "Articolata", "In locuzione", "In locuzione separata"],
+			"Sintassi": ["Qualsiasi sintassi", "Soggettiva", "Oggettiva", "Dichiarativa", "Completiva obliqua", "Finale",
+				"Causale", "Concessiva", "Consecutiva", "Temporale", "Modale", "Eccettuativa", "Esclusiva",
+				"Limitativa", "Comparativa", "Avversativa"],
+			"Complemento_(I)": ["Qualsiasi complemento (I)", "Di stato in luogo", "Di moto a luogo", "Di moto da luogo", "Di moto per luogo",
+				"Di luogo", "Predicativo del soggetto", "Predicativo dell'oggetto", "Di distanza",
+				"Di tempo determinato", "Di tempo continuato", "Di tempo", "Di termine", "Di vantaggio",
+				"Di svantaggio", "Di specificazione", "Di modo", "Di mezzo", "Di compagnia",
+				"Di unione", "Di allontanamento-separazione", "Di materia"],
+			"Complemento_(II)": ["Qualsiasi complemento (II)", "Di limitazione", "Di qualità", "Di causa", "Di agente", "Di causa efficiente", "Di fine o scopo",
+				"Di paragone", "Di argomento", "Distributivo", "Di sostituzione", "Di estensione", "Di rapporto",
+				"Di esclusione", "Di peso", "Di quantità", "Di colpa", "Di denominazione", "partitivo",
+				"Di abbondanza-privazione", "Di origine-provenienza", "Concessivo", "Di effetto", "Di pena",
+				"Simmetrico", "Indiretto esperiente", "Indiretto dativo", "Indiretto oggetto", "Indiretto possessore",
+				"Indiretto benefattivo"]
+		}
+	}
+
+	var congiunzioneJson = {
+		"filtricongiunzione": {
+			"Coo_sub": ["Coordinativa", "Subordinativa"],
+			"Tipo": ["Qualsiasi tipo", "Semplice", "Composta", "Locuzione", "Locuzione separata"],
+			"Coord_tipo": ["Qualsiasi coord. tipo", "Copulativa", "Disgiuntiva", "Avversativa", "Esplicativa", "Conclusiva", "Correlativa"],
+			"Subord_tipo": ["Qualsiasi subord. tipo", "Soggettiva", "Oggettiva", "Dichiarativa", "Completiva obliqua", "Interrogativa",
+				"Finali", "Causali", "Concessiva", "Consecutiva", "Temporale", "Modale",
+				"Eccettuativa", "Comparativa", "Condizionale", "Esclusiva", "Limitativa"]
+		}
+	}
+
+	var onomasticacitazioneJson = {
+		"filtrionomastica": {
+			"Tipo": ["Qualsiasi tipo", "Nome proprio", "Nome proprio separato", "Titolo"]
+		},
+
+		"filtricitazione": {
+			"Tipo": ["Qualsiasi tipo", "Latina", "Provenzale", "Francese", "Spagnola", "Ebraica", "Greca"]
+		}
+	}
+
+	var categorieJson = $.extend({}, verboJson, sostantivoJson, pronomeJson, aggettivoJson, articoloJson, avverbioJson, preposizioneJson, congiunzioneJson, onomasticacitazioneJson);
+
+	
+	// Evento: SCELTA CATEGORIA GRAMMATICALE 
+	$('select.catgram').on('change', function(e) {
+		e.preventDefault();
+		var selectedValue = $(this).val();
+		addCatgramSubcla(selectedValue);
+	});
+	
+	// Funzione di creazione delle subclausole grammaticali basate sul valore scelto
+	function addCatgramSubcla(selectedValue){
+
+		switch (selectedValue) {
+			case "verbovolgare":
+				$('.dettaglifiltriVerboVolgare').attr('style', "display:block;")
+				$('.dettaglifiltriSostantivoVolgare').attr('style', "display:none;")
+				$('.savecondition').attr('style', "display:block;")
+				break;
+			case "sostantivovolgare":
+				$('.dettaglifiltriSostantivoVolgare').attr('style', "display:block;")
+				$('.savecondition').attr('style', "display:block;")
+				$('.dettaglifiltriVerboVolgare').attr('style', "display:none;")
+				break;
+			default:
+				text = "No value found";
+		}
+	}
 });
\ No newline at end of file