templates.view-standardsregistry_uml.ftl Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of molgenis-model-registry Show documentation
There is a newer version: 5.2.2
Show newest version
<#if molgenisPackage??>
var PAPER_WIDTH = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) * 0.9;
var PAPER_HEIGHT = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var RECT_WIDTH = 180;

$('#paper').unbind();
$('#paper').empty();

var graph = new joint.dia.Graph;
var uml = joint.shapes.uml;
var paper = new joint.dia.Paper({
el: $('#paper'),
width: PAPER_WIDTH,
height: PAPER_HEIGHT,
model: graph
});

var classes = {
    <@listClasses package=molgenisPackage />
}

_.each(classes, function(c) { graph.addCell(c); });

    <@addVertices package=molgenisPackage />

joint.layout.DirectedGraph.layout(graph, { setLinkVertices: false });

//Calculate scale for the model size
paper.fitToContent();
var bbox = paper.getContentBBox();
var scaleX = PAPER_WIDTH / bbox.width;
var scaleY = PAPER_HEIGHT / bbox.height;
var scale = Math.min(scaleX, scaleY);

//Scale the model to fit into view
paper.setDimensions(PAPER_WIDTH, PAPER_HEIGHT);
paper.scale(scale, scale);

//Add titles to the uml classes

$('.Class').each(function(index, el) {
var $titleEl = $('[id="' + el.id + '"] .uml-class-name-text');
var title = document.createElementNS("http://www.w3.org/2000/svg","title");
title.innerHTML = $titleEl.text();

drawEllipsisIfTextTooLong($titleEl[0], RECT_WIDTH-4);

$(el, '.uml-class-name-text').append($(title));
});

$('.Abstract').each(function(index, el) {
var $titleEl = $('[id="' + el.id + '"] .uml-class-name-text tspan:last');
var title = document.createElementNS("http://www.w3.org/2000/svg","title");
title.innerHTML = $titleEl.text();

drawEllipsisIfTextTooLong($titleEl[0], RECT_WIDTH-4);

$(el, '.uml-class-name-text').append($(title));
});

$('.uml-class-attrs-text tspan').each(function(index, el) {
var title = document.createElementNS("http://www.w3.org/2000/svg","title");
title.innerHTML = $(el).text();

drawEllipsisIfTextTooLong(el, RECT_WIDTH-4);

$(el).append($(title));
});

function drawEllipsisIfTextTooLong(textObj, width){
var textString = textObj.textContent;


if (textObj.getComputedTextLength() > 0)  {

//ellipsis is needed
if (textObj.getSubStringLength(0, textString.length) >= width) {
for (var x = textString.length-1; x > 0; x -= 1){
if (textObj.getSubStringLength(0, x+3) <= width){
textObj.textContent = textString.substring(0, x) + "...";
return;
}
}
textObj.textContent = "..."; //can't place at all
}
}
}


<#macro addVertices package>
    <#list package.entityTypes as entityType>
        <#if entityType.extends??>
        if (classes['<@entityName entityType.extends />']) {
        graph.addCell(new uml.Generalization({ source: { id: classes['<@entityName entityType />'].id }, target: { id: classes['<@entityName entityType.extends />'].id }}));
        }
        
        <#list entityType.attributes as amd>
            <#if amd.type == 'xref' || amd.type == 'mref' || amd.type == 'categorical'>
            if (classes['<@entityName amd.refEntity />']) {
            graph.addCell(new uml.Aggregation({ source: { id: classes['<@entityName entityType />'].id }, target: { id: classes['<@entityName amd.refEntityType />'].id }}));
            }
            
        
        <#list package.children as p>
            <@addVertices package=p />
        
    


<#macro entityName entityType>${entityType.fullyQualifiedName?replace("-", "_")?replace(" ", "_")?js_string}

<#macro listClasses package classes=[]>
    <#list package.entityTypes as entityType>
        <#if entityType.isAbstract()>
        '<@entityName entityType />': new uml.Abstract({
        size: { width: RECT_WIDTH, height: ${(50 + 12 * entityType.attributes?size)?c} },
        name: '${entityType.label?js_string}',
        attrs: {
        '.uml-class-attrs-rect': { fill: 'white', stroke: 'black'},
        '.uml-class-methods-rect': { fill: 'white', stroke: 'black'},
        },
        attributes: [<#list entityType.attributes as amd>'${amd.label?js_string}: ${amd.type}'<#if amd_has_next>,]
        }),
        <#else>
        '<@entityName entityType />': new uml.Class({
        size: { width: RECT_WIDTH, height: ${(50 + 12 * entityType.attributes?size)?c} },
        name: '${entityType.label?js_string}',
        attrs: {
        '.uml-class-attrs-rect': { fill: 'white', stroke: 'black'},
        '.uml-class-methods-rect': { fill: 'white', stroke: 'black'},
        },
        attributes: [<#list entityType.attributes as amd>'${amd.label?js_string}: ${amd.type?js_string}'<#if amd_has_next>,]
        }),
        
    
    <#list package.children as p>
        <@listClasses package=p classes=classes />