110 lines
4.1 KiB
JavaScript
110 lines
4.1 KiB
JavaScript
/**
|
|
*
|
|
*/
|
|
import {Runtime, Library, Inspector} from "https://hdnlab1.isti.cnr.it/d3search/node_modules/commarcdiag/runtime.js";
|
|
import commarc from "https://hdnlab1.isti.cnr.it/d3search/node_modules/commarcdiag/index.js";
|
|
|
|
//import {Runtime, Library, Inspector} from "https://hdnlab1.isti.cnr.it/d3search/node_modules/commarcdiag/runtime.js";
|
|
//import commarc from "https://hdnlab1.isti.cnr.it/d3search/node_modules/commarcdiag/index.js";
|
|
|
|
const synttypes=["princ", "subord I","subord II","subord III","coord", "coord I", "coord II","subord IV","subord V","parent",
|
|
"coord III", "pcoord", "coord 0", "subord VI", "coord IV", "coord V", "pcoord I","subord VII"]
|
|
|
|
//var clausecolors=d3.scaleOrdinal(d3.schemeSet1).domain(synttypes)
|
|
|
|
/*const maptypes={"Ma": "princ", "SubI": "subord I", "SubII": "subord II", "SubIII": "subord III", "Co": "coord",
|
|
"CoI": "coord I", "CoII": "coord II", "SubIV": "subord IV", "SubV": "subord V", "ParentethicalClause": "parent",
|
|
"CoIII": "coord III", "ParentheticalCo":"pcoord", "PseudoCo": "oord 0", "SubVI": "subord VI" , "CoIV": "coord IV",
|
|
"CoV": "coord V", "ParentheticalCoI": "pcoord I", "SubVII": "subord VII"}
|
|
*/
|
|
//const structpalette=d3.quantize(d3.interpolateHcl("#4d4193", "#60c96e"), 18)
|
|
const maptypestopalette={"Ma": 0, "SubI": 1, "SubII": 3, "SubIII": 4, "Co": 5,
|
|
"CoI": 9, "CoII": 10, "SubIV": 5, "SubV": 6, "ParentethicalClause": 17,
|
|
"CoIII": 11, "ParentheticalCo":14, "PseudoCo": 16, "SubVI": 7 , "CoIV": 12,
|
|
"CoV": 13, "ParentheticalCoI": 15, "SubVII": 8}
|
|
var colorssp = d3.scaleQuantize()
|
|
.domain([0,17])
|
|
.range(["#3288bd", "#66c2a5", "#e41a1c", "#4daf4a", "#984ea3", "#d53e4f", "#f46d43", "#ABDDA4",
|
|
"#E6F598", "#FFFFBF", "#FEE08B", "#FDAE61", "#F46D43",
|
|
"#D53E4F", "#9E0142", "#e377c2", "#7f7f7f", "#bcbd22"]);
|
|
|
|
const runtime1 = new Runtime(new Library(name => {
|
|
console.log('name' +name)
|
|
switch (name) {
|
|
case "d3@^5.8": return d3;
|
|
case "d3@^6.0": return d3;
|
|
}
|
|
}));
|
|
|
|
|
|
|
|
|
|
document.addEventListener("dblclick", function(e){
|
|
const target = e.target.closest("."+formaClass);
|
|
|
|
if(target){
|
|
|
|
var periodograph=document.getElementById("periodograph");
|
|
|
|
if (periodograph!=null){
|
|
console.log('val '+document.getElementById("periodograph").getAttribute('name'))
|
|
let showngr=document.getElementById("periodograph").getAttribute('name').split("_")
|
|
var tmpsent=showngr[0]+"_"+showngr[1]+"_s_"+showngr[2]
|
|
periodograph.parentNode.removeChild(periodograph);
|
|
//var sentence = document.getElementsByClassName(lsentid);
|
|
var sentence = document.getElementsByClassName(tmpsent);
|
|
for (let i = 0; i < sentence.length; i++) {
|
|
sentence[i].classList.remove('font-italic');
|
|
if (selectedVista!='frasi')
|
|
sentence[i].style.removeProperty('color');
|
|
|
|
sentence[i].classList.remove('font-weight-normal');
|
|
}
|
|
if (tmpsent==lsentid)
|
|
return
|
|
}
|
|
|
|
var main=runtime1.module(commarc, name => {
|
|
|
|
if (name === "sentenceStructArcs")
|
|
return new Inspector(document.querySelector("#displayinfo"));
|
|
});
|
|
main.redefine('width', 580);
|
|
main.redefine('height', 500);
|
|
|
|
//main.redefine("links", d3.csv("https://hdnlab1.isti.cnr.it/d3search/node_modules/commarcdiag/files/parsint_mod_completo_pre_new_4.csv", d3.autoType));
|
|
|
|
if (lisid!=''){
|
|
console.log('here graph '+lisid+' '+lsentid)
|
|
main.redefine("lisid", lisid);
|
|
var collection = document.getElementsByClassName(lsentid);
|
|
for (let i = 0; i < collection.length; i++) {
|
|
//collection[i].classList.add('font-weight-normal');
|
|
collection[i].classList.add('font-italic');
|
|
//collection[i].classList.add('text-info');
|
|
//console.log(collection[i].className)
|
|
var synttp=collection[i].className.split(" ")[1]
|
|
|
|
//console.log(maptypes[synttp]+' '+maptypestopalette[synttp]+', '+colorssp(maptypestopalette[synttp]))
|
|
//collection[i].style.background = colorssp(maptypestopalette[synttp]);
|
|
collection[i].style.color = colorssp(maptypestopalette[synttp]);
|
|
|
|
//collection[i].style.removeProperty('color');
|
|
}
|
|
}
|
|
else
|
|
return
|
|
|
|
|
|
|
|
}
|
|
});
|
|
|
|
|
|
|
|
|
|
function getColor(cltype){
|
|
|
|
return (clausecolors(cltype))
|
|
}
|