carica i canto in maniera differenziata. visualizza il canto selezionato

relativo alla cantica selezionata
This commit is contained in:
nicola 2023-01-10 10:45:18 +01:00
parent 3f89ee28ca
commit 03fa724606
1 changed files with 205 additions and 146 deletions

View File

@ -1,24 +1,26 @@
/**
*
*/
var resetResult;
var resetResult;
$(document).ready(function() {
const categoriegrammaticali={"v":"Verbo", "s":"Sostantivo", "a":"Aggettivo", "p":"Pronome", "r":"Articolo", "b":"Avverbio","e":"Preposizione",
"c":"Congiunzione", "i":"Interiezione", "n":"Onomastica", "f":"Citazione", "l":"Locuzione",
"r-e":"Articolo, Preposizione", "b-v":"Avverbio, Verbo", "p-v":"Pronome, Verbo",
"b-p-v":"Avverbio, Pronome, Verbo", "b-p":"Avverbio, Pronome",
"e-p":"Preposizione, Pronome", "a-s":"Aggettivo, Sostantivo",
"e-r":"Preposizione, Articolo", "v-b":"Verbo, Avverbio", "v-p":"Verbo, Pronome",
"v-p-b":"Verbo, Pronome, Avverbio", "p-b":"Pronome, Avverbio",
"p-e":"Pronome, Preposizione", "s-a":"Sostantivo, Aggettivo",}
const categoriegrammaticali = {
"v": "Verbo", "s": "Sostantivo", "a": "Aggettivo", "p": "Pronome", "r": "Articolo", "b": "Avverbio", "e": "Preposizione",
"c": "Congiunzione", "i": "Interiezione", "n": "Onomastica", "f": "Citazione", "l": "Locuzione",
"r-e": "Articolo, Preposizione", "b-v": "Avverbio, Verbo", "p-v": "Pronome, Verbo",
"b-p-v": "Avverbio, Pronome, Verbo", "b-p": "Avverbio, Pronome",
"e-p": "Preposizione, Pronome", "a-s": "Aggettivo, Sostantivo",
"e-r": "Preposizione, Articolo", "v-b": "Verbo, Avverbio", "v-p": "Verbo, Pronome",
"v-p-b": "Verbo, Pronome, Avverbio", "p-b": "Pronome, Avverbio",
"p-e": "Pronome, Preposizione", "s-a": "Sostantivo, Aggettivo",
}
const cantobadgeclass = 'badge badge-outline-info badge-pill'
const sparqlGenerator = sparqljs.Generator;
const myEngine = new Comunica.QueryEngine();
const sparqlEndpoint = "https://hdnlab1.isti.cnr.it/fuseki/commediaontosintgra/query";
var listaVersi = new Set()
var currentMinimap = ''
@ -26,7 +28,7 @@ $(document).ready(function() {
var minimapScrolling = false;
var displayId = 'displaycanto'
var minimapTopPos;
//used in minimap
//
let minimap = document.createElement('div');
@ -37,43 +39,91 @@ $(document).ready(function() {
let realScale;
let mappedElement = '';
resetResult=function(){
var purgatorioSelected = "PurgatorioCanto_1";
var paradisoSelected = "ParadisoCanto_1";
var infernoSelected = "InfernoCanto_1";
resetResult = function() {
//console.log('clean result')
cleanSearchResult()
esprlogica = []
}
hideMinimap();
createAllDivCanti()
const start = performance.now();
showCantica('Inferno')
showCantica('Purgatorio')
showCantica('Paradiso')
var purgatorioLoaded = false;
var paradisoLoaded = false;
$("#InfernoCanto_1").attr('style', 'display:block')
drawMinimap("InfernoCanto_1")
const end = performance.now();
console.log(`Load cantiche time: ${end - start} ms`);
jQuery(document).delegate('#cantica2', 'click', function(e) {
e.preventDefault();
if (!purgatorioLoaded){
showCantica('Purgatorio')
purgatorioLoaded = true;
}
$('.canto').each(function() {
$(this).attr("style", 'display:none');
});
$("#"+purgatorioSelected).attr('style', 'display:block')
manageMiniMap("#"+purgatorioSelected);
return true;
});
jQuery(document).delegate('#cantica3', 'click', function(e) {
e.preventDefault();
if (!paradisoLoaded){
showCantica('Paradiso')
paradisoLoaded = true;
}
$('.canto').each(function() {
$(this).attr("style", 'display:none');
});
$("#"+paradisoSelected).attr('style', 'display:block')
manageMiniMap("#"+paradisoSelected);
return true;
});
jQuery(document).delegate('#cantica1', 'click', function(e) {
e.preventDefault();
$('.canto').each(function() {
$(this).attr("style", 'display:none');
});
$("#"+infernoSelected).attr('style', 'display:block')
manageMiniMap("#"+infernoSelected);
return true;
});
$("[data-cg]").hover(function() {
var details=getHoverContent($(this).data("cg"))
var details = getHoverContent($(this).data("cg"))
var index = details.indexOf(",");
var categoria = "";
if (index != -1){
categoria = details.substring(0,index);
details = details.substring(index+1);
}else{
if (index != -1) {
categoria = details.substring(0, index);
details = details.substring(index + 1);
} else {
categoria = details;
details = "";
}
$(this).popover({title: categoria, content: details, trigger: "click"});
$(this).popover({ title: categoria, content: details, trigger: "click" });
});
var mmih = 0
var mmiw = 0
$("#" + displayId).scroll(function() {
if (minimapScrolling) {
minimapScrolling = false
@ -95,22 +145,31 @@ $(document).ready(function() {
// Crea id per la div che contiene il canto
$("#" + $(this).attr('name').replace(" ", "_")).attr('style', 'display:block')
manageMiniMap(this);
});
function manageMiniMap(divElem) {
mmiw = $("#" + displayId).innerWidth();
mmih = $("#" + displayId).innerHeight();
var selectedCanto = ($(divElem).attr('name').replace(" ", "_"));
if (selectedCanto.startsWith("Inferno")){
infernoSelected = selectedCanto;
}else
if(selectedCanto.startsWith("Paradiso")){
paradisoSelected = selectedCanto;
}else{
purgatorioSelected = selectedCanto;
}
drawMinimap($(divElem).attr('name').replace(" ", "_"))
}
//Query
jQuery(document).delegate('#searchcomm, #searchcomm2', 'click', function(e) {
e.preventDefault();
manageQuery()
});
//Reset
@ -121,56 +180,56 @@ $(document).ready(function() {
$('#queryText').val("")
});
//Utility functions
function getHoverContent(categ){
function getHoverContent(categ) {
//console.log('Categoria '+categ)
if(categ.includes('-')){
categs=categ.split('-')
mycat=[]
for (cat of categs){
if (categ.includes('-')) {
categs = categ.split('-')
mycat = []
for (cat of categs) {
mycat.push(cat[0])
}
console.log(mycat.join('-'))
return categoriegrammaticali[mycat.join('-')]
}
if (categ[0]=='v'){
if (categ[0] == 'v') {
return parserVerbi.parse(categ).split(',').filter(prop => prop.length > 0).join()
}
if(categ[0]=='s'){
if (categ[0] == 's') {
return parserSostantivi.parse(categ).split(',').filter(prop => prop.length > 0).join()
}
if(categ[0]=='e'){
if (categ[0] == 'e') {
return parserPreposizioni.parse(categ).split(',').filter(prop => prop.length > 0).join()
}
if(categ[0]=='b'){
if (categ[0] == 'b') {
return parserAvverbi.parse(categ).split(',').filter(prop => prop.length > 0).join()
}
if(categ[0]=='p'){
if (categ[0] == 'p') {
return parserPronomi.parse(categ).split(',').filter(prop => prop.length > 0).join()
}
if(categ[0]=='a'){
if (categ[0] == 'a') {
return parserAggettivi.parse(categ).split(',').filter(prop => prop.length > 0).join()
}
if(categ[0]=='r'){
if (categ[0] == 'r') {
return parserArticolo.parse(categ).split(',').filter(prop => prop.length > 0).join()
}
if (categ[0] == 'f') {
return parserCitazione.parse(categ).split(',').filter(prop => prop.length > 0).join();
return parserCitazione.parse(categ).split(',').filter(prop => prop.length > 0).join();
}
if (categ[0] == 'n') {
return parserOnomastica.parse(categ).split(',').filter(prop => prop.length > 0).join();
return parserOnomastica.parse(categ).split(',').filter(prop => prop.length > 0).join();
}
if (categ[0] == 'c') {
return parserCongiunzione.parse(categ).split(',').filter(prop => prop.length > 0).join();
return parserCongiunzione.parse(categ).split(',').filter(prop => prop.length > 0).join();
}
//console.log(categ[0])
return categoriegrammaticali[categ[0]]
}
function drawMinimap(name){
function drawMinimap(name) {
showMinimap(name)
currentMinimap = name;
@ -192,7 +251,7 @@ $(document).ready(function() {
}
});
}
function cleanSearchResult() {
for (verso of listarisultati) {
@ -204,25 +263,25 @@ $(document).ready(function() {
if (currentMinimap != '')
showMinimap(currentMinimap)
}
function manageQuery(){
function manageQuery() {
cleanSearchResult()
esprlogica = []
jsonQuery=getJsonQuery()
jsonQuery = getJsonQuery()
console.log("got json query")
if(jsonQuery['QueryAvanzata']==0 && jsonQuery['Clausola0']['queryText']==''){
if (jsonQuery['QueryAvanzata'] == 0 && jsonQuery['Clausola0']['queryText'] == '') {
alert('Digitare una stringa da cercare')
return
}
jsonQuery = buildSQ(jsonQuery)
myquery = new sparqlGenerator().stringify(jsonQuery)
console.log(myquery)
executeQuerySearch(myquery)
}
//minimap management
function showMinimap(element) {
mmplace = document.getElementById('displayminimap')
@ -266,21 +325,21 @@ $(document).ready(function() {
function getInnerHeight(elm) {
var computed = getComputedStyle(elm),
padding = parseInt(computed.paddingTop) + parseInt(computed.paddingBottom);
return elm.clientHeight - padding
}
function getDimensionsDiv() {
var cantoplace = document.getElementById(displayId)
var elementplace = document.getElementById(mappedElement)
var bodyWidth = elementplace.clientWidth;
var bodyRatio = elementplace.clientHeight / bodyWidth;
let winRatio = getInnerHeight(cantoplace) / (cantoplace.clientWidth);
//minimap.style.width='15%';
@ -292,7 +351,7 @@ $(document).ready(function() {
viewer.style.paddingTop = `${winRatio * 100}%`;
minimapContent.style.transform = `scale(${realScale})`;
minimapContent.style.width = `${(100 / realScale)}%`;
minimapContent.style.height = `${(100 / realScale)}%`;
minimapContent.style.height = `${(100 / realScale)}%`;
//minimapContent.style.height=`100%`;
minimapContent.style.float = 'right';
}
@ -320,7 +379,7 @@ $(document).ready(function() {
currentMinimap = ''
}
//Cantica management functions
function showCantica(cantica) {
@ -333,22 +392,22 @@ $(document).ready(function() {
if (cantica == 'Purgatorio')
containerForme = formeseconda
const endlc = performance.now();
console.log(`Load `+cantica+` time: ${endlc - start} ms`);
console.log(`Load ` + cantica + ` time: ${endlc - start} ms`);
var elverso, formaItem
for (var cmpItem of containerForme) {
formaItem = cmpItem.split("_")
//createDivVerso(cantica, num, canto, forma, catgram, pos)
if (! setVersi.has(cantica + "_" + formaItem[3] + "_" + 'Canto_' + formaItem[1])){
elverso=createDivVerso(cantica, formaItem[3], 'Canto_' + formaItem[1], formaItem[0], formaItem[4], formaItem[2])
setVersi.add(cantica+ "_" + formaItem[3] + "_" + 'Canto_' + formaItem[1])
if (!setVersi.has(cantica + "_" + formaItem[3] + "_" + 'Canto_' + formaItem[1])) {
elverso = createDivVerso(cantica, formaItem[3], 'Canto_' + formaItem[1], formaItem[0], formaItem[4], formaItem[2])
setVersi.add(cantica + "_" + formaItem[3] + "_" + 'Canto_' + formaItem[1])
}
else{
else {
//setVersi = createDivVersi(setVersi, cantica, formaItem[3], 'Canto_' + formaItem[1])
createSpanFormeNew(cantica, 'Canto_' + formaItem[1], formaItem[3], formaItem[0], formaItem[4], formaItem[2], elverso)
}
/*
forma.numverso = formaItem[3];
forma.canto = 'Canto ' + formaItem[1];
@ -378,21 +437,21 @@ $(document).ready(function() {
}
*/
function createSpanFormeNew(cantica, canto, numverso, forma, catgramm, pos, elementoverso) {
var spanoccorrenza = $('<span />')
//var pos = parseInt(pos)
spanoccorrenza.attr('id', cantica + "_" + canto+ "_" + numverso + "_" + pos)
spanoccorrenza.attr('id', cantica + "_" + canto + "_" + numverso + "_" + pos)
spanoccorrenza.attr('data-cg', catgramm)
//if (listarisultati.length > 0 && listarisultati.includes(spanoccorrenza.attr('id')))
// spanoccorrenza.attr('class', "font-weight-bold mark ")
spanoccorrenza.append(forma+" ")
spanoccorrenza.append(forma + " ")
//elementoverso = $('#' + cantica + "_" + canto + "_" + numverso)
spanoccorrenza.appendTo(elementoverso)
//elementoverso.append('&nbsp;')
}
function createDivVersi(setVersi, cantica, num, canto) {
if (setVersi.has(cantica + "_" + num + "_" + canto))
return setVersi
@ -412,54 +471,33 @@ $(document).ready(function() {
}
function createDivVerso(cantica, num, canto, forma, catgram, pos) {
var elementoverso = $('<p />')
elementoverso.append(num + ". ")
elementoverso.attr("style", "line-height: 0.5em")
var elementoverso = $('<p />')
elementoverso.attr('class', 'f6 text-secondary text-nowrap font-weight-lighter')
elementoverso.append(num + ". ")
elementoverso.attr("style", "line-height: 0.5em")
elementoverso.attr('id', cantica + "_" + canto + "_" + num)
var spanoccorrenza = $('<span />')
//var pos = parseInt(pos)
spanoccorrenza.attr('id', cantica + "_" + canto+ "_" + num + "_" + pos)
spanoccorrenza.attr('data-cg', catgram)
spanoccorrenza.append(forma+" ")
spanoccorrenza.appendTo(elementoverso)
elementoverso.appendTo('#' + cantica + canto)
return elementoverso
elementoverso.attr('class', 'f6 text-secondary text-nowrap font-weight-lighter')
elementoverso.attr('id', cantica + "_" + canto + "_" + num)
var spanoccorrenza = $('<span />')
//var pos = parseInt(pos)
spanoccorrenza.attr('id', cantica + "_" + canto + "_" + num + "_" + pos)
spanoccorrenza.attr('data-cg', catgram)
spanoccorrenza.append(forma + " ")
spanoccorrenza.appendTo(elementoverso)
elementoverso.appendTo('#' + cantica + canto)
return elementoverso
}
/*
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)
divcanto.attr('class', 'canto')
divcanto.attr('style', 'display:none')
divcanto.attr('id', (cantica + canto).replace(" ", "_"))
titolocanto.appendTo(divcanto)
divcanto.appendTo(' .blog-main')
orderedListaCanti.add(canto)
return orderedListaCanti
}
*/
function createAllDivCanti() {
cantiche=["Inferno", "Purgatorio","Paradiso"]
for (cantica of cantiche){
for (var i=1; i<35; i++){
if(i==34 && cantica!=="Inferno"){
continue
}
canto= "Canto "+i
/*
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)
@ -468,13 +506,34 @@ $(document).ready(function() {
divcanto.attr('id', (cantica + canto).replace(" ", "_"))
titolocanto.appendTo(divcanto)
divcanto.appendTo(' .blog-main')
orderedListaCanti.add(canto)
return orderedListaCanti
}
*/
function createAllDivCanti() {
cantiche = ["Inferno", "Purgatorio", "Paradiso"]
for (cantica of cantiche) {
for (var i = 1; i < 35; i++) {
if (i == 34 && cantica !== "Inferno") {
continue
}
canto = "Canto " + i
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')
}
}
}
//execute query
async function executeQuerySearch(query) {
$("#loader").show();
seachbBindingsStream = await myEngine.queryBindings(query, { sources: [{ type: 'sparql', value: sparqlEndpoint },], });
@ -487,20 +546,20 @@ $(document).ready(function() {
seachbBindingsStream.on('data', (binding) => {
//cantica
cantica = binding.get('Cantica').value;
//canto
canto = binding.get('Canto').value;
//numero del verso
numverso = binding.get('NumeroVerso').value;
//posizione del frammento
pos = binding.get('pos').value;
if (!result.has(cantica + "_" + canto.replace(" ", "_") + "_" + numverso + "_" + pos)){
if (!result.has(cantica + "_" + canto.replace(" ", "_") + "_" + numverso + "_" + pos)) {
result.add(cantica + "_" + canto.replace(" ", "_") + "_" + numverso + "_" + pos)
resultsInCantica.push(cantica);
resultsInCanto.push(cantica + canto)
}
});
seachbBindingsStream.on('end', () => {
@ -518,7 +577,7 @@ $(document).ready(function() {
for (cantica of cantiche) {
i += 1
let count = resultsInCantica.reduce((n, x) => n + (x === cantica), 0);
if (count>0){
if (count > 0) {
var spanbadgecantica = $('<span />');
spanbadgecantica.attr('class', 'badge badge-primary badge-pill ml-1');
spanbadgecantica.append(count)
@ -532,7 +591,7 @@ $(document).ready(function() {
if (k == 0)
continue
let count = resultsInCanto.reduce((n, x) => n + (x === cantica + 'Canto ' + k), 0);
if (count>0){
if (count > 0) {
var spanbadge = $('<span />');
spanbadge.attr('class', cantobadgeclass);
spanbadge.append(count)
@ -560,11 +619,11 @@ $(document).ready(function() {
};
/*
* REGOLE DI PARSING PER VISUALIZZAZIONE PROPRIETÀ
*/
/*
* REGOLE DI PARSING PER VISUALIZZAZIONE PROPRIETÀ
*/
var categoriegrammaticaliGrammar=`Expression = head:(Filtro){return 'Verbo,'+head.join()}
var categoriegrammaticaliGrammar = `Expression = head:(Filtro){return 'Verbo,'+head.join()}
Filtro= fhead:("v") tail:( transitivita? diatesi? impersonalita*
coniugazione? modotempo?
persona? funzione* declinazione?
@ -641,7 +700,7 @@ _ "whitespace"= " "*
`
var categoriaGrammaticaleSostantivo = `
var categoriaGrammaticaleSostantivo = `
Expression = head:(Filtro){return 'Sostantivo,'+head.join()}
Filtro= fhead:("s") tail:( genereforma? declinazionesostantivo? generelemma?
numersingolareplurale? locuzione?){return tail}
@ -667,7 +726,7 @@ _ "whitespace"= " "*
`
var categoriaGrammaticalePreposizione = `
var categoriaGrammaticalePreposizione = `
Expression = head:(Filtro){return 'Preposizione,'+head.join()}
Filtro= fhead:("e") tail:( tipo1? tipo2? sintassi? complemento1? complemento2?){return tail}
@ -749,7 +808,7 @@ complemento2=
"k14" {return(" Di Rapporto")}
`
var avverbio = `Expression = head:(Filtro){return 'Avverbio,'+head.join()}
var avverbio = `Expression = head:(Filtro){return 'Avverbio,'+head.join()}
Filtro= fhead:("b") tail:( locuzione? tipo?){return tail}
locuzione = "lz" {return(' Avverbio in Locuzione Separato')}/
@ -772,7 +831,7 @@ _ "whitespace"= " "*
`
var pronome = `Expression = head:(Filtro){return 'Pronome,'+head.join()}
var pronome = `Expression = head:(Filtro){return 'Pronome,'+head.join()}
Filtro= fhead:("p") tail:( tipo_pronome? classe_pronome? genere_pronome?
numero_pronome? forma_pronome? funzione_pronome? tiporiflessivi?){return tail}
@ -822,7 +881,7 @@ Integer "integer"
_ "whitespace"= " "*
`
var categoriaGrammaticaleAggettivo = `
var categoriaGrammaticaleAggettivo = `
Expression = head:(Filtro){return 'Aggettivo,'+head.join()}
Filtro= fhead:("a") tail:( tipo_aggettivo classe_aggettivo? genere_aggettivo?
numero_aggettivo? grado_aggettivo? tipo_complemento? tipo_frase?
@ -905,7 +964,7 @@ Integer "integer"
_ "whitespace"= " "*
`
var categoriaGrammaticaleArticolo = `
var categoriaGrammaticaleArticolo = `
Expression = head:(Filtro){return 'Articolo,'+head.join()}
Filtro= fhead:("r") tail:( tipo? genere? numero?){return tail}
@ -930,7 +989,7 @@ _ "whitespace"= " "*
`
var citazione = `
var citazione = `
Expression = head:(Filtro){return 'Citazione,'+head.join()}
Filtro= fhead:("f") tail:( fake? tipo?){return tail}
@ -948,7 +1007,7 @@ Integer "integer"
_ "whitespace"= " "*
`
var onomastica = `Expression = head:(Filtro){return 'Onomastica,'+head.join()}
var onomastica = `Expression = head:(Filtro){return 'Onomastica,'+head.join()}
Filtro= fhead:("n") tail:( proprio tipo?){return tail}
tipo="x" {return(' Separato')}/
@ -960,7 +1019,7 @@ Integer "integer"
_ "whitespace"= " "*
`
var congiunzione =`
var congiunzione = `
Expression = head:(Filtro){return 'Congiunzione,'+head.join()}
Filtro= fhead:("c") tail:( tipo? cordinativasubordinativa? tipocoordinativa?
tiposubordinativa* complementodue?){return tail}
@ -1004,17 +1063,17 @@ Integer "integer"
_ "whitespace"= " "*
`
//parser per categorie
var parserVerbi = peg.generate(categoriegrammaticaliGrammar);
var parserSostantivi = peg.generate(categoriaGrammaticaleSostantivo);
var parserPreposizioni = peg.generate(categoriaGrammaticalePreposizione);
var parserAvverbi = peg.generate(avverbio);
var parserPronomi = peg.generate(pronome);
var parserAggettivi = peg.generate(categoriaGrammaticaleAggettivo);
var parserArticolo = peg.generate(categoriaGrammaticaleArticolo);
var parserCitazione = peg.generate(citazione);
var parserOnomastica = peg.generate(onomastica);
var parserCongiunzione = peg.generate(congiunzione);
//parser per categorie
var parserVerbi = peg.generate(categoriegrammaticaliGrammar);
var parserSostantivi = peg.generate(categoriaGrammaticaleSostantivo);
var parserPreposizioni = peg.generate(categoriaGrammaticalePreposizione);
var parserAvverbi = peg.generate(avverbio);
var parserPronomi = peg.generate(pronome);
var parserAggettivi = peg.generate(categoriaGrammaticaleAggettivo);
var parserArticolo = peg.generate(categoriaGrammaticaleArticolo);
var parserCitazione = peg.generate(citazione);
var parserOnomastica = peg.generate(onomastica);
var parserCongiunzione = peg.generate(congiunzione);
});