From 653d25e8ae0fe8a1897986d3ab7575ff756e6093 Mon Sep 17 00:00:00 2001
From: cesare <cesare@localhost>
Date: Mon, 5 Dec 2022 14:11:02 +0100
Subject: [PATCH] funzioni di caricamento canti modificate

---
 js/cesareBrowse.js | 91 +++++++++++++++++++++++++++++++++++-----------
 1 file changed, 70 insertions(+), 21 deletions(-)

diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js
index 0dae760..6252f5b 100644
--- a/js/cesareBrowse.js
+++ b/js/cesareBrowse.js
@@ -372,9 +372,8 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
 	
 	function showCantica(cantica){
 		var listaCanti = new Set()
-		//var listaVersi = new Set()
+		var setVersi = new Set()
 		var listaVersi = []
-		//var listaForme = new Set()
 		var listaForme =[]
 		containerForme=formeterza
 		if(cantica=='Inferno')
@@ -383,26 +382,79 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
 			containerForme=formeseconda
 		for (cmpItem of containerForme){
 			formaItem=cmpItem[0].split("_")
-			listaCanti.add('Canto '+formaItem[1])
+			listaCanti=createDivCanti(listaCanti, cantica, 'Canto '+formaItem[1])
+			
 			var obj = new Object();
 			var forma=new Object()
+			setVersi=createDivVersi(setVersi, cantica, formaItem[3], 'Canto '+formaItem[1])
+			/*
 			obj.numverso = formaItem[3];
-			//obj.verso = binding.get('Verso').value;
+
 			obj.canto = 'Canto '+formaItem[1];
 			obj.cantica = cantica;
 			listaVersi.push(obj)
-			forma.numverso = formaItem[3];;
+			*/
+			
+			forma.numverso = formaItem[3];
 			forma.canto = 'Canto '+formaItem[1];
 			forma.pos = formaItem[2];
 			forma.form = formaItem[0];
 			forma.cantica = cantica;
-			listaForme.push(forma)
+			createSpanForme(forma)
+			//listaForme.push(forma)
 		}
-		renderData(cantica, listaCanti, listaVersi, listaForme);
+		//renderData(cantica, listaCanti, listaVersi, listaForme);
 		return
 	}
+	function createSpanForme(element){
+		var spanoccorrenza=$('<span />')
+		var pos=parseInt(element.pos)
+		spanoccorrenza.attr('id', element.cantica+"_"+ element.canto.replace(" ", "_")+"_"+element.numverso+"_"+pos)
+		if (listarisultati.length>0 && listarisultati.includes(spanoccorrenza.attr('id')))
+			spanoccorrenza.attr('class', "f6 mark ")
+		spanoccorrenza.append(element.form.replaceAll("%20", " "))
+		elementoverso=$('#'+element.cantica+"_"+ element.canto.replace(" ", "_")+"_"+element.numverso)	
+		spanoccorrenza.appendTo(elementoverso)
+		elementoverso.append('&nbsp;')
+		
+	}
+	function createDivVersi(setVersi, cantica, num, canto){
+		if(setVersi.has(cantica+"_"+num+"_"+canto))
+			return setVersi
+		else{
+			var elementoverso = $('<p />')
+
+			elementoverso.append(num + ". ")
+			elementoverso.attr("style", "line-height: 0.5em")
+			
+			elementoverso.attr('class', 'f6 text-secondary text-nowrap font-weight-lighter')
+
+			elementoverso.attr('id', cantica+"_"+ canto.replace(" ", "_")+"_"+num)
+			elementoverso.appendTo('#' + cantica +canto.replace(" ", "_"))
+			setVersi.add(cantica+"_"+num+"_"+canto)
+			return setVersi
+		}
+		
+	}
+	
+	function createDivCanti(orderedListaCanti, cantica, canto){
+		if (orderedListaCanti.has(canto)){
+			return orderedListaCanti
+		}
+		var divcanto = $('<div />')
+		var titolocanto = $('<h4 class="titolo-canto pb-2" />')
+		titolocanto.append(cantica+", "+canto)
+		divcanto.attr('class', 'canto')
+		divcanto.attr('style', 'display:none')
+		divcanto.attr('id', (cantica + canto).replace(" ", "_"))
+		titolocanto.appendTo(divcanto)
+		divcanto.appendTo(' .blog-main')
+		orderedListaCanti.add(canto)
+		return orderedListaCanti
+	}
+	
 	function renderData(cantica, listaCanti, listaVersi, listaForme){
-		var orderedListaCanti = Array.from(listaCanti)
+		//var orderedListaCanti = Array.from(listaCanti)
 		//orderedListaCanti = orderedListaCanti.sort((a, b) => {
 		//	return parseInt(a.split(" ")[1], 10)-parseInt(b.split(" ")[1], 10)
 		//});
@@ -412,28 +464,23 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
 						
 		//});
 		
+		/*
 		listaVersi = listaVersi.filter((value, index, self) =>
   			index === self.findIndex((t) => (
     		t.numverso === value.numverso && t.canto === value.canto && t.cantica===value.cantica
   			))
-		)
+		)*/
+		
 		//var orderedListaForme = Array.from(listaForme)
 		//orderedListaForme = orderedListaForme.sort((a, b) => {
 		//	return parseInt(a.pos, 10)-parseInt(b.pos, 10)
 						
 		//});
 	
-		var divListaCanti = $('<DIV id="Canti' + cantica + '" />')
+		//var divListaCanti = $('<DIV id="Canti' + cantica + '" />')
+		/*
 		for (canto of orderedListaCanti) {
-			//var licanto = $('<li class="navig-canto"/>')
-			//licanto.attr('name', cantica + canto)
-			//licanto.attr('href', "#")
-			//licanto.attr("style", "line-height: 1.2em")
-			//numcanto=canto.split(" ")[1]
-			//licanto.append(numcanto)
-	
 			
-			//licanto.appendTo(divListaCanti)
 			
 			var divcanto = $('<div />')
 			var titolocanto = $('<h4 class="titolo-canto pb-2" />')
@@ -444,8 +491,10 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
 			titolocanto.appendTo(divcanto)
 			divcanto.appendTo(' .blog-main')
 		}
+		*/
 		//divListaCanti.appendTo('#listacanti')
-		divListaCanti.appendTo(ddmenus[cantica])
+		//divListaCanti.appendTo(ddmenus[cantica])
+		/*
 		for (verso of listaVersi) {
 						
 						
@@ -460,14 +509,14 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
 			elementoverso.appendTo('#' + cantica + verso.canto.replace(" ", "_"))
 						
 		}
-					
+				*/	
 		listaForme.forEach((element) => {
 			var spanoccorrenza=$('<span />')
 			var pos=parseInt(element.pos)
 			spanoccorrenza.attr('id', element.cantica+"_"+ element.canto.replace(" ", "_")+"_"+element.numverso+"_"+pos)
 			if (listarisultati.length>0 && listarisultati.includes(spanoccorrenza.attr('id')))
 				spanoccorrenza.attr('class', "f6 mark ")
-			spanoccorrenza.append(managePunctuation(element.form))
+			spanoccorrenza.append(element.form)
 			elementoverso=$('#'+element.cantica+"_"+ element.canto.replace(" ", "_")+"_"+element.numverso)	
 			spanoccorrenza.appendTo(elementoverso)
 			elementoverso.append('&nbsp;')