ripristinata versione vecchia
This commit is contained in:
cesare
parent
53c99fb012
commit
689b4531f2
|
|
@ -3,7 +3,7 @@
|
|||
*/
|
||||
$(document).ready(function() {
|
||||
|
||||
const cantobadgeclass = 'badge badge-outline-info badge-pill'
|
||||
const cantobadgeclass='badge badge-outline-info badge-pill'
|
||||
|
||||
const sparqlGenerator = sparqljs.Generator;
|
||||
const myEngine = new Comunica.QueryEngine();
|
||||
|
|
@ -12,38 +12,57 @@ $(document).ready(function() {
|
|||
var primaCanticaLoaded = false;
|
||||
var secondaCanticaLoaded = false;
|
||||
var terzaCanticaLoaded = false;
|
||||
|
||||
var currentMinimap = ''
|
||||
var listaVersi = new Set()
|
||||
const ddmenus={"Inferno":"#dmc1",
|
||||
"Purgatorio": "#dmc2",
|
||||
"Paradiso": "#dmc3"}
|
||||
|
||||
var currentMinimap=''
|
||||
|
||||
|
||||
//caricamento prima cantica
|
||||
$('#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')
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
//caricamento seconda cantica
|
||||
$('#cantica2').on('click', function() {
|
||||
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')
|
||||
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
//caricamento terza cantica
|
||||
|
|
@ -56,306 +75,375 @@ $(document).ready(function() {
|
|||
$(".labelCantica").attr('style', "display: block;");
|
||||
}
|
||||
else {
|
||||
//$("#ParadisoCanto_1").attr('style', 'display:block')
|
||||
$("#CantiParadiso").attr('style', 'display:block')
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
var mmih = 0
|
||||
var mmiw = 0
|
||||
var minimapScrolling = false;
|
||||
var displayId = 'displaycanto'
|
||||
var mmih=0
|
||||
var mmiw=0
|
||||
var minimapScrolling=false;
|
||||
var displayId='displaycanto'
|
||||
var minimapTopPos;
|
||||
$("#" + displayId).scroll(function() {
|
||||
if (minimapScrolling) {
|
||||
minimapScrolling = false
|
||||
console.log('no scroll')
|
||||
}
|
||||
else {
|
||||
console.log('yes scrolling')
|
||||
console.log("viewer top pos before: " + $('#minimapviewer').offset().top)
|
||||
trackScrollCanto()
|
||||
console.log("viewer top pos after: " + $('#minimapviewer').offset().top)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
$( "#"+displayId).scroll(function() {
|
||||
if (minimapScrolling){
|
||||
minimapScrolling=false
|
||||
console.log ('no scroll')
|
||||
}
|
||||
else{
|
||||
console.log ('yes scrolling')
|
||||
console.log("viewer top pos before: "+$('#minimapviewer').offset().top)
|
||||
trackScrollCanto()
|
||||
console.log("viewer top pos after: "+$('#minimapviewer').offset().top)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
jQuery(document).delegate('.navig-canto', 'click', function(e) {
|
||||
$('.canto').each(function() {
|
||||
$(this).attr("style", 'display:none');
|
||||
});
|
||||
$("#" + $(this).attr('name').replace(" ", "_")).attr('style', 'display:block')
|
||||
|
||||
mmiw = $("#" + displayId).innerWidth();
|
||||
mmih = $("#" + displayId).innerHeight();
|
||||
|
||||
|
||||
mmiw=$("#"+displayId).innerWidth();
|
||||
mmih=$("#"+displayId).innerHeight();
|
||||
|
||||
showMinimap($(this).attr('name').replace(" ", "_"))
|
||||
|
||||
currentMinimap = $(this).attr('name').replace(" ", "_");
|
||||
|
||||
currentMinimap=$(this).attr('name').replace(" ", "_");
|
||||
//mmviewer diventa draggable
|
||||
minimapTopPos = $('#minimapviewer').offset().top
|
||||
console.log("top viewer init " + minimapTopPos)
|
||||
|
||||
$('#minimapviewer').draggable({
|
||||
axis: "y",
|
||||
containment: $('#displayminimap'),
|
||||
scroll: false,
|
||||
stop: function(event, ui) { minimapScrolling = true; },
|
||||
stop: function(event, ui) { minimapScrolling = false; },
|
||||
drag: function(event, ui) {
|
||||
|
||||
minimapScrolling = true;
|
||||
trackScrollViewer(ui.offset.top - minimapTopPos);
|
||||
//trackScrollViewer(ui.offset.top);
|
||||
console.log(ui);
|
||||
//document.getElementById(displayId).style.transform=`translateY(${viewer.scrollTop * realScale}px)`;
|
||||
}
|
||||
});
|
||||
|
||||
minimapTopPos=$('#minimapviewer').offset().top
|
||||
console.log("top viewer init "+minimapTopPos)
|
||||
|
||||
$('#minimapviewer').draggable({
|
||||
axis: "y",
|
||||
containment : $('#displayminimap'),
|
||||
scroll : false,
|
||||
stop: function( event, ui ) {minimapScrolling=true;},
|
||||
stop: function( event, ui ) {minimapScrolling=false;},
|
||||
drag: function( event, ui ) {
|
||||
|
||||
minimapScrolling=true;
|
||||
trackScrollViewer(ui.offset.top-minimapTopPos);
|
||||
//trackScrollViewer(ui.offset.top);
|
||||
console.log(ui);
|
||||
//document.getElementById(displayId).style.transform=`translateY(${viewer.scrollTop * realScale}px)`;
|
||||
}
|
||||
});
|
||||
|
||||
//$('#minimapviewer').on('drag', trackScrollViewer)
|
||||
|
||||
});
|
||||
|
||||
//Query
|
||||
|
||||
|
||||
//$('#searchcomm').on('click', function() {
|
||||
jQuery(document).delegate('#searchcomm', 'click', function(e) {
|
||||
|
||||
cleanSearchResult()
|
||||
esprlogica=[]
|
||||
|
||||
esprlogica.push('Clausola1')
|
||||
condizioni={"EsprLogica": esprlogica}
|
||||
clausola={}
|
||||
clausola['typeGramm0']=$('#queryText').val()
|
||||
|
||||
|
||||
|
||||
clausola['queryText']=""
|
||||
condizioni['Clausola1']=clausola
|
||||
jsonQuery=buildSQ(condizioni)
|
||||
myquery =new sparqlGenerator().stringify(jsonQuery)
|
||||
|
||||
executeQuerySearch(myquery)
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
jQuery(document).delegate('#searchcomm', 'click', function(e) {
|
||||
//Reset
|
||||
|
||||
cleanSearchResult()
|
||||
esprlogica = []
|
||||
|
||||
esprlogica.push('Clausola1')
|
||||
condizioni = { "EsprLogica": esprlogica }
|
||||
clausola = {}
|
||||
clausola['typeGramm0'] = $('#queryText').val()
|
||||
|
||||
|
||||
|
||||
clausola['queryText'] = ""
|
||||
condizioni['Clausola1'] = clausola
|
||||
jsonQuery = buildSQ(condizioni)
|
||||
myquery = new sparqlGenerator().stringify(jsonQuery)
|
||||
|
||||
executeQuerySearch(myquery)
|
||||
|
||||
});
|
||||
|
||||
//Reset
|
||||
|
||||
jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||
console.log('clean')
|
||||
cleanSearchResult()
|
||||
esprlogica = []
|
||||
$('#queryText').val("")
|
||||
|
||||
});
|
||||
jQuery(document).delegate('#cleanresult', 'click', function(e) {
|
||||
console.log('clean')
|
||||
cleanSearchResult()
|
||||
esprlogica=[]
|
||||
$('#queryText').val("")
|
||||
|
||||
});
|
||||
|
||||
//Utility functions
|
||||
|
||||
//activate navigation menu items
|
||||
|
||||
function cleanSearchResult() {
|
||||
|
||||
for (verso of listarisultati) {
|
||||
idverso = '#' + verso
|
||||
//console.log(idverso)
|
||||
$(idverso).attr('class', 'f6text-secondary text-nowrap font-weight-lighter')
|
||||
}
|
||||
$(".badge").remove();
|
||||
listarisultati = []
|
||||
if (currentMinimap != '')
|
||||
showMinimap(currentMinimap)
|
||||
function activateMenuItem(menuItem) {
|
||||
//$('.blog-nav-item').each(function() {
|
||||
// $(this).attr("class", $(this).attr("class").replace(' active', ''));
|
||||
//});
|
||||
//$(menuItem).attr("class", $(menuItem).attr("class") + ' active');
|
||||
}
|
||||
|
||||
//START minimap management
|
||||
|
||||
|
||||
|
||||
function managePunctuation(stringa) {
|
||||
var tempstringa=stringa.replaceAll(" ,", ",")
|
||||
tempstringa=tempstringa.replaceAll(" .", ".")
|
||||
tempstringa=tempstringa.replaceAll(" :", ":")
|
||||
tempstringa=tempstringa.replaceAll(" !", "!")
|
||||
tempstringa=tempstringa.replaceAll(" ?", "?")
|
||||
tempstringa=tempstringa.replaceAll(" ;", ";")
|
||||
tempstringa=tempstringa.replaceAll("%20", " ")
|
||||
return tempstringa
|
||||
}
|
||||
|
||||
function cleanSearchResult(){
|
||||
|
||||
for (verso of listarisultati){
|
||||
idverso='#'+verso
|
||||
//console.log(idverso)
|
||||
//$(idverso).attr('class', 'f6 font-weight-lighter')
|
||||
$(idverso).attr('class', 'f6text-secondary text-nowrap font-weight-lighter')
|
||||
}
|
||||
$( ".badge" ).remove();
|
||||
listarisultati=[]
|
||||
if (currentMinimap!='')
|
||||
showMinimap(currentMinimap)
|
||||
}
|
||||
|
||||
|
||||
//minimap management
|
||||
let minimap = document.createElement('div');
|
||||
let minimapSize = document.createElement('div');
|
||||
let viewer = document.createElement('div');
|
||||
let minimapContent = document.createElement('iframe');
|
||||
let scale = 0.1;
|
||||
let scale=0.1;
|
||||
let realScale;
|
||||
let mappedElement = ''
|
||||
|
||||
let mappedElement=''
|
||||
|
||||
function showMinimap(element) {
|
||||
|
||||
|
||||
mmplace = document.getElementById('displayminimap')
|
||||
|
||||
mmplace=document.getElementById('displayminimap')
|
||||
//mmplace=document.getElementById('displaycanto')
|
||||
|
||||
minimap.className = 'minimap__container'
|
||||
minimap.id = 'minimapcontainer'
|
||||
minimapSize.className = 'minimap__size'
|
||||
minimapSize.id = 'minimapsize'
|
||||
viewer.className = 'minimap__viewer'
|
||||
viewer.id = 'minimapviewer'
|
||||
viewer.id='minimapviewer'
|
||||
minimapContent.className = 'minimap__content'
|
||||
//class="col-3 px-0"
|
||||
minimap.append(minimapSize, viewer, minimapContent);
|
||||
|
||||
|
||||
//document.body.appendChild(minimap)
|
||||
mmplace.appendChild(minimap)
|
||||
|
||||
|
||||
|
||||
|
||||
let html = document.getElementById(element).outerHTML//innerHTML
|
||||
//console.log(html)
|
||||
if (html == null || html == '')
|
||||
if (html==null | html=='')
|
||||
return;
|
||||
|
||||
|
||||
let iFrameDoc = minimapContent.contentWindow.document;
|
||||
|
||||
|
||||
|
||||
|
||||
var cssLinkb = document.createElement("link");
|
||||
cssLinkb.href = "https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css";
|
||||
cssLinkb.rel = "stylesheet";
|
||||
cssLinkb.rel = "stylesheet";
|
||||
cssLinkb.type = "text/css";
|
||||
|
||||
|
||||
var cssLinkscroll = document.createElement("link");
|
||||
cssLinkscroll.href = "./css/browsingldc.css";
|
||||
cssLinkscroll.rel = "stylesheet";
|
||||
cssLinkscroll.rel = "stylesheet";
|
||||
cssLinkscroll.type = "text/css";
|
||||
|
||||
|
||||
iFrameDoc.open();
|
||||
iFrameDoc.write(html);
|
||||
iFrameDoc.close();
|
||||
|
||||
|
||||
iFrameDoc.head.appendChild(cssLinkb);
|
||||
iFrameDoc.head.appendChild(cssLinkscroll);
|
||||
mappedElement = element
|
||||
|
||||
mappedElement=element
|
||||
|
||||
getDimensionsDiv()
|
||||
|
||||
|
||||
window.addEventListener('scroll', trackScroll)
|
||||
|
||||
|
||||
|
||||
|
||||
//document.getElementById(displayId).addEventListener('resize', getDimensionsDiv)
|
||||
|
||||
|
||||
window.addEventListener('resize', getDimensionsDiv)
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function getDimensions(){
|
||||
cantoplace=document.getElementById(displayId)
|
||||
let bodyWidth= cantoplace.clientWidth;
|
||||
let bodyRatio= bodyWidth/cantoplace.clientHeight
|
||||
//let winRatio=cantoplace.clientWidth / getInnerHeight(cantoplace)
|
||||
let winRatio= window.innerHeight / window.innerWidth;
|
||||
|
||||
|
||||
minimap.style.width='55%';
|
||||
viewer.style.width='55%'
|
||||
|
||||
realScale=minimap.clientWidth / bodyWidth;
|
||||
|
||||
minimapSize.style.paddingTop=`${bodyRatio * 100}%`
|
||||
viewer.style.paddingTop=`${winRatio * 100}%`;
|
||||
minimapContent.style.transform=`scale(${realScale})`;
|
||||
minimapContent.style.width=`${(100/realScale)}%`;
|
||||
minimapContent.style.height=`${(100 / realScale)}%`;
|
||||
|
||||
}
|
||||
function getInnerHeight( elm ){
|
||||
var computed = getComputedStyle(elm),
|
||||
padding = parseInt(computed.paddingTop) + parseInt(computed.paddingBottom);
|
||||
|
||||
return elm.clientHeight - padding
|
||||
}
|
||||
function getDimensionsDiv(){
|
||||
|
||||
|
||||
cantoplace=document.getElementById(displayId)
|
||||
|
||||
elementplace=document.getElementById(mappedElement)
|
||||
|
||||
bodyWidth= elementplace.clientWidth;
|
||||
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);
|
||||
|
||||
|
||||
//minimap.style.width='15%';
|
||||
minimap.style.width='100%';
|
||||
|
||||
|
||||
realScale=minimap.clientWidth / bodyWidth;
|
||||
|
||||
minimapSize.style.paddingTop=`${bodyRatio * 100}%`
|
||||
viewer.style.paddingTop=`${winRatio * 100}%`;
|
||||
minimapContent.style.transform=`scale(${realScale})`;
|
||||
minimapContent.style.width=`${(100/realScale)}%`;
|
||||
minimapContent.style.height=`${(100 / realScale)}%`;
|
||||
//minimapContent.style.height=`100%`;
|
||||
minimapContent.style.float='right';
|
||||
|
||||
|
||||
}
|
||||
|
||||
function trackScroll(){
|
||||
//console.log(window.scrollY)
|
||||
viewer.style.transform=`translateY(${window.scrollY * realScale}px)`
|
||||
}
|
||||
function trackScrollCanto(){
|
||||
console.log('cantoscrollT*realscale '+document.getElementById(displayId).scrollTop * realScale+' top: ' +document.getElementById(displayId).scrollTop )
|
||||
viewer.style.transform=`translateY(${document.getElementById(displayId).scrollTop * realScale}px)`
|
||||
|
||||
}
|
||||
|
||||
|
||||
function getInnerHeight(elm) {
|
||||
var computed = getComputedStyle(elm),
|
||||
padding = parseInt(computed.paddingTop) + parseInt(computed.paddingBottom);
|
||||
|
||||
return elm.clientHeight - padding
|
||||
function trackScrollViewer(toppos){
|
||||
console.log('scrollMMView top*1/realScale: '+toppos*(1/realScale)+' top pos: '+toppos)
|
||||
did=document.getElementById(displayId)
|
||||
|
||||
did.scrollTop=(toppos*(1/realScale))
|
||||
|
||||
|
||||
}
|
||||
|
||||
function getDimensionsDiv() {
|
||||
|
||||
cantoplace = document.getElementById(displayId)
|
||||
|
||||
elementplace = document.getElementById(mappedElement)
|
||||
|
||||
bodyWidth = elementplace.clientWidth;
|
||||
let bodyRatio = elementplace.clientHeight / bodyWidth;
|
||||
let winRatio = getInnerHeight(cantoplace) / (cantoplace.clientWidth);
|
||||
|
||||
|
||||
minimap.style.width = '100%';
|
||||
|
||||
|
||||
realScale = minimap.clientWidth / bodyWidth;
|
||||
|
||||
minimapSize.style.paddingTop = `${bodyRatio * 100}%`
|
||||
|
||||
viewer.style.paddingTop = `${winRatio * 100}%`;
|
||||
minimapContent.style.transform = `scale(${realScale})`;
|
||||
minimapContent.style.width = `${(100 / realScale)}%`;
|
||||
minimapContent.style.height = `${(100 / realScale)}%`;
|
||||
|
||||
}
|
||||
|
||||
function trackScroll() {
|
||||
|
||||
viewer.style.transform = `translateY(${window.scrollY * realScale}px)`
|
||||
}
|
||||
function trackScrollCanto() {
|
||||
console.log('cantoscrollT*realscale ' + document.getElementById(displayId).scrollTop * realScale + ' top: ' + document.getElementById(displayId).scrollTop)
|
||||
viewer.style.transform = `translateY(${document.getElementById(displayId).scrollTop * realScale}px)`
|
||||
|
||||
}
|
||||
function trackScrollViewer(toppos) {
|
||||
console.log('scrollMMView top*1/realScale: ' + toppos * (1 / realScale) + ' top pos: ' + toppos)
|
||||
did = document.getElementById(displayId)
|
||||
|
||||
did.scrollTop = (toppos * (1 / realScale))
|
||||
|
||||
}
|
||||
|
||||
function hideMinimap() {
|
||||
|
||||
function hideMinimap(){
|
||||
$('.canto').each(function() {
|
||||
$(this).attr("style", 'display:none');
|
||||
});
|
||||
$(".minimap__container").remove();
|
||||
currentMinimap = ''
|
||||
$( ".minimap__container" ).remove();
|
||||
currentMinimap=''
|
||||
}
|
||||
|
||||
//END minimap management
|
||||
|
||||
// fa diventare draggable il minimapviewer
|
||||
|
||||
|
||||
//end minimap management
|
||||
//Cantica management functions
|
||||
|
||||
function showCantica(cantica) {
|
||||
|
||||
function showCantica(cantica){
|
||||
var listaCanti = new Set()
|
||||
var setVersi = new Set()
|
||||
containerForme = formeterza
|
||||
if (cantica == 'Inferno')
|
||||
containerForme = formeprima
|
||||
if (cantica == 'Purgatorio')
|
||||
containerForme = formeseconda
|
||||
for (cmpItem of containerForme) {
|
||||
formaItem = cmpItem[0].split("_")
|
||||
listaCanti = createDivCanti(listaCanti, cantica, 'Canto ' + formaItem[1])
|
||||
|
||||
var listaVersi = []
|
||||
var listaForme =[]
|
||||
containerForme=formeterza
|
||||
if(cantica=='Inferno')
|
||||
containerForme=formeprima
|
||||
if(cantica=='Purgatorio')
|
||||
containerForme=formeseconda
|
||||
for (cmpItem of containerForme){
|
||||
formaItem=cmpItem[0].split("_")
|
||||
listaCanti=createDivCanti(listaCanti, cantica, 'Canto '+formaItem[1])
|
||||
|
||||
var obj = new Object();
|
||||
var forma = new Object()
|
||||
setVersi = createDivVersi(setVersi, cantica, formaItem[3], 'Canto ' + formaItem[1])
|
||||
var forma=new Object()
|
||||
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.canto = 'Canto ' + formaItem[1];
|
||||
forma.canto = 'Canto '+formaItem[1];
|
||||
forma.pos = formaItem[2];
|
||||
forma.form = formaItem[0];
|
||||
forma.cantica = cantica;
|
||||
createSpanForme(forma)
|
||||
//listaForme.push(forma)
|
||||
}
|
||||
//renderData(cantica, listaCanti, listaVersi, listaForme);
|
||||
return
|
||||
}
|
||||
|
||||
function createSpanForme(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')))
|
||||
function createSpanForme(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.replaceAll("%20", " "))
|
||||
elementoverso = $('#' + element.cantica + "_" + element.canto.replace(" ", "_") + "_" + element.numverso)
|
||||
elementoverso=$('#'+element.cantica+"_"+ element.canto.replace(" ", "_")+"_"+element.numverso)
|
||||
spanoccorrenza.appendTo(elementoverso)
|
||||
elementoverso.append(' ')
|
||||
|
||||
|
||||
}
|
||||
|
||||
function createDivVersi(setVersi, cantica, num, canto) {
|
||||
if (setVersi.has(cantica + "_" + num + "_" + canto))
|
||||
function createDivVersi(setVersi, cantica, num, canto){
|
||||
if(setVersi.has(cantica+"_"+num+"_"+canto))
|
||||
return setVersi
|
||||
else {
|
||||
else{
|
||||
var elementoverso = $('<p />')
|
||||
|
||||
elementoverso.append(num + ". ")
|
||||
elementoverso.attr("style", "line-height: 0.5em")
|
||||
|
||||
elementoverso.attr('class', 'f6 text-secondary text-nowrap font-weight-lighter')
|
||||
|
||||
elementoverso.attr('id', cantica + "_" + canto.replace(" ", "_") + "_" + num)
|
||||
elementoverso.appendTo('#' + cantica + canto.replace(" ", "_"))
|
||||
setVersi.add(cantica + "_" + num + "_" + canto)
|
||||
elementoverso.attr('id', cantica+"_"+ canto.replace(" ", "_")+"_"+num)
|
||||
elementoverso.appendTo('#' + cantica +canto.replace(" ", "_"))
|
||||
setVersi.add(cantica+"_"+num+"_"+canto)
|
||||
return setVersi
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
function createDivCanti(orderedListaCanti, cantica, canto) {
|
||||
if (orderedListaCanti.has(canto)) {
|
||||
|
||||
function createDivCanti(orderedListaCanti, cantica, canto){
|
||||
if (orderedListaCanti.has(canto)){
|
||||
return orderedListaCanti
|
||||
}
|
||||
var divcanto = $('<div />')
|
||||
var titolocanto = $('<h4 class="titolo-canto pb-2" />')
|
||||
titolocanto.append(cantica + ", " + canto)
|
||||
titolocanto.append(cantica+", "+canto)
|
||||
divcanto.attr('class', 'canto')
|
||||
divcanto.attr('style', 'display:none')
|
||||
divcanto.attr('id', (cantica + canto).replace(" ", "_"))
|
||||
|
|
@ -364,77 +452,281 @@ $(document).ready(function() {
|
|||
orderedListaCanti.add(canto)
|
||||
return orderedListaCanti
|
||||
}
|
||||
|
||||
// SEARCH
|
||||
|
||||
//execute query
|
||||
|
||||
var listarisultati = [];
|
||||
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
|
||||
|
||||
async function executeQueryVersi(query) {
|
||||
bindingsStream = await myEngine.queryBindings(query, { sources: [{ type: 'sparql', value: sparqlEndpoint },], });
|
||||
alert(query)
|
||||
try {
|
||||
|
||||
var listaCanti = new Set()
|
||||
|
||||
listaVersi = new Set()
|
||||
listaForme = new Set()
|
||||
let cantica = 0;
|
||||
bindingsStream.on('data', (binding) => {
|
||||
//cantica
|
||||
cantica = binding.get('Cantica').value;
|
||||
//la lista dei canti
|
||||
listaCanti.add(binding.get('Canto').value)
|
||||
//la lista dei versi
|
||||
var obj = new Object();
|
||||
var forma=new Object()
|
||||
obj.numverso = binding.get('NumeroVerso').value;
|
||||
obj.verso = binding.get('Verso').value;
|
||||
obj.canto = binding.get('Canto').value;
|
||||
//obj.pos = binding.get('pos').value;
|
||||
//obj.form = binding.get('textform').value;
|
||||
obj.cantica = cantica;
|
||||
listaVersi.add(obj)
|
||||
forma.numverso = binding.get('NumeroVerso').value;
|
||||
forma.canto = binding.get('Canto').value;
|
||||
forma.pos = binding.get('pos').value;
|
||||
forma.form = binding.get('textform').value;
|
||||
forma.cantica = cantica;
|
||||
|
||||
listaForme.add(forma)
|
||||
|
||||
|
||||
});
|
||||
bindingsStream.on('end', () => {
|
||||
|
||||
|
||||
|
||||
var orderedListaCanti = Array.from(listaCanti)
|
||||
orderedListaCanti = orderedListaCanti.sort((a, b) => {
|
||||
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)
|
||||
|
||||
orderedListaVersi = orderedListaVersi.sort((a, b) => {
|
||||
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;
|
||||
//}
|
||||
|
||||
});
|
||||
|
||||
|
||||
orderedListaVersi = orderedListaVersi.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)
|
||||
//if (parseInt(a.pos) < parseInt(b.pos)) {
|
||||
// return -1;
|
||||
//}
|
||||
|
||||
});
|
||||
|
||||
var divListaCanti = $('<DIV id="Canti' + cantica + '" />')
|
||||
for (canto of orderedListaCanti) {
|
||||
var licanto = $('<li class="navig-canto"/>')
|
||||
licanto.attr('name', cantica + canto)
|
||||
licanto.attr('href', "#")
|
||||
licanto.attr("style", "line-height: 1.2em")
|
||||
numcanto=canto.split(" ")[1]
|
||||
licanto.append(numcanto)
|
||||
|
||||
//licanto.appendTo('#listacanti')
|
||||
licanto.appendTo(divListaCanti)
|
||||
var divcanto = $('<div />')
|
||||
var titolocanto = $('<h1 class="f3 titolo-canto" />')
|
||||
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 orderedListaVersi) {
|
||||
|
||||
|
||||
var elementoverso = $('<p />')
|
||||
vartestoverso=verso.numverso;
|
||||
elementoverso.append(verso.numverso + ". ")
|
||||
//elementoverso.append(verso.numverso + ". " + managePunctuation(verso.verso))
|
||||
elementoverso.attr("style", "line-height: 0.5em")
|
||||
elementoverso.attr('class', 'f6 font-weight-lighter nowrap')
|
||||
elementoverso.attr('id', verso.cantica+"_"+ verso.canto.replace(" ", "_")+"_"+verso.numverso)
|
||||
elementoverso.appendTo('#' + cantica + verso.canto.replace(" ", "_"))
|
||||
|
||||
}
|
||||
|
||||
orderedListaForme.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 b dark-blue ")
|
||||
spanoccorrenza.append(managePunctuation(element.form))
|
||||
elementoverso=$('#'+element.cantica+"_"+ element.canto.replace(" ", "_")+"_"+element.numverso)
|
||||
spanoccorrenza.appendTo(elementoverso)
|
||||
elementoverso.append(' ')
|
||||
})
|
||||
|
||||
|
||||
|
||||
});
|
||||
}
|
||||
catch (err) {
|
||||
console.log(err.message);
|
||||
$("#loader").hide();
|
||||
};
|
||||
};
|
||||
|
||||
//execute query
|
||||
var listarisultati=[];
|
||||
async function executeQuerySearch(query) {
|
||||
seachbBindingsStream = await myEngine.queryBindings(query, { sources: [{ type: 'sparql', value: sparqlEndpoint },], });
|
||||
//console.log(query)
|
||||
alert(query)
|
||||
try {
|
||||
var result = new Set()
|
||||
var resultsInCantica = []
|
||||
var resultsInCanto = []
|
||||
var resultsInCantica=[]
|
||||
var resultsInCanto=[]
|
||||
seachbBindingsStream.on('data', (binding) => {
|
||||
//cantica
|
||||
cantica = binding.get('Cantica').value;
|
||||
resultsInCantica.push(cantica);
|
||||
//canto
|
||||
canto = binding.get('Canto').value;
|
||||
resultsInCanto.push(cantica + canto)
|
||||
canto=binding.get('Canto').value;
|
||||
resultsInCanto.push(cantica+canto)
|
||||
//numero del verso
|
||||
numverso = binding.get('NumeroVerso').value;
|
||||
numverso=binding.get('NumeroVerso').value;
|
||||
//posizione delframmento
|
||||
pos = binding.get('pos').value;
|
||||
result.add(cantica + "_" + canto.replace(" ", "_") + "_" + numverso + "_" + pos)
|
||||
pos=binding.get('pos').value;
|
||||
result.add(cantica+"_"+canto.replace(" ", "_")+"_"+numverso+"_"+pos)
|
||||
|
||||
});
|
||||
seachbBindingsStream.on('end', () => {
|
||||
listarisultati = Array.from(result)
|
||||
cantiche = ["Inferno", "Purgatorio", "Paradiso"]
|
||||
|
||||
cantiche=["Inferno", "Purgatorio", "Paradiso"]
|
||||
|
||||
//evidenzia risultati
|
||||
for (ris of listarisultati) {
|
||||
idris = '#' + ris
|
||||
for (ris of listarisultati){
|
||||
idris='#'+ris
|
||||
$(idris).attr('class', "f6 mark ")
|
||||
|
||||
|
||||
}
|
||||
//aggiunge badge con totale risultati accanto alle cantiche
|
||||
i = 0
|
||||
for (cantica of cantiche) {
|
||||
i += 1
|
||||
i=0
|
||||
for(cantica of cantiche){
|
||||
i+=1
|
||||
let count = resultsInCantica.reduce((n, x) => n + (x === cantica), 0);
|
||||
var spanbadgecantica = $('<span />');
|
||||
var spanbadgecantica=$('<span />');
|
||||
spanbadgecantica.attr('class', 'badge badge-primary badge-pill ml-1');
|
||||
spanbadgecantica.append(count)
|
||||
spanbadgecantica.appendTo($('#cantica' + i))
|
||||
spanbadgecantica.appendTo($('#cantica'+i))
|
||||
}
|
||||
//aggiunge badge con totale risultati accanto ai canti
|
||||
|
||||
for (cantica of cantiche) {
|
||||
for (k of Array(35).keys()) {
|
||||
if (k == 0)
|
||||
|
||||
for(cantica of cantiche){
|
||||
for( k of Array(35).keys()){
|
||||
if (k==0)
|
||||
continue
|
||||
let count = resultsInCanto.reduce((n, x) => n + (x === cantica + 'Canto ' + k), 0);
|
||||
|
||||
var spanbadge = $('<span />');
|
||||
let count = resultsInCanto.reduce((n, x) => n + (x === cantica+'Canto '+k), 0);
|
||||
|
||||
var spanbadge=$('<span />');
|
||||
spanbadge.attr('class', cantobadgeclass);
|
||||
spanbadge.append(count)
|
||||
//$("[name='nameofobject']")
|
||||
spanbadge.appendTo($('[name="' + cantica + 'Canto ' + k + '"]'))
|
||||
spanbadge.appendTo($('[name="'+cantica+'Canto '+k+'"]'))
|
||||
//spanbadge.insertAfter($('[name="'+cantica+'Canto '+k+'"]'))
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//aggiorna minimap
|
||||
if (currentMinimap != '') {
|
||||
|
||||
if (currentMinimap!=''){
|
||||
|
||||
showMinimap(currentMinimap)
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue