From cd0ed513dd8e70a34aae511f49214ec08a7ab1a9 Mon Sep 17 00:00:00 2001
From: cesare <cesare@bigeh>
Date: Thu, 13 Mar 2025 17:34:58 +0100
Subject: [PATCH] gestione risultati rif

---
 js/browseMgr_5.1.js | 244 ++++++++++++++++++++++++++++++++------------
 js/dataMgr_5.1.js   |  65 +++++++++---
 js/utilsMgr_5.1.js  |   9 +-
 3 files changed, 237 insertions(+), 81 deletions(-)

diff --git a/js/browseMgr_5.1.js b/js/browseMgr_5.1.js
index 3a0b249..7a7dd73 100644
--- a/js/browseMgr_5.1.js
+++ b/js/browseMgr_5.1.js
@@ -583,6 +583,7 @@ $(document).ready(function() {
 		cantoDisplayed = "#" + cid;
 		
 
+
 		if (telive.length > 0) {
 			initCitazioni()
 		} else {
@@ -603,13 +604,13 @@ $(document).ready(function() {
 		}
 
 		//var telive = getListaRis()
-		for (var tel of telive) { 
+		for (var tel of telive) {
 			var telId = tel.split("_");
-			telId = "#"+telId[0]+telId[1]+"_"+telId[2];
+			telId = "#" + telId[0] + telId[1] + "_" + telId[2];
 			//replace inserito per evitare errori per i dati non corretti
-			$(telId+" #"+tel.replace('|', '')).addClass("mark ")
-		} 
-		
+			$(telId + " #" + tel.replace('|', '')).addClass("mark ")
+		}
+
 		$("#" + $(this).attr('name').replace(" ", "_")).attr('style', 'display: d-flex;')
 
 
@@ -933,7 +934,7 @@ $(document).ready(function() {
 	}
 	/*INIZIO GESTIONE CITAZIONI*/
 
-	async function initCitazioni( cantoCitazione = cantoDisplayed) {
+	async function initCitazioni(cantoCitazione = cantoDisplayed) {
 		//"#InfernoCanto_1"
 		var idcantica = '1'
 		var mcanto = cantoCitazione.replace("#", '')
@@ -1016,9 +1017,6 @@ $(document).ready(function() {
 		var queryComment = false;
 		var idClass = $(this).attr('class');
 		var parentClass = $(this).parent().attr('class');
-		if(cid.includes("Proemio")){
-			parentClass = "mark";
-		}
 		filterOn = true;
 
 		if (idClass.includes("filterRiferimentiOn")) {
@@ -1031,15 +1029,15 @@ $(document).ready(function() {
 		if (!hasCommentsJson(cid)) {
 			return
 		}
-		if (getListaIdCommenti().length>0) {
+		if (getListaIdCommenti().length > 0) {
 			if (filterOn) {
-				if (parentClass.includes("mark")){
+				if (parentClass.includes("mark")) {
 					$(".filterRiferimentiOn").css('display', 'inline-block');
 					$(".filterRiferimentiOff").css('display', 'none');
-				}else{
+				} else {
 					$(".filterRiferimentiOn").css('display', 'none');
 					$(".filterRiferimentiOff").css('display', 'none');
-				}				
+				}
 			} else {
 				$(".filterRiferimentiOff").css('display', 'inline-block');
 				$(".filterRiferimentiOn").css('display', 'none');
@@ -1060,10 +1058,10 @@ $(document).ready(function() {
 			case "3": cantica = "Paradiso";
 		}
 		var commentArea = $('#displaynote');
-		var idCommento = "CommentoQuery_"+parcid[1]+"_"+parcid[2]+"_"+parcid[3];
-		$(".filterRiferimentiOn").attr("id",idCommento)
-		$(".filterRiferimentiOff").attr("id",idCommento)
-		
+		var idCommento = "CommentoQuery_" + parcid[1] + "_" + parcid[2] + "_" + parcid[3];
+		$(".filterRiferimentiOn").attr("id", idCommento)
+		$(".filterRiferimentiOff").attr("id", idCommento)
+
 		if (parcid[0] == "CommentoQuery") { // verificare
 			queryComment = true;
 		}
@@ -1091,14 +1089,14 @@ $(document).ready(function() {
 				} else {
 					versText = ", Verso " + gruppoVersi;
 				}
-				
+
 				currentGroup = createNoteGroup(cantica, getRoman(parcid[2]), versText, k, commentsSQL[k].length, queryComment)
 				noteAdded = false;
 				commentsSQL[k].forEach(function(value, i) {
 					currentGroup.append(createNoteEntry(value, k, i, queryComment))
 				});
-				if (queryComment) { 
-					if (noteAdded) { 
+				if (queryComment) {
+					if (noteAdded) {
 						commentArea.append(currentGroup);
 						if (filterOn) {
 							$(".filterRiferimentiOff").css('display', 'inline-block');
@@ -1107,7 +1105,7 @@ $(document).ready(function() {
 							$(".filterRiferimentiOn").css('display', 'inline-block');
 							$(".filterRiferimentiOff").css('display', 'none');
 						}
-					}else{
+					} else {
 						if (k.includes("-") && !filterOn) {
 							commentArea.append(currentGroup);
 						}
@@ -1149,27 +1147,27 @@ $(document).ready(function() {
 	}
 	var toTitleCase = str => str.replace(/(^\w|\s\w)(\S*)/g, (_, m1, m2) => m1.toUpperCase() + m2.toLowerCase())
 
-	function isCommentInResult(idComment){
+	function isCommentInResult(idComment) {
 		const tmplistaidcomm = getListaIdCommenti()
 		if (tmplistaidcomm.length && tmplistaidcomm.includes(idComment)) {
 			return true;
-		} 
+		}
 		return false;
 	}
-	
+
 	function createNoteEntry(comments, id, pos, queryComment) {
 		var idref = comments.Id
 
-		if (isCommentInResult(idref)) { 
+		if (isCommentInResult(idref)) {
 			var noteCard = $('<div class="card card-body bg-light border-success well well-sm mx-1 mb-1 mt-0 p-0" id="noteCard' + id + '_' + pos + '"' + ' name= "' + idref + '">');
 			noteAdded = true;
 		}
-		else { 
+		else {
 			var noteCard = $('<div class="card card-body well well-sm mx-1 mb-1 mt-0 p-0 border-lida08" id="noteCard' + id + '_' + pos + '"' + ' name= "' + idref + '">');
 			if (queryComment) {
-				if(filterOn){
+				if (filterOn) {
 					noteCard.css("display", "none");
-				}else{
+				} else {
 					noteCard.css("display", "inline-block");
 				}
 			}
@@ -1517,9 +1515,9 @@ $(document).ready(function() {
 
 		}
 
-		var ile=-1
+		var ile = -1
 		for (var detail of details) {
-			ile+=1
+			ile += 1
 			myitems = detail.split(',');
 
 			catgramm = '<div  class="ttContent">';
@@ -1649,7 +1647,7 @@ $(document).ready(function() {
 		for (var ve of telive) {
 			//let idve = ve
 			$(ve.replace('|', '')).removeClass("mark ")
-			minim.contents().find(ve).removeClass("mark ")
+			minim.contents().find(ve.replace('|', '')).removeClass("mark ")
 		}
 		const tmplistaidcomm = getListaIdCommenti()
 		for (var idco of tmplistaidcomm) {
@@ -1669,8 +1667,8 @@ $(document).ready(function() {
 		isSearchRiferimenti = false;
 		//var esprlogica = []
 		var jsonQuery = getJsonQuery()
-	//	$("#paginaLista option").remove();
-	//	$('#paginaLista').append(`<option value="1">1/1</option>`);
+		//	$("#paginaLista option").remove();
+		//	$('#paginaLista').append(`<option value="1">1/1</option>`);
 
 		showingComments = false;
 		if (filterBottonAdded) {
@@ -1680,8 +1678,8 @@ $(document).ready(function() {
 			$('#displaynote').empty()
 			$('#displaynote').append($(emptyNoteList))
 		}
-		
-	
+
+
 
 		if (jsonQuery['QueryAvanzata'] == 0)
 			unitaRicerca = 'forma'
@@ -1766,7 +1764,7 @@ $(document).ready(function() {
 	}
 
 	function showRisultatiCommenti(listaRisultatiCommenti) {
-		
+
 		if (cantoDisplayed != '#vistaFrasi') {
 			prevCantoDisplayed = cantoDisplayed;
 			$(cantoDisplayed).css("display", "none");
@@ -1786,19 +1784,19 @@ $(document).ready(function() {
 			managePage();
 			$("#loader").fadeOut(300);
 			//$("#cantica0").trigger("click");
-		}else{
+		} else {
 			return;
 		}
 		if (!filterBottonAdded) {
 			var cardRiferimenti = $("#tabRiferimenti")
-			var filterButton = $('<button />'); 
+			var filterButton = $('<button />');
 			filterButton.attr('id', 'filterRiferimentiOn')
 			filterButton.attr('class', 'btn btn-sm btn-outline-primary filterRiferimentiOn showcomments border-0 rounded text-primary px-1 pt-1 pb-0 ml-1');
 			var filterIcon = '<ion-icon name="funnel"></ion-icon>';
 			//var filterIcon = '<img id="filterImgOn" src="./images/filterOn.png" width="50%" height="50%">'
 			//var filterIcon1 = '<img id="filterImgOff" src="./images/filterOff.png" width="50%" height="50%">'
 			var filterIcon1 = '<ion-icon name="funnel"></ion-icon>';
-			var filterButton1 = $('<button />'); 
+			var filterButton1 = $('<button />');
 			filterButton1.attr('id', 'filterRiferimentiOff')
 			filterButton1.attr('class', 'btn btn-sm btn-outline-primary filterRiferimentiOff showcomments border-0 rounded text-primary px-1 pt-1 pb-0 ml-1');
 			var removeFilter = '<ion-icon name="close"></ion-icon>';
@@ -1813,7 +1811,7 @@ $(document).ready(function() {
 			filterButton1.appendTo(cardRiferimenti)
 			filterBottonAdded = true;
 		}
-		
+
 		const emptyNoteList = '<div class="card card-body well well-sm m-1 mt-2 p-0" id="noteCard0"><span class="p-3 text-muted bg-lida-vis small" style="opacity: 0.6;">Nessun commento visualizzato</span></div>';
 		$('#displaynote').empty()
 		$('#displaynote').append($(emptyNoteList))
@@ -1827,16 +1825,15 @@ $(document).ready(function() {
 		var idFrase = 0;
 		var cid;
 		var numCantica;
-		var ultimoCanto;
-		var ultimoVerso;
-
+		var ultimoVersoPrecedente;
+		var numeroRisultato = 0;
 		elencoRiferimenti = $("#vistaFrasi");
 		elencoRiferimenti.empty();
 		$("#displaynote").empty();
 		filterOn = true;
 		$(".filterRiferimentiOn").css('display', 'none');
 		$(".filterRiferimentiOff").css('display', 'none');
-		
+
 		if (cantoDisplayed != '#vistaFrasi') {
 			prevCantoDisplayed = cantoDisplayed;
 			$(cantoDisplayed).css("display", "none");
@@ -1844,10 +1841,105 @@ $(document).ready(function() {
 			$("#vistaFrasi").attr('style', 'display: d-flex;');
 			cantoDisplayed = "#vistaFrasi";
 		}
-		var risLen = listaRisultatiCommenti.length;
-		for (var j = start; j < start+offset && j< risLen; j++) {
-			commentoRisultato = listaRisultatiCommenti[j].split("_")
+		
+		var uniq_res = [...new Set(listaRisultatiCommenti)];
+		var risLen = uniq_res.length;
+		var risultato=''
+		var setVersicontesto = new Set()
+		for (var j = start; j < start + offset && j < risLen; j++) {
+			numeroRisultato++
+			commentoRisultato = uniq_res[j].replace('#','').split("_")
+			risultato=uniq_res[j]
+			
+				
+			var cre = getVersoContext(commentoRisultato, 3)
+			console.log(cre)
+			
+			var divVerso = ''
+			var elementoversospan=''
+			var numeroCantica = 0
+			var canto = 0
+			var versiIniziali = $('<div class="versiFrase mt-3" />')
 			var listaVersi = $('<ol class="pt-3" />')
+
+			listaVersi.attr('id', "Frase" + numeroRisultato);
+			versiIniziali.attr('id', "versiFrase" + numeroRisultato);
+			if(commentoRisultato[3]!='Proemio'){
+				var numeroVersi = 0;
+
+				for (var forma of cre) {
+					if (setVersicontesto.size == 0) {
+						numeroCantica = forma.cantica
+						canto = forma.canto
+					}
+					if (!setVersicontesto.has(forma.cantica+'_'+forma.canto+'_'+forma.verso)) {
+						divVerso = createDivVersoGenericLi(forma.cantica, forma.verso+'_res', 'Canto_'+forma.canto)
+						elementoversospan = $('<span />')
+						elementoversospan.attr('id', forma.cantica + "_" + 'Canto_'+forma.canto + "_" + forma.verso + '_sp_res')
+						divVerso.append(elementoversospan)
+						versiIniziali.append(divVerso)
+						listaVersi.append(versiIniziali)
+						elencoRiferimenti.append(listaVersi)
+						setVersicontesto.add(forma.cantica+'_'+forma.canto+'_'+forma.verso)
+						numeroVersi++;
+					}
+					
+					createSpanFormeNew(forma.testo, forma.catg, 'e' + forma.posizione, forma.periodo, forma.funzperiodo, elementoversospan)
+				}
+			}
+			else{
+				divVerso = createDivVersoGenericLi(commentoRisultato[0], '0_res', 'Canto_'+commentoRisultato[2])
+				elementoversospan = $('<span />')
+				elementoversospan.attr('id', commentoRisultato[0] + "_" + 'Canto_'+commentoRisultato[2] + '_0_sp_res')
+				divVerso.append(elementoversospan)
+				versiIniziali.append(divVerso)
+				listaVersi.append(versiIniziali)
+				elencoRiferimenti.append(listaVersi)
+				setVersicontesto.add(commentoRisultato[0]+'P')
+				numeroVersi++;
+				createSpanFormeNew('Proemio', '* ', 'e0', '*', '*', elementoversospan)
+			}
+			var comandi = $('<div class=" comandi col flex-nowrap d-inline justify-content-between pl-1 pb-2 ml-2 mb-2 border-bottom"/>')
+			comandi.attr('id', "comandiFrase" + numeroRisultato)
+			var comandiGrp = $('<div />')
+			comandiGrp.attr('class', 'btn-group flex-nowrap d-inline pr-3 mt-1 mr-3 align-text-bottom');
+			comandiGrp.attr('role', "group")
+			
+			
+			//BOTTONE ESPANSIONE MODIFICARE
+			var spanBadgeExpand = $('<button class="btn btn-sm btn-outline-primary espandiFrase px-1 pt-1 pb-0"/>');
+			var expandIcon = '<ion-icon name="expand-outline"></ion-icon>';
+			var spanBadgeReduce = $('<button class="btn btn-sm btn-outline-secondary riduciFrase px-1 pt-1 pb-0 ml-1 disabled"/>');
+			var reduceIcon = '<ion-icon name="contract-outline"></ion-icon>';
+			var ctxpivot=1
+			
+			spanBadgeExpand.attr('id', commentoRisultato[0] + "Canto_ex_" + commentoRisultato[2] + "_" + ctxpivot + "_" + numeroRisultato);
+			spanBadgeExpand.append(expandIcon);
+			
+			spanBadgeReduce.attr('id', commentoRisultato[0] + "Canto_er_" + commentoRisultato[2] + "_" + ctxpivot + "_" + numeroRisultato);
+			spanBadgeReduce.append(reduceIcon)
+
+			spanBadgeExpand.appendTo(comandiGrp);
+			spanBadgeReduce.appendTo(comandiGrp);
+
+			comandiGrp.appendTo(comandi);
+			
+			var citazioneDiv = $('<div class=" text-right flex-nowrap d-inline ml-3 px-3 py-0"/>')
+
+			var citazione = $('<span class= " pl-3 citazioneFrase align-text-top"/>')
+			citazione.append("[" + commentoRisultato[0] + ", Canto " + commentoRisultato[2] + "]")
+			citazione.attr('name', commentoRisultato[0] + "Canto " + commentoRisultato[2]);
+			citazione.attr('id', idCitazione + '_' + numeroRisultato + '_' + risultato);
+			citazione.appendTo(citazioneDiv);
+
+			citazioneDiv.appendTo(comandi);
+			
+			comandi.appendTo(elencoRiferimenti);
+			
+			
+			
+			
+			/*var listaVersi = $('<ol class="pt-3" />')
 			idFrase++;
 			listaVersi.attr('id', "Frase" + idFrase);
 			var versiFrase = $('<div class="versiFrase mt-3" />')
@@ -1874,19 +1966,19 @@ $(document).ready(function() {
 			}
 			
 			if (!(loadedCanti.has(cid))) {
-				loadCommentsBottons(cid,formeCanto, numCantica, canto)
+				//loadCommentsBottons(cid,formeCanto, numCantica, canto)
+				showCanto(formeCanto, numCantica, canto)				
 				loadedCanti.add(cid)
 			}
 
 			verso = commentoRisultato[3];
 			if (verso == "Proemio"){
 				var proemio = $("#Titolo"+cantica + "Canto_" + canto ).clone()
-				proemio.attr("id","#Titolo" + cantica + '_Canto_' + canto +"_VF")
 				versiFrase.append("Proemio ")
 				versiFrase.append(proemio)
 			} else {
 				verso = Number(verso);
-				if (canto <= ultimoCanto && verso <= ultimoVerso) {
+				if (verso <= ultimoVersoPrecedente) {
 					$("#" + cantica + '_Canto_' + canto + '_' + verso).addClass("mark ")
 					continue;
 				}
@@ -1896,12 +1988,11 @@ $(document).ready(function() {
 			
 			for (var num = 0; num<versiPerGruppo; num++){
 				var liVerso = $("#" + cantica + '_Canto_' + canto + '_' + verso).clone()
-				liVerso.attr("id","#" + cantica + '_Canto_' + canto + '_' + verso+"_VF")
 				versiFrase.append(liVerso)
 				verso++
 			}
-			ultimoVerso = verso-1;
-			ultimoCanto = canto;
+			
+			ultimoVersoPrecedente = verso;
 
 			listaVersi.append(versiFrase)
 			elencoRiferimenti.append(listaVersi)
@@ -1912,19 +2003,43 @@ $(document).ready(function() {
 			citazione.attr('name', cantica + "Canto " + canto);
 			citazione.attr('id', idCitazione + '_' + numCantica + '_' + (verso-versiPerGruppo));
 			citazione.appendTo(citazioneDiv);
-			citazioneDiv.appendTo(elencoRiferimenti)
+			citazioneDiv.appendTo(elencoRiferimenti)*/
 
 		}
+		
+		//ottimizzare
+		for (var tres of uniq_res){
+			if (tres.includes('Proemio'))
+				tres=tres.replace('Proemio','0')
+			$('#' + tres+'_res').addClass("mark ")
+			var tresa=tres.split('_')
+			var tcantica='1'
+			if (tresa[0]=='Purgatorio')
+				tcantica='2'
+			if (tresa[0]=='Paradiso')
+					tcantica='3'
+			var tverso=	tresa[3]
+			if (tverso=='0')
+				tverso='Proemio'
+			var idCommento = "CommentoRes_" + tcantica + "_" + tresa[2] + '_'+tverso;
+			var pio = $("#" + idCommento )
+			if (pio.length)
+				continue;
+			
+			var elverso = $("#" + tresa[0]+'_Canto_'+tresa[2] + '_'+tresa[3]+'_res')
+			createCommentSpan(idCommento, elverso, 1)
+		}
+		drawMinimap('#vistaFrasi', false)
 		showingComments = true;
 
 		return verso;
 	}
 
 	async function loadCommentsBottons(cid, formeCanto, numCantica, canto) {
-		showCanto(formeCanto, numCantica, canto)
 		await initCitazioni(cid)
-		//drawMinimap(cid, false)
-		addFormaListenersInCanto(cid);
+		showCanto(formeCanto, numCantica, canto)
+		drawMinimap(cid, false)
+		addFormaListenersInCanto();
 	}
 	function executeLocalSearch(testo, forme, limit, cantica, cont, resultsInCantica, resultsInCanto) {
 
@@ -2203,6 +2318,7 @@ $(document).ready(function() {
 		var elementoverso = $('<li />')
 		/*var elementoversospan=$('<span />')*/
 		//elementoverso.append(spannum)
+		
 		elementoverso.attr("value", num)
 
 		//elementoverso.attr("style", "line-height: 1.0em")
@@ -2416,7 +2532,7 @@ $(document).ready(function() {
 							resSent.add(fraseItems[0] + '-' + fraseItems[3] + '-' + fraseItems[1] + '-' + fraseItems[2]);
 							//if (!resSent.has(fraseItems[0] + '-' + fraseItems[3])) {
 							let tmpocc = fraseItems.slice(-1)
-							
+
 							if (resClauses.filter(clocc => clocc == tmpocc[0]).length == 0 || tmpocc[0] == '') {
 								resClauses.push(tmpocc[0]);
 								//resSent.add(fraseItems[0] + '-' + fraseItems[3]+'-'+fraseItems[1] + '-' + fraseItems[2]);
@@ -2426,7 +2542,7 @@ $(document).ready(function() {
 								resultsInCanto.push(fraseItems[4] + fraseItems[5]);
 
 							}
-							
+
 						}
 						listaClausoleRisultato = Array.from(resSent);
 					}
@@ -2618,9 +2734,9 @@ $(document).ready(function() {
 			}
 		}
 	}
-	
-	
-	
+
+
+
 	/*
 	*	REGOLE DI PARSING PER VISUALIZZAZIONE CATEGORIE GRAMMATICALI 
 	*/
@@ -3091,7 +3207,7 @@ _ "whitespace"= " "*
 	var parserCitazione = peg.generate(citazione);
 	var parserOnomastica = peg.generate(onomastica);
 	var parserCongiunzione = peg.generate(congiunzione);
-	
 
 
-});
+
+});
\ No newline at end of file
diff --git a/js/dataMgr_5.1.js b/js/dataMgr_5.1.js
index 45642d0..c4e25b4 100644
--- a/js/dataMgr_5.1.js
+++ b/js/dataMgr_5.1.js
@@ -42,7 +42,7 @@ const conn = await db.connect();
 // SELECT * FROM "https://lida.dantenetwork.it/js/data/com.parquet";
 await conn.query(`
     CREATE TABLE riferimenti AS
-        SELECT * FROM "https://lida.dantenetwork.it/js/data/riferimenti_6.parquet";
+        SELECT * FROM "https://lida.dantenetwork.it/js/data/riferimenti_7.parquet";
 
 `);
 
@@ -134,9 +134,9 @@ export async function getVersiConCitazioni(canticapar = '', cantopar = '') {
 				RCC as RapportoCommentoCommentatoreText, RSO as RapportoSoggettoOggetto,
 				Aut as NomeAutoreCitazione, TiFo as TitoloFonteCitazione, Verso as VersoCitazione, CA as AreaTematica,
 				TiCi as TipoCitazione, CEP as CitEpisodi, CIM as CitImmagini, CTE as CitTeorie,
-				CMO as CitMotivi, CST as CitStilemi, CTO as CitTopografie, CPER as CitPersonaggi, IdRiferimento as Id
+				CMO as CitMotivi, CST as CitStilemi, CTO as CitTopografie, CPER as CitPersonaggi, IdRiferimento as Id, n1, n2, n3
 			 from riferimenti 
-			 where Cantica='${canticapar}' and Canto='${cantopar}' order by verso;
+			 where Cantica='${canticapar}' and Canto='${cantopar}' order by n1, n2, n3;
 	`);
 
 	var result4 = table.toArray().map((row) => row.toJSON());
@@ -146,6 +146,34 @@ export async function getVersiConCitazioni(canticapar = '', cantopar = '') {
 	return result4
 
 }
+
+export async function getCitazioniVerso(canticapar = '', cantopar = '', versopar='') {
+
+	//let citcantiche = ['Inferno', 'Purgatorio', 'Paradiso']
+	if (canticapar == '') {
+		return
+	}
+	const tconn = await db.connect();
+	var table = await tconn.query(`
+	        select Ann as Annotazione, Com as Commentario, FrN as frammentoNota, AC as AutoreCitazione,
+				F as FonteCitazione, LF as LuogoFonteCitazione, NF as NotaFonteCitazione,
+				TF as TestoFonteCitazione, UF as URLFonteCitazione, NaRi as NaturaRiferimento,
+				RCC as RapportoCommentoCommentatoreText, RSO as RapportoSoggettoOggetto,
+				Aut as NomeAutoreCitazione, TiFo as TitoloFonteCitazione, Verso as VersoCitazione, CA as AreaTematica,
+				TiCi as TipoCitazione, CEP as CitEpisodi, CIM as CitImmagini, CTE as CitTeorie,
+				CMO as CitMotivi, CST as CitStilemi, CTO as CitTopografie, CPER as CitPersonaggi, IdRiferimento as Id, n1, n2, n3
+			 from riferimenti 
+			 where Cantica='${canticapar}' and Canto='${cantopar}' and Verso={versopar} order by n1, n2, n3;
+	`);
+
+	var result4 = table.toArray().map((row) => row.toJSON());
+
+
+	await tconn.close();
+	return result4
+
+}
+
 function getWhere(filtro) {
 	if (filtro == null) {
 		return
@@ -275,7 +303,7 @@ export async function queryRiferimentimul(query, cid) {
 	console.log(wherecl)
 	const tconn = await db.connect();
 
-	var querytl = 'select IdRiferimento, Cantica, Canto, Verso from riferimenti'
+	var querytl = 'select IdRiferimento, Cantica, Canto, Verso from riferimenti order by n1, n2, n3'
 	var rs = await tconn.query(querytl + wherecl)
 	var result4 = rs.toArray().map((row) => row.toJSON());
 
@@ -286,12 +314,12 @@ export async function queryRiferimentimul(query, cid) {
 }
 
 function showResult(resxcantica, cid) {
-	var resKeys = Object.keys(resxcantica);
+	/*var resKeys = Object.keys(resxcantica);
 	var tuttiVersiPurgatorio = []
-	var tuttiVersiParadiso = []
+	var tuttiVersiParadiso = []*/
 	listaidversi = []
-
-	if (resKeys.includes("Inferno")) {
+	var numcid = cid.split('_')[1]
+	/*if (resKeys.includes("Inferno")) {
 		sortRiferimenti(resxcantica.Inferno, listaidversi)
 	}
 	if (resKeys.includes("Purgatorio")) {
@@ -302,7 +330,7 @@ function showResult(resxcantica, cid) {
 		sortRiferimenti(resxcantica.Paradiso, tuttiVersiParadiso)
 		listaidversi = listaidversi.concat(tuttiVersiParadiso)
 	}
-		
+		*/
 	for (var cantica in resxcantica) {
 		var $nctags = $(' .navig-canto')
 
@@ -318,6 +346,16 @@ function showResult(resxcantica, cid) {
 		spanbadgecantica.appendTo($('#cantica' + i + '-badge'))
 
 		var tmp = resxcantica[cantica]
+		for (var el of tmp){
+			var tmpc=el.Canto
+			if (tmpc.startsWith('0')) {
+				tmpc = tmpc.replace('0', '')
+			}
+			
+			let ordveid = el.Cantica + '_Canto_' + tmpc + '_' + el.Verso.split('-')[0]+'_sp'
+			listaidversi.push(ordveid)
+		}
+		
 		var resxcanto = Object.groupBy(tmp, ({ Canto }) => Canto);
 		for (var canto in resxcanto) {
 			var tmpv = resxcanto[canto]
@@ -329,8 +367,11 @@ function showResult(resxcantica, cid) {
 			}
 			spanbadge.appendTo($nctags.filter('[name="' + cantica + 'Canto ' + canto + '"]'))
 			for (const tmpvi of tmpv) {
-				console.log('id rif '+tmpvi.idRiferimento)
-				listaidcommenti.push(tmpvi.IdRiferimento)
+				let myveid = cantica + '_Canto_' + canto + '_' + tmpvi.Verso.split('-')[0].replace('|','')+'_sp'
+				//listaidversi.push(myveid)
+				listaidcommenti.push(tmpvi.IdRiferimento) //Nico
+				if (cid.includes(cantica) && numcid == canto)
+					$('#' + myveid).addClass("mark ")
 			}
 		}
 		drawMinimap(cid, true)
@@ -419,7 +460,7 @@ export async function queryRiferimenti(filtro, cid) {
 			queryfi += ")"
 	}
 
-	var rs = await tconn.query(querytl + queryfi)
+	var rs = await tconn.query(querytl + queryfi+ ' order by n1, n2, n3;')
 	var result4 = rs.toArray().map((row) => row.toJSON());
 
 	await tconn.close();
diff --git a/js/utilsMgr_5.1.js b/js/utilsMgr_5.1.js
index e4037b7..a22a366 100644
--- a/js/utilsMgr_5.1.js
+++ b/js/utilsMgr_5.1.js
@@ -161,17 +161,16 @@ function getVersoContext(versoid, numversi = 3) {
 	if (cantica == 'Purgatorio') {
 		offset = 33374
 		listaforme = formeseconda;
-		console.log(listaforme.length)
 	}
-	if (cantica == 'Paradiso3') {
+	if (cantica == 'Paradiso') {
 		offset =  66588
 		listaforme = formeterza;
 	}
 	var maxpos = listaforme.length - 1
 	var pos = 0
-	var startindex = Math.max(0, (offset - 30))
+	var startindex = 0//Math.max(0, (offset - 30))
 	//cerco la posizione iniziale del verso precedente
-	var startver= Math.max(0, num-1)
+	var startver= Math.max(1, (num-1))
 	
 	for (i = startindex; i < listaforme.length; i++) {
 		var tmpos = listaforme[i].split('_')[1]
@@ -200,7 +199,7 @@ function getVersoContext(versoid, numversi = 3) {
 				contextitem['testo'] = tmpform[0];
 				contextitem['verso'] = tmpform[3];
 				contextitem['canto'] = tmpform[1];
-				contextitem['cantica'] = cantica - 1;
+				contextitem['cantica'] = cantica;
 				contextitem['posizione'] = tmpform[2];
 				contextitem['catg'] = tmpform[4];
 				contextitem['periodo'] = cantica + '_' + tmpform[1] + '_s_' + tmpform[5];