marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-11-16 18:54:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

First steps on work with sequence diagrams.

Browse Source
This commit is contained in:
knsv
2014-11-20 20:46:51 +01:00
parent 4c26ec7414
commit eac94e5370
11 changed files with 408 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
test/mermaid.html
View File

@@ -1,9 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<script src="../vendor/d3/d3.js"></script>
<script src="../vendor/dagre-d3/dist/dagre-d3.core.js"></script>
<script src="../dist/mermaid.slim.js"></script>
<scrpt src="../vendor/d3/d3.js"></scrpt>
<scrpt src="../vendor/dagre-d3/dist/dagre-d3.core.js"></scrpt>
<script src="../dist/mm.full.js"></script>
<style id="css">
/* This sets the color for "TK" nodes to a light blue green. */
g.type-TK > rect {
@@ -31,9 +31,62 @@
</head>
<body>
<div class="mermaid">
graph LR;
A-->B;
B-->D;
graph TD;
df103do1[Start 103 1];
df103do1-->df103do30[Switch 103 30];
df103do30-->|Schedule Kvällsmeny Open|df103do70[Menu 103 70];
df103do30-->|Schedule Kvällsmeny Closed|df103do35[Start 103 35];
df103do35-->df103do40[Gosub 103 40];
df103do40-->|Sub|df104do1[Start 104 1];
df104do1-->df104do3[Phrase StängtInfoTelefontid 104 3];
df104do3-->df104do4[Phrase StängtInfoSkadeärende 104 4];
df104do4-->df104do5[Phrase StängtInfoOmbud 104 5];
df104do5-->df104do6[Phrase InfoWebbplats 104 6];
df104do6-->df104do7[Phrase TackOchVälkommenÅter 104 7];
df104do7-->df104do8[Return 104 8];
df104do8-->df103do50[Goto 103 50];
df103do50-->df103do998[Start 103 998];
df103do998-->df103do999[Drop 103 999];
df103do70-->|1|df103do110[Start 103 110];
df103do110-->df103do116[Goto 103 116];
df103do116-->df6do10[Start 6 10];
df6do10-->df6do11[Switch 6 11];
df6do11-->|Öppet|df6do200[Route CG route 6 200];
df103do70-->|2|df103do120[Start 103 120];
df103do120-->df103do126[Goto 103 126];
df103do126-->df6do10[Start 6 10];
df6do10-->df6do11[Switch 6 11];
df6do11-->|Öppet|df6do200[Route CG route 6 200];
df103do70-->|3|df103do130[Start 103 130];
df103do130-->df103do136[Goto 103 136];
df103do136-->df6do10[Start 6 10];
df6do10-->df6do11[Switch 6 11];
df6do11-->|Öppet|df6do200[Route CG route 6 200];
df103do70-->|invalid|df103do80[Goto 103 80];
df103do80-->df103do180[Start 103 180];
df103do180-->df103do184[Phrase MenyOkäntval 103 184];
df103do184-->df103do186[Goto 103 186];
df103do186-->df103do300[Start 103 300];
df103do300-->df103do305[Counter 103 305];
df103do70-->|timeout|df103do85[Goto 103 85];
df103do85-->df103do300;
df103do305-->|2x|df103do310[Phrase MenyFörsökigen 103 310];
df103do310-->df103do315[Goto 103 315];
df103do315-->df103do65[Start 103 65];
df103do65-->df103do70;
df103do305-->|3x|df103do325[Goto 103 325];
df103do325-->df103do984[Start 103 984];
df103do984-->df103do985[Gosub 103 985];
df103do985-->|Sub|df105do1[Start 105 1];
df105do1-->df105do3[Phrase InfoWebbplats 105 3];
df105do3-->df105do4[Phrase TackOchVälkommenÅter 105 4];
df105do4-->df105do8[Return 105 8];
df105do8-->df103do990[Goto 103 990];
df103do990-->df103do998;
</div>
</body>
</html>

2
test/web.html
View File

@@ -28,7 +28,7 @@
}
</style>
<script src="../dist/mermaid.full.js"></script>
<script src="../dist/mm.full.js"></script>
</head>
<body>
<div class="mermaid">