From 71489c5f67b215c91a045d4fc68b026cc2309ef2 Mon Sep 17 00:00:00 2001 From: Thibaud Colas Date: Sun, 31 Jul 2016 17:47:26 +0300 Subject: [PATCH] Add loop label tooltip to graph with help cursor --- src/js/parser/javascript/match_fragment.js | 9 ++++++++- src/sass/svg.scss | 4 ++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/src/js/parser/javascript/match_fragment.js b/src/js/parser/javascript/match_fragment.js index 1ae45f8..cf38152 100644 --- a/src/js/parser/javascript/match_fragment.js +++ b/src/js/parser/javascript/match_fragment.js @@ -53,12 +53,19 @@ export default { // be matched. loopLabel() { var labelStr = this.repeat.label, - label, labelBox, box; + tooltipStr = this.repeat.tooltip, + label, tooltip, labelBox, box; if (labelStr) { label = this.container.text(0, 0, [labelStr]) .addClass('repeat-label'); + if (tooltipStr) { + tooltip = Snap().el('title') + .append(this.container.text(0, 0, tooltipStr)); + label.append(tooltip); + } + box = this.getBBox(); labelBox = label.getBBox(); label.transform(Snap.matrix().translate( diff --git a/src/sass/svg.scss b/src/sass/svg.scss index 1316adc..5325ebb 100644 --- a/src/sass/svg.scss +++ b/src/sass/svg.scss @@ -50,6 +50,10 @@ circle { font-size: 10px; } +.repeat-label { + cursor: help; +} + .subexp .subexp-label tspan, .charset .charset-label tspan { dominant-baseline: text-after-edge;