Cambiata gestione visualizz. periodo: ora #structGroupCard0 e' statico

This commit is contained in:
Luca Trupiano 2024-01-08 17:42:35 +01:00
parent 2db1a0a413
commit 2ac0565027
3 changed files with 35 additions and 8 deletions

View File

@ -206,7 +206,7 @@ Ex browsingldc.css
.synt__categ{
font-size: 10px;
font-weight: normal;
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
font-family: 'Humanist-777', 'Roboto';
letter-spacing: 0.4px;
}

View File

@ -489,6 +489,23 @@
<div class="card card-body well well-sm m-1 mt-2 p-0" id="infoCard0">
<span class="p-3 text-muted bg-lida-vis small" style="opacity: 0.6;">Nessuna struttura visualizzata</span>
</div>
<div class="card card-body structCardGroup well well-sm mx-1 my-2 p-0"
id="structGroupCard0" style="display: none;">
<div class="d-flex align-content-start flex-nowrap text-muted"
id="structGruppoVersi0">
<div class="p-0 m-0">
<h6 class="card-title m-2 text-warning" id="structHead0"></h6>
</div>
<div class="d-flex flex-wrap-reverse ml-auto align-items-center justify-content-end px-1 pt-1 pb-0">
<button id="closeStruct0"
class="btn btn-sm btn-outline-warning btn-outline-warning-mod closeStruct rounded text-warning align-self-end px-1 pb-0 ml-1 mb-1">
<ion-icon name="close-circle"></ion-icon>
</button>
</div>
</div>
<div class="card card-body well well-sm mx-1 mb-1 mt-0 px-2 pt-1 pb-0 border-lida08" id="structCard0">
</div>
</div>
</div>
</div>
</div>

View File

@ -445,8 +445,10 @@ $(document).ready(function() {
// Evento: click sull'icona rimuovi periodo
$('#displayinfo').on('click', '.closeStruct', function() {
$('#displayinfo').empty();
$('#displayinfo').append($(emptyInfo))
//$('#displayinfo').empty();
//$('#displayinfo').append($(emptyInfo))
$('#infoCard0').attr('style', "display: flex;");
$('#structGroupCard0').attr('style', "display: none;");
});
// Variabili JSON per i filtri
@ -605,7 +607,7 @@ $(document).ready(function() {
const emptyClaList = '<li id="li-cla0" class="list-group-item align-items-center my-1 ui-state-default ui-state-disabled border text-muted bg-white ui-state-disabled-opacity-06 small">Nessuna clausola aggiunta.</li>';
const defaultCond = '<div id="cla-defaultCond" class="col-12 p-1 small font-weight-bold text-muted"> Clausole e condizioni in AND di default</div>';
const emptyNoteList = '<div class="card card-body well well-sm m-1 mt-2 p-0" id="noteCard0"><span class="p-3 text-muted bg-lida-vis small" style="opacity: 0.6;">Nessun commento visualizzato</span></div>';
const emptyInfo = '<div class="card card-body well well-sm m-1 mt-2 p-0" id="infoCard0"><span class="p-3 text-muted bg-lida-vis small" style="opacity: 0.6;">Nessuna struttura visualizzata</span></div>';
//const emptyInfo = '<div class="card card-body well well-sm m-1 mt-2 p-0" id="infoCard0"><span class="p-3 text-muted bg-lida-vis small" style="opacity: 0.6;">Nessuna struttura visualizzata</span></div>';
const canticheList = ["Inferno","Purgatorio","Paradiso"];
const cla0JsonText = '{"queryText": "", "lemma_forma": "lemma", "opzioni_testo": "parola", "TipoClausola": "0", "Attiva": "0"}';
@ -647,20 +649,22 @@ $(document).ready(function() {
// Funzioni di gestione del tab Periodo, usate da synthgraph.js
fillStructCard = function(lisid){
var structGroupCard = $('<div class="card card-body structCardGroup well well-sm mx-1 my-2 p-0" id="structGroupCard0">');
/* var structGroupCard = $('<div class="card card-body structCardGroup well well-sm mx-1 my-2 p-0" id="structGroupCard0">');
var commentHeader = $('<div class="d-flex align-content-start flex-nowrap text-muted" id="structGruppoVersi0">')
var rigaNota = $('<div class="p-0 m-0">');
var buttons = $('<div class="d-flex flex-wrap-reverse ml-auto align-items-center justify-content-end px-1 pt-1 pb-0">')
var closeButton = $('<button id="closeStruct0"'+
'class="btn btn-sm btn-outline-warning btn-outline-warning-mod closeStruct rounded text-warning align-self-end px-1 pb-0 ml-1 mb-1">'+
'<ion-icon name="close-circle"></ion-icon>');
var structCard = $('<div class="card card-body well well-sm mx-1 mb-1 mt-0 p-0 border-lida08" id="structCard0">');
var structCard = $('<div class="card card-body well well-sm mx-1 mb-1 mt-0 px-2 pt-1 pb-0 border-lida08" id="structCard0">');
*/
var cantiche=["Inferno", "Purgatorio","Paradiso"];
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"];
var lisidArray = lisid.split('_')
/*
closeButton.appendTo(buttons);
rigaNota.append('<h6 class="card-title m-2 text-warning">' + cantiche[lisidArray[0]-1] + ", Canto " + romani[lisidArray[1]-1] + ", Verso " + lisidArray[2] + "</h6>");
rigaNota.appendTo(commentHeader);
@ -669,11 +673,17 @@ $(document).ready(function() {
structCard.appendTo(structGroupCard);
$('#displayinfo').empty();
structGroupCard.appendTo($('#displayinfo'));
*/
$('#structHead0').text(cantiche[lisidArray[0]-1] + ", Canto " + romani[lisidArray[1]-1] + ", Verso " + lisidArray[2]);
$('#structGroupCard0').attr('style', "display: flex;");
$('#infoCard0').attr('style', "display: none;");
};
emptyStructCard = function(){
$('#displayinfo').empty();
$('#displayinfo').append($(emptyInfo))
//$('#displayinfo').empty();
//$('#displayinfo').append($(emptyInfo))
$('#infoCard0').attr('style', "display: flex;");
$('#structGroupCard0').attr('style', "display: none;");
};