Cantiche caricate all'apertura e pulizia di cesareBrowse.js
This commit is contained in:
parent
bd3e535b6d
commit
e822c88f28
|
@ -23,6 +23,7 @@ $(document).ready(function() {
|
||||||
|
|
||||||
$("#cla_Grammaticale").attr('style', "display: none;");
|
$("#cla_Grammaticale").attr('style', "display: none;");
|
||||||
$("#cla-Sintattico").attr('style', "display: none;");
|
$("#cla-Sintattico").attr('style', "display: none;");
|
||||||
|
$("#filtri").attr('style', "display: none;");
|
||||||
|
|
||||||
$('.tabs__menu-item').on('click', function() {
|
$('.tabs__menu-item').on('click', function() {
|
||||||
$(this).addClass('bg-white').addClass('red');
|
$(this).addClass('bg-white').addClass('red');
|
||||||
|
@ -92,6 +93,8 @@ $(document).ready(function() {
|
||||||
$("#DoveInferno").attr('style', "display: none;");
|
$("#DoveInferno").attr('style', "display: none;");
|
||||||
$("#cla_Grammaticale").attr('style', "display: none;");
|
$("#cla_Grammaticale").attr('style', "display: none;");
|
||||||
$("#cla-Sintattico").attr('style', "display: none;");
|
$("#cla-Sintattico").attr('style', "display: none;");
|
||||||
|
$("#filtri").attr('style', "display: none;");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
@ -106,6 +109,7 @@ $(document).ready(function() {
|
||||||
$("#cla_Grammaticale").attr('style', "display: none;");
|
$("#cla_Grammaticale").attr('style', "display: none;");
|
||||||
$("#DoveInferno").attr('style', "display: block;");
|
$("#DoveInferno").attr('style', "display: block;");
|
||||||
$("#cla-Sintattico").attr('style', "display: none;");
|
$("#cla-Sintattico").attr('style', "display: none;");
|
||||||
|
$("#filtri").attr('style', "display: none;");
|
||||||
|
|
||||||
});
|
});
|
||||||
jQuery(document).delegate('#tab_grammaticale', 'click', function(e) {
|
jQuery(document).delegate('#tab_grammaticale', 'click', function(e) {
|
||||||
|
@ -119,6 +123,7 @@ $(document).ready(function() {
|
||||||
$("#DoveInferno").attr('style', "display: none;");
|
$("#DoveInferno").attr('style', "display: none;");
|
||||||
$("#cla_Grammaticale").attr('style', "display: block;");
|
$("#cla_Grammaticale").attr('style', "display: block;");
|
||||||
$("#cla-Sintattico").attr('style', "display: none;");
|
$("#cla-Sintattico").attr('style', "display: none;");
|
||||||
|
$("#filtri").attr('style', "display: none;");
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
@ -133,6 +138,7 @@ $(document).ready(function() {
|
||||||
$("#DoveInferno").attr('style', "display: none;");
|
$("#DoveInferno").attr('style', "display: none;");
|
||||||
$("#cla_Grammaticale").attr('style', "display: none;");
|
$("#cla_Grammaticale").attr('style', "display: none;");
|
||||||
$("#cla-Sintattico").attr('style', "display: block;");
|
$("#cla-Sintattico").attr('style', "display: block;");
|
||||||
|
$("#filtri").attr('style', "display: none;");
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
@ -146,7 +152,8 @@ $(document).ready(function() {
|
||||||
$("#cla-TabContent").attr('style', "display: none;");
|
$("#cla-TabContent").attr('style', "display: none;");
|
||||||
$("#DoveInferno").attr('style', "display: none;");
|
$("#DoveInferno").attr('style', "display: none;");
|
||||||
$("#cla_Grammaticale").attr('style', "display: none;");
|
$("#cla_Grammaticale").attr('style', "display: none;");
|
||||||
$("#cla-Sintattico").attr('style', "display: block;");
|
$("#cla-Sintattico").attr('style', "display: none;");
|
||||||
|
$("#filtri").attr('style', "display: block;");
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
@ -274,6 +281,109 @@ $(document).ready(function() {
|
||||||
|
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
jQuery(document).delegate('a.set-filterGram', 'click', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
var content = jQuery('#filtro'),
|
||||||
|
size = jQuery('#filtri >div').length + 1,
|
||||||
|
element = null,
|
||||||
|
element = content.clone();
|
||||||
|
if (size == 1) {
|
||||||
|
filterconditions = 1;
|
||||||
|
jQuery('#filtri').attr('style', "display:block;")
|
||||||
|
}
|
||||||
|
else
|
||||||
|
filterconditions = filterconditions + 1;
|
||||||
|
|
||||||
|
let filtroId = 'filtro-' + filterconditions;
|
||||||
|
element.attr('id', filtroId);
|
||||||
|
element.find('.delete-written-filter').attr('target', filtroId);
|
||||||
|
element.find('.edit-written-filter').attr('target', filtroId);
|
||||||
|
|
||||||
|
//trasformo il filtro espresso nella clausola in un oggetto JSON
|
||||||
|
|
||||||
|
//var condizioni = $("#filterform").serialize().split('&');
|
||||||
|
//alert (condizioni)
|
||||||
|
|
||||||
|
|
||||||
|
// Creare Condizioni
|
||||||
|
|
||||||
|
var categoriaSelectedValue = $('select.catgram').val(); // categoria grammaticale
|
||||||
|
var lemma_formaValue = $('#lemma_forma').val();
|
||||||
|
var queryText = $('#queryText').val();
|
||||||
|
var opzioni_testoValue = $('#opzioni_testo').val();
|
||||||
|
|
||||||
|
var cla1DiatesiValue = $('input[name=cla1Diatesi]:checked', '#dettaglifiltriVerboVolgare').val(); //$('#cla1Diatesi').val();
|
||||||
|
// alert(cla1DiatesiValue)
|
||||||
|
|
||||||
|
var condizioni = ["lemma_forma="+lemma_formaValue+",query="+queryText+",categoria="+categoriaSelectedValue+",Genere=Femminile"];
|
||||||
|
|
||||||
|
filtro = {}
|
||||||
|
$('.dettaglifiltriVerboVolgare').attr('style', "display:none;")
|
||||||
|
$('.dettaglifiltriSostantivoVolgare').attr('style', "display:none;")
|
||||||
|
$('.savecondition').attr('style', "display:none;")
|
||||||
|
|
||||||
|
for (cond in condizioni) {
|
||||||
|
|
||||||
|
liscond = condizioni[cond].split('=')
|
||||||
|
if (liscond[1].trim() != '' & liscond[1].trim() != liscond[0].trim())
|
||||||
|
filtro[liscond[0]] = liscond[1].replaceAll('%20', ' ')
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//mostro il filtro nella GUI
|
||||||
|
let tuttiFiltri = "";
|
||||||
|
var keys = Object.keys(filtro)//condizioniFiltro)
|
||||||
|
for (key in keys) {
|
||||||
|
var dlclass = $('<dl class="flex mb0 pa0 f6 lh-title mv0" />'),
|
||||||
|
dtclass = $('<dt class="flex mb0 pa0 b mainflabel" />'),
|
||||||
|
ddclass = $('<dd class="flex mb0 pa0 ml0 gray mainfvalue"/>');
|
||||||
|
tuttiFiltri = tuttiFiltri + filtro[[keys[key]]] + ", ";
|
||||||
|
}
|
||||||
|
//element.find('.listacondizioni').append(dlclass);
|
||||||
|
let virgola = tuttiFiltri.lastIndexOf(',');
|
||||||
|
//tuttiFiltri = tuttiFiltri.substring(0, virgola);
|
||||||
|
tuttiFiltri = condizioni;
|
||||||
|
let txtAreaFiltri = '<textarea id = ' + 'textarea-' + filterconditions +
|
||||||
|
' readonly style="resize:none" class="flex mb0 pb0 bg-washed-blue bn" rows="3" cols="60" name="usrtxt" wrap="hard">' +
|
||||||
|
tuttiFiltri + "</textarea>"
|
||||||
|
ddclass.append(txtAreaFiltri);
|
||||||
|
dlclass.append(dtclass);
|
||||||
|
dlclass.append(ddclass);
|
||||||
|
element.find('.listacondizioni').append(dlclass);
|
||||||
|
element.attr('style', 'display.block');
|
||||||
|
element.appendTo('#filtri');
|
||||||
|
|
||||||
|
if (size > 1) {
|
||||||
|
element.find('.andorconditions').attr('style', 'display.block');
|
||||||
|
}
|
||||||
|
|
||||||
|
//$('a.remove-filter').trigger('click');
|
||||||
|
var targetDiv = jQuery(this).attr('targetfilter');
|
||||||
|
|
||||||
|
rmel = jQuery('#' + targetDiv)
|
||||||
|
rmeldetail = jQuery('#' + 'dettaglio_' + targetDiv)
|
||||||
|
jQuery(rmel).remove();
|
||||||
|
jQuery(rmeldetail).remove();
|
||||||
|
clausolaVisibile = false;
|
||||||
|
|
||||||
|
//aggiungo il filtro a quelli esistenti nel json
|
||||||
|
|
||||||
|
filtro['tipoClausola'] = tipoClausola
|
||||||
|
var clausolaquery = $("#searchValue").val()
|
||||||
|
filtro['query'] = clausolaquery.trim();
|
||||||
|
|
||||||
|
// eventualmente le 2 seguenti non funzionano Nicola
|
||||||
|
// checkedField = $('#lemma_forma').val();
|
||||||
|
// filtro['lemma_forma'] = checkedField
|
||||||
|
|
||||||
|
condizioniFiltro['filtro-' + filterconditions] = filtro
|
||||||
|
|
||||||
|
|
||||||
|
return true;
|
||||||
|
});
|
||||||
|
|
||||||
// Da Luca
|
// Da Luca
|
||||||
var iconReset = '<div class="text-right text-primary radioReset"><ion-icon name="refresh-circle"></ion-icon></div>';
|
var iconReset = '<div class="text-right text-primary radioReset"><ion-icon name="refresh-circle"></ion-icon></div>';
|
||||||
|
|
||||||
|
|
|
@ -8,85 +8,63 @@ $(document).ready(function() {
|
||||||
const sparqlGenerator = sparqljs.Generator;
|
const sparqlGenerator = sparqljs.Generator;
|
||||||
const myEngine = new Comunica.QueryEngine();
|
const myEngine = new Comunica.QueryEngine();
|
||||||
const sparqlEndpoint = "https://hdnlab1.isti.cnr.it/fuseki/commediaontosintgra/query";
|
const sparqlEndpoint = "https://hdnlab1.isti.cnr.it/fuseki/commediaontosintgra/query";
|
||||||
//const sparqlEndpoint = "https://hdnlab1.isti.cnr.it/fuseki/hdntest/query";
|
|
||||||
var primaCanticaLoaded = false;
|
|
||||||
var secondaCanticaLoaded = false;
|
|
||||||
var terzaCanticaLoaded = false;
|
|
||||||
var listaVersi = new Set()
|
var listaVersi = new Set()
|
||||||
const ddmenus={"Inferno":"#dmc1",
|
const ddmenus = {
|
||||||
|
"Inferno": "#dmc1",
|
||||||
"Purgatorio": "#dmc2",
|
"Purgatorio": "#dmc2",
|
||||||
"Paradiso": "#dmc3"}
|
"Paradiso": "#dmc3"
|
||||||
|
}
|
||||||
|
|
||||||
var currentMinimap = ''
|
var currentMinimap = ''
|
||||||
|
var listarisultati = [];
|
||||||
|
|
||||||
|
|
||||||
|
hideMinimap();
|
||||||
|
showCantica('Inferno')
|
||||||
|
|
||||||
|
$('#cantica2').css({ 'opacity': 0.40 });
|
||||||
|
$('#cantica3').css({ 'opacity': 0.40 });
|
||||||
|
$("#CantiInferno").attr('style', 'display:block')
|
||||||
|
$("#InfernoCanto_1").attr('style', 'display:block')
|
||||||
|
|
||||||
|
showCantica('Purgatorio')
|
||||||
|
showCantica('Paradiso')
|
||||||
|
|
||||||
|
|
||||||
//caricamento prima cantica
|
//caricamento prima cantica
|
||||||
$('#cantica1').on('click', function() {
|
$('#cantica1').on('click', function() {
|
||||||
hideMinimap();
|
|
||||||
activateMenuItem('#cantica1')
|
|
||||||
if (!(primaCanticaLoaded)) {
|
|
||||||
|
|
||||||
//jsonQuery = versiCantica("Inferno");
|
|
||||||
//execQuery = new sparqlGenerator().stringify(jsonQuery);
|
|
||||||
//executeQueryVersi(execQuery);
|
|
||||||
showCantica('Inferno')
|
|
||||||
primaCanticaLoaded = true;
|
|
||||||
$(".labelCantica").attr('style', "display: block;");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
//$("#InfernoCanto_1").attr('style', 'display:block')
|
|
||||||
$("#CantiInferno").attr('style', 'display:block')
|
$("#CantiInferno").attr('style', 'display:block')
|
||||||
|
$('#cantica1').css({ 'opacity': 1 });
|
||||||
}
|
$('#cantica2').css({ 'opacity': 0.40 });
|
||||||
|
$('#cantica3').css({ 'opacity': 0.40 });
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
//caricamento seconda cantica
|
//caricamento seconda cantica
|
||||||
$('#cantica2').on('click', function() {
|
$('#cantica2').on('click', function() {
|
||||||
hideMinimap();
|
//hideMinimap();
|
||||||
activateMenuItem('#cantica2')
|
|
||||||
if (!(secondaCanticaLoaded)) {
|
|
||||||
|
|
||||||
//jsonQuery = versiCantica("Purgatorio");
|
|
||||||
//execQuery = new sparqlGenerator().stringify(jsonQuery);
|
|
||||||
//executeQueryVersi(execQuery);
|
|
||||||
showCantica('Purgatorio')
|
|
||||||
secondaCanticaLoaded = true;
|
|
||||||
$(".labelCantica").attr('style', "display: block;");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
//$("#PurgatorioCanto_1").attr('style', 'display:block')
|
|
||||||
$("#CantiPurgatorio").attr('style', 'display:block')
|
$("#CantiPurgatorio").attr('style', 'display:block')
|
||||||
|
$('#cantica1').css({ 'opacity': 0.40 });
|
||||||
}
|
$('#cantica2').css({ 'opacity': 1 });
|
||||||
|
$('#cantica3').css({ 'opacity': 0.40 });
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
//caricamento terza cantica
|
//caricamento terza cantica
|
||||||
$('#cantica3').on('click', function() {
|
$('#cantica3').on('click', function() {
|
||||||
hideMinimap();
|
//hideMinimap();
|
||||||
activateMenuItem('#cantica3')
|
|
||||||
if (!(terzaCanticaLoaded)) {
|
|
||||||
showCantica('Paradiso')
|
|
||||||
terzaCanticaLoaded = true;
|
|
||||||
$(".labelCantica").attr('style', "display: block;");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
//$("#ParadisoCanto_1").attr('style', 'display:block')
|
|
||||||
$("#CantiParadiso").attr('style', 'display:block')
|
$("#CantiParadiso").attr('style', 'display:block')
|
||||||
|
$('#cantica1').css({ 'opacity': 0.40 });
|
||||||
}
|
$('#cantica2').css({ 'opacity': 0.40 });
|
||||||
|
$('#cantica3').css({ 'opacity': 1 });
|
||||||
|
|
||||||
});
|
});
|
||||||
var mmih = 0
|
var mmih = 0
|
||||||
var mmiw = 0
|
var mmiw = 0
|
||||||
var minimapScrolling = false;
|
var minimapScrolling = false;
|
||||||
var displayId = 'displaycanto'
|
var displayId = 'displaycanto'
|
||||||
var minimapTopPos;
|
var minimapTopPos;
|
||||||
|
|
||||||
$("#" + displayId).scroll(function() {
|
$("#" + displayId).scroll(function() {
|
||||||
if (minimapScrolling) {
|
if (minimapScrolling) {
|
||||||
minimapScrolling = false
|
minimapScrolling = false
|
||||||
|
@ -105,14 +83,19 @@ $(document).ready(function() {
|
||||||
$('.canto').each(function() {
|
$('.canto').each(function() {
|
||||||
$(this).attr("style", 'display:none');
|
$(this).attr("style", 'display:none');
|
||||||
});
|
});
|
||||||
|
// Crea id per la div che contiene il canto
|
||||||
$("#" + $(this).attr('name').replace(" ", "_")).attr('style', 'display:block')
|
$("#" + $(this).attr('name').replace(" ", "_")).attr('style', 'display:block')
|
||||||
|
manageMiniMap(this);
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
function manageMiniMap(divElem) {
|
||||||
mmiw = $("#" + displayId).innerWidth();
|
mmiw = $("#" + displayId).innerWidth();
|
||||||
mmih = $("#" + displayId).innerHeight();
|
mmih = $("#" + displayId).innerHeight();
|
||||||
|
|
||||||
showMinimap($(this).attr('name').replace(" ", "_"))
|
showMinimap($(divElem).attr('name').replace(" ", "_"))
|
||||||
|
currentMinimap = $(divElem).attr('name').replace(" ", "_");
|
||||||
|
|
||||||
currentMinimap=$(this).attr('name').replace(" ", "_");
|
|
||||||
//mmviewer diventa draggable
|
//mmviewer diventa draggable
|
||||||
minimapTopPos = $('#minimapviewer').offset().top
|
minimapTopPos = $('#minimapviewer').offset().top
|
||||||
console.log("top viewer init " + minimapTopPos)
|
console.log("top viewer init " + minimapTopPos)
|
||||||
|
@ -127,22 +110,15 @@ $(document).ready(function() {
|
||||||
|
|
||||||
minimapScrolling = true;
|
minimapScrolling = true;
|
||||||
trackScrollViewer(ui.offset.top - minimapTopPos);
|
trackScrollViewer(ui.offset.top - minimapTopPos);
|
||||||
//trackScrollViewer(ui.offset.top);
|
|
||||||
console.log(ui);
|
console.log(ui);
|
||||||
//document.getElementById(displayId).style.transform=`translateY(${viewer.scrollTop * realScale}px)`;
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
}
|
||||||
//$('#minimapviewer').on('drag', trackScrollViewer)
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
//Query
|
//Query
|
||||||
|
|
||||||
|
|
||||||
//$('#searchcomm').on('click', function() {
|
|
||||||
jQuery(document).delegate('#searchcomm', 'click', function(e) {
|
jQuery(document).delegate('#searchcomm', 'click', function(e) {
|
||||||
|
|
||||||
cleanSearchResult()
|
cleanSearchResult()
|
||||||
esprlogica = []
|
esprlogica = []
|
||||||
|
|
||||||
|
@ -150,18 +126,12 @@ $(document).ready(function() {
|
||||||
condizioni = { "EsprLogica": esprlogica }
|
condizioni = { "EsprLogica": esprlogica }
|
||||||
clausola = {}
|
clausola = {}
|
||||||
clausola['typeGramm0'] = $('#queryText').val()
|
clausola['typeGramm0'] = $('#queryText').val()
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
clausola['queryText'] = ""
|
clausola['queryText'] = ""
|
||||||
condizioni['Clausola1'] = clausola
|
condizioni['Clausola1'] = clausola
|
||||||
jsonQuery = buildSQ(condizioni)
|
jsonQuery = buildSQ(condizioni)
|
||||||
myquery = new sparqlGenerator().stringify(jsonQuery)
|
myquery = new sparqlGenerator().stringify(jsonQuery)
|
||||||
|
|
||||||
executeQuerySearch(myquery)
|
executeQuerySearch(myquery)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
//Reset
|
//Reset
|
||||||
|
@ -176,18 +146,6 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
|
|
||||||
//Utility functions
|
//Utility functions
|
||||||
|
|
||||||
//activate navigation menu items
|
|
||||||
|
|
||||||
function activateMenuItem(menuItem) {
|
|
||||||
//$('.blog-nav-item').each(function() {
|
|
||||||
// $(this).attr("class", $(this).attr("class").replace(' active', ''));
|
|
||||||
//});
|
|
||||||
//$(menuItem).attr("class", $(menuItem).attr("class") + ' active');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function managePunctuation(stringa) {
|
function managePunctuation(stringa) {
|
||||||
var tempstringa = stringa.replaceAll(" ,", ",")
|
var tempstringa = stringa.replaceAll(" ,", ",")
|
||||||
tempstringa = tempstringa.replaceAll(" .", ".")
|
tempstringa = tempstringa.replaceAll(" .", ".")
|
||||||
|
@ -203,8 +161,6 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
|
|
||||||
for (verso of listarisultati) {
|
for (verso of listarisultati) {
|
||||||
idverso = '#' + verso
|
idverso = '#' + verso
|
||||||
//console.log(idverso)
|
|
||||||
//$(idverso).attr('class', 'f6 font-weight-lighter')
|
|
||||||
$(idverso).attr('class', 'f6text-secondary text-nowrap font-weight-lighter')
|
$(idverso).attr('class', 'f6text-secondary text-nowrap font-weight-lighter')
|
||||||
}
|
}
|
||||||
$(".badge").remove();
|
$(".badge").remove();
|
||||||
|
@ -212,8 +168,6 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
if (currentMinimap != '')
|
if (currentMinimap != '')
|
||||||
showMinimap(currentMinimap)
|
showMinimap(currentMinimap)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//minimap management
|
//minimap management
|
||||||
let minimap = document.createElement('div');
|
let minimap = document.createElement('div');
|
||||||
let minimapSize = document.createElement('div');
|
let minimapSize = document.createElement('div');
|
||||||
|
@ -221,34 +175,24 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
let minimapContent = document.createElement('iframe');
|
let minimapContent = document.createElement('iframe');
|
||||||
let scale = 0.1;
|
let scale = 0.1;
|
||||||
let realScale;
|
let realScale;
|
||||||
let mappedElement=''
|
let mappedElement = '';
|
||||||
|
|
||||||
function showMinimap(element) {
|
function showMinimap(element) {
|
||||||
|
|
||||||
|
|
||||||
mmplace = document.getElementById('displayminimap')
|
mmplace = document.getElementById('displayminimap')
|
||||||
//mmplace=document.getElementById('displaycanto')
|
|
||||||
|
|
||||||
minimap.className = 'minimap__container'
|
minimap.className = 'minimap__container'
|
||||||
minimapSize.className = 'minimap__size'
|
minimapSize.className = 'minimap__size'
|
||||||
viewer.className = 'minimap__viewer'
|
viewer.className = 'minimap__viewer'
|
||||||
viewer.id = 'minimapviewer'
|
viewer.id = 'minimapviewer'
|
||||||
minimapContent.className = 'minimap__content'
|
minimapContent.className = 'minimap__content'
|
||||||
//class="col-3 px-0"
|
|
||||||
minimap.append(minimapSize, viewer, minimapContent);
|
minimap.append(minimapSize, viewer, minimapContent);
|
||||||
|
|
||||||
//document.body.appendChild(minimap)
|
|
||||||
mmplace.appendChild(minimap)
|
mmplace.appendChild(minimap)
|
||||||
|
|
||||||
|
|
||||||
let html = document.getElementById(element).outerHTML//innerHTML
|
let html = document.getElementById(element).outerHTML//innerHTML
|
||||||
//console.log(html)
|
|
||||||
if (html == null | html == '')
|
if (html == null | html == '')
|
||||||
return;
|
return;
|
||||||
|
|
||||||
let iFrameDoc = minimapContent.contentWindow.document;
|
let iFrameDoc = minimapContent.contentWindow.document;
|
||||||
|
|
||||||
|
|
||||||
var cssLinkb = document.createElement("link");
|
var cssLinkb = document.createElement("link");
|
||||||
cssLinkb.href = "https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css";
|
cssLinkb.href = "https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css";
|
||||||
cssLinkb.rel = "stylesheet";
|
cssLinkb.rel = "stylesheet";
|
||||||
|
@ -270,16 +214,11 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
getDimensionsDiv()
|
getDimensionsDiv()
|
||||||
|
|
||||||
window.addEventListener('scroll', trackScroll)
|
window.addEventListener('scroll', trackScroll)
|
||||||
|
|
||||||
|
|
||||||
//document.getElementById(displayId).addEventListener('resize', getDimensionsDiv)
|
|
||||||
|
|
||||||
window.addEventListener('resize', getDimensionsDiv)
|
window.addEventListener('resize', getDimensionsDiv)
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
function getDimensions() {
|
function getDimensions() {
|
||||||
cantoplace = document.getElementById(displayId)
|
cantoplace = document.getElementById(displayId)
|
||||||
let bodyWidth = cantoplace.clientWidth;
|
let bodyWidth = cantoplace.clientWidth;
|
||||||
|
@ -299,32 +238,27 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
minimapContent.style.width = `${(100 / realScale)}%`;
|
minimapContent.style.width = `${(100 / realScale)}%`;
|
||||||
minimapContent.style.height = `${(100 / realScale)}%`;
|
minimapContent.style.height = `${(100 / realScale)}%`;
|
||||||
|
|
||||||
}
|
}*/
|
||||||
|
|
||||||
function getInnerHeight(elm) {
|
function getInnerHeight(elm) {
|
||||||
var computed = getComputedStyle(elm),
|
var computed = getComputedStyle(elm),
|
||||||
padding = parseInt(computed.paddingTop) + parseInt(computed.paddingBottom);
|
padding = parseInt(computed.paddingTop) + parseInt(computed.paddingBottom);
|
||||||
|
|
||||||
return elm.clientHeight - padding
|
return elm.clientHeight - padding
|
||||||
}
|
}
|
||||||
|
|
||||||
function getDimensionsDiv() {
|
function getDimensionsDiv() {
|
||||||
|
|
||||||
|
|
||||||
cantoplace = document.getElementById(displayId)
|
cantoplace = document.getElementById(displayId)
|
||||||
|
|
||||||
elementplace = document.getElementById(mappedElement)
|
elementplace = document.getElementById(mappedElement)
|
||||||
|
|
||||||
bodyWidth = elementplace.clientWidth;
|
bodyWidth = elementplace.clientWidth;
|
||||||
bodyRatio = elementplace.clientHeight / bodyWidth;
|
bodyRatio = elementplace.clientHeight / bodyWidth;
|
||||||
//let bodyWidth= cantoplace.clientWidth;
|
|
||||||
//let bodyRatio= cantoplace.clientHeight / bodyWidth;
|
|
||||||
//let winRatio= window.innerHeight / (window.innerWidth);
|
|
||||||
let winRatio= getInnerHeight(cantoplace) / (cantoplace.clientWidth);
|
|
||||||
|
|
||||||
|
let winRatio = getInnerHeight(cantoplace) / (cantoplace.clientWidth);
|
||||||
|
|
||||||
//minimap.style.width='15%';
|
//minimap.style.width='15%';
|
||||||
minimap.style.width = '100%';
|
minimap.style.width = '100%';
|
||||||
|
|
||||||
|
|
||||||
realScale = minimap.clientWidth / bodyWidth;
|
realScale = minimap.clientWidth / bodyWidth;
|
||||||
|
|
||||||
minimapSize.style.paddingTop = `${bodyRatio * 100}%`
|
minimapSize.style.paddingTop = `${bodyRatio * 100}%`
|
||||||
|
@ -334,8 +268,6 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
minimapContent.style.height = `${(100 / realScale)}%`;
|
minimapContent.style.height = `${(100 / realScale)}%`;
|
||||||
//minimapContent.style.height=`100%`;
|
//minimapContent.style.height=`100%`;
|
||||||
minimapContent.style.float = 'right';
|
minimapContent.style.float = 'right';
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function trackScroll() {
|
function trackScroll() {
|
||||||
|
@ -345,15 +277,12 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
function trackScrollCanto() {
|
function trackScrollCanto() {
|
||||||
console.log('cantoscrollT*realscale ' + document.getElementById(displayId).scrollTop * realScale + ' top: ' + document.getElementById(displayId).scrollTop)
|
console.log('cantoscrollT*realscale ' + document.getElementById(displayId).scrollTop * realScale + ' top: ' + document.getElementById(displayId).scrollTop)
|
||||||
viewer.style.transform = `translateY(${document.getElementById(displayId).scrollTop * realScale}px)`
|
viewer.style.transform = `translateY(${document.getElementById(displayId).scrollTop * realScale}px)`
|
||||||
|
|
||||||
}
|
}
|
||||||
function trackScrollViewer(toppos) {
|
function trackScrollViewer(toppos) {
|
||||||
console.log('scrollMMView top*1/realScale: ' + toppos * (1 / realScale) + ' top pos: ' + toppos)
|
console.log('scrollMMView top*1/realScale: ' + toppos * (1 / realScale) + ' top pos: ' + toppos)
|
||||||
did = document.getElementById(displayId)
|
did = document.getElementById(displayId)
|
||||||
|
|
||||||
did.scrollTop = (toppos * (1 / realScale))
|
did.scrollTop = (toppos * (1 / realScale))
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function hideMinimap() {
|
function hideMinimap() {
|
||||||
|
@ -364,17 +293,13 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
currentMinimap = ''
|
currentMinimap = ''
|
||||||
}
|
}
|
||||||
|
|
||||||
// fa diventare draggable il minimapviewer
|
|
||||||
|
|
||||||
|
|
||||||
//end minimap management
|
|
||||||
//Cantica management functions
|
//Cantica management functions
|
||||||
|
|
||||||
function showCantica(cantica) {
|
function showCantica(cantica) {
|
||||||
var listaCanti = new Set()
|
var listaCanti = new Set()
|
||||||
var setVersi = new Set()
|
var setVersi = new Set()
|
||||||
var listaVersi = []
|
|
||||||
var listaForme =[]
|
|
||||||
containerForme = formeterza
|
containerForme = formeterza
|
||||||
if (cantica == 'Inferno')
|
if (cantica == 'Inferno')
|
||||||
containerForme = formeprima
|
containerForme = formeprima
|
||||||
|
@ -383,17 +308,8 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
for (cmpItem of containerForme) {
|
for (cmpItem of containerForme) {
|
||||||
formaItem = cmpItem[0].split("_")
|
formaItem = cmpItem[0].split("_")
|
||||||
listaCanti = createDivCanti(listaCanti, cantica, 'Canto ' + formaItem[1])
|
listaCanti = createDivCanti(listaCanti, cantica, 'Canto ' + formaItem[1])
|
||||||
|
|
||||||
var obj = new Object();
|
|
||||||
var forma = new Object()
|
var forma = new Object()
|
||||||
setVersi = createDivVersi(setVersi, cantica, formaItem[3], 'Canto ' + formaItem[1])
|
setVersi = createDivVersi(setVersi, cantica, formaItem[3], 'Canto ' + formaItem[1])
|
||||||
/*
|
|
||||||
obj.numverso = formaItem[3];
|
|
||||||
|
|
||||||
obj.canto = 'Canto '+formaItem[1];
|
|
||||||
obj.cantica = cantica;
|
|
||||||
listaVersi.push(obj)
|
|
||||||
*/
|
|
||||||
|
|
||||||
forma.numverso = formaItem[3];
|
forma.numverso = formaItem[3];
|
||||||
forma.canto = 'Canto ' + formaItem[1];
|
forma.canto = 'Canto ' + formaItem[1];
|
||||||
|
@ -401,9 +317,7 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
forma.form = formaItem[0];
|
forma.form = formaItem[0];
|
||||||
forma.cantica = cantica;
|
forma.cantica = cantica;
|
||||||
createSpanForme(forma)
|
createSpanForme(forma)
|
||||||
//listaForme.push(forma)
|
|
||||||
}
|
}
|
||||||
//renderData(cantica, listaCanti, listaVersi, listaForme);
|
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -419,6 +333,7 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
elementoverso.append(' ')
|
elementoverso.append(' ')
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function createDivVersi(setVersi, cantica, num, canto) {
|
function createDivVersi(setVersi, cantica, num, canto) {
|
||||||
if (setVersi.has(cantica + "_" + num + "_" + canto))
|
if (setVersi.has(cantica + "_" + num + "_" + canto))
|
||||||
return setVersi
|
return setVersi
|
||||||
|
@ -454,79 +369,8 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
return orderedListaCanti
|
return orderedListaCanti
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderData(cantica, listaCanti, listaVersi, listaForme){
|
|
||||||
//var orderedListaCanti = Array.from(listaCanti)
|
|
||||||
//orderedListaCanti = orderedListaCanti.sort((a, b) => {
|
|
||||||
// return parseInt(a.split(" ")[1], 10)-parseInt(b.split(" ")[1], 10)
|
|
||||||
//});
|
|
||||||
//var orderedListaVersi = Array.from(listaVersi)
|
|
||||||
//orderedListaVersi = orderedListaVersi.sort((a, b) => {
|
|
||||||
// return parseInt(a.numverso, 10)-parseInt(b.numverso, 10)
|
|
||||||
|
|
||||||
//});
|
|
||||||
|
|
||||||
/*
|
|
||||||
listaVersi = listaVersi.filter((value, index, self) =>
|
|
||||||
index === self.findIndex((t) => (
|
|
||||||
t.numverso === value.numverso && t.canto === value.canto && t.cantica===value.cantica
|
|
||||||
))
|
|
||||||
)*/
|
|
||||||
|
|
||||||
//var orderedListaForme = Array.from(listaForme)
|
|
||||||
//orderedListaForme = orderedListaForme.sort((a, b) => {
|
|
||||||
// return parseInt(a.pos, 10)-parseInt(b.pos, 10)
|
|
||||||
|
|
||||||
//});
|
|
||||||
|
|
||||||
//var divListaCanti = $('<DIV id="Canti' + cantica + '" />')
|
|
||||||
/*
|
|
||||||
for (canto of orderedListaCanti) {
|
|
||||||
|
|
||||||
|
|
||||||
var divcanto = $('<div />')
|
|
||||||
var titolocanto = $('<h4 class="titolo-canto pb-2" />')
|
|
||||||
titolocanto.append(cantica+", "+canto)
|
|
||||||
divcanto.attr('class', 'canto')
|
|
||||||
divcanto.attr('style', 'display:none')
|
|
||||||
divcanto.attr('id', (cantica + canto).replace(" ", "_"))
|
|
||||||
titolocanto.appendTo(divcanto)
|
|
||||||
divcanto.appendTo(' .blog-main')
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
//divListaCanti.appendTo('#listacanti')
|
|
||||||
//divListaCanti.appendTo(ddmenus[cantica])
|
|
||||||
/*
|
|
||||||
for (verso of listaVersi) {
|
|
||||||
|
|
||||||
|
|
||||||
var elementoverso = $('<p />')
|
|
||||||
//vartestoverso=verso.numverso;
|
|
||||||
elementoverso.append(verso.numverso + ". ")
|
|
||||||
elementoverso.attr("style", "line-height: 0.5em")
|
|
||||||
|
|
||||||
elementoverso.attr('class', 'f6 text-secondary text-nowrap font-weight-lighter')
|
|
||||||
//elementoverso.attr('class', 'f6 font-weight-lighter nowrap')
|
|
||||||
elementoverso.attr('id', verso.cantica+"_"+ verso.canto.replace(" ", "_")+"_"+verso.numverso)
|
|
||||||
elementoverso.appendTo('#' + cantica + verso.canto.replace(" ", "_"))
|
|
||||||
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
listaForme.forEach((element) => {
|
|
||||||
var spanoccorrenza=$('<span />')
|
|
||||||
var pos=parseInt(element.pos)
|
|
||||||
spanoccorrenza.attr('id', element.cantica+"_"+ element.canto.replace(" ", "_")+"_"+element.numverso+"_"+pos)
|
|
||||||
if (listarisultati.length>0 && listarisultati.includes(spanoccorrenza.attr('id')))
|
|
||||||
spanoccorrenza.attr('class', "f6 mark ")
|
|
||||||
spanoccorrenza.append(element.form)
|
|
||||||
elementoverso=$('#'+element.cantica+"_"+ element.canto.replace(" ", "_")+"_"+element.numverso)
|
|
||||||
spanoccorrenza.appendTo(elementoverso)
|
|
||||||
elementoverso.append(' ')
|
|
||||||
})
|
|
||||||
|
|
||||||
}
|
|
||||||
// Search functions
|
// Search functions
|
||||||
|
/* async function executeQueryVersi(query) {
|
||||||
async function executeQueryVersi(query) {
|
|
||||||
bindingsStream = await myEngine.queryBindings(query, { sources: [{ type: 'sparql', value: sparqlEndpoint },], });
|
bindingsStream = await myEngine.queryBindings(query, { sources: [{ type: 'sparql', value: sparqlEndpoint },], });
|
||||||
alert(query)
|
alert(query)
|
||||||
try {
|
try {
|
||||||
|
@ -547,8 +391,6 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
obj.numverso = binding.get('NumeroVerso').value;
|
obj.numverso = binding.get('NumeroVerso').value;
|
||||||
obj.verso = binding.get('Verso').value;
|
obj.verso = binding.get('Verso').value;
|
||||||
obj.canto = binding.get('Canto').value;
|
obj.canto = binding.get('Canto').value;
|
||||||
//obj.pos = binding.get('pos').value;
|
|
||||||
//obj.form = binding.get('textform').value;
|
|
||||||
obj.cantica = cantica;
|
obj.cantica = cantica;
|
||||||
listaVersi.add(obj)
|
listaVersi.add(obj)
|
||||||
forma.numverso = binding.get('NumeroVerso').value;
|
forma.numverso = binding.get('NumeroVerso').value;
|
||||||
|
@ -568,20 +410,12 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
var orderedListaCanti = Array.from(listaCanti)
|
var orderedListaCanti = Array.from(listaCanti)
|
||||||
orderedListaCanti = orderedListaCanti.sort((a, b) => {
|
orderedListaCanti = orderedListaCanti.sort((a, b) => {
|
||||||
return parseInt(a.split(" ")[1], 10) - parseInt(b.split(" ")[1], 10)
|
return parseInt(a.split(" ")[1], 10) - parseInt(b.split(" ")[1], 10)
|
||||||
//if (parseInt(a.split(" ")[1], 10) < parseInt(b.split(" ")[1]), 10) {
|
|
||||||
// return -1;
|
|
||||||
//}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
var orderedListaVersi = Array.from(listaVersi)
|
var orderedListaVersi = Array.from(listaVersi)
|
||||||
|
|
||||||
orderedListaVersi = orderedListaVersi.sort((a, b) => {
|
orderedListaVersi = orderedListaVersi.sort((a, b) => {
|
||||||
return parseInt(a.numverso, 10) - parseInt(b.numverso, 10)
|
return parseInt(a.numverso, 10) - parseInt(b.numverso, 10)
|
||||||
//if (parseInt(a.numverso, 10) < parseInt(b.numverso, 10)) {
|
|
||||||
// console.log(parseInt(a.numverso, 10)+' '+parseInt(b.numverso, 10))
|
|
||||||
// return -1;
|
|
||||||
//}
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
@ -592,15 +426,9 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var orderedListaForme = Array.from(listaForme)
|
var orderedListaForme = Array.from(listaForme)
|
||||||
orderedListaForme = orderedListaForme.sort((a, b) => {
|
orderedListaForme = orderedListaForme.sort((a, b) => {
|
||||||
return parseInt(a.pos, 10) - parseInt(b.pos, 10)
|
return parseInt(a.pos, 10) - parseInt(b.pos, 10)
|
||||||
//if (parseInt(a.pos) < parseInt(b.pos)) {
|
|
||||||
// return -1;
|
|
||||||
//}
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
var divListaCanti = $('<DIV id="Canti' + cantica + '" />')
|
var divListaCanti = $('<DIV id="Canti' + cantica + '" />')
|
||||||
|
@ -623,7 +451,6 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
titolocanto.appendTo(divcanto)
|
titolocanto.appendTo(divcanto)
|
||||||
divcanto.appendTo(' .blog-main')
|
divcanto.appendTo(' .blog-main')
|
||||||
}
|
}
|
||||||
//divListaCanti.appendTo('#listacanti')
|
|
||||||
divListaCanti.appendTo(ddmenus[cantica])
|
divListaCanti.appendTo(ddmenus[cantica])
|
||||||
for (verso of orderedListaVersi) {
|
for (verso of orderedListaVersi) {
|
||||||
|
|
||||||
|
@ -631,7 +458,6 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
var elementoverso = $('<p />')
|
var elementoverso = $('<p />')
|
||||||
vartestoverso = verso.numverso;
|
vartestoverso = verso.numverso;
|
||||||
elementoverso.append(verso.numverso + ". ")
|
elementoverso.append(verso.numverso + ". ")
|
||||||
//elementoverso.append(verso.numverso + ". " + managePunctuation(verso.verso))
|
|
||||||
elementoverso.attr("style", "line-height: 0.5em")
|
elementoverso.attr("style", "line-height: 0.5em")
|
||||||
elementoverso.attr('class', 'f6 font-weight-lighter nowrap')
|
elementoverso.attr('class', 'f6 font-weight-lighter nowrap')
|
||||||
elementoverso.attr('id', verso.cantica + "_" + verso.canto.replace(" ", "_") + "_" + verso.numverso)
|
elementoverso.attr('id', verso.cantica + "_" + verso.canto.replace(" ", "_") + "_" + verso.numverso)
|
||||||
|
@ -659,13 +485,13 @@ jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||||
console.log(err.message);
|
console.log(err.message);
|
||||||
$("#loader").hide();
|
$("#loader").hide();
|
||||||
};
|
};
|
||||||
};
|
};*/
|
||||||
|
|
||||||
//execute query
|
//execute query
|
||||||
var listarisultati=[];
|
|
||||||
async function executeQuerySearch(query) {
|
async function executeQuerySearch(query) {
|
||||||
seachbBindingsStream = await myEngine.queryBindings(query, { sources: [{ type: 'sparql', value: sparqlEndpoint },], });
|
seachbBindingsStream = await myEngine.queryBindings(query, { sources: [{ type: 'sparql', value: sparqlEndpoint },], });
|
||||||
console.log(query)
|
//console.log(query)
|
||||||
alert(query)
|
alert(query)
|
||||||
try {
|
try {
|
||||||
var result = new Set()
|
var result = new Set()
|
||||||
|
|
Loading…
Reference in New Issue