From 85868d499767c2a052c79ca150972c7076011459 Mon Sep 17 00:00:00 2001
From: Luca Trupiano <luca.trupiano@isti.cnr.it>
Date: Wed, 13 Dec 2023 13:57:05 +0100
Subject: [PATCH] Creazione dei collapse calcolata sui dati e dimensioni
 attuali

---
 index_4.4.html     | 13 ++++++++-----
 js/cesareBrowse.js | 32 ++++++++++++--------------------
 2 files changed, 20 insertions(+), 25 deletions(-)

diff --git a/index_4.4.html b/index_4.4.html
index aef0728..5ee7cec 100644
--- a/index_4.4.html
+++ b/index_4.4.html
@@ -11,11 +11,11 @@
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral">
 <!--
    -->
-<link rel="stylesheet"  id="style1-Boot" href="./css/bootstrap.min.lida1.css" disabled>
-<link rel="stylesheet"  id="style1-Custom" href="./css/custom1_4.3.css" disabled>
-<link rel="stylesheet"  id="style2-Boot" href="./css/bootstrap.min.lida2.css">
-<link rel="stylesheet"  id="style2-Custom" href="./css/custom2_4.3.css">
-<link rel="stylesheet"  id="style2-Custom" href="./css/collapsemod.css">
+<link rel="stylesheet" id="style1-Boot" href="./css/bootstrap.min.lida1.css" disabled>
+<link rel="stylesheet" id="style1-Custom" href="./css/custom1_4.3.css" disabled>
+<link rel="stylesheet" id="style2-Boot" href="./css/bootstrap.min.lida2.css">
+<link rel="stylesheet" id="style2-Custom" href="./css/custom2_4.3.css">
+<link rel="stylesheet" href="./css/collapsemod.css">
 
 
 <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
@@ -484,6 +484,9 @@
 												<span class="p-3 text-muted bg-lida-vis small" style="opacity: 0.6;">Nessun commento visualizzato</span>
 											</div>
 										</div>
+										<div class="d-flex flex-row justify-content-start">
+											<div id="Test" class="blog-main-16 mx-3" style="display: none;">abcdefghijklmnopqrstuvwxyzABCD.,</div>
+										</div>
 									</div>
   									<div class="tab-pane fade p-0 bg-lida-vis" id="vis1" role="tabpanel" aria-labelledby="vis1-tab">
 										<div id='displayinfo' class="p-0">
diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js
index afd753f..8d19aca 100644
--- a/js/cesareBrowse.js
+++ b/js/cesareBrowse.js
@@ -944,7 +944,7 @@ function resetFrasi(){
 	}
 
 	function createModule(collapse,label, testo, num, id, pos){
-		//console.log(label+": "+testo.length);
+		var minLength = ($('#displaynote').width() / $('#Test').width() * 2 * 32);
 		var divContent = $('<div class="text-muted p-0">');
 		//var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
 		//var divTesto = $('<div class="px-3 py-1">')
@@ -952,23 +952,19 @@ function resetFrasi(){
       	//divTesto.append(nota);
       	//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)
-*/
+		if ((testo.length + label.length +2) > minLength) {
+			//console.log((testo.length + label.length +2) +" "+($('#displaynote').width() / $('#Test').width() * 2 * 32))
 			var divModule = $('<div class="module pb-0">');
 			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>')
 	      	divNote.append(divContent)
 	      	divModule.append(divNote);
-	      	divModule.appendTo(collapse);
+	      	
 		} else {
-			divContent.appendTo(collapse);
+			var divModule = $('<div class="module py-1">');
+			divModule.append(divContent);
 		}
+		divModule.appendTo(collapse);
 	}
 	
 	function createModuleCommentatore(collapse, commento, num, id, pos){
@@ -979,6 +975,7 @@ console.log(c)
 		
 		var autoreCommento = jsonCommento.Autore
 		//var commentoCommentatore = commento.split(',');
+		var minLength = ($('#displaynote').width() / $('#Test').width() * 2 * 32);
 		var divContent = $('<div class="d-flex align-content-start flex-wrap text-muted">');
 		var divTesto = $('<div class="pl-0 pr-3 py-1">')
 		var nota;	
@@ -1008,22 +1005,17 @@ console.log(c)
 		}
 		divTesto.append(nota);
       	divContent.append(divTesto);
-		if (nota.length > 210) {
-/*
-var a = $('#displaynote').width();
-var b = $('#Test').width();
-var c = (a / b  * 2.2 * 52)
-console.log(c)
-*/
+      	if ((esitoCommento.length + autoreCommento.length + 32) > minLength) {
 			var divModule = $('<div class="module pb-0">');
 			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>')
 	      	divNote.append(divContent)
 	      	divModule.append(divNote);
-	      	divModule.appendTo(collapse);
 		} else {
-			divContent.appendTo(collapse);
+			var divModule = $('<div class="module py-1">');
+			divModule.append(divContent);
 		}
+		divModule.appendTo(collapse);
 	}
 
 	function hasComments(cid){