Creazione dei collapse calcolata sui dati e dimensioni attuali
This commit is contained in:
parent
d2d30b9566
commit
85868d4997
|
@ -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">
|
||||
|
|
|
@ -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){
|
||||
|
|
Loading…
Reference in New Issue