marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-12 11:59:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

#1212 Class definition is not applied to flowchart nodes with links

Browse Source
This commit is contained in:
Marc Faber
2020-01-19 18:10:14 +01:00
parent 921d274579
commit c38f053294
3 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
cypress/integration/rendering/flowchart.spec.js
View File

@@ -374,6 +374,7 @@ describe('Flowchart', () => {
click B testClick "click test" click B testClick "click test"
classDef someclass fill:#f96; classDef someclass fill:#f96;
class A someclass; class A someclass;
class C someclass;
`, `,
{ {
listUrl: false, listUrl: false,
@@ -409,7 +410,9 @@ describe('Flowchart', () => {
click A "index.html#link-clicked" "link test" click A "index.html#link-clicked" "link test"
click B testClick "click test" click B testClick "click test"
classDef someclass fill:#f96; classDef someclass fill:#f96;
class A someclass;`, class A someclass;
class C someclass;
`,
{ flowchart: { htmlLabels: false } } { flowchart: { htmlLabels: false } }
); );
}); });

22
dist/index.html vendored
View File

@@ -289,16 +289,17 @@ graph TB
style 456ac9b0d15a8b7f1e71073221059886 fill:#f9f,stroke:#333,stroke-width:4px style 456ac9b0d15a8b7f1e71073221059886 fill:#f9f,stroke:#333,stroke-width:4px
</div> </div>
<div class="mermaid"> <div class="mermaid">
graph TD graph TD
A[Christmas] -->|Get money| B(Go shopping) A[Christmas] -->|Get money| B(Go shopping)
B --> C{{Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?}} B --> C{{Let me think...<br />Do I want something for work,<br />something to spend every free second with,<br />or something to get around?}}
C -->|One| D[Laptop] C -->|One| D[Laptop]
C -->|Two| E[iPhone] C -->|Two| E[iPhone]
C -->|Three| F[Car] C -->|Three| F[Car]
click A "index.html#link-clicked" "link test" click A "index.html#link-clicked" "link test"
click B testClick "click test" click B testClick "click test"
classDef someclass fill:#f96; classDef someclass fill:#f96;
class A someclass; class A someclass;
class C someclass;
</div> </div>
<div class="mermaid"> <div class="mermaid">
graph TD graph TD
@@ -312,6 +313,7 @@ class A someclass;
click B testClick "click test" click B testClick "click test"
classDef someclass fill:#f96; classDef someclass fill:#f96;
class A someclass; class A someclass;
class C someclass;
</div> </div>
<div class="mermaid"> <div class="mermaid">
graph LR graph LR

1
src/diagrams/flowchart/flowRenderer.js
View File

@@ -461,6 +461,7 @@ export const draw = function(text, id) {
const node = d3.select('#' + id + ' [id="' + key + '"]'); const node = d3.select('#' + id + ' [id="' + key + '"]');
if (node) { if (node) {
const link = document.createElementNS('http://www.w3.org/2000/svg', 'a'); const link = document.createElementNS('http://www.w3.org/2000/svg', 'a');
link.setAttributeNS('http://www.w3.org/2000/svg', 'class', vertex.classes.join(' '));
link.setAttributeNS('http://www.w3.org/2000/svg', 'href', vertex.link); link.setAttributeNS('http://www.w3.org/2000/svg', 'href', vertex.link);
link.setAttributeNS('http://www.w3.org/2000/svg', 'rel', 'noopener'); link.setAttributeNS('http://www.w3.org/2000/svg', 'rel', 'noopener');