nuova visualizzazione lista frasi

css/custom1_4.2.css

@@ -373,3 +373,9 @@ cite.elencoris {
     padding-top: 0px;
 }
 
+.citazioneFrase {
+	color: #734450;
+ 	font-style: italic;
+ 	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
+	
+}

css/custom2_4.2.css

@@ -381,3 +381,9 @@ cite.elencoris {
     padding-top: 0px;
 }
 
+.citazioneFrase {
+	color: #734450;
+ 	font-style: italic;
+ 	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
+	
+}

css/custom_4.2.css

@@ -319,3 +319,9 @@ lida2:
     padding-top: 0px;
 }
 
+.citazioneFrase {
+	color: #734450;
+ 	font-style: italic;
+ 	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
+	
+}

js/cesareBrowse.js

@@ -35,6 +35,7 @@ $(document).ready(function() {
 	var cantoDisplayed = "#InfernoCanto_1";
 	var queryExecuted = false;
 	var contextLength = 3; 
+	var idCitazione = "citazione_Frase";
 	
 	resetResult=function(){
 		//console.log('clean result')
@@ -89,6 +90,16 @@ $("#valoreVista").on('change', function() {
 	}
 });
 
+function getRoman(numero) {
+	
+	var romani = ["I","II","III","IV","V","VI","VII","VIII","IX","X",
+				  "XI","XII","XIII","XIV","XV","XVI","XVII","XVIII","XIX","XX",
+				  "XXI","XXII","XXIII","XXIV","XXV","XXVI","XXVII","XXVIII","XXIX","XXX",
+				  "XXXI","XXXII","XXXIII","XXXIV"];
+	return (romani[numero-1]);
+	
+}
+
 function loadFrasi() {
 	
 	$(cantoDisplayed).find(' .sentencetag').each(function() {
@@ -202,7 +213,6 @@ $(" ."+formaClass).hover(function(idx, element) {
 		}
 	});
 
-
 	jQuery(document).delegate(' .espandiFrase', 'click', function() {
 		var cid  = $(this).attr('id');
 		var parcid=cid.split('_');
@@ -217,6 +227,9 @@ $(" ."+formaClass).hover(function(idx, element) {
 		var fraseElements = [];
 		var ultimoVersoDivDopo;
 		var primoVersoDivPrima;
+		var citazioneFrase;
+		var lastAppend;
+		var fineCanto = false;
 		
 		if ( !(loadedCanti.has(cantoToShow))){
 			caricaCanto(cantoToShow,parcid)
@@ -243,6 +256,8 @@ $(" ."+formaClass).hover(function(idx, element) {
 		idVerso = fraseDiv[fraseDiv.length-1].split('_');
 		ultimoVersoDivDopo = parseInt(idVerso[2]);
 				
+		citazioneFrase = $("#"+idCitazione+parcid[4]).clone();
+		
 		divAggiuntiPrima = $("#"+"FrasiAggiuntePrima"+parcid[4]);
 		divAggiuntiDopo = $("#"+"FrasiAggiunteDopo"+parcid[4]);
 
@@ -260,17 +275,24 @@ $(" ."+formaClass).hover(function(idx, element) {
 			ultimoVersoDivDopo = divAggiuntiDopo.attr("ultimoVerso")
 		}
 
-		if (fraseDiv.length < contextLength){
+		if (fraseDiv.length < contextLength+1){
 			if(numeroVerso == 1){ //  caso inizio canto
-				aggiungiDopo(fraseDiv, ultimoVersoDivDopo,divAggiuntiDopo,cantoDiv)		
+				lastAppend = aggiungiDopo(fraseDiv, ultimoVersoDivDopo,divAggiuntiDopo,cantoDiv)		
 			}else{ //  caso fine canto
 				aggiungiPrima(fraseDiv, primoVersoDivPrima,divAggiuntiPrima,cantoDiv);
+				fineCanto = true;					
 			}				
 		}else{ 
 			aggiungiPrima(fraseDiv, primoVersoDivPrima,divAggiuntiPrima,cantoDiv);
-			aggiungiDopo(fraseDiv, ultimoVersoDivDopo,divAggiuntiDopo,cantoDiv)		
+			lastAppend = aggiungiDopo(fraseDiv, ultimoVersoDivDopo,divAggiuntiDopo,cantoDiv)		
 		}
 		
+		if (!fineCanto){
+			$("#"+idCitazione+parcid[4]).remove();
+			citazioneFrase.appendTo(lastAppend)
+		}
+		
+
 		//aggiungo listeners
 		addFormaListeners()
 		
@@ -287,6 +309,7 @@ $(" ."+formaClass).hover(function(idx, element) {
 		}
 		divAggiuntiDopo.insertAfter($(idVerso));	
 		divAggiuntiDopo.attr("ultimoVerso",ultimoVersoDivDopo)
+		return verso;		
 	}
 	
 	function aggiungiPrima(fraseDiv, primoVersoDivPrima,divAggiuntiPrima,cantoDiv){
@@ -307,9 +330,21 @@ $(" ."+formaClass).hover(function(idx, element) {
 		var parcid=cid.split('_');
 		var divAggiuntiPrima = "#"+"FrasiAggiuntePrima"+parcid[4]
 		var divAggiuntiDopo = "#"+"FrasiAggiunteDopo"+parcid[4]
+		var fraseDiv = [];
+		var fraseToExpand = "#"+"Frase"+parcid[4]
+		var idUltimoVerso;
 
+		citazioneFrase = $("#"+idCitazione+parcid[4]).clone();
+		$("#"+idCitazione+parcid[4]).remove();
 		$(divAggiuntiPrima).remove();
 		$(divAggiuntiDopo).remove();
+		
+		$(fraseToExpand +" > p").each((index, elem) => {
+  			fraseDiv.push(elem.id);
+		});
+		idUltimoVerso = "#"+fraseDiv[fraseDiv.length-1];
+		
+		citazioneFrase.appendTo($(idUltimoVerso));
 	});		
 	
 	function caricaCanto(canto, parcid){
@@ -322,19 +357,6 @@ $(" ."+formaClass).hover(function(idx, element) {
 			loadedCanti.add(canto)
 	}
 
-	jQuery(document).delegate(' .vaiALCanto', 'click', function() {
-		var cid  = $(this).attr('id');
-		var parcid=cid.split('_');
-
-		cantoDisplayed = parcid[0]+"_"+parcid[2]
-		
-		if ( !(loadedCanti.has(cantoDisplayed))){
-			caricaCanto(cantoDisplayed,parcid)
-		}
-		cantoDisplayed = "#"+cantoDisplayed
-		$(cantoDisplayed).attr('style', 'display: d-flex;');
-		$("#vistaFrasi").css("display", "none");
-	});
 /*
  * Costruzione e visualizzazione del risultato in frasi.
 */
@@ -368,7 +390,7 @@ $(" ."+formaClass).hover(function(idx, element) {
 				numeroCantica=0
 				canto=0
 				var elencoVersi = $('<div class="itemelenco" />')
-				var titoloCanto = $('<h5 class="titolo-canto"/>')
+				//var titoloCanto = $('<h5 class="titolo-canto"/>')
 				
 				elencoVersi.attr('id', "Frase"+numeroRisultato);
 
@@ -376,8 +398,6 @@ $(" ."+formaClass).hover(function(idx, element) {
 					if (setVersicontesto.size == 0){
 						numeroCantica=forma.cantica
 						canto=forma.canto
-						titoloCanto.append("<cite class='elencoris'>"+ getCantica(numeroCantica)+", Canto "+canto+"</cite>");
-						elencoVersi.append(titoloCanto)
 					}
 					if (!setVersicontesto.has(forma.verso)){
 						divVerso = createDivVersoGeneric(forma.cantica, forma.verso, forma.canto)
@@ -387,13 +407,17 @@ $(" ."+formaClass).hover(function(idx, element) {
 					createSpanFormeNew(forma.testo, forma.catg, 'e'+forma.posizione, forma.periodo, forma.funzperiodo, divVerso)
 				}
 								
-				
 				var mhr=$('<hr width="100" align="center"/>')
 				var comandi = $('<div />')
 				comandi.attr('id',"comandiFrase"+numeroRisultato)
-				var spanBadgeContext = $('<span />');				
+				var citazione = $('<span />')	
-				var contextIcon = '<ion-icon name="return-up-back-outline"></ion-icon>';
+				citazione.append("[Canto "+getRoman(canto)+", "+getCantica(numeroCantica)+"]")
-				spanBadgeContext.attr('class', 'badge badge-primary badge-pill my-0 mx-2 vaiALCanto');
+				citazione.attr('class', ' citazioneFrase my-0 mx-2 navig-canto');
+				citazione.attr('name', getCantica(numeroCantica)+"Canto "+canto);
+				citazione.attr('id', idCitazione+numeroRisultato);
+
+				citazione.appendTo(divVerso);
+				
 				var spanBadgeExpand = $('<span />');	
 				var expandIcon = '<ion-icon name="arrow-down-outline"></ion-icon>';
 				spanBadgeExpand.attr('class', 'badge badge-primary badge-pill my-0 mx-2 espandiFrase');
@@ -401,16 +425,12 @@ $(" ."+formaClass).hover(function(idx, element) {
 				var reduceIcon = '<ion-icon name="arrow-up-outline"></ion-icon>';
 				spanBadgeReduce.attr('class', 'badge badge-primary badge-pill my-0 mx-2 riduciFrase');
 				
-				spanBadgeContext.attr('id', getCantica(numeroCantica)+"Canto_e_"+canto+"_"+risultato+"_"+numeroRisultato);
-				spanBadgeContext.append(contextIcon)
-				
 				spanBadgeExpand.attr('id', getCantica(numeroCantica)+"Canto_ex_"+canto+"_"+risultato+"_"+numeroRisultato);
 				spanBadgeExpand.append(expandIcon)
 				
 				spanBadgeReduce.attr('id', getCantica(numeroCantica)+"Canto_er_"+canto+"_"+risultato+"_"+numeroRisultato);
 				spanBadgeReduce.append(reduceIcon)
 
-				spanBadgeContext.appendTo(comandi);
 				spanBadgeExpand.appendTo(comandi);
 				spanBadgeReduce.appendTo(comandi);
 
@@ -432,7 +452,6 @@ $(" ."+formaClass).hover(function(idx, element) {
 			
 			//visualizzo
 			$("#vistaFrasi").attr('style', 'display: d-flex;');
-			manageMM("#vistaFrasi")
 			
 	});