mirrors
/
mermaid
mirror of https://github.com/mermaid-js/mermaid.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

parenthesis are mandatory

This commit is contained in:
Matthieu MOREL 2020-12-06 14:14:04 +01:00
parent e7852ea54e
commit 5ca629ec90
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/diagrams-and-syntax-and-examples/flowchart.md
View File

@ -601,7 +601,7 @@ flowchart TB
It is possible to bind a click event to a node, the click can lead to either a javascript callback or to a link which will be opened in a new browser tab. **Note**: This functionality is disabled when using `securityLevel='strict'` and enabled when using `securityLevel='loose'`. It is possible to bind a click event to a node, the click can lead to either a javascript callback or to a link which will be opened in a new browser tab. **Note**: This functionality is disabled when using `securityLevel='strict'` and enabled when using `securityLevel='loose'`.
``` ```
click nodeId call callback click nodeId call callback()
``` ```
* nodeId is the id of the node * nodeId is the id of the node
@ -620,7 +620,7 @@ Examples of tooltip usage below:
``` ```
graph LR; graph LR;
A-->B; A-->B;
click A call callback "Tooltip for a callback" click A call callback() "Tooltip for a callback"
click B href "http://www.github.com" "This is a tooltip for a link" click B href "http://www.github.com" "This is a tooltip for a link"
``` ```
@ -629,7 +629,7 @@ The tooltip text is surrounded in double quotes. The styles of the tooltip are s
```mermaid ```mermaid
graph LR graph LR
A-->B; A-->B;
click A call callback "Tooltip" click A call callback() "Tooltip"
click B href "http://www.github.com" "This is a link" click B href "http://www.github.com" "This is a link"
``` ```
> **Success** The tooltip functionality and the ability to link to urls are available from version 0.5.2. > **Success** The tooltip functionality and the ability to link to urls are available from version 0.5.2.
@ -659,7 +659,7 @@ Beginners tip, a full example using interactive links in a html context:
<div class="mermaid"> <div class="mermaid">
graph LR; graph LR;
A-->B; A-->B;
click A call callback "Tooltip" click A call callback() "Tooltip"
click B href "http://www.github.com" "This is a link" click B href "http://www.github.com" "This is a link"
</div> </div>

2
src/diagrams/flowchart/parser/flow-interactions.spec.js
View File

@ -25,7 +25,7 @@ describe('[Interactions] when parsing', () => {
it('it should be possible to use click to a callback with toolip', function() { it('it should be possible to use click to a callback with toolip', function() {
spyOn(flowDb, 'setClickEvent'); spyOn(flowDb, 'setClickEvent');
spyOn(flowDb, 'setTooltip'); spyOn(flowDb, 'setTooltip');
const res = flow.parser.parse('graph TD\nA-->B\nclick A call callback "tooltip"'); const res = flow.parser.parse('graph TD\nA-->B\nclick A call callback() "tooltip"');
const vert = flow.parser.yy.getVertices(); const vert = flow.parser.yy.getVertices();
const edges = flow.parser.yy.getEdges(); const edges = flow.parser.yy.getEdges();