/** * Sample plugin. */ Draw.loadPlugin(function(ui) { // Adds custom sidebar entry ui.sidebar.addPalette('esolia', 'eSolia', true, function(content) { // content.appendChild(ui.sidebar.createVertexTemplate(null, 120, 60)); content.appendChild(ui.sidebar.createVertexTemplate('shape=image;image=http://download.esolia.net.s3.amazonaws.com/img/eSolia-Logo-Color.svg;resizable=0;movable=0;rotatable=0', 100, 100)); content.appendChild(ui.sidebar.createVertexTemplate('text;spacingTop=-5;fontFamily=Courier New;fontSize=8;fontColor=#999999;resizable=0;movable=0;rotatable=0', 100, 100)); content.appendChild(ui.sidebar.createVertexTemplate('rounded=1;whiteSpace=wrap;gradientColor=none;fillColor=#004C99;shadow=1;strokeColor=#FFFFFF;align=center;fontColor=#FFFFFF;strokeWidth=3;fontFamily=Courier New;verticalAlign=middle', 100, 100)); content.appendChild(ui.sidebar.createVertexTemplate('curved=1;strokeColor=#004C99;endArrow=oval;endFill=0;strokeWidth=3;shadow=1;dashed=1', 100, 100)); }); // Collapses default sidebar entry and inserts this before var c = ui.sidebar.container; c.firstChild.click(); c.insertBefore(c.lastChild, c.firstChild); c.insertBefore(c.lastChild, c.firstChild); // Adds logo to footer ui.footerContainer.innerHTML = ''; // Adds variables in labels (%today, %filename%) var superGetLabel = ui.editor.graph.getLabel; ui.editor.graph.getLabel = function(cell) { var result = superGetLabel.apply(this, arguments); if (result != null) { var today = new Date().toLocaleString(); var file = ui.getCurrentFile(); var filename = (file != null && file.getTitle() != null) ? file.getTitle() : ''; result = result.replace('%today%', today).replace('%filename%', filename); } return result; }; // // Adds resource for action // mxResources.parse('helloWorldAction=Hello, World!'); // // // Adds action // ui.actions.addAction('helloWorldAction', function() { // var ran = Math.floor((Math.random() * 100) + 1); // mxUtils.alert('A random number is ' + ran); // }); // // // Adds menu // ui.menubar.addMenu('Hello, World Menu', function(menu, parent) { // ui.menus.addMenuItem(menu, 'helloWorldAction'); // }); // // // Reorders menubar // ui.menubar.container.insertBefore(ui.menubar.container.lastChild, // ui.menubar.container.lastChild.previousSibling.previousSibling); // // // Adds toolbar button // ui.toolbar.addSeparator(); // var elt = ui.toolbar.addItem('', 'helloWorldAction'); // // // Cannot use built-in sprites // elt.firstChild.style.backgroundImage = 'url(https://www.draw.io/images/logo-small.gif)'; // elt.firstChild.style.backgroundPosition = '2px 3px'; });