56 lines
1.5 KiB
JavaScript
56 lines
1.5 KiB
JavaScript
define([
|
|
"jquery",
|
|
"underscore",
|
|
"utils",
|
|
"logger",
|
|
"classes/Extension",
|
|
"text!html/umlDiagramsSettingsBlock.html",
|
|
'crel',
|
|
'sequence-diagram',
|
|
'flow-chart'
|
|
], function($, _, utils, logger, Extension, umlDiagramsSettingsBlockHTML, crel, sequenceDiagram, flowChart) {
|
|
|
|
var umlDiagrams = new Extension("umlDiagrams", "UML Diagrams", true);
|
|
umlDiagrams.settingsBlock = umlDiagramsSettingsBlockHTML;
|
|
|
|
umlDiagrams.onPagedownConfigure = function(editor) {
|
|
var previewContentsElt = document.getElementById('preview-contents');
|
|
editor.hooks.chain("onPreviewRefresh", function() {
|
|
_.each(previewContentsElt.querySelectorAll('.prettyprint > .language-sequence'), function(elt) {
|
|
try {
|
|
var diagram = sequenceDiagram.parse(elt.textContent);
|
|
var preElt = elt.parentNode;
|
|
var containerElt = crel('div', {
|
|
class: 'sequence-diagram'
|
|
});
|
|
preElt.parentNode.replaceChild(containerElt, preElt);
|
|
diagram.drawSVG(containerElt, {
|
|
theme: 'simple'
|
|
});
|
|
}
|
|
catch(e) {
|
|
}
|
|
});
|
|
_.each(previewContentsElt.querySelectorAll('.prettyprint > .language-flow'), function(elt) {
|
|
try {
|
|
var chart = flowChart.parse(elt.textContent);
|
|
var preElt = elt.parentNode;
|
|
var containerElt = crel('div', {
|
|
class: 'flow-chart'
|
|
});
|
|
preElt.parentNode.replaceChild(containerElt, preElt);
|
|
chart.drawSVG(containerElt, {
|
|
'line-width': 2,
|
|
'font-family': 'sans-serif',
|
|
'font-weight': 'normal'
|
|
});
|
|
}
|
|
catch(e) {
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
return umlDiagrams;
|
|
});
|