1220 lines
42 KiB
JavaScript
1220 lines
42 KiB
JavaScript
import { L as commonDb, v as clear$1, c as getConfig, l as log, o as setupGraphViewbox } from "./mermaid-6dc72991.js";
|
|
import { select, arc } from "d3";
|
|
import { isDark, lighten, darken } from "khroma";
|
|
import "ts-dedent";
|
|
import "dayjs";
|
|
import "@braintree/sanitize-url";
|
|
import "dompurify";
|
|
import "lodash-es/memoize.js";
|
|
import "lodash-es/merge.js";
|
|
import "stylis";
|
|
import "lodash-es/isEmpty.js";
|
|
var parser = function() {
|
|
var o = function(k, v, o2, l) {
|
|
for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v)
|
|
;
|
|
return o2;
|
|
}, $V0 = [6, 8, 10, 11, 12, 14, 16, 17, 20, 21], $V1 = [1, 9], $V2 = [1, 10], $V3 = [1, 11], $V4 = [1, 12], $V5 = [1, 13], $V6 = [1, 16], $V7 = [1, 17];
|
|
var parser2 = {
|
|
trace: function trace() {
|
|
},
|
|
yy: {},
|
|
symbols_: { "error": 2, "start": 3, "timeline": 4, "document": 5, "EOF": 6, "line": 7, "SPACE": 8, "statement": 9, "NEWLINE": 10, "title": 11, "acc_title": 12, "acc_title_value": 13, "acc_descr": 14, "acc_descr_value": 15, "acc_descr_multiline_value": 16, "section": 17, "period_statement": 18, "event_statement": 19, "period": 20, "event": 21, "$accept": 0, "$end": 1 },
|
|
terminals_: { 2: "error", 4: "timeline", 6: "EOF", 8: "SPACE", 10: "NEWLINE", 11: "title", 12: "acc_title", 13: "acc_title_value", 14: "acc_descr", 15: "acc_descr_value", 16: "acc_descr_multiline_value", 17: "section", 20: "period", 21: "event" },
|
|
productions_: [0, [3, 3], [5, 0], [5, 2], [7, 2], [7, 1], [7, 1], [7, 1], [9, 1], [9, 2], [9, 2], [9, 1], [9, 1], [9, 1], [9, 1], [18, 1], [19, 1]],
|
|
performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$) {
|
|
var $0 = $$.length - 1;
|
|
switch (yystate) {
|
|
case 1:
|
|
return $$[$0 - 1];
|
|
case 2:
|
|
this.$ = [];
|
|
break;
|
|
case 3:
|
|
$$[$0 - 1].push($$[$0]);
|
|
this.$ = $$[$0 - 1];
|
|
break;
|
|
case 4:
|
|
case 5:
|
|
this.$ = $$[$0];
|
|
break;
|
|
case 6:
|
|
case 7:
|
|
this.$ = [];
|
|
break;
|
|
case 8:
|
|
yy.getCommonDb().setDiagramTitle($$[$0].substr(6));
|
|
this.$ = $$[$0].substr(6);
|
|
break;
|
|
case 9:
|
|
this.$ = $$[$0].trim();
|
|
yy.getCommonDb().setAccTitle(this.$);
|
|
break;
|
|
case 10:
|
|
case 11:
|
|
this.$ = $$[$0].trim();
|
|
yy.getCommonDb().setAccDescription(this.$);
|
|
break;
|
|
case 12:
|
|
yy.addSection($$[$0].substr(8));
|
|
this.$ = $$[$0].substr(8);
|
|
break;
|
|
case 15:
|
|
yy.addTask($$[$0], 0, "");
|
|
this.$ = $$[$0];
|
|
break;
|
|
case 16:
|
|
yy.addEvent($$[$0].substr(2));
|
|
this.$ = $$[$0];
|
|
break;
|
|
}
|
|
},
|
|
table: [{ 3: 1, 4: [1, 2] }, { 1: [3] }, o($V0, [2, 2], { 5: 3 }), { 6: [1, 4], 7: 5, 8: [1, 6], 9: 7, 10: [1, 8], 11: $V1, 12: $V2, 14: $V3, 16: $V4, 17: $V5, 18: 14, 19: 15, 20: $V6, 21: $V7 }, o($V0, [2, 7], { 1: [2, 1] }), o($V0, [2, 3]), { 9: 18, 11: $V1, 12: $V2, 14: $V3, 16: $V4, 17: $V5, 18: 14, 19: 15, 20: $V6, 21: $V7 }, o($V0, [2, 5]), o($V0, [2, 6]), o($V0, [2, 8]), { 13: [1, 19] }, { 15: [1, 20] }, o($V0, [2, 11]), o($V0, [2, 12]), o($V0, [2, 13]), o($V0, [2, 14]), o($V0, [2, 15]), o($V0, [2, 16]), o($V0, [2, 4]), o($V0, [2, 9]), o($V0, [2, 10])],
|
|
defaultActions: {},
|
|
parseError: function parseError(str, hash) {
|
|
if (hash.recoverable) {
|
|
this.trace(str);
|
|
} else {
|
|
var error = new Error(str);
|
|
error.hash = hash;
|
|
throw error;
|
|
}
|
|
},
|
|
parse: function parse(input) {
|
|
var self = this, stack = [0], tstack = [], vstack = [null], lstack = [], table = this.table, yytext = "", yylineno = 0, yyleng = 0, TERROR = 2, EOF = 1;
|
|
var args = lstack.slice.call(arguments, 1);
|
|
var lexer2 = Object.create(this.lexer);
|
|
var sharedState = { yy: {} };
|
|
for (var k in this.yy) {
|
|
if (Object.prototype.hasOwnProperty.call(this.yy, k)) {
|
|
sharedState.yy[k] = this.yy[k];
|
|
}
|
|
}
|
|
lexer2.setInput(input, sharedState.yy);
|
|
sharedState.yy.lexer = lexer2;
|
|
sharedState.yy.parser = this;
|
|
if (typeof lexer2.yylloc == "undefined") {
|
|
lexer2.yylloc = {};
|
|
}
|
|
var yyloc = lexer2.yylloc;
|
|
lstack.push(yyloc);
|
|
var ranges = lexer2.options && lexer2.options.ranges;
|
|
if (typeof sharedState.yy.parseError === "function") {
|
|
this.parseError = sharedState.yy.parseError;
|
|
} else {
|
|
this.parseError = Object.getPrototypeOf(this).parseError;
|
|
}
|
|
function lex() {
|
|
var token;
|
|
token = tstack.pop() || lexer2.lex() || EOF;
|
|
if (typeof token !== "number") {
|
|
if (token instanceof Array) {
|
|
tstack = token;
|
|
token = tstack.pop();
|
|
}
|
|
token = self.symbols_[token] || token;
|
|
}
|
|
return token;
|
|
}
|
|
var symbol, state, action, r, yyval = {}, p, len, newState, expected;
|
|
while (true) {
|
|
state = stack[stack.length - 1];
|
|
if (this.defaultActions[state]) {
|
|
action = this.defaultActions[state];
|
|
} else {
|
|
if (symbol === null || typeof symbol == "undefined") {
|
|
symbol = lex();
|
|
}
|
|
action = table[state] && table[state][symbol];
|
|
}
|
|
if (typeof action === "undefined" || !action.length || !action[0]) {
|
|
var errStr = "";
|
|
expected = [];
|
|
for (p in table[state]) {
|
|
if (this.terminals_[p] && p > TERROR) {
|
|
expected.push("'" + this.terminals_[p] + "'");
|
|
}
|
|
}
|
|
if (lexer2.showPosition) {
|
|
errStr = "Parse error on line " + (yylineno + 1) + ":\n" + lexer2.showPosition() + "\nExpecting " + expected.join(", ") + ", got '" + (this.terminals_[symbol] || symbol) + "'";
|
|
} else {
|
|
errStr = "Parse error on line " + (yylineno + 1) + ": Unexpected " + (symbol == EOF ? "end of input" : "'" + (this.terminals_[symbol] || symbol) + "'");
|
|
}
|
|
this.parseError(errStr, {
|
|
text: lexer2.match,
|
|
token: this.terminals_[symbol] || symbol,
|
|
line: lexer2.yylineno,
|
|
loc: yyloc,
|
|
expected
|
|
});
|
|
}
|
|
if (action[0] instanceof Array && action.length > 1) {
|
|
throw new Error("Parse Error: multiple actions possible at state: " + state + ", token: " + symbol);
|
|
}
|
|
switch (action[0]) {
|
|
case 1:
|
|
stack.push(symbol);
|
|
vstack.push(lexer2.yytext);
|
|
lstack.push(lexer2.yylloc);
|
|
stack.push(action[1]);
|
|
symbol = null;
|
|
{
|
|
yyleng = lexer2.yyleng;
|
|
yytext = lexer2.yytext;
|
|
yylineno = lexer2.yylineno;
|
|
yyloc = lexer2.yylloc;
|
|
}
|
|
break;
|
|
case 2:
|
|
len = this.productions_[action[1]][1];
|
|
yyval.$ = vstack[vstack.length - len];
|
|
yyval._$ = {
|
|
first_line: lstack[lstack.length - (len || 1)].first_line,
|
|
last_line: lstack[lstack.length - 1].last_line,
|
|
first_column: lstack[lstack.length - (len || 1)].first_column,
|
|
last_column: lstack[lstack.length - 1].last_column
|
|
};
|
|
if (ranges) {
|
|
yyval._$.range = [
|
|
lstack[lstack.length - (len || 1)].range[0],
|
|
lstack[lstack.length - 1].range[1]
|
|
];
|
|
}
|
|
r = this.performAction.apply(yyval, [
|
|
yytext,
|
|
yyleng,
|
|
yylineno,
|
|
sharedState.yy,
|
|
action[1],
|
|
vstack,
|
|
lstack
|
|
].concat(args));
|
|
if (typeof r !== "undefined") {
|
|
return r;
|
|
}
|
|
if (len) {
|
|
stack = stack.slice(0, -1 * len * 2);
|
|
vstack = vstack.slice(0, -1 * len);
|
|
lstack = lstack.slice(0, -1 * len);
|
|
}
|
|
stack.push(this.productions_[action[1]][0]);
|
|
vstack.push(yyval.$);
|
|
lstack.push(yyval._$);
|
|
newState = table[stack[stack.length - 2]][stack[stack.length - 1]];
|
|
stack.push(newState);
|
|
break;
|
|
case 3:
|
|
return true;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
};
|
|
var lexer = function() {
|
|
var lexer2 = {
|
|
EOF: 1,
|
|
parseError: function parseError(str, hash) {
|
|
if (this.yy.parser) {
|
|
this.yy.parser.parseError(str, hash);
|
|
} else {
|
|
throw new Error(str);
|
|
}
|
|
},
|
|
// resets the lexer, sets new input
|
|
setInput: function(input, yy) {
|
|
this.yy = yy || this.yy || {};
|
|
this._input = input;
|
|
this._more = this._backtrack = this.done = false;
|
|
this.yylineno = this.yyleng = 0;
|
|
this.yytext = this.matched = this.match = "";
|
|
this.conditionStack = ["INITIAL"];
|
|
this.yylloc = {
|
|
first_line: 1,
|
|
first_column: 0,
|
|
last_line: 1,
|
|
last_column: 0
|
|
};
|
|
if (this.options.ranges) {
|
|
this.yylloc.range = [0, 0];
|
|
}
|
|
this.offset = 0;
|
|
return this;
|
|
},
|
|
// consumes and returns one char from the input
|
|
input: function() {
|
|
var ch = this._input[0];
|
|
this.yytext += ch;
|
|
this.yyleng++;
|
|
this.offset++;
|
|
this.match += ch;
|
|
this.matched += ch;
|
|
var lines = ch.match(/(?:\r\n?|\n).*/g);
|
|
if (lines) {
|
|
this.yylineno++;
|
|
this.yylloc.last_line++;
|
|
} else {
|
|
this.yylloc.last_column++;
|
|
}
|
|
if (this.options.ranges) {
|
|
this.yylloc.range[1]++;
|
|
}
|
|
this._input = this._input.slice(1);
|
|
return ch;
|
|
},
|
|
// unshifts one char (or a string) into the input
|
|
unput: function(ch) {
|
|
var len = ch.length;
|
|
var lines = ch.split(/(?:\r\n?|\n)/g);
|
|
this._input = ch + this._input;
|
|
this.yytext = this.yytext.substr(0, this.yytext.length - len);
|
|
this.offset -= len;
|
|
var oldLines = this.match.split(/(?:\r\n?|\n)/g);
|
|
this.match = this.match.substr(0, this.match.length - 1);
|
|
this.matched = this.matched.substr(0, this.matched.length - 1);
|
|
if (lines.length - 1) {
|
|
this.yylineno -= lines.length - 1;
|
|
}
|
|
var r = this.yylloc.range;
|
|
this.yylloc = {
|
|
first_line: this.yylloc.first_line,
|
|
last_line: this.yylineno + 1,
|
|
first_column: this.yylloc.first_column,
|
|
last_column: lines ? (lines.length === oldLines.length ? this.yylloc.first_column : 0) + oldLines[oldLines.length - lines.length].length - lines[0].length : this.yylloc.first_column - len
|
|
};
|
|
if (this.options.ranges) {
|
|
this.yylloc.range = [r[0], r[0] + this.yyleng - len];
|
|
}
|
|
this.yyleng = this.yytext.length;
|
|
return this;
|
|
},
|
|
// When called from action, caches matched text and appends it on next action
|
|
more: function() {
|
|
this._more = true;
|
|
return this;
|
|
},
|
|
// When called from action, signals the lexer that this rule fails to match the input, so the next matching rule (regex) should be tested instead.
|
|
reject: function() {
|
|
if (this.options.backtrack_lexer) {
|
|
this._backtrack = true;
|
|
} else {
|
|
return this.parseError("Lexical error on line " + (this.yylineno + 1) + ". You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).\n" + this.showPosition(), {
|
|
text: "",
|
|
token: null,
|
|
line: this.yylineno
|
|
});
|
|
}
|
|
return this;
|
|
},
|
|
// retain first n characters of the match
|
|
less: function(n) {
|
|
this.unput(this.match.slice(n));
|
|
},
|
|
// displays already matched input, i.e. for error messages
|
|
pastInput: function() {
|
|
var past = this.matched.substr(0, this.matched.length - this.match.length);
|
|
return (past.length > 20 ? "..." : "") + past.substr(-20).replace(/\n/g, "");
|
|
},
|
|
// displays upcoming input, i.e. for error messages
|
|
upcomingInput: function() {
|
|
var next = this.match;
|
|
if (next.length < 20) {
|
|
next += this._input.substr(0, 20 - next.length);
|
|
}
|
|
return (next.substr(0, 20) + (next.length > 20 ? "..." : "")).replace(/\n/g, "");
|
|
},
|
|
// displays the character position where the lexing error occurred, i.e. for error messages
|
|
showPosition: function() {
|
|
var pre = this.pastInput();
|
|
var c = new Array(pre.length + 1).join("-");
|
|
return pre + this.upcomingInput() + "\n" + c + "^";
|
|
},
|
|
// test the lexed token: return FALSE when not a match, otherwise return token
|
|
test_match: function(match, indexed_rule) {
|
|
var token, lines, backup;
|
|
if (this.options.backtrack_lexer) {
|
|
backup = {
|
|
yylineno: this.yylineno,
|
|
yylloc: {
|
|
first_line: this.yylloc.first_line,
|
|
last_line: this.last_line,
|
|
first_column: this.yylloc.first_column,
|
|
last_column: this.yylloc.last_column
|
|
},
|
|
yytext: this.yytext,
|
|
match: this.match,
|
|
matches: this.matches,
|
|
matched: this.matched,
|
|
yyleng: this.yyleng,
|
|
offset: this.offset,
|
|
_more: this._more,
|
|
_input: this._input,
|
|
yy: this.yy,
|
|
conditionStack: this.conditionStack.slice(0),
|
|
done: this.done
|
|
};
|
|
if (this.options.ranges) {
|
|
backup.yylloc.range = this.yylloc.range.slice(0);
|
|
}
|
|
}
|
|
lines = match[0].match(/(?:\r\n?|\n).*/g);
|
|
if (lines) {
|
|
this.yylineno += lines.length;
|
|
}
|
|
this.yylloc = {
|
|
first_line: this.yylloc.last_line,
|
|
last_line: this.yylineno + 1,
|
|
first_column: this.yylloc.last_column,
|
|
last_column: lines ? lines[lines.length - 1].length - lines[lines.length - 1].match(/\r?\n?/)[0].length : this.yylloc.last_column + match[0].length
|
|
};
|
|
this.yytext += match[0];
|
|
this.match += match[0];
|
|
this.matches = match;
|
|
this.yyleng = this.yytext.length;
|
|
if (this.options.ranges) {
|
|
this.yylloc.range = [this.offset, this.offset += this.yyleng];
|
|
}
|
|
this._more = false;
|
|
this._backtrack = false;
|
|
this._input = this._input.slice(match[0].length);
|
|
this.matched += match[0];
|
|
token = this.performAction.call(this, this.yy, this, indexed_rule, this.conditionStack[this.conditionStack.length - 1]);
|
|
if (this.done && this._input) {
|
|
this.done = false;
|
|
}
|
|
if (token) {
|
|
return token;
|
|
} else if (this._backtrack) {
|
|
for (var k in backup) {
|
|
this[k] = backup[k];
|
|
}
|
|
return false;
|
|
}
|
|
return false;
|
|
},
|
|
// return next match in input
|
|
next: function() {
|
|
if (this.done) {
|
|
return this.EOF;
|
|
}
|
|
if (!this._input) {
|
|
this.done = true;
|
|
}
|
|
var token, match, tempMatch, index;
|
|
if (!this._more) {
|
|
this.yytext = "";
|
|
this.match = "";
|
|
}
|
|
var rules = this._currentRules();
|
|
for (var i = 0; i < rules.length; i++) {
|
|
tempMatch = this._input.match(this.rules[rules[i]]);
|
|
if (tempMatch && (!match || tempMatch[0].length > match[0].length)) {
|
|
match = tempMatch;
|
|
index = i;
|
|
if (this.options.backtrack_lexer) {
|
|
token = this.test_match(tempMatch, rules[i]);
|
|
if (token !== false) {
|
|
return token;
|
|
} else if (this._backtrack) {
|
|
match = false;
|
|
continue;
|
|
} else {
|
|
return false;
|
|
}
|
|
} else if (!this.options.flex) {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (match) {
|
|
token = this.test_match(match, rules[index]);
|
|
if (token !== false) {
|
|
return token;
|
|
}
|
|
return false;
|
|
}
|
|
if (this._input === "") {
|
|
return this.EOF;
|
|
} else {
|
|
return this.parseError("Lexical error on line " + (this.yylineno + 1) + ". Unrecognized text.\n" + this.showPosition(), {
|
|
text: "",
|
|
token: null,
|
|
line: this.yylineno
|
|
});
|
|
}
|
|
},
|
|
// return next match that has a token
|
|
lex: function lex() {
|
|
var r = this.next();
|
|
if (r) {
|
|
return r;
|
|
} else {
|
|
return this.lex();
|
|
}
|
|
},
|
|
// activates a new lexer condition state (pushes the new lexer condition state onto the condition stack)
|
|
begin: function begin(condition) {
|
|
this.conditionStack.push(condition);
|
|
},
|
|
// pop the previously active lexer condition state off the condition stack
|
|
popState: function popState() {
|
|
var n = this.conditionStack.length - 1;
|
|
if (n > 0) {
|
|
return this.conditionStack.pop();
|
|
} else {
|
|
return this.conditionStack[0];
|
|
}
|
|
},
|
|
// produce the lexer rule set which is active for the currently active lexer condition state
|
|
_currentRules: function _currentRules() {
|
|
if (this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1]) {
|
|
return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules;
|
|
} else {
|
|
return this.conditions["INITIAL"].rules;
|
|
}
|
|
},
|
|
// return the currently active lexer condition state; when an index argument is provided it produces the N-th previous condition state, if available
|
|
topState: function topState(n) {
|
|
n = this.conditionStack.length - 1 - Math.abs(n || 0);
|
|
if (n >= 0) {
|
|
return this.conditionStack[n];
|
|
} else {
|
|
return "INITIAL";
|
|
}
|
|
},
|
|
// alias for begin(condition)
|
|
pushState: function pushState(condition) {
|
|
this.begin(condition);
|
|
},
|
|
// return the number of states currently on the stack
|
|
stateStackSize: function stateStackSize() {
|
|
return this.conditionStack.length;
|
|
},
|
|
options: { "case-insensitive": true },
|
|
performAction: function anonymous(yy, yy_, $avoiding_name_collisions, YY_START) {
|
|
switch ($avoiding_name_collisions) {
|
|
case 0:
|
|
break;
|
|
case 1:
|
|
break;
|
|
case 2:
|
|
return 10;
|
|
case 3:
|
|
break;
|
|
case 4:
|
|
break;
|
|
case 5:
|
|
return 4;
|
|
case 6:
|
|
return 11;
|
|
case 7:
|
|
this.begin("acc_title");
|
|
return 12;
|
|
case 8:
|
|
this.popState();
|
|
return "acc_title_value";
|
|
case 9:
|
|
this.begin("acc_descr");
|
|
return 14;
|
|
case 10:
|
|
this.popState();
|
|
return "acc_descr_value";
|
|
case 11:
|
|
this.begin("acc_descr_multiline");
|
|
break;
|
|
case 12:
|
|
this.popState();
|
|
break;
|
|
case 13:
|
|
return "acc_descr_multiline_value";
|
|
case 14:
|
|
return 17;
|
|
case 15:
|
|
return 21;
|
|
case 16:
|
|
return 20;
|
|
case 17:
|
|
return 6;
|
|
case 18:
|
|
return "INVALID";
|
|
}
|
|
},
|
|
rules: [/^(?:%(?!\{)[^\n]*)/i, /^(?:[^\}]%%[^\n]*)/i, /^(?:[\n]+)/i, /^(?:\s+)/i, /^(?:#[^\n]*)/i, /^(?:timeline\b)/i, /^(?:title\s[^#\n;]+)/i, /^(?:accTitle\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*:\s*)/i, /^(?:(?!\n||)*[^\n]*)/i, /^(?:accDescr\s*\{\s*)/i, /^(?:[\}])/i, /^(?:[^\}]*)/i, /^(?:section\s[^#:\n;]+)/i, /^(?::\s[^#:\n;]+)/i, /^(?:[^#:\n;]+)/i, /^(?:$)/i, /^(?:.)/i],
|
|
conditions: { "acc_descr_multiline": { "rules": [12, 13], "inclusive": false }, "acc_descr": { "rules": [10], "inclusive": false }, "acc_title": { "rules": [8], "inclusive": false }, "INITIAL": { "rules": [0, 1, 2, 3, 4, 5, 6, 7, 9, 11, 14, 15, 16, 17, 18], "inclusive": true } }
|
|
};
|
|
return lexer2;
|
|
}();
|
|
parser2.lexer = lexer;
|
|
function Parser() {
|
|
this.yy = {};
|
|
}
|
|
Parser.prototype = parser2;
|
|
parser2.Parser = Parser;
|
|
return new Parser();
|
|
}();
|
|
parser.parser = parser;
|
|
const parser$1 = parser;
|
|
let currentSection = "";
|
|
let currentTaskId = 0;
|
|
const sections = [];
|
|
const tasks = [];
|
|
const rawTasks = [];
|
|
const getCommonDb = () => commonDb;
|
|
const clear = function() {
|
|
sections.length = 0;
|
|
tasks.length = 0;
|
|
currentSection = "";
|
|
rawTasks.length = 0;
|
|
clear$1();
|
|
};
|
|
const addSection = function(txt) {
|
|
currentSection = txt;
|
|
sections.push(txt);
|
|
};
|
|
const getSections = function() {
|
|
return sections;
|
|
};
|
|
const getTasks = function() {
|
|
let allItemsProcessed = compileTasks();
|
|
const maxDepth = 100;
|
|
let iterationCount = 0;
|
|
while (!allItemsProcessed && iterationCount < maxDepth) {
|
|
allItemsProcessed = compileTasks();
|
|
iterationCount++;
|
|
}
|
|
tasks.push(...rawTasks);
|
|
return tasks;
|
|
};
|
|
const addTask = function(period, length, event) {
|
|
const rawTask = {
|
|
id: currentTaskId++,
|
|
section: currentSection,
|
|
type: currentSection,
|
|
task: period,
|
|
score: length ? length : 0,
|
|
//if event is defined, then add it the events array
|
|
events: event ? [event] : []
|
|
};
|
|
rawTasks.push(rawTask);
|
|
};
|
|
const addEvent = function(event) {
|
|
const currentTask = rawTasks.find((task) => task.id === currentTaskId - 1);
|
|
currentTask.events.push(event);
|
|
};
|
|
const addTaskOrg = function(descr) {
|
|
const newTask = {
|
|
section: currentSection,
|
|
type: currentSection,
|
|
description: descr,
|
|
task: descr,
|
|
classes: []
|
|
};
|
|
tasks.push(newTask);
|
|
};
|
|
const compileTasks = function() {
|
|
const compileTask = function(pos) {
|
|
return rawTasks[pos].processed;
|
|
};
|
|
let allProcessed = true;
|
|
for (const [i, rawTask] of rawTasks.entries()) {
|
|
compileTask(i);
|
|
allProcessed = allProcessed && rawTask.processed;
|
|
}
|
|
return allProcessed;
|
|
};
|
|
const timelineDb = {
|
|
clear,
|
|
getCommonDb,
|
|
addSection,
|
|
getSections,
|
|
getTasks,
|
|
addTask,
|
|
addTaskOrg,
|
|
addEvent
|
|
};
|
|
const db = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
__proto__: null,
|
|
addEvent,
|
|
addSection,
|
|
addTask,
|
|
addTaskOrg,
|
|
clear,
|
|
default: timelineDb,
|
|
getCommonDb,
|
|
getSections,
|
|
getTasks
|
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
const MAX_SECTIONS = 12;
|
|
const drawRect = function(elem, rectData) {
|
|
const rectElem = elem.append("rect");
|
|
rectElem.attr("x", rectData.x);
|
|
rectElem.attr("y", rectData.y);
|
|
rectElem.attr("fill", rectData.fill);
|
|
rectElem.attr("stroke", rectData.stroke);
|
|
rectElem.attr("width", rectData.width);
|
|
rectElem.attr("height", rectData.height);
|
|
rectElem.attr("rx", rectData.rx);
|
|
rectElem.attr("ry", rectData.ry);
|
|
if (rectData.class !== void 0) {
|
|
rectElem.attr("class", rectData.class);
|
|
}
|
|
return rectElem;
|
|
};
|
|
const drawFace = function(element, faceData) {
|
|
const radius = 15;
|
|
const circleElement = element.append("circle").attr("cx", faceData.cx).attr("cy", faceData.cy).attr("class", "face").attr("r", radius).attr("stroke-width", 2).attr("overflow", "visible");
|
|
const face = element.append("g");
|
|
face.append("circle").attr("cx", faceData.cx - radius / 3).attr("cy", faceData.cy - radius / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666");
|
|
face.append("circle").attr("cx", faceData.cx + radius / 3).attr("cy", faceData.cy - radius / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666");
|
|
function smile(face2) {
|
|
const arc$1 = arc().startAngle(Math.PI / 2).endAngle(3 * (Math.PI / 2)).innerRadius(radius / 2).outerRadius(radius / 2.2);
|
|
face2.append("path").attr("class", "mouth").attr("d", arc$1).attr("transform", "translate(" + faceData.cx + "," + (faceData.cy + 2) + ")");
|
|
}
|
|
function sad(face2) {
|
|
const arc$1 = arc().startAngle(3 * Math.PI / 2).endAngle(5 * (Math.PI / 2)).innerRadius(radius / 2).outerRadius(radius / 2.2);
|
|
face2.append("path").attr("class", "mouth").attr("d", arc$1).attr("transform", "translate(" + faceData.cx + "," + (faceData.cy + 7) + ")");
|
|
}
|
|
function ambivalent(face2) {
|
|
face2.append("line").attr("class", "mouth").attr("stroke", 2).attr("x1", faceData.cx - 5).attr("y1", faceData.cy + 7).attr("x2", faceData.cx + 5).attr("y2", faceData.cy + 7).attr("class", "mouth").attr("stroke-width", "1px").attr("stroke", "#666");
|
|
}
|
|
if (faceData.score > 3) {
|
|
smile(face);
|
|
} else if (faceData.score < 3) {
|
|
sad(face);
|
|
} else {
|
|
ambivalent(face);
|
|
}
|
|
return circleElement;
|
|
};
|
|
const drawCircle = function(element, circleData) {
|
|
const circleElement = element.append("circle");
|
|
circleElement.attr("cx", circleData.cx);
|
|
circleElement.attr("cy", circleData.cy);
|
|
circleElement.attr("class", "actor-" + circleData.pos);
|
|
circleElement.attr("fill", circleData.fill);
|
|
circleElement.attr("stroke", circleData.stroke);
|
|
circleElement.attr("r", circleData.r);
|
|
if (circleElement.class !== void 0) {
|
|
circleElement.attr("class", circleElement.class);
|
|
}
|
|
if (circleData.title !== void 0) {
|
|
circleElement.append("title").text(circleData.title);
|
|
}
|
|
return circleElement;
|
|
};
|
|
const drawText = function(elem, textData) {
|
|
const nText = textData.text.replace(/<br\s*\/?>/gi, " ");
|
|
const textElem = elem.append("text");
|
|
textElem.attr("x", textData.x);
|
|
textElem.attr("y", textData.y);
|
|
textElem.attr("class", "legend");
|
|
textElem.style("text-anchor", textData.anchor);
|
|
if (textData.class !== void 0) {
|
|
textElem.attr("class", textData.class);
|
|
}
|
|
const span = textElem.append("tspan");
|
|
span.attr("x", textData.x + textData.textMargin * 2);
|
|
span.text(nText);
|
|
return textElem;
|
|
};
|
|
const drawLabel = function(elem, txtObject) {
|
|
function genPoints(x, y, width, height, cut) {
|
|
return x + "," + y + " " + (x + width) + "," + y + " " + (x + width) + "," + (y + height - cut) + " " + (x + width - cut * 1.2) + "," + (y + height) + " " + x + "," + (y + height);
|
|
}
|
|
const polygon = elem.append("polygon");
|
|
polygon.attr("points", genPoints(txtObject.x, txtObject.y, 50, 20, 7));
|
|
polygon.attr("class", "labelBox");
|
|
txtObject.y = txtObject.y + txtObject.labelMargin;
|
|
txtObject.x = txtObject.x + 0.5 * txtObject.labelMargin;
|
|
drawText(elem, txtObject);
|
|
};
|
|
const drawSection = function(elem, section, conf) {
|
|
const g = elem.append("g");
|
|
const rect = getNoteRect();
|
|
rect.x = section.x;
|
|
rect.y = section.y;
|
|
rect.fill = section.fill;
|
|
rect.width = conf.width;
|
|
rect.height = conf.height;
|
|
rect.class = "journey-section section-type-" + section.num;
|
|
rect.rx = 3;
|
|
rect.ry = 3;
|
|
drawRect(g, rect);
|
|
_drawTextCandidateFunc(conf)(
|
|
section.text,
|
|
g,
|
|
rect.x,
|
|
rect.y,
|
|
rect.width,
|
|
rect.height,
|
|
{ class: "journey-section section-type-" + section.num },
|
|
conf,
|
|
section.colour
|
|
);
|
|
};
|
|
let taskCount = -1;
|
|
const drawTask = function(elem, task, conf) {
|
|
const center = task.x + conf.width / 2;
|
|
const g = elem.append("g");
|
|
taskCount++;
|
|
const maxHeight = 300 + 5 * 30;
|
|
g.append("line").attr("id", "task" + taskCount).attr("x1", center).attr("y1", task.y).attr("x2", center).attr("y2", maxHeight).attr("class", "task-line").attr("stroke-width", "1px").attr("stroke-dasharray", "4 2").attr("stroke", "#666");
|
|
drawFace(g, {
|
|
cx: center,
|
|
cy: 300 + (5 - task.score) * 30,
|
|
score: task.score
|
|
});
|
|
const rect = getNoteRect();
|
|
rect.x = task.x;
|
|
rect.y = task.y;
|
|
rect.fill = task.fill;
|
|
rect.width = conf.width;
|
|
rect.height = conf.height;
|
|
rect.class = "task task-type-" + task.num;
|
|
rect.rx = 3;
|
|
rect.ry = 3;
|
|
drawRect(g, rect);
|
|
task.x + 14;
|
|
_drawTextCandidateFunc(conf)(
|
|
task.task,
|
|
g,
|
|
rect.x,
|
|
rect.y,
|
|
rect.width,
|
|
rect.height,
|
|
{ class: "task" },
|
|
conf,
|
|
task.colour
|
|
);
|
|
};
|
|
const drawBackgroundRect = function(elem, bounds) {
|
|
const rectElem = drawRect(elem, {
|
|
x: bounds.startx,
|
|
y: bounds.starty,
|
|
width: bounds.stopx - bounds.startx,
|
|
height: bounds.stopy - bounds.starty,
|
|
fill: bounds.fill,
|
|
class: "rect"
|
|
});
|
|
rectElem.lower();
|
|
};
|
|
const getTextObj = function() {
|
|
return {
|
|
x: 0,
|
|
y: 0,
|
|
fill: void 0,
|
|
"text-anchor": "start",
|
|
width: 100,
|
|
height: 100,
|
|
textMargin: 0,
|
|
rx: 0,
|
|
ry: 0
|
|
};
|
|
};
|
|
const getNoteRect = function() {
|
|
return {
|
|
x: 0,
|
|
y: 0,
|
|
width: 100,
|
|
anchor: "start",
|
|
height: 100,
|
|
rx: 0,
|
|
ry: 0
|
|
};
|
|
};
|
|
const _drawTextCandidateFunc = function() {
|
|
function byText(content, g, x, y, width, height, textAttrs, colour) {
|
|
const text = g.append("text").attr("x", x + width / 2).attr("y", y + height / 2 + 5).style("font-color", colour).style("text-anchor", "middle").text(content);
|
|
_setTextAttrs(text, textAttrs);
|
|
}
|
|
function byTspan(content, g, x, y, width, height, textAttrs, conf, colour) {
|
|
const { taskFontSize, taskFontFamily } = conf;
|
|
const lines = content.split(/<br\s*\/?>/gi);
|
|
for (let i = 0; i < lines.length; i++) {
|
|
const dy = i * taskFontSize - taskFontSize * (lines.length - 1) / 2;
|
|
const text = g.append("text").attr("x", x + width / 2).attr("y", y).attr("fill", colour).style("text-anchor", "middle").style("font-size", taskFontSize).style("font-family", taskFontFamily);
|
|
text.append("tspan").attr("x", x + width / 2).attr("dy", dy).text(lines[i]);
|
|
text.attr("y", y + height / 2).attr("dominant-baseline", "central").attr("alignment-baseline", "central");
|
|
_setTextAttrs(text, textAttrs);
|
|
}
|
|
}
|
|
function byFo(content, g, x, y, width, height, textAttrs, conf) {
|
|
const body = g.append("switch");
|
|
const f = body.append("foreignObject").attr("x", x).attr("y", y).attr("width", width).attr("height", height).attr("position", "fixed");
|
|
const text = f.append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%");
|
|
text.append("div").attr("class", "label").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").text(content);
|
|
byTspan(content, body, x, y, width, height, textAttrs, conf);
|
|
_setTextAttrs(text, textAttrs);
|
|
}
|
|
function _setTextAttrs(toText, fromTextAttrsDict) {
|
|
for (const key in fromTextAttrsDict) {
|
|
if (key in fromTextAttrsDict) {
|
|
toText.attr(key, fromTextAttrsDict[key]);
|
|
}
|
|
}
|
|
}
|
|
return function(conf) {
|
|
return conf.textPlacement === "fo" ? byFo : conf.textPlacement === "old" ? byText : byTspan;
|
|
};
|
|
}();
|
|
const initGraphics = function(graphics) {
|
|
graphics.append("defs").append("marker").attr("id", "arrowhead").attr("refX", 5).attr("refY", 2).attr("markerWidth", 6).attr("markerHeight", 4).attr("orient", "auto").append("path").attr("d", "M 0,0 V 4 L6,2 Z");
|
|
};
|
|
function wrap(text, width) {
|
|
text.each(function() {
|
|
var text2 = select(this), words = text2.text().split(/(\s+|<br>)/).reverse(), word, line = [], lineHeight = 1.1, y = text2.attr("y"), dy = parseFloat(text2.attr("dy")), tspan = text2.text(null).append("tspan").attr("x", 0).attr("y", y).attr("dy", dy + "em");
|
|
for (let j = 0; j < words.length; j++) {
|
|
word = words[words.length - 1 - j];
|
|
line.push(word);
|
|
tspan.text(line.join(" ").trim());
|
|
if (tspan.node().getComputedTextLength() > width || word === "<br>") {
|
|
line.pop();
|
|
tspan.text(line.join(" ").trim());
|
|
if (word === "<br>") {
|
|
line = [""];
|
|
} else {
|
|
line = [word];
|
|
}
|
|
tspan = text2.append("tspan").attr("x", 0).attr("y", y).attr("dy", lineHeight + "em").text(word);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
const drawNode = function(elem, node, fullSection, conf) {
|
|
const section = fullSection % MAX_SECTIONS - 1;
|
|
const nodeElem = elem.append("g");
|
|
node.section = section;
|
|
nodeElem.attr(
|
|
"class",
|
|
(node.class ? node.class + " " : "") + "timeline-node " + ("section-" + section)
|
|
);
|
|
const bkgElem = nodeElem.append("g");
|
|
const textElem = nodeElem.append("g");
|
|
const txt = textElem.append("text").text(node.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(wrap, node.width);
|
|
const bbox = txt.node().getBBox();
|
|
const fontSize = conf.fontSize && conf.fontSize.replace ? conf.fontSize.replace("px", "") : conf.fontSize;
|
|
node.height = bbox.height + fontSize * 1.1 * 0.5 + node.padding;
|
|
node.height = Math.max(node.height, node.maxHeight);
|
|
node.width = node.width + 2 * node.padding;
|
|
textElem.attr("transform", "translate(" + node.width / 2 + ", " + node.padding / 2 + ")");
|
|
defaultBkg(bkgElem, node, section);
|
|
return node;
|
|
};
|
|
const getVirtualNodeHeight = function(elem, node, conf) {
|
|
const textElem = elem.append("g");
|
|
const txt = textElem.append("text").text(node.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(wrap, node.width);
|
|
const bbox = txt.node().getBBox();
|
|
const fontSize = conf.fontSize && conf.fontSize.replace ? conf.fontSize.replace("px", "") : conf.fontSize;
|
|
textElem.remove();
|
|
return bbox.height + fontSize * 1.1 * 0.5 + node.padding;
|
|
};
|
|
const defaultBkg = function(elem, node, section) {
|
|
const rd = 5;
|
|
elem.append("path").attr("id", "node-" + node.id).attr("class", "node-bkg node-" + node.type).attr(
|
|
"d",
|
|
`M0 ${node.height - rd} v${-node.height + 2 * rd} q0,-5 5,-5 h${node.width - 2 * rd} q5,0 5,5 v${node.height - rd} H0 Z`
|
|
);
|
|
elem.append("line").attr("class", "node-line-" + section).attr("x1", 0).attr("y1", node.height).attr("x2", node.width).attr("y2", node.height);
|
|
};
|
|
const svgDraw = {
|
|
drawRect,
|
|
drawCircle,
|
|
drawSection,
|
|
drawText,
|
|
drawLabel,
|
|
drawTask,
|
|
drawBackgroundRect,
|
|
getTextObj,
|
|
getNoteRect,
|
|
initGraphics,
|
|
drawNode,
|
|
getVirtualNodeHeight
|
|
};
|
|
const draw = function(text, id, version, diagObj) {
|
|
var _a, _b;
|
|
const conf = getConfig();
|
|
const LEFT_MARGIN = conf.leftMargin ?? 50;
|
|
log.debug("timeline", diagObj.db);
|
|
const securityLevel = conf.securityLevel;
|
|
let sandboxElement;
|
|
if (securityLevel === "sandbox") {
|
|
sandboxElement = select("#i" + id);
|
|
}
|
|
const root = securityLevel === "sandbox" ? select(sandboxElement.nodes()[0].contentDocument.body) : select("body");
|
|
const svg = root.select("#" + id);
|
|
svg.append("g");
|
|
const tasks2 = diagObj.db.getTasks();
|
|
const title = diagObj.db.getCommonDb().getDiagramTitle();
|
|
log.debug("task", tasks2);
|
|
svgDraw.initGraphics(svg);
|
|
const sections2 = diagObj.db.getSections();
|
|
log.debug("sections", sections2);
|
|
let maxSectionHeight = 0;
|
|
let maxTaskHeight = 0;
|
|
let depthY = 0;
|
|
let sectionBeginY = 0;
|
|
let masterX = 50 + LEFT_MARGIN;
|
|
let masterY = 50;
|
|
sectionBeginY = 50;
|
|
let sectionNumber = 0;
|
|
let hasSections = true;
|
|
sections2.forEach(function(section) {
|
|
const sectionNode = {
|
|
number: sectionNumber,
|
|
descr: section,
|
|
section: sectionNumber,
|
|
width: 150,
|
|
padding: 20,
|
|
maxHeight: maxSectionHeight
|
|
};
|
|
const sectionHeight = svgDraw.getVirtualNodeHeight(svg, sectionNode, conf);
|
|
log.debug("sectionHeight before draw", sectionHeight);
|
|
maxSectionHeight = Math.max(maxSectionHeight, sectionHeight + 20);
|
|
});
|
|
let maxEventCount = 0;
|
|
let maxEventLineLength = 0;
|
|
log.debug("tasks.length", tasks2.length);
|
|
for (const [i, task] of tasks2.entries()) {
|
|
const taskNode = {
|
|
number: i,
|
|
descr: task,
|
|
section: task.section,
|
|
width: 150,
|
|
padding: 20,
|
|
maxHeight: maxTaskHeight
|
|
};
|
|
const taskHeight = svgDraw.getVirtualNodeHeight(svg, taskNode, conf);
|
|
log.debug("taskHeight before draw", taskHeight);
|
|
maxTaskHeight = Math.max(maxTaskHeight, taskHeight + 20);
|
|
maxEventCount = Math.max(maxEventCount, task.events.length);
|
|
let maxEventLineLengthTemp = 0;
|
|
for (let j = 0; j < task.events.length; j++) {
|
|
const event = task.events[j];
|
|
const eventNode = {
|
|
descr: event,
|
|
section: task.section,
|
|
number: task.section,
|
|
width: 150,
|
|
padding: 20,
|
|
maxHeight: 50
|
|
};
|
|
maxEventLineLengthTemp += svgDraw.getVirtualNodeHeight(svg, eventNode, conf);
|
|
}
|
|
maxEventLineLength = Math.max(maxEventLineLength, maxEventLineLengthTemp);
|
|
}
|
|
log.debug("maxSectionHeight before draw", maxSectionHeight);
|
|
log.debug("maxTaskHeight before draw", maxTaskHeight);
|
|
if (sections2 && sections2.length > 0) {
|
|
sections2.forEach((section) => {
|
|
const tasksForSection = tasks2.filter((task) => task.section === section);
|
|
const sectionNode = {
|
|
number: sectionNumber,
|
|
descr: section,
|
|
section: sectionNumber,
|
|
width: 200 * Math.max(tasksForSection.length, 1) - 50,
|
|
padding: 20,
|
|
maxHeight: maxSectionHeight
|
|
};
|
|
log.debug("sectionNode", sectionNode);
|
|
const sectionNodeWrapper = svg.append("g");
|
|
const node = svgDraw.drawNode(sectionNodeWrapper, sectionNode, sectionNumber, conf);
|
|
log.debug("sectionNode output", node);
|
|
sectionNodeWrapper.attr("transform", `translate(${masterX}, ${sectionBeginY})`);
|
|
masterY += maxSectionHeight + 50;
|
|
if (tasksForSection.length > 0) {
|
|
drawTasks(
|
|
svg,
|
|
tasksForSection,
|
|
sectionNumber,
|
|
masterX,
|
|
masterY,
|
|
maxTaskHeight,
|
|
conf,
|
|
maxEventCount,
|
|
maxEventLineLength,
|
|
maxSectionHeight,
|
|
false
|
|
);
|
|
}
|
|
masterX += 200 * Math.max(tasksForSection.length, 1);
|
|
masterY = sectionBeginY;
|
|
sectionNumber++;
|
|
});
|
|
} else {
|
|
hasSections = false;
|
|
drawTasks(
|
|
svg,
|
|
tasks2,
|
|
sectionNumber,
|
|
masterX,
|
|
masterY,
|
|
maxTaskHeight,
|
|
conf,
|
|
maxEventCount,
|
|
maxEventLineLength,
|
|
maxSectionHeight,
|
|
true
|
|
);
|
|
}
|
|
const box = svg.node().getBBox();
|
|
log.debug("bounds", box);
|
|
if (title) {
|
|
svg.append("text").text(title).attr("x", box.width / 2 - LEFT_MARGIN).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 20);
|
|
}
|
|
depthY = hasSections ? maxSectionHeight + maxTaskHeight + 150 : maxTaskHeight + 100;
|
|
const lineWrapper = svg.append("g").attr("class", "lineWrapper");
|
|
lineWrapper.append("line").attr("x1", LEFT_MARGIN).attr("y1", depthY).attr("x2", box.width + 3 * LEFT_MARGIN).attr("y2", depthY).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", "url(#arrowhead)");
|
|
setupGraphViewbox(
|
|
void 0,
|
|
svg,
|
|
((_a = conf.timeline) == null ? void 0 : _a.padding) ?? 50,
|
|
((_b = conf.timeline) == null ? void 0 : _b.useMaxWidth) ?? false
|
|
);
|
|
};
|
|
const drawTasks = function(diagram2, tasks2, sectionColor, masterX, masterY, maxTaskHeight, conf, maxEventCount, maxEventLineLength, maxSectionHeight, isWithoutSections) {
|
|
var _a;
|
|
for (const task of tasks2) {
|
|
const taskNode = {
|
|
descr: task.task,
|
|
section: sectionColor,
|
|
number: sectionColor,
|
|
width: 150,
|
|
padding: 20,
|
|
maxHeight: maxTaskHeight
|
|
};
|
|
log.debug("taskNode", taskNode);
|
|
const taskWrapper = diagram2.append("g").attr("class", "taskWrapper");
|
|
const node = svgDraw.drawNode(taskWrapper, taskNode, sectionColor, conf);
|
|
const taskHeight = node.height;
|
|
log.debug("taskHeight after draw", taskHeight);
|
|
taskWrapper.attr("transform", `translate(${masterX}, ${masterY})`);
|
|
maxTaskHeight = Math.max(maxTaskHeight, taskHeight);
|
|
if (task.events) {
|
|
const lineWrapper = diagram2.append("g").attr("class", "lineWrapper");
|
|
let lineLength = maxTaskHeight;
|
|
masterY += 100;
|
|
lineLength = lineLength + drawEvents(diagram2, task.events, sectionColor, masterX, masterY, conf);
|
|
masterY -= 100;
|
|
lineWrapper.append("line").attr("x1", masterX + 190 / 2).attr("y1", masterY + maxTaskHeight).attr("x2", masterX + 190 / 2).attr(
|
|
"y2",
|
|
masterY + maxTaskHeight + (isWithoutSections ? maxTaskHeight : maxSectionHeight) + maxEventLineLength + 120
|
|
).attr("stroke-width", 2).attr("stroke", "black").attr("marker-end", "url(#arrowhead)").attr("stroke-dasharray", "5,5");
|
|
}
|
|
masterX = masterX + 200;
|
|
if (isWithoutSections && !((_a = conf.timeline) == null ? void 0 : _a.disableMulticolor)) {
|
|
sectionColor++;
|
|
}
|
|
}
|
|
masterY = masterY - 10;
|
|
};
|
|
const drawEvents = function(diagram2, events, sectionColor, masterX, masterY, conf) {
|
|
let maxEventHeight = 0;
|
|
const eventBeginY = masterY;
|
|
masterY = masterY + 100;
|
|
for (const event of events) {
|
|
const eventNode = {
|
|
descr: event,
|
|
section: sectionColor,
|
|
number: sectionColor,
|
|
width: 150,
|
|
padding: 20,
|
|
maxHeight: 50
|
|
};
|
|
log.debug("eventNode", eventNode);
|
|
const eventWrapper = diagram2.append("g").attr("class", "eventWrapper");
|
|
const node = svgDraw.drawNode(eventWrapper, eventNode, sectionColor, conf);
|
|
const eventHeight = node.height;
|
|
maxEventHeight = maxEventHeight + eventHeight;
|
|
eventWrapper.attr("transform", `translate(${masterX}, ${masterY})`);
|
|
masterY = masterY + 10 + eventHeight;
|
|
}
|
|
masterY = eventBeginY;
|
|
return maxEventHeight;
|
|
};
|
|
const renderer = {
|
|
setConf: () => {
|
|
},
|
|
draw
|
|
};
|
|
const genSections = (options) => {
|
|
let sections2 = "";
|
|
for (let i = 0; i < options.THEME_COLOR_LIMIT; i++) {
|
|
options["lineColor" + i] = options["lineColor" + i] || options["cScaleInv" + i];
|
|
if (isDark(options["lineColor" + i])) {
|
|
options["lineColor" + i] = lighten(options["lineColor" + i], 20);
|
|
} else {
|
|
options["lineColor" + i] = darken(options["lineColor" + i], 20);
|
|
}
|
|
}
|
|
for (let i = 0; i < options.THEME_COLOR_LIMIT; i++) {
|
|
const sw = "" + (17 - 3 * i);
|
|
sections2 += `
|
|
.section-${i - 1} rect, .section-${i - 1} path, .section-${i - 1} circle, .section-${i - 1} path {
|
|
fill: ${options["cScale" + i]};
|
|
}
|
|
.section-${i - 1} text {
|
|
fill: ${options["cScaleLabel" + i]};
|
|
}
|
|
.node-icon-${i - 1} {
|
|
font-size: 40px;
|
|
color: ${options["cScaleLabel" + i]};
|
|
}
|
|
.section-edge-${i - 1}{
|
|
stroke: ${options["cScale" + i]};
|
|
}
|
|
.edge-depth-${i - 1}{
|
|
stroke-width: ${sw};
|
|
}
|
|
.section-${i - 1} line {
|
|
stroke: ${options["cScaleInv" + i]} ;
|
|
stroke-width: 3;
|
|
}
|
|
|
|
.lineWrapper line{
|
|
stroke: ${options["cScaleLabel" + i]} ;
|
|
}
|
|
|
|
.disabled, .disabled circle, .disabled text {
|
|
fill: lightgray;
|
|
}
|
|
.disabled text {
|
|
fill: #efefef;
|
|
}
|
|
`;
|
|
}
|
|
return sections2;
|
|
};
|
|
const getStyles = (options) => `
|
|
.edge {
|
|
stroke-width: 3;
|
|
}
|
|
${genSections(options)}
|
|
.section-root rect, .section-root path, .section-root circle {
|
|
fill: ${options.git0};
|
|
}
|
|
.section-root text {
|
|
fill: ${options.gitBranchLabel0};
|
|
}
|
|
.icon-container {
|
|
height:100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.edge {
|
|
fill: none;
|
|
}
|
|
.eventWrapper {
|
|
filter: brightness(120%);
|
|
}
|
|
`;
|
|
const styles = getStyles;
|
|
const diagram = {
|
|
db,
|
|
renderer,
|
|
parser: parser$1,
|
|
styles
|
|
};
|
|
export {
|
|
diagram
|
|
};
|