GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-14 06:43:25 +08:00
Code Issues Projects Releases Wiki Activity
mermaid/cypress/platform/current.html

262 lines
5.9 KiB
HTML
Raw Normal View History

Removed loggin
2019-11-27 20:15:21 +01:00
<html>
<head>
<link
href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
rel="stylesheet"
/>
Font update for e2e tests
2020-02-16 15:39:52 +01:00
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
#935 Fix for stylink of links. Default theme colors are picked up and styling via themeCSS works
2019-12-08 10:10:03 +01:00
<style>
Font update for e2e tests
2020-02-16 15:39:52 +01:00
body {
#1295 Render fix for flowchart, correct marker handling and some cleanup
2020-04-16 19:44:11 +02:00
background: rgb(221, 208, 208);
#1295 First draft of generic renderer applied to flowcharts.
2020-03-08 09:49:41 +01:00
font-family: 'Arial';
Font update for e2e tests
2020-02-16 15:39:52 +01:00
}
#935 Fix for stylink of links. Default theme colors are picked up and styling via themeCSS works
2019-12-08 10:10:03 +01:00
h1 { color: white;}
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
.mermaid2 {
display: none;
}
#935 Fix for stylink of links. Default theme colors are picked up and styling via themeCSS works
2019-12-08 10:10:03 +01:00
</style>
Removed loggin
2019-11-27 20:15:21 +01:00
</head>
<body>
<h1>info below</h1>
#1295 Styling of start/end nodes, arrows and regular states
2020-03-28 13:59:41 +01:00
<div class="mermaid2" style="width: 100%; height: 20%;">
#1295 Start renderer
2020-03-04 20:35:59 +01:00
flowchart LR
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
a --> b
subgraph id1 [Test]
a --apa--> c
b
c-->b
b-->H
end
1295 Lint fixes
2020-03-14 08:24:45 +01:00
G-->H
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
G-->c
</div>
#1295 Moving graph operations into mermaid-graplib and adding tests
2020-04-10 07:27:04 +02:00
<div class="mermaid2" style="width: 50%; height: 20%;">
#1295 Fix for intersection calculation for edges to clusters and adding concurrency in stateDiagrams as clusters
2020-04-02 19:35:12 +02:00
stateDiagram-v2
[*] --> monkey
state monkey {
Sitting
--
Eating
}
</div>
<div class="mermaid2" style="width: 50%; height: 20%;">
stateDiagram-v2
state Active {
[*] --> NumLockOff
NumLockOff --> NumLockOn : EvNumLockPressed
NumLockOn --> NumLockOff : EvNumLockPressed
--
[*] --> CapsLockOff
CapsLockOff --> CapsLockOn : EvCapsLockPressed
CapsLockOn --> CapsLockOff : EvCapsLockPressed
--
[*] --> ScrollLockOff
ScrollLockOff --> ScrollLockOn : EvCapsLockPressed
ScrollLockOn --> ScrollLockOff : EvCapsLockPressed
}
#1295 Applying new rendering engine for stateDiagrams
2020-03-22 21:45:14 +01:00
</div>
#1295 Fix for intersection calculation for edges to clusters and adding concurrency in stateDiagrams as clusters
2020-04-02 19:35:12 +02:00
<div class="mermaid2 mermaid-apa" style="width: 100%; height: 20%;">
#1295 Backwards compatability
2020-03-30 22:08:48 +02:00
stateDiagram
#1295 Styling of start/end nodes, arrows and regular states
2020-03-28 13:59:41 +01:00
[*] --> Still
Still --> [*]
</div>
<div class="mermaid2" style="width: 100%; height: 100%;">
stateDiagram-v2
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
</div>
#1295 Recursive rendering, draft
2020-04-11 17:16:01 +02:00
<div class="mermaid2" style="width: 100%; height: 100%;">
#1295 Fix for intersection calculation for edges to clusters and adding concurrency in stateDiagrams as clusters
2020-04-02 19:35:12 +02:00
stateDiagram-v2
[*] --> First
First --> Second
% First --> Third
state First {
[*] --> fir
fir --> [*]
}
state Second {
[*] --> sec
sec --> [*]
}
#1295 Recursive rendering, draft
2020-04-11 17:16:01 +02:00
</div>
<div class="mermaid" style="width: 100%; height: 100%;">
flowchart TD
#1295 Updates mermaid-graphlib
2020-04-13 16:25:10 +02:00
subgraph A
a
#1295 Recursive rendering, draft
2020-04-11 17:16:01 +02:00
end
#1295 Updates mermaid-graphlib
2020-04-13 16:25:10 +02:00
subgraph B
b
end
subgraph C
subgraph D
d
end
end
#1295 Render fix for flowchart, correct marker handling and some cleanup
2020-04-16 19:44:11 +02:00
A -- oAo --o B
#1295 Updates mermaid-graphlib
2020-04-13 16:25:10 +02:00
A --> C
#1295 Fix for intersection calculation for edges to clusters and adding concurrency in stateDiagrams as clusters
2020-04-02 19:35:12 +02:00
</div>
#1295 Render fix for flowchart, correct marker handling and some cleanup
2020-04-16 19:44:11 +02:00
<div class="mermaid" style="width: 100%; height: 100%;">
flowchart TD
subgraph A
a
end
subgraph B
b
end
c-->A
c-->B
</div>
#1295 Better way of finding suitable child in cluster to point to
2020-04-02 19:48:28 +02:00
<div class="mermaid2" style="width: 100%; height: 100%;">
#1295 Fix for intersection calculation for edges to clusters and adding concurrency in stateDiagrams as clusters
2020-04-02 19:35:12 +02:00
stateDiagram-v2
[*] --> First
First --> Second
First --> Third
state First {
[*] --> fir
fir --> [*]
}
state Second {
[*] --> sec
sec --> [*]
}
state Third {
[*] --> thi
thi --> [*]
}
#1295 Styling of composite states
2020-03-28 17:34:23 +01:00
</div>
#1295 Styling of start/end nodes, arrows and regular states
2020-03-28 13:59:41 +01:00
<div class="mermaid2" style="width: 100%; height: 100%;">
#1295 Applying new rendering engine for stateDiagrams
2020-03-22 21:45:14 +01:00
stateDiagram-v2
#1295 Start shape and handling of setting a unique start id per cluster level
2020-03-25 20:16:27 +01:00
[*]-->TV
state TV {
[*] --> Off: Off to start with
On --> Off : Turn off
Off --> On : Turn on
}
TV--> Console
state Console {
[*] --> Off2: Off to start with
On2--> Off2 : Turn off
Off2 --> On2 : Turn on
On2-->Playing
state Playing {
Alive --> Dead
Dead-->Alive
#1295 Applying new rendering engine for stateDiagrams
2020-03-22 21:45:14 +01:00
}
#1295 Start shape and handling of setting a unique start id per cluster level
2020-03-25 20:16:27 +01:00
}
#1295 Applying new rendering engine for stateDiagrams
2020-03-22 21:45:14 +01:00
</div>
<div style="display: flex;flex-direction:column;width: 100%; height: 100%">
<div class="mermaid2" style="width: 100%; height: 100%;">
stateDiagram-v2
state apa {
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
}
</div>
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
<div class="mermaid2" style="width: 100%; height: 100%">
flowchart TB
a --> b
subgraph id1 [Test]
a --apa--> c
b
c-->b
b-->H
end
1295 Lint fixes
2020-03-14 08:24:45 +01:00
G-->H
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
G-->id1
id1 --> I
I --> G
</div>
<div class="mermaid2" style="width: 100%; height: 100%">
flowchart RL
a --> b
1295 Lint fixes
2020-03-14 08:24:45 +01:00
subgraph id1 [Test]
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
a --apa--> c
b
c-->b
b-->H
#1295 Drawing edges between nodes
2020-03-11 17:36:30 +01:00
end
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
G-->H
G-->id1
id1 --> I
I --> G
</div>
<div class="mermaid2" style="width: 100%; height: 100%">
flowchart RL
subgraph id1 [Test]
a
end
b-->id1
#1110 Adding tests for this case and some calcuations for width
2019-12-02 21:10:37 +01:00
</div>
#1295 Arrow head start
2020-03-14 18:13:34 +01:00
<div class="mermaid2" style="width: 100%; height: 100%">
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
flowchart RL
subgraph id1 [Test1]
a
end
subgraph id2 [Test2]
b
end
a --> id2
a --> b
b-->id1
id1 --> id2
</div>
#1295 Markers implmented, the gereric pattern and diagram specific for flowcharts.
2020-03-16 07:55:02 +01:00
new:
#1295 Applying new rendering engine for stateDiagrams
2020-03-22 21:45:14 +01:00
<div class="mermaid2" style="width: 100%; height: 100%">
#1295 Arrow head start
2020-03-14 18:13:34 +01:00
flowchart LR
#1295 Markers implmented, the gereric pattern and diagram specific for flowcharts.
2020-03-16 07:55:02 +01:00
a <--> b
b o--o c
c x--x d
#1295 Added the flowchart shapes
2020-03-18 22:08:19 +01:00
a21([In the box]) --> b2
b2((b2)) --o c2
c2(c2) --x d2 --> id1{{This is the text in the box}} --> A[(cylindrical<br />shape<br />test)]
#1295 Markers implmented, the gereric pattern and diagram specific for flowcharts.
2020-03-16 07:55:02 +01:00
</div>
old:
#1295 Applying new rendering engine for stateDiagrams
2020-03-22 21:45:14 +01:00
<div class="mermaid2" style="width: 100%; height: 100%">
#1295 Markers implmented, the gereric pattern and diagram specific for flowcharts.
2020-03-16 07:55:02 +01:00
graph LR
#1295 Added the flowchart shapes
2020-03-18 22:08:19 +01:00
a((a)) --> b --> id1{{This is the text in the box}}
A[(cylindrical<br />shape<br />test)]
#1295 Arrow head start
2020-03-14 18:13:34 +01:00
</div>
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
#1110 Adding tests for this case and some calcuations for width
2019-12-02 21:10:37 +01:00
</div>
<script src="./mermaid.js"></script>
Removed loggin
2019-11-27 20:15:21 +01:00
<script>
mermaid.initialize({
#1223 Adding support for multiple transitions to a node from another node
2020-01-29 19:57:59 +01:00
// theme: 'dark',
Removed loggin
2019-11-27 20:15:21 +01:00
// arrowMarkerAbsolute: true,
#935 Fix for stylink of links. Default theme colors are picked up and styling via themeCSS works
2019-12-08 10:10:03 +01:00
// themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
#1142 Simplified arrows/edges in the grammar
2019-12-15 13:34:35 +01:00
logLevel: 0,
#903 Allowing >,< and = characters in svg. Updating xss tests to handle both htmlLabels and non htmlLabels
2019-12-07 12:19:45 +01:00
flowchart: { curve: 'linear', "htmlLabels": false },
#552 Adding rendering test
2019-12-11 21:12:48 +01:00
// gantt: { axisFormat: '%m/%d/%Y' },
#1257 Adding the autonumber keyword + tests and docs
2020-02-16 15:26:08 +01:00
sequence: { actorMargin: 50, showSequenceNumbers: true },
Removed loggin
2019-11-27 20:15:21 +01:00
// sequenceDiagram: { actorMargin: 300 } // deprecated
#1295 Edges between subgraphs
2020-03-14 17:38:35 +01:00
fontFamily: '"arial", sans-serif',
curve: 'linear',
Removed loggin
2019-11-27 20:15:21 +01:00
});
</script>
</script>
</body>
</html>
Reference in New Issue Copy Permalink