From 29da5a5c16c985663b719a99854465411e175f49 Mon Sep 17 00:00:00 2001
From: s0u7a <109493063+s0u7a@users.noreply.github.com>
Date: Fri, 24 Nov 2023 13:12:16 +0900
Subject: [PATCH] Update flowchart.astro

---
 src/pages/tools/flowchart.astro | 58 +--------------------------------
 1 file changed, 1 insertion(+), 57 deletions(-)

diff --git a/src/pages/tools/flowchart.astro b/src/pages/tools/flowchart.astro
index bc3ad9e..d90fb17 100644
--- a/src/pages/tools/flowchart.astro
+++ b/src/pages/tools/flowchart.astro
@@ -9,61 +9,5 @@ import Layout from '../../layouts/Layout.astro'
 You can parse the text:
 
 <div id="diagram"></div>
-<script>
-  var diagram = flowchart.parse(`st=>start: Start:>http://www.google.com[blank]
-e=>end:>http://www.google.com
-op1=>operation: My Operation
-sub1=>subroutine: My Subroutine
-cond=>condition: Yes
-or No?:>http://www.google.com
-io=>inputoutput: catch something...
-para=>parallel: parallel tasks
-
-st->op1->cond
-cond(yes)->io->e
-cond(no)->para
-para(path1, bottom)->sub1(right)->op1
-para(path2, top)->op1`);
-  diagram.drawSVG('diagram');
-
-  // you can also try to pass options:
-
-  diagram.drawSVG('diagram', {
-                              'x': 0,
-                              'y': 0,
-                              'line-width': 3,
-                              'line-length': 50,
-                              'text-margin': 10,
-                              'font-size': 14,
-                              'font-color': 'black',
-                              'line-color': 'black',
-                              'element-color': 'black',
-                              'fill': 'white',
-                              'yes-text': 'yes',
-                              'no-text': 'no',
-                              'arrow-end': 'block',
-                              'scale': 1,
-                              // style symbol types
-                              'symbols': {
-                                'start': {
-                                  'font-color': 'red',
-                                  'element-color': 'green',
-                                  'fill': 'yellow'
-                                },
-                                'end':{
-                                  'class': 'end-element'
-                                }
-                              },
-                              // even flowstate support ;-)
-                              'flowstate' : {
-                                'past' : { 'fill' : '#CCCCCC', 'font-size' : 12},
-                                'current' : {'fill' : 'yellow', 'font-color' : 'red', 'font-weight' : 'bold'},
-                                'future' : { 'fill' : '#FFFF99'},
-                                'request' : { 'fill' : 'blue'},
-                                'invalid': {'fill' : '#444444'},
-                                'approved' : { 'fill' : '#58C4A3', 'font-size' : 12, 'yes-text' : 'APPROVED', 'no-text' : 'n/a' },
-                                'rejected' : { 'fill' : '#C45879', 'font-size' : 12, 'yes-text' : 'n/a', 'no-text' : 'REJECTED' }
-                              }
-                            });
-</script>
+<script src="/tools/flowchart.js"/>
 </Layout>