Tolto accumulo note

This commit is contained in:
Luca Trupiano 2023-12-07 16:37:37 +01:00
parent 9c59508ae7
commit 0c4fa38a68
1 changed files with 36 additions and 18 deletions

View File

@ -780,7 +780,7 @@ function resetFrasi(){
case "3": cantica = "Paradiso"; case "3": cantica = "Paradiso";
} }
var commentArea = $('#displaynote'); var commentArea = $('#displaynote');
// commentArea.empty() commentArea.empty()
if ($('#noteCard0').length ) { if ($('#noteCard0').length ) {
$("#noteCard0")[0].remove(); $("#noteCard0")[0].remove();
} }
@ -790,7 +790,8 @@ function resetFrasi(){
for (var pos in commentsArray){ for (var pos in commentsArray){
console.log("Id: "+id); console.log("Id: "+id);
var noteCard = $('<div class="card card-body well well-sm m-1 mt-2 p-0" id="noteCard' + id + '">'); var noteCard = $('<div class="card card-body well well-sm m-1 mt-2 p-0" id="noteCard' + id + '">');
var collapseCardBody = $('<div class="card-body px-0 py-2 mx-1 mb-1 mt-0 border rounded" >'); //var collapseCardBody = $('<div class="card-body px-0 py-2 mx-1 mb-1 mt-0 border-top rounded" >');
var collapseCardBody = $('<div class="card-body px-0 py-1 mx-3 my-0 border-top rounded" >');
var divCampiSingoli = $('<div class="d-flex align-content-start flex-wrap text-muted">'); var divCampiSingoli = $('<div class="d-flex align-content-start flex-wrap text-muted">');
var comments = commentsArray[pos] var comments = commentsArray[pos]
@ -852,7 +853,8 @@ function resetFrasi(){
'class="btn btn-sm btn-outline-primary bg-light closeNote border rounded text-primary align-self-end px-1 pb-0 ml-1 mb-1">'+ 'class="btn btn-sm btn-outline-primary bg-light closeNote border rounded text-primary align-self-end px-1 pb-0 ml-1 mb-1">'+
'<ion-icon name="close-circle"></ion-icon>'); '<ion-icon name="close-circle"></ion-icon>');
rigaNota.append('<b>' + cantica + '</b>' + ", Canto " + getRoman(parcid[2]) + ", Verso " + parcid[3] + "<br>"); //rigaNota.append('<b>' + cantica + '</b>' + ", Canto " + getRoman(parcid[2]) + ", Verso " + parcid[3] + "<br>");
rigaNota.append('<h6 class="card-title mb-2 text-warning">' + cantica + ", Canto " + getRoman(parcid[2]) + ", Verso " + parcid[3] + "</h6>");
collapseButton.appendTo(buttons); collapseButton.appendTo(buttons);
closeButton.appendTo(buttons); closeButton.appendTo(buttons);
@ -888,9 +890,9 @@ function resetFrasi(){
luogoFonte = comments.LuogoFonteCitazione; luogoFonte = comments.LuogoFonteCitazione;
} }
if (comments.URLFonteCitazione != null) { if (comments.URLFonteCitazione != null) {
rigaNota.append('&nbsp;<b>Coordinate della Fonte:</b><a href="' + comments.URLFonteCitazione + '"target="_blank"<i> ' + luogoFonte + '</i></a><br>'); rigaNota.append('&nbsp;<b>Coordinate della fonte:</b><a href="' + comments.URLFonteCitazione + '"target="_blank"><i> ' + luogoFonte + '</i></a><br>');
} else { } else {
rigaNota.append('&nbsp;<b>Coordinate della Fonte:</b><i> ' + luogoFonte + '</i><br>'); rigaNota.append('&nbsp;<b>Coordinate della fonte:</b><i> ' + luogoFonte + '</i><br>');
} }
rigaNota.appendTo(commentHeader); rigaNota.appendTo(commentHeader);
buttons.appendTo(commentHeader); buttons.appendTo(commentHeader);
@ -898,19 +900,29 @@ function resetFrasi(){
} }
function createDivSingola(divCampi, campo, valore){ function createDivSingola(divCampi, campo, valore){
var divSingola = $('<div class="px-3 py-1">'); //var divSingola = $('<div class="px-3 py-1">');
var divSingola = $('<div class="pl-0 pr-3 py-1">');
divSingola.append ('<b>'+campo+'</b><i> '+valore+'</i>'); divSingola.append ('<b>'+campo+'</b><i> '+valore+'</i>');
divSingola.appendTo(divCampi); divSingola.appendTo(divCampi);
} }
function createModule(collapse,label, testo, num, id, pos){ function createModule(collapse,label, testo, num, id, pos){
console.log(label+": "+testo.length); //console.log(label+": "+testo.length);
var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">'); var divContent = $('<div class="text-muted p-0">');
var divTesto = $('<div class="px-3 py-1">') //var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
var nota = '<b>'+label+'</b>'+testo; //var divTesto = $('<div class="px-3 py-1">')
divTesto.append(nota); var nota = '<b>'+label+'</b><span class="blog-main-16">'+testo+'</span>';
divContent.append(divTesto); //divTesto.append(nota);
if (testo.length > 260) { //divContent.append(divTesto);
divContent.append(nota);
if (testo.length > 210) {
/*
var a = $('#displaynote').width();
var b = $('#Test').width();
var c = (a / b * 2.2 * 52)
console.log($('#Test').text().length)
console.log(c)
*/
var divModule = $('<div class="module pb-0">'); var divModule = $('<div class="module pb-0">');
var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+ '_' + pos +'" aria-expanded="false">') var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+ '_' + pos +'" aria-expanded="false">')
divModule.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse'+num+'Note'+id+ '_' + pos +'" role="button"></a>') divModule.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse'+num+'Note'+id+ '_' + pos +'" role="button"></a>')
@ -926,12 +938,12 @@ function resetFrasi(){
let jsonCommento=JSON.parse(commento.replaceAll("'", '"').replaceAll("+", '"')); let jsonCommento=JSON.parse(commento.replaceAll("'", '"').replaceAll("+", '"'));
var urlCommento = jsonCommento.Commento; var urlCommento = jsonCommento.Commento;
var esitoCommento = jsonCommento.Rapporto.charAt(0) + jsonCommento.Rapporto.substring(1).toLowerCase(); var esitoCommento = jsonCommento.Rapporto;
var autoreCommento = jsonCommento.Autore var autoreCommento = jsonCommento.Autore
//var commentoCommentatore = commento.split(','); //var commentoCommentatore = commento.split(',');
var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">'); var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
var divTesto = $('<div class="px-3 py-1">') var divTesto = $('<div class="pl-0 pr-3 py-1">')
var nota; var nota;
/* /*
var urlCommento = commentoCommentatore[0]; var urlCommento = commentoCommentatore[0];
@ -955,11 +967,17 @@ function resetFrasi(){
if (urlCommento == "") { if (urlCommento == "") {
nota = '<b>Rapporto commento/commentatore: </b>'+esitoCommento+' Commento nullo, '+'</b><br>'; nota = '<b>Rapporto commento/commentatore: </b>'+esitoCommento+' Commento nullo, '+'</b><br>';
} else { } else {
nota = '<b>Rapporto commento/commentatore: </b>'+esitoCommento +' <a href="'+urlCommento+'"target="_blank"<i>' + autoreCommento+ '</i></a>' + '</b><br>'; nota = '<b>Rapporto commento/commentatore: </b><i>'+esitoCommento +' <a href="'+urlCommento+'"target="_blank">' + autoreCommento+ '</i></a> ' + '</b><br>';
} }
divTesto.append(nota); divTesto.append(nota);
divContent.append(divTesto); divContent.append(divTesto);
if (nota.length > 260) { if (nota.length > 210) {
/*
var a = $('#displaynote').width();
var b = $('#Test').width();
var c = (a / b * 2.2 * 52)
console.log(c)
*/
var divModule = $('<div class="module pb-0">'); var divModule = $('<div class="module pb-0">');
var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+ '_' + pos +'" aria-expanded="false">') var divNote = $('<div class="collapse" id="collapse'+num+'Note'+id+ '_' + pos +'" aria-expanded="false">')
divModule.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse'+num+'Note'+id+ '_' + pos +'" role="button"></a>') divModule.append('<a class="read-more collapsed" data-toggle="collapse" href="#collapse'+num+'Note'+id+ '_' + pos +'" role="button"></a>')