composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-12 23:14:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°3911 Allow datamodel viewer graph to be horizontally scrolled when overflowing out of page

Browse Source
This commit is contained in:
Stephen Abello
2021-10-25 15:34:52 +02:00
parent ab23ea1da0
commit f8c59e6171
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
pages/schema.php
View File

@@ -811,7 +811,27 @@ field.filter(function(d) {
.attr("height", 36)
.attr("xlink:href", function(d, i) { return d.icon })
.attr("transform", "translate(-12, -24)");
// When the schema is visible for the first time, initialize SVG viewbox based on content height/width
let oSvgElement = document.getElementsByClassName("dataModelSchema")[0];
if(window.IntersectionObserver) {
const oDatamodelSchemaIntersectObs = new IntersectionObserver(function(aEntries, oDatamodelSchemaIntersectObs){
aEntries.forEach(oEntry => {
let bIsVisible = oEntry.isIntersecting;
if(bIsVisible) {
let oSvgBB = oSvgElement.getBBox();
let aSvgViewbox = [oSvgBB.x, oSvgBB.y , oSvgBB.width, oSvgBB.height];
oSvgElement.setAttribute("viewBox", aSvgViewbox.join(" "));
oDatamodelSchemaIntersectObs.unobserve(oSvgElement);
}
});
}, {
root: $('#dataModelGraph')[0],
threshold: [1] // Must be completely visible
});
oDatamodelSchemaIntersectObs.observe(oSvgElement);
}
JS
);
}