visualizzazione struttura sintattica, in progress
This commit is contained in:
parent
af6ad62c52
commit
71f84da39c
|
@ -27,6 +27,10 @@
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.canto {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Minimap
|
Minimap
|
||||||
|
|
|
@ -5,11 +5,13 @@
|
||||||
|
|
||||||
var resetResult;
|
var resetResult;
|
||||||
var lsid;
|
var lsid;
|
||||||
|
|
||||||
var getDimDiv;
|
var getDimDiv;
|
||||||
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
lsid='';
|
lsid='';
|
||||||
|
removeGraph=false;
|
||||||
const posyntstruct=`<div >
|
const posyntstruct=`<div >
|
||||||
<div id="sentenceStructArcs2"></div>
|
<div id="sentenceStructArcs2"></div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -54,12 +56,11 @@ $(document).ready(function() {
|
||||||
createAllDivCanti()
|
createAllDivCanti()
|
||||||
const start = performance.now();
|
const start = performance.now();
|
||||||
showCanto(formeprima, '1','1')
|
showCanto(formeprima, '1','1')
|
||||||
//showCantica('Inferno')
|
//$("#InfernoCanto_1").attr('style', 'display:block')
|
||||||
//showCantica('Purgatorio')
|
//$("#InfernoCanto_1").removeClass('hidecanto')
|
||||||
//showCantica('Paradiso')
|
|
||||||
$("#InfernoCanto_1").attr('style', 'display:block')
|
|
||||||
drawMinimap("InfernoCanto_1")
|
|
||||||
|
|
||||||
|
$("#InfernoCanto_1").css("display", "block");
|
||||||
|
drawMinimap("InfernoCanto_1")
|
||||||
const end = performance.now();
|
const end = performance.now();
|
||||||
console.log(`Load cantiche time: ${end - start} ms`);
|
console.log(`Load cantiche time: ${end - start} ms`);
|
||||||
|
|
||||||
|
@ -81,6 +82,23 @@ $(" .Ma, .Co, .Su, .Pa").each(function(idx, element) {
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$( " .Ma, .Co, .Su, .Pa " ).dblclick(function() {
|
||||||
|
|
||||||
|
sentenceId=$(this).attr('class').split(' ')[0].replace('$','')
|
||||||
|
console.log(sentenceId)
|
||||||
|
if (shownSentenceList.has(sentenceId)){
|
||||||
|
resetSentenceStructure(sentenceId)
|
||||||
|
shownSentenceList.delete(sentenceId)
|
||||||
|
lsid=''
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
showSentenceStructure (sentenceId)
|
||||||
|
shownSentenceList.add(sentenceId)
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
$(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
$(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
|
@ -93,63 +111,16 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
//$(this).trigger('drawSynt')
|
//$(this).trigger('drawSynt')
|
||||||
});
|
});
|
||||||
|
|
||||||
/*
|
|
||||||
|
|
||||||
$(" .Ma, .Co, .Su, .Pa").tooltip({
|
|
||||||
content: (function() {return formatTTContent($(this).attr('title'));}),
|
|
||||||
classes:{"ui-tooltip":'Nik_dropdown-content'},
|
|
||||||
close: function (event, ui) {$(".ui-helper-hidden-accessible").remove();},
|
|
||||||
create: function(ev, ui) {
|
|
||||||
$(this).data("ui-tooltip").liveRegion.remove();},
|
|
||||||
hide: false,
|
|
||||||
show: false
|
|
||||||
});
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*$(""[data-cg]").hover(function() {
|
|
||||||
console.log('here')
|
|
||||||
var details=getHoverContent($(this).data("cg"))
|
|
||||||
var index = details.indexOf(",");
|
|
||||||
var sentencetype= $(this).attr('class');
|
|
||||||
|
|
||||||
var categoria = "";
|
|
||||||
if (index != -1){
|
|
||||||
categoria = details.substring(0,index);
|
|
||||||
details = details.substring(index+1);
|
|
||||||
}else{
|
|
||||||
categoria = details;
|
|
||||||
details = "";
|
|
||||||
}
|
|
||||||
/*$(this).popover({title: catgramm, content: subcatgramm+"<br/><div id='sentence' type='button' class='$"+sentencetype+
|
|
||||||
" popover-footer btn btn-light'>Periodo</div>"+posyntstruct,
|
|
||||||
html:true, placement: "top",
|
|
||||||
trigger: "click"}).on("hidden.bs.popover", function(e) {
|
|
||||||
sentenceId=$(this).attr('class').split(' ')[0].replace('$','');
|
|
||||||
resetSentenceStructure(sentenceId)
|
|
||||||
shownSentenceList.delete(sentenceId)
|
|
||||||
})
|
|
||||||
|
|
||||||
.on("shown.bs.popover", function(es){
|
|
||||||
|
|
||||||
ids=sentencetype.split("_")
|
|
||||||
sentenceId=$(this).attr('class').split(' ')[0].replace('$','')
|
|
||||||
lisid=ids[0]+'_'+ids[1]+'_'+ids[3]
|
|
||||||
lisid=lisid.split(" ")[0]
|
|
||||||
console.log('show '+lisid)
|
|
||||||
});
|
|
||||||
});*/
|
|
||||||
|
|
||||||
|
|
||||||
jQuery(document).delegate('#sentence', 'click', function(e) {
|
jQuery(document).delegate('#sentence', 'click', function(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
sentenceId=$(this).attr('class').split(' ')[0].replace('$','')
|
sentenceId=$(this).attr('class').split(' ')[0].replace('$','')
|
||||||
console.log(sentenceId)
|
console.log(sentenceId)
|
||||||
if (shownSentenceList.has(sentenceId)){
|
if (shownSentenceList.has(sentenceId)){
|
||||||
|
lisid=''
|
||||||
resetSentenceStructure(sentenceId)
|
resetSentenceStructure(sentenceId)
|
||||||
shownSentenceList.delete(sentenceId)
|
shownSentenceList.delete(sentenceId)
|
||||||
}
|
}
|
||||||
|
@ -160,8 +131,8 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
var mmih = 0
|
//var mmih = 0
|
||||||
var mmiw = 0
|
//var mmiw = 0
|
||||||
|
|
||||||
|
|
||||||
$("#" + displayId).scroll(function() {
|
$("#" + displayId).scroll(function() {
|
||||||
|
@ -181,7 +152,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
|
|
||||||
jQuery(document).delegate('.navig-canto', 'click', function(e) {
|
jQuery(document).delegate('.navig-canto', 'click', function(e) {
|
||||||
$('.canto').each(function() {
|
$('.canto').each(function() {
|
||||||
$(this).attr("style", 'display:none');
|
$(this).css("display", "none");
|
||||||
});
|
});
|
||||||
const cid=$(this).attr('name').replace(" ", "_");
|
const cid=$(this).attr('name').replace(" ", "_");
|
||||||
if ( !(loadedCanti.has(cid)))
|
if ( !(loadedCanti.has(cid)))
|
||||||
|
@ -196,7 +167,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
showCanto(formeterza, '3',parcid[1])
|
showCanto(formeterza, '3',parcid[1])
|
||||||
loadedCanti.add(cid)
|
loadedCanti.add(cid)
|
||||||
}
|
}
|
||||||
$("#" + $(this).attr('name').replace(" ", "_")).attr('style', 'display:block')
|
$("#" + $(this).attr('name').replace(" ", "_")).css("display", "block");
|
||||||
manageMiniMap(this);
|
manageMiniMap(this);
|
||||||
$(" .Ma, .Co, .Su, .Pa").each(function(idx, element) {
|
$(" .Ma, .Co, .Su, .Pa").each(function(idx, element) {
|
||||||
var ele = $(element);
|
var ele = $(element);
|
||||||
|
@ -314,7 +285,6 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
|
|
||||||
minimapScrolling = true;
|
minimapScrolling = true;
|
||||||
trackScrollViewer(ui.offset.top - minimapTopPos);
|
trackScrollViewer(ui.offset.top - minimapTopPos);
|
||||||
console.log(ui);
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -443,9 +413,9 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
|
|
||||||
getDimensionsDiv()
|
getDimensionsDiv()
|
||||||
|
|
||||||
window.addEventListener('scroll', trackScroll)
|
//window.addEventListener('scroll', trackScroll)
|
||||||
window.addEventListener('resize', getDimensionsDiv)
|
window.addEventListener('resize', getDimensionsDiv)
|
||||||
//$('iframe').css('background', '#eaeae6;');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -484,11 +454,12 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
getDimDiv = function(){
|
getDimDiv = function(){
|
||||||
getDimensionsDiv();
|
getDimensionsDiv();
|
||||||
}
|
}
|
||||||
|
/*
|
||||||
function trackScroll() {
|
function trackScroll() {
|
||||||
//console.log(window.scrollY)
|
console.log('sc '+window.scrollY)
|
||||||
viewer.style.transform = `translateY(${window.scrollY * realScale}px)`
|
viewer.style.transform = `translateY(${window.scrollY * realScale}px)`
|
||||||
}
|
}*/
|
||||||
|
|
||||||
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)`
|
||||||
|
@ -546,7 +517,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
/*
|
||||||
function showCantica(cantica) {
|
function showCantica(cantica) {
|
||||||
//var listaCanti = new Set()
|
//var listaCanti = new Set()
|
||||||
var setVersi = new Set()
|
var setVersi = new Set()
|
||||||
|
@ -582,6 +553,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
function createSpanFormeNew(forma, catgramm, pos, sentenceid, clausefunct, elementoverso) {
|
function createSpanFormeNew(forma, catgramm, pos, sentenceid, clausefunct, elementoverso) {
|
||||||
var spanoccorrenza = $('<span />')
|
var spanoccorrenza = $('<span />')
|
||||||
|
@ -589,14 +561,6 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
//spanoccorrenza.attr('data-cg', catgramm)
|
//spanoccorrenza.attr('data-cg', catgramm)
|
||||||
spanoccorrenza.attr('title', catgramm)
|
spanoccorrenza.attr('title', catgramm)
|
||||||
spanoccorrenza.attr('class', sentenceid+" "+clausefunct)
|
spanoccorrenza.attr('class', sentenceid+" "+clausefunct)
|
||||||
/*if (listaPeriodiRisultato.length && listaPeriodiRisultato.includes('.'+sentenceid)){
|
|
||||||
console.log('***SID: '+sentenceid+' '+spanoccorrenza.attr('id'))
|
|
||||||
listarisultati.push(spanoccorrenza.attr('id'))
|
|
||||||
}
|
|
||||||
|
|
||||||
if (listarisultati.length > 0 && listarisultati.includes(spanoccorrenza.attr('id')))
|
|
||||||
spanoccorrenza.addClass("font-weight-bold mark ")
|
|
||||||
*/
|
|
||||||
spanoccorrenza.append(forma+" ")
|
spanoccorrenza.append(forma+" ")
|
||||||
|
|
||||||
spanoccorrenza.appendTo(elementoverso)
|
spanoccorrenza.appendTo(elementoverso)
|
||||||
|
@ -617,7 +581,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
return elementoverso
|
return elementoverso
|
||||||
|
|
||||||
}
|
}
|
||||||
|
/*
|
||||||
function createDivVerso(cantica, num, canto, forma, catgram, pos, sentenceid, clausefunct) {
|
function createDivVerso(cantica, num, canto, forma, catgram, pos, sentenceid, clausefunct) {
|
||||||
|
|
||||||
var elementoverso = $('<p />')
|
var elementoverso = $('<p />')
|
||||||
|
@ -643,7 +607,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
return elementoverso
|
return elementoverso
|
||||||
|
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
function createAllDivCanti() {
|
function createAllDivCanti() {
|
||||||
var cantiche=["Inferno", "Purgatorio","Paradiso"]
|
var cantiche=["Inferno", "Purgatorio","Paradiso"]
|
||||||
|
@ -657,7 +621,8 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
var titolocanto = $('<h4 class="titolo-canto pb-2" />')
|
var titolocanto = $('<h4 class="titolo-canto pb-2" />')
|
||||||
titolocanto.append(cantica + ", " + canto)
|
titolocanto.append(cantica + ", " + canto)
|
||||||
divcanto.attr('class', 'canto')
|
divcanto.attr('class', 'canto')
|
||||||
divcanto.attr('style', 'display:none')
|
divcanto.css("display", "none")
|
||||||
|
//divcanto.attr('style', 'display:none')
|
||||||
divcanto.attr('id', (cantica + canto).replace(" ", "_"))
|
divcanto.attr('id', (cantica + canto).replace(" ", "_"))
|
||||||
titolocanto.appendTo(divcanto)
|
titolocanto.appendTo(divcanto)
|
||||||
divcanto.appendTo(' .blog-main')
|
divcanto.appendTo(' .blog-main')
|
||||||
|
|
Loading…
Reference in New Issue