mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-08-15 14:29:25 +02:00
Cleanup of test-file
This commit is contained in:
Knut Sveidqvist
@@ -83,8 +83,7 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="flex">
|
<pre id="diagram" class="mermaid">
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
---
|
||||||
title: hello2
|
title: hello2
|
||||||
config:
|
config:
|
||||||
@@ -243,183 +242,7 @@ stateDiagram-v2
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
config:
|
|
||||||
look: neo
|
|
||||||
---
|
|
||||||
flowchart RL
|
|
||||||
subgraph " "
|
|
||||||
A5@{ shape: manual-file, label: "a label"}@
|
|
||||||
B5@{ shape: manual-input, label: "a label" }@
|
|
||||||
C5@{ shape: mul-doc, label: "a label" }@
|
|
||||||
D5@{ shape: mul-proc, label: "a label" }@
|
|
||||||
E5@{ shape: paper-tape, label: "a label" }@
|
|
||||||
B3@{ shape: das, label: "a label" }@
|
|
||||||
C3@{ shape: disk, label: "a label" }@
|
|
||||||
D4@{ shape: lin-doc, label: "a label" }@
|
|
||||||
E4@{ shape: loop-limit, label: "a label" }@
|
|
||||||
end
|
|
||||||
subgraph " "
|
|
||||||
B6@{ shape: summary, label: "a label" }@
|
|
||||||
C6@{ shape: tag-we-rect, label: "a label" }@
|
|
||||||
D6@{ shape: tag-rect, label: "a label" }@
|
|
||||||
A2@{ shape: fork}@
|
|
||||||
B2@{ shape: hourglass }@
|
|
||||||
C2@{ shape: comment, label: "I am a comment" }@
|
|
||||||
D2@{ shape: bolt }@
|
|
||||||
D3@{ shape: disp, label: "a label" }@
|
|
||||||
C4@{ shape: junction, label: "a label" }@
|
|
||||||
A4@{ shape: extract, label: "a label"}@
|
|
||||||
B52[a fr]@{ shape: fr }@
|
|
||||||
end
|
|
||||||
subgraph " "
|
|
||||||
A1@{ shape: text, label: This is a textblock}@
|
|
||||||
B1@{ shape: card, label: "a label" }@
|
|
||||||
C1@{ shape: lined-proc, label: "a label" }@
|
|
||||||
D1@{ shape: start, label: "a label" }@
|
|
||||||
E1@{ shape: stop, label: "a label" }@
|
|
||||||
E2@{ shape: doc, label: "a label" }@
|
|
||||||
A6@{ shape: stored-data, label: "a label"}@
|
|
||||||
A3@{ shape: delay, label: "a label" }@
|
|
||||||
E3@{ shape: div-proc, label: "a label" }@
|
|
||||||
B4[a label]@{ shape: win-pane }@
|
|
||||||
end
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
title: hello2
|
|
||||||
config:
|
|
||||||
look: handDrawn
|
|
||||||
elk:
|
|
||||||
<!-- nodePlacementStrategy: SIMPLE -->
|
|
||||||
---
|
|
||||||
%%{init: {"flowchart": {"defaultRenderer": "elk"}} }%%
|
|
||||||
flowchart TD
|
|
||||||
|
|
||||||
A([Start]) -->|go to booking page| B("select
|
|
||||||
ISBS booking no")
|
|
||||||
A --> QQ{cancel booking}
|
|
||||||
A --> RR{no show}
|
|
||||||
A --> SS{change booking}
|
|
||||||
B -->C(wmpay_request_payment.request_type= 'partial',
|
|
||||||
wmpay_request_payment.status= 'paid',
|
|
||||||
pos_booking.booking_status= ‘partial’ and 'full_deposit')
|
|
||||||
style C text-align:left
|
|
||||||
C -->D{manage booking}
|
|
||||||
|
|
||||||
D -->|cancel|E[ระบบแสดงช่องให้กรอกเหตุผล]
|
|
||||||
E -->F{กดปุ่ม 'cancel' หรือไม่}
|
|
||||||
F -->|Yes|G[ระบบบันทึกค่าใหม่
|
|
||||||
และไม่สามารถแก้ไขข้อมูลได้]
|
|
||||||
F -->|No|H[กดปุ่ม 'close']
|
|
||||||
H -->|ระบบไม่เปลี่ยนแปลงข้อมูล|Z
|
|
||||||
G -->|ระบบส่งข้อมูล|I[(POS_database)]
|
|
||||||
I -->|pos_booking.booking_status='cancel'|Z([End])
|
|
||||||
|
|
||||||
|
|
||||||
D -->|no show|J[ระบบแสดงช่องให้กรอกเหตุผล]
|
|
||||||
J -->K{กดปุ่ม 'noshow' หรือไม่}
|
|
||||||
K -->|Yes|L[ระบบสร้างใบเสร็จอัตโนมัติ
|
|
||||||
Product_id: 439,
|
|
||||||
ItemName: no show]
|
|
||||||
style L text-align:left
|
|
||||||
|
|
||||||
K -->|No|O[กดปุ่ม 'close']
|
|
||||||
O -->|ระบบไม่เปลี่ยนแปลงข้อมูล|Z
|
|
||||||
L -->M[ระบบบันทึกค่าใหม่]
|
|
||||||
M -->|ระบบส่งข้อมูล|N[(POS_database)]
|
|
||||||
N -->|pos_booking.booking_status=‘noshow’|Z
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
title: hello2
|
|
||||||
config:
|
|
||||||
look: handDrawn
|
|
||||||
layout: dagre
|
|
||||||
elk:
|
|
||||||
nodePlacementStrategy: BRANDES_KOEPF
|
|
||||||
---
|
|
||||||
flowchart
|
|
||||||
A --> A
|
|
||||||
subgraph A
|
|
||||||
B --> B
|
|
||||||
subgraph B
|
|
||||||
C
|
|
||||||
end
|
|
||||||
end
|
|
||||||
|
|
||||||
|
|
||||||
</pre
|
|
||||||
>
|
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
config:
|
|
||||||
look: handdrawn
|
|
||||||
flowchart:
|
|
||||||
htmlLabels: true
|
|
||||||
---
|
|
||||||
flowchart
|
|
||||||
A[I am a long text, where do I go??? handdrawn - true]
|
|
||||||
</pre
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="flex">
|
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
config:
|
|
||||||
flowchart:
|
|
||||||
htmlLabels: false
|
|
||||||
---
|
|
||||||
flowchart
|
|
||||||
A[I am a long text, where do I go??? classic - false]
|
|
||||||
</pre
|
|
||||||
>
|
|
||||||
<pre id="diagram" class="mermaid2">
|
|
||||||
---
|
|
||||||
config:
|
|
||||||
flowchart:
|
|
||||||
htmlLabels: true
|
|
||||||
---
|
|
||||||
flowchart
|
|
||||||
A[I am a long text, where do I go??? classic - true]
|
|
||||||
</pre
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<pre id="diagram2" class="mermaid2">
|
|
||||||
flowchart LR
|
|
||||||
id1(Start)-->id2(Stop)
|
|
||||||
style id1 fill:#f9f,stroke:#333,stroke-width:4px
|
|
||||||
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<pre id="diagram3" class="mermaid2">
|
|
||||||
flowchart LR
|
|
||||||
A:::foo & B:::bar --> C:::foobar
|
|
||||||
classDef foo stroke:#f00
|
|
||||||
classDef bar stroke:#0f0
|
|
||||||
classDef ash color:red
|
|
||||||
class C ash
|
|
||||||
style C stroke:#00f, fill:black
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<pre id="diagram4" class="mermaid2">
|
|
||||||
stateDiagram
|
|
||||||
A:::foo
|
|
||||||
B:::bar --> C:::foobar
|
|
||||||
classDef foo stroke:#f00
|
|
||||||
classDef bar stroke:#0f0
|
|
||||||
style C stroke:#00f, fill:black, color:white
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<script type="module">
|
<script type="module">
|
||||||
import mermaid from './mermaid.esm.mjs';
|
import mermaid from './mermaid.esm.mjs';
|
||||||
|
|||||||
Reference in New Issue
Block a user