2017-04-26 18:17:38 +08:00
|
|
|
/*! jQuery.flowchart.js v1.1.0 | jquery.flowchart.min.js | jQuery plugin for flowchart.js. | MIT License | By: Pandao | https://github.com/pandao/jquery.flowchart.js | 2015-03-09 */
|
2018-09-03 15:39:01 +08:00
|
|
|
(function (factory) {
|
|
|
|
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object") {
|
|
|
|
|
module.exports = factory
|
|
|
|
|
} else {
|
|
|
|
|
if (typeof define === "function") {
|
|
|
|
|
factory(jQuery, flowchart)
|
|
|
|
|
} else {
|
|
|
|
|
factory($, flowchart)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}(function (jQuery, flowchart) {
|
|
|
|
|
(function ($) {
|
|
|
|
|
$.fn.flowChart = function (options) {
|
|
|
|
|
options = options || {};
|
|
|
|
|
var defaults = {
|
|
|
|
|
'x': 0,
|
|
|
|
|
'y': 0,
|
|
|
|
|
'line-width': 3,
|
|
|
|
|
'line-length': 50,
|
|
|
|
|
'text-margin': 10,
|
|
|
|
|
'font-size': 14,
|
|
|
|
|
'font-color': 'black',
|
|
|
|
|
'line-color': 'black',
|
|
|
|
|
'element-color': 'black',
|
|
|
|
|
'fill': 'white',
|
|
|
|
|
'yes-text': 'yes',
|
|
|
|
|
'no-text': 'no',
|
|
|
|
|
'arrow-end': 'block',
|
|
|
|
|
'scale': 1,
|
|
|
|
|
// style symbol types
|
|
|
|
|
'symbols': {
|
|
|
|
|
'start': {
|
|
|
|
|
'font-color': 'red',
|
|
|
|
|
'element-color': 'green',
|
|
|
|
|
'fill': 'yellow'
|
|
|
|
|
},
|
|
|
|
|
'end':{
|
|
|
|
|
'class': 'end-element'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// even flowstate support ;-)
|
|
|
|
|
'flowstate' : {
|
|
|
|
|
'past' : { 'fill' : '#CCCCCC', 'font-size' : 12},
|
|
|
|
|
'current' : {'fill' : 'yellow', 'font-color' : 'red', 'font-weight' : 'bold'},
|
|
|
|
|
'future' : { 'fill' : '#FFFF99'},
|
|
|
|
|
'request' : { 'fill' : 'blue'},
|
|
|
|
|
'invalid': {'fill' : '#444444'},
|
|
|
|
|
'approved' : { 'fill' : '#58C4A3', 'font-size' : 12, 'yes-text' : 'APPROVED', 'no-text' : 'n/a' },
|
|
|
|
|
'rejected' : { 'fill' : '#C45879', 'font-size' : 12, 'yes-text' : 'n/a', 'no-text' : 'REJECTED' }
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return this.each(function () {
|
|
|
|
|
var $this = $(this);
|
|
|
|
|
var diagram = flowchart.parse($this.text());
|
|
|
|
|
var settings = $.extend(true, defaults, options);
|
|
|
|
|
$this.html("");
|
|
|
|
|
diagram.drawSVG($this.get(0), settings)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})(jQuery)
|
|
|
|
|
}));
|
