From e04b84b24ba759712681d819dec0767e8f02669a Mon Sep 17 00:00:00 2001
From: nicola <nicola@localhost>
Date: Tue, 14 Jun 2022 17:33:12 +0200
Subject: [PATCH] ho modificato html per utilizzare guimanagerNik.js senza
 modificare guimanager.js. essenzialmente ho inseriro le condizioni in una
 textarea

---
 index_work_Nik.html |   4 +-
 js/guimanagerNik.js | 743 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 745 insertions(+), 2 deletions(-)
 create mode 100644 js/guimanagerNik.js

diff --git a/index_work_Nik.html b/index_work_Nik.html
index 2861279..ed65e4b 100644
--- a/index_work_Nik.html
+++ b/index_work_Nik.html
@@ -12,7 +12,7 @@
 <script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
 <script
 	src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-<script type="text/javascript" src="js/guimanager.js"></script>
+<script type="text/javascript" src="js/guimanagerNik.js"></script>
 <script type="text/javascript">
 	/* function mostra() {
 		 var x = document.getElementById("divContentId");
@@ -153,7 +153,7 @@
 				<div class="bg-washed-blue pv2" id='filtri' style="display:none;" >
 				<img
 						src="./images/filters1.png" style="width: 40px; height: 48px; " alt="Filtri">
-					<input type="hidden" id="IdFiltro"  type="text" value="">
+					<input type="hidden" id="IdFiltro"  type="text" value="">					
 				</div>
 			</div>
 		</div>
diff --git a/js/guimanagerNik.js b/js/guimanagerNik.js
new file mode 100644
index 0000000..636517b
--- /dev/null
+++ b/js/guimanagerNik.js
@@ -0,0 +1,743 @@
+/**
+ * 
+ */
+
+
+$(document).ready(function() {
+	grammarconditions = 0
+	sintconditions = 0
+	filterconditions = 0
+
+
+
+	var aggettivoJson = {
+		"filtriaggettivo": {
+			"Classe": ["1ª", "2ª"],
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Con oggetto indiretto": ["Con oggetto indiretto"],
+			"Tipo aggettivo": ["Tipo aggettivo", "Qualificativo", "Indefinito", "Interrogativo", "Esclamativo", "Numerale", "Dimostrativo", "Relativo", "Possessivo", "In locuzione"],
+			"Grado": ["Grado", "Comparativo di maggioranza", "Comparativo di minoranza", "Comparativo di uguaglianza", "Superlativo relativo", "Superlativo assoluto"],
+			"Tipo di Complemento": ["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": ["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": {
+			"Classe/Persona": ["1ª", "2ª", "3ª"],
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Tipo": ["Tipo", "Personale", "Riflessivo", "Interrogativo", "Esclamativo", "Dimostrativo", "Relativo", "Possessivo"],
+
+			"Forma (Personali/Riflessivi)": ["Forma (Personali/Riflessivi)", "Libero", "Libero in Composizione", "Proclitico", "Enclitico"],
+			"Funzione (Personali)": ["Funzione (Personali)", "Libero - soggetto", "Libero - soggetto impersonale", "Libero - complemento", "Libero - rafforzativo",
+				"Clitico - accusativo", "Clitico - dativo", "Clitico - partitivo"],
+			"Tipo (Riflessivi)": ["Tipo (Riflessivi)", "Proprio", "Lessicalizzato", "Impersonale", "Passivo", "Reciproco"]
+		}
+	}
+	var articoloJson = {
+
+		"filtriarticolo": {
+
+			"Genere": ["Femminile", "Maschile"],
+			"Numero": ["Singolare", "Plurale"],
+			"Tipo": ["Determinativo", "Indeterminativo"]
+
+		}
+	}
+
+	var avverbioJson = {
+		"filtriavverbio": {
+			"Tipo": ["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": ["Tipo preposizione", "Semplice", "Articolata", "In locuzione", "In locuzione separata"],
+			"Sintassi": ["Sintassi", "Soggettiva", "Oggettiva", "Dichiarativa", "Completiva obliqua", "Finale",
+				"Causale", "Concessiva", "Consecutiva", "Temporale", "Modale", "Eccettuativa", "Esclusiva",
+				"Limitativa", "Comparativa", "Avversativa"],
+			"Complemento (I)": ["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)": ["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": {
+
+			"Tipo": ["Tipo", "Semplice", "Composta", "Locuzione", "Locuzione separata"],
+			"Coo./sub": ["coordinativa", "subordinativa"],
+			"Coord. tipo": ["Coord. tipo", "copulativa", "disgiuntiva", "avversativa", "esplicativa", "conclusiva", "correlativa"],
+			"Subord. tipo": ["Subord. tipo", "soggettiva", "oggettiva", "dichiarativa", "completiva obliqua", "interrogativa",
+				"finali", "causali", "concessiva", "consecutiva", "temporale", "modale",
+				"eccettuativa", "comparativa", "condizionale", "esclusiva", "limitativa"]
+		}
+	}
+
+	var onomasticacitazioneJson = {
+		"filtrionomastica": {
+
+			"Tipo": ["Tipo", "Nome proprio", "Nome proprio separato", "Titolo"]
+		},
+
+		"filtricitazione": {
+
+			"Tipo": ["Tipo", "Latina", "Provenzale", "Francese", "Spagnola", "Ebraica", "Greca"]
+		}
+	}
+
+	var categorie = {
+		"pronomevolgare": "filtripronome",
+		"aggettivovolgare": "filtriaggettivo",
+		"articolovolgare": "filtriarticolo",
+		"avverbiovolgare": "filtriavverbio",
+		"preposizionevolgare": "filtripreposizione",
+		"congiunzionevolgare": "filtricongiunzione",
+		"onomasticavolgare": "filtrionomastica",
+		"citazionevolgare": "filtricitazione"
+	}
+
+	var catGrammsenzaspec = ['all', 'interiezionevolgare']
+
+	var subordinazioneJson = {
+		"subordinazione": {
+			"livello": ["Qualsiasi livello di subordinazione", "principale", "coordinata a una principale", "subordinata di I grado",
+				"subordinata di II grado", "subordinata di III grado", "subordinata di IV grado", "subordinata di V grado",
+				"subordinata di VI grado", "subordinata di VII grado", "coordinata a una subordinata di I grado",
+				"coordinata a una subordinata di II grado", "coordinata a una subordinata di III grado",
+				"coordinata a una subordinata di IV grado", "coordinata a una subordinata di V grado", "pseudo-coordinata",
+				"parentetica", "coordinata a una parentetica"]
+
+
+		}
+	}
+
+	var categorieJson = $.extend({}, pronomeJson, aggettivoJson, articoloJson, avverbioJson, preposizioneJson, congiunzioneJson, onomasticacitazioneJson);
+
+
+	var condizioniFiltro = {}
+
+	var clausolaVisibile = false  //contiene il valore true se una clausola è gia visibile e quindi non se ne può visualizzare una seconda
+	var tipoClausola = ''
+
+	$('.tabs__menu-item').on('click', function() {
+		$(this).addClass('bg-white').addClass('red');
+		$(this).siblings().removeClass('bg-white').removeClass('red');
+	});
+
+	/*
+		Funzioni per visualizzare le clausole
+	*/
+
+
+	jQuery(document).delegate('a.add-record', 'click', function(e) {
+		e.preventDefault();
+		if (clausolaVisibile)
+			return true;
+		else {
+			clausolaVisibile = true;
+			tipoClausola = 'grammaticale'
+		}
+		showCategoriaGrammaticale();
+	});
+
+	jQuery(document).delegate('a.add-record-sint', 'click', function(e) {
+		e.preventDefault();
+
+		if (clausolaVisibile)
+			return true;
+		else {
+			clausolaVisibile = true;
+			tipoClausola = 'sintattica'
+		}
+
+		var content = jQuery('#tiposintattico >div'),
+			size = jQuery('#condizioni >div').length + 1,
+			element = null,
+			element = content.clone();
+		element.attr('id', 'ts-' + size);
+
+		element.find('.remove-filter').attr('target', 'ts-' + size);
+		element.find('.set-filter').attr('targetfilter', 'ts-' + size);
+		element.appendTo('#condizioni');
+		element.find('.sn').html(size);
+		sintconditions = sintconditions + 1
+		if (size == 1)
+			jQuery('#grammarbutton').attr('style', "display:block;")
+	});
+
+	/** 
+	SCELTA TIPO SINTATTICO  
+	*/
+
+
+	jQuery(document).delegate('select.synttype', 'change', function(e) {
+		e.preventDefault();
+
+		//alert(($(this).closest('div')).closest('div').attr('id'))
+		//var pare=$(this).parents()[2];
+		var sbs = ($(this).closest('div')).siblings()
+
+
+		sbs.find(".set-filter").attr('style', 'display.block')
+
+	})
+
+	/** SCELTA FUNZIONE SINTATTICA  
+	 */
+
+
+	jQuery(document).delegate('select.syntfun', 'change', function(e) {
+		e.preventDefault();
+
+		//alert(($(this).closest('div')).closest('div').attr('id'))
+		//var pare=$(this).parents()[2];
+		var sbs = ($(this).closest('div')).siblings()
+
+
+		sbs.find(".set-filter").attr('style', 'display.block')
+
+	})
+
+	/** 
+    
+	SCELTA CATEGORIA GRAMMATICALE 
+	 
+	*/
+	jQuery(document).delegate('select.catgram', 'change', function(e) {
+		e.preventDefault();
+
+		var pare = $(this).parents()[2];
+		var sbs = ($(this).closest('div')).siblings()
+
+
+		sbs.find(".add-details").attr('style', 'display.block')
+		sbs.find(".set-filter").attr('style', 'display.block')
+
+
+		containerid = 'dettaglio_' + pare.id;//$(this).closest('div').attr('id')
+		sbs.find(".add-details").attr('target', containerid)
+		sbs.find(".set-filter").attr('target', containerid)
+
+		//condizioniFiltro["Categoria Grammaticale"] = $(this).val();
+		if ($(this).val() == 'verbovolgare') {
+
+			var content = jQuery('#categoriaverbo >div'),
+				size = jQuery('#dettaglifiltri').length + 1,
+				element = null,
+				element = content.clone();
+
+		}
+		if ($(this).val() == 'sostantivovolgare') {
+			var content = jQuery('#categoriasostantivo >div'),
+				size = jQuery('#dettaglifiltri').length + 1,
+				element = null,
+				element = content.clone();
+		}
+
+
+
+		if (Object.keys(categorie).includes($(this).val())) {
+
+			var filtro = categorie[$(this).val()]
+
+			var keys = Object.keys(categorieJson[filtro])
+			for (key in keys) {
+
+				var vals = categorieJson[filtro][keys[key]]
+				if (vals.length == 2) {
+					var element = $('<div />');
+					element.attr('class', ' w-15 pa1 mr2');
+					var rbfieldset = $('<fieldset />'),
+						flexdiv1 = $('<div />'),
+						flexdiv2 = $('<div />'),
+						input1 = $('<input />'),
+						input2 = $('<input />'),
+						label1 = $('<label />'),
+						label2 = $('<label />');
+
+					rbfieldset.attr('id', keys[key]);
+					rbfieldset.attr('class', 'bn');
+					flexdiv1.attr('class', 'flex items-center mb2');
+					flexdiv2.attr('class', 'flex items-center mb2');
+					input1.attr('class', 'mr2 f6');
+					input2.attr('class', 'mr2 f6');
+					input1.attr('type', 'radio');
+					input2.attr('type', 'radio');
+					input1.attr('id', vals[0]);
+					input2.attr('id', vals[1]);
+					input1.attr('value', vals[0]);
+					input2.attr('value', vals[1]);
+					input1.attr('name', keys[key]);
+					input2.attr('name', keys[key]);
+					label1.attr('class', 'lh-copy');
+					label2.attr('class', 'lh-copy');
+					label1.attr('for', vals[0]);
+					label2.attr('for', vals[1]);
+					label1.append(vals[0]);
+					label2.append(vals[1]);
+
+					input1.appendTo(flexdiv1);
+					input2.appendTo(flexdiv2);
+					label1.appendTo(flexdiv1);
+					label2.appendTo(flexdiv2);
+					flexdiv1.appendTo(rbfieldset);
+					flexdiv2.appendTo(rbfieldset);
+					rbfieldset.appendTo(element);
+					element.attr('style', 'display:block')
+					element.appendTo('#dettaglifiltri');
+				}
+			}
+			for (key in keys) {
+				var vals = categorieJson[filtro][keys[key]]
+				if (vals.length == 1) {
+					var element = $('<div />');
+					element.attr('class', ' w-15 pa1 mr2');
+					var rbfieldset = $('<fieldset />'),
+						flexdiv1 = $('<div />'),
+						input1 = $('<input />'),
+						label1 = $('<label />');
+					rbfieldset.attr('id', keys[key]);
+					rbfieldset.attr('class', 'bn');
+					flexdiv1.attr('class', 'flex items-center mb2');
+					input1.attr('class', 'mr2 f6');
+					input1.attr('type', 'checkbox');
+					input1.attr('id', vals[0]);
+					input1.attr('value', vals[0]);
+					input1.attr('name', keys[key]);
+					label1.attr('class', 'lh-copy');
+					label1.attr('for', vals[0]);
+					label1.append(vals[0]);
+
+					input1.appendTo(flexdiv1);
+					label1.appendTo(flexdiv1);
+					flexdiv1.appendTo(rbfieldset);
+					rbfieldset.appendTo(element);
+					element.attr('style', 'display:block')
+					element.appendTo('#dettaglifiltri');
+				}
+			}
+
+			for (key in keys) {
+				var vals = categorieJson[filtro][keys[key]]
+				if (vals.length > 2) {
+					var element = $('<div />');
+					element.attr('class', ' w-15 pa1 mr2');
+					var select = $('<select class="w-100 db h2 f6 bg-near-white ba b--sliver gray"/>')
+					select.attr('id', keys[key])
+					select.attr('title', keys[key])
+					select.attr('name', keys[key])
+					for (val in vals) {
+						//alert(vals[val])
+						var seloption = $('<option />');
+						seloption.attr('value', vals[val]);
+						seloption.append(vals[val])
+						seloption.appendTo(select)
+					}
+					select.appendTo(element)
+					element.attr('style', 'display:block')
+
+					element.appendTo('#dettaglifiltri');
+
+
+				}
+
+			}
+		}
+
+
+		if (element === undefined) {
+			var test = jQuery('#' + containerid)
+			sbs.find(".add-details").attr('style', 'display:block')
+			sbs.find(".set-filter").attr('style', 'display:block')
+			test.remove()
+		}
+		else {
+			element.attr('style', "display: block;")
+			//element.appendTo('#dettaglifiltri');
+
+
+			var test = jQuery('#' + containerid)
+
+			test.remove()
+
+
+			element.appendTo('#dettaglifiltri');
+
+			var container = jQuery('#dettaglifiltri');
+			container.attr('id', containerid);
+			var divdf = jQuery('#divdettaglifiltri >div'),
+				detelement = null,
+				detelement = divdf.clone();
+			detelement.attr('id', 'dettaglifiltri')
+			detelement.appendTo("#query")
+
+
+			//element.find('.sn').html(size);
+		}
+
+
+	});
+
+
+
+	jQuery(document).delegate('a.remove-filter', 'click', function(e) {
+
+		e.preventDefault();
+
+		var didConfirm = confirm("Sei sicuro di voler eliminare la clausola?");
+		if (didConfirm == true) {
+
+			var targetDiv = jQuery(this).attr('target');
+
+			rmel = jQuery('#' + targetDiv)
+			rmeldetail = jQuery('#' + 'dettaglio_' + targetDiv)
+			jQuery(rmel).remove();
+			jQuery(rmeldetail).remove();
+			clausolaVisibile = false;
+			return true;
+		} else {
+			return false;
+		}
+	});
+
+
+
+	/**
+	
+	 Scrittura del filtro
+	
+	 */
+
+
+	jQuery(document).delegate('a.set-filter', 'click', function(e) {
+		e.preventDefault();
+
+		var content = jQuery('#filtro'),
+			size = jQuery('#filtri >div').length + 1,
+			element = null,
+			element = content.clone();
+		if (size == 1) {
+			filterconditions = 1;
+			jQuery('#filtri').attr('style', "display:block;")
+		}
+		else
+			filterconditions = filterconditions + 1;
+
+		element.attr('id', 'filtro-' + filterconditions);
+		element.find('.delete-written-filter').attr('target', 'filtro-' + filterconditions);
+		element.find('.edit-written-filter').attr('target', 'filtro-' + filterconditions);
+
+		//trasformo il filtro espresso nella clausola in un oggetto JSON
+		
+		var condizioni = $("#filterform").serialize().split('&');
+		alert (condizioni)
+		
+		filtro = {}
+
+		for (cond in condizioni) {
+
+			liscond = condizioni[cond].split('=')
+			if (liscond[1].trim() != '' & liscond[1].trim() != liscond[0].trim())
+				filtro[liscond[0]] = liscond[1].replaceAll('%20', ' ')
+		}
+
+
+		//mostro il filtro nella GUI
+		let tuttiFiltri = "";
+		var keys = Object.keys(filtro)//condizioniFiltro)
+		for (key in keys) {
+			var dlclass = $('<dl class="f6 lh-title mv2" />'),
+				dtclass = $('<dt class="dib b mainflabel" />'),
+				ddclass = $('<dd class="dib ml0 gray mainfvalue"/>');
+			//dtclass.append([keys[key]]);
+			tuttiFiltri = tuttiFiltri+filtro[[keys[key]]]+",";
+			/*ddclass.append(filtro[[keys[key]]]);
+			dlclass.append(dtclass);
+			dlclass.append(ddclass);
+			element.find('.listacondizioni').append(dlclass);*/
+		}
+		//element.find('.listacondizioni').append(dlclass);
+		let virgola = tuttiFiltri.lastIndexOf(',');
+		tuttiFiltri = tuttiFiltri.substring(0,virgola);
+		let txtAreaFiltri = '<textarea readonly style="resize:none" rows="2" cols="20" name="usrtxt" wrap="hard">'+
+		tuttiFiltri+"</textarea>"
+		ddclass.append(txtAreaFiltri);
+			dlclass.append(dtclass);
+			dlclass.append(ddclass);
+			element.find('.listacondizioni').append(dlclass);
+		element.attr('style', 'display.block');
+		element.appendTo('#filtri');
+
+		if (size > 1) {
+			element.find('.andorconditions').attr('style', 'display.block');
+		}
+
+		//$('a.remove-filter').trigger('click');
+		var targetDiv = jQuery(this).attr('targetfilter');
+
+		rmel = jQuery('#' + targetDiv)
+		rmeldetail = jQuery('#' + 'dettaglio_' + targetDiv)
+		jQuery(rmel).remove();
+		jQuery(rmeldetail).remove();
+		clausolaVisibile = false;
+
+		//aggiungo il filtro a quelli esistenti nel json
+
+		filtro['tipoClausola'] = tipoClausola
+		condizioniFiltro['filtro-' + filterconditions] = filtro
+
+
+
+		return true;
+	})
+	
+	
+	/**
+	
+	 Modifica del filtro scritto
+	
+	 */
+
+
+	jQuery(document).delegate('a.update-filter', 'click', function(e) {
+		
+		alert ('Update not yet implemented, in progress...')
+		
+		
+		}
+		)
+
+	/**
+	
+	 Il Filtro "scritto" viene eliminato
+	
+	 */
+
+	jQuery(document).delegate('a.delete-written-filter', 'click', function(e) {
+
+		e.preventDefault();
+		var didConfirm = confirm("Sei sicuro di voler cancellare il filtro?");
+		if (didConfirm == true) {
+
+			var targetDiv = jQuery(this).attr('target');
+
+			rmel = jQuery('#' + targetDiv)
+			rmeldetail = jQuery('#' + targetDiv)
+			jQuery(rmel).remove();
+			jQuery(rmeldetail).remove();
+			// se c'è un solo filtro, mi assicuro che non sia visibile il dropbox and/or
+			size = jQuery('#filtri >div').length
+
+			//nasconde la condizione logica dal primo della lista dei filtri
+			if (size > 0) {
+				var filtriscr = jQuery('#filtri >div');
+				filtriscr.first().find('.andorconditions').attr('style', 'display:none');
+			} else { // eliminato l'ultimo filtro
+				jQuery('#filtri').attr('style', "display:none;")
+			}
+
+
+			return true;
+		} else {
+			return false;
+		}
+	});
+
+
+
+
+	/**
+	
+	 Il Filtro "scritto" viene editato
+	
+	 */
+
+	jQuery(document).delegate('a.edit-written-filter', 'click', function(e) {
+
+		e.preventDefault();
+		if (clausolaVisibile)
+			return true;
+		var didConfirm = confirm("Sei sicuro di voler editare il filtro?");
+		if (didConfirm == true) {
+			var thisfilter = jQuery(this).attr('target');
+			tempfiltro = condizioniFiltro[thisfilter]
+			tempfiltro['target']=thisfilter
+
+			if (tempfiltro['tipoClausola'].trim() == 'grammaticale') {
+
+				clausolaVisibile = true;
+				tipoClausola = 'grammaticale'
+				showCategoriaGrammaticale(tempfiltro, thisfilter)
+
+
+			}
+			if (tempfiltro['tipoClausola'].trim() == 'sintattica') {
+
+				clausolaVisibile = true;
+				tipoClausola = 'sintattica'
+				showClausolaSintattica(tempfiltro, thisFilter)
+
+
+			}
+		}
+
+		return true;
+		/*} else {
+			return false;
+		}*/
+	});
+
+	/**
+	 *
+	 *		Visualizza Categoria Grammaticale
+	 */
+
+	function showCategoriaGrammaticale(valoriFiltro = {}, filtroTarget='') {
+
+
+		var content = jQuery('#categoriagrammaticale >div'),
+			size = jQuery('#condizioni >div').length + 1,
+			element = null,
+			element = content.clone();
+		//alert("Value: " + $("#types").val()); 	
+
+
+		element.attr('id', 'cg-' + size);
+		element.find('.remove-filter').attr('target', 'cg-' + size);
+		element.find('.set-filter').attr('targetfilter', 'cg-' + size);
+		element.appendTo('#condizioni');
+
+		if (!jQuery.isEmptyObject(valoriFiltro)) { // sto facendo la modfica di un filtro
+
+			$("#types").val(valoriFiltro['categoria']).trigger("change");
+			var keys = Object.keys(valoriFiltro)//condizioniFiltro)
+			for (key in keys) {
+				myname = keys[key]
+				myname=myname.replaceAll('%20', ' ')
+				myval = valoriFiltro[keys[key]]
+
+				var edelement = $("[name='" + myname + "'");
+				var edeltype = edelement.attr('type')
+				//alert(edeltype)
+				if (edeltype !== undefined & (edeltype == 'radio' | edeltype == 'checkbox')) {
+					$('[value="' + myval + '"]').prop('checked', true);
+				}
+				else {
+					$("[name='" + myname + "'").val(myval)
+				}
+				
+
+
+			}
+			element.find('.update-filter').attr('targetfilter', filtroTarget);
+			element.find(".set-filter").attr('style', 'display:none')
+			element.find(".update-filter").attr('style', 'display:block')
+			
+		}
+		else { //sto creando una clausola grammaticale nuova, definisco il valore di default
+			
+			$("#types").val("verbovolgare").trigger("change");
+		}
+		valoriFiltro = {}
+		element.find('.sn').html(size);
+		grammarconditions = grammarconditions + 1
+
+		if (size == 1)
+			jQuery('#grammarbutton').attr('style', "display:block;")
+
+	}
+
+	/**
+	 Visualizza Clausola Sintattica
+	
+	 */
+
+	function showClausolaSintattica(valoriFiltro = {}, filtroTarget='') {
+		     
+
+		var content = jQuery('#tiposintattico >div'),
+			size = jQuery('#condizioni >div').length + 1,
+			element = null,
+			element = content.clone();
+		element.attr('id', 'ts-' + size);
+
+		element.find('.remove-filter').attr('target', 'ts-' + size);
+		element.find('.set-filter').attr('targetfilter', 'ts-' + size);
+		element.appendTo('#condizioni');
+		if (!jQuery.isEmptyObject(valoriFiltro)) { // sto facendo l'edit di un filtro
+
+			$("#types").val(valoriFiltro['categoria']).trigger("change");
+			var keys = Object.keys(valoriFiltro)//condizioniFiltro)
+			for (key in keys) {
+				myname = keys[key]
+				myval = valoriFiltro[keys[key]]
+				var edelement = $("[name='" + myname + "'");
+				var edeltype = edelement.attr('type')
+				//alert(edeltype)
+				if (edeltype !== undefined & (edeltype == 'radio' | edeltype == 'checkbox')) {
+					$('[value="' + myval + '"]').prop('checked', true);
+				}
+				else {
+					$("[name='" + myname + "'").val(myval)
+				}
+
+
+			}
+		}
+
+		element.find('.sn').html(size);
+		sintconditions = sintconditions + 1
+		if (size == 1)
+			jQuery('#grammarbutton').attr('style', "display:block;")
+	}
+
+
+	jQuery(document).delegate('a.add-details', 'click', function(e) {
+		e.preventDefault();
+
+		var targetDiv = jQuery(this).attr('target');
+
+		rmel = jQuery('#' + targetDiv)
+		var curstyle = rmel.attr('view')
+
+		if (curstyle !== undefined && curstyle === 'y') {
+
+			rmel.children().attr('style', 'display:none');
+			rmel.attr('view', 'n')
+		}
+		else {
+			rmel.attr('view', 'y')
+			rmel.children().attr('style', 'display:block');
+		}
+
+		return true;
+
+
+	});
+
+});
\ No newline at end of file