pyegeria 5.3.3.13.dev3__py3-none-any.whl → 5.3.3.14.dev1__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- pyegeria/mermaid_utilities.py +35 -21
- {pyegeria-5.3.3.13.dev3.dist-info → pyegeria-5.3.3.14.dev1.dist-info}/METADATA +1 -1
- {pyegeria-5.3.3.13.dev3.dist-info → pyegeria-5.3.3.14.dev1.dist-info}/RECORD +6 -15
- pyegeria/commands/tech/work/mermaid_graphs/Clinical Trial Subject Onboarding.html +0 -135
- pyegeria/commands/tech/work/mermaid_graphs/Clinical Trial Treatment Validation.html +0 -215
- pyegeria/commands/tech/work/mermaid_graphs/Employee Expense Payment.html +0 -126
- pyegeria/commands/tech/work/mermaid_graphs/New Drug Product Information Distribution.html +0 -141
- pyegeria/commands/tech/work/mermaid_graphs/New Employee Onboarding.html +0 -138
- pyegeria/commands/tech/work/mermaid_graphs/Personalized Treatment Ordering.html +0 -143
- pyegeria/commands/tech/work/mermaid_graphs/Physical Inventory Tracking.html +0 -178
- pyegeria/commands/tech/work/mermaid_graphs/Sustainability Reporting.html +0 -203
- pyegeria/commands/tech/work/mermaid_graphs/{{displayName}}.html +0 -115
- {pyegeria-5.3.3.13.dev3.dist-info → pyegeria-5.3.3.14.dev1.dist-info}/LICENSE +0 -0
- {pyegeria-5.3.3.13.dev3.dist-info → pyegeria-5.3.3.14.dev1.dist-info}/WHEEL +0 -0
- {pyegeria-5.3.3.13.dev3.dist-info → pyegeria-5.3.3.14.dev1.dist-info}/entry_points.txt +0 -0
@@ -1,141 +0,0 @@
|
|
1
|
-
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<style type="text/css">
|
5
|
-
#mySvgId {
|
6
|
-
width: 100%;
|
7
|
-
height: 100%;
|
8
|
-
overflow: hidden;
|
9
|
-
border: 1px solid #ccc;
|
10
|
-
position: relative;
|
11
|
-
margin-bottom: 10px;
|
12
|
-
}
|
13
|
-
svg {
|
14
|
-
cursor: grab;
|
15
|
-
}
|
16
|
-
|
17
|
-
</style>
|
18
|
-
</head>
|
19
|
-
|
20
|
-
<body>
|
21
|
-
<div id="graphDiv"></div>
|
22
|
-
<script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
|
23
|
-
<script type="module">
|
24
|
-
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
25
|
-
|
26
|
-
mermaid.initialize({startOnLoad: false});
|
27
|
-
await mermaid.run({
|
28
|
-
querySelector: '.mermaid',
|
29
|
-
postRenderCallback: (id) => {
|
30
|
-
const container = document.getElementById("diagram-container");
|
31
|
-
const svgElement = container.querySelector("svg");
|
32
|
-
|
33
|
-
// Initialize Panzoom
|
34
|
-
const panzoomInstance = Panzoom(svgElement, {
|
35
|
-
maxScale: 5,
|
36
|
-
minScale: 0.5,
|
37
|
-
step: 0.1,
|
38
|
-
});
|
39
|
-
|
40
|
-
// Add mouse wheel zoom
|
41
|
-
container.addEventListener("wheel", (event) => {
|
42
|
-
panzoomInstance.zoomWithWheel(event);
|
43
|
-
});
|
44
|
-
}
|
45
|
-
});
|
46
|
-
|
47
|
-
|
48
|
-
const drawDiagram = async function () {
|
49
|
-
const element = document.querySelector('#graphDiv');
|
50
|
-
const graphDefinition = `
|
51
|
-
flowchart TD
|
52
|
-
%%{init: {"flowchart": {"htmlLabels": false}} }%%
|
53
|
-
|
54
|
-
b0491fd4-6324-4ed8-9a1c-7cbd9892e21b@{ shape: flip-tri, label: "*Information Supply Chain*
|
55
|
-
**New Drug Product Information Distribution**"}
|
56
|
-
63306fd5-4973-4764-89be-ef4ca645d67b@{ shape: text, label: "*Description*
|
57
|
-
**Managing the distribution of information about a new product.**"}
|
58
|
-
b0491fd4-6324-4ed8-9a1c-7cbd9892e21b~~~63306fd5-4973-4764-89be-ef4ca645d67b
|
59
|
-
961a3438-3969-468f-b0e9-055ea0405fd9@{ shape: text, label: "*Purpose*
|
60
|
-
**Ensuring information about a new product is distributed to all of the appropriate system so that it is visible for ordering, manufacturing and invoicing.**"}
|
61
|
-
63306fd5-4973-4764-89be-ef4ca645d67b~~~961a3438-3969-468f-b0e9-055ea0405fd9
|
62
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4@{ shape: rounded, label: "*Software Server*
|
63
|
-
**System:MFCTRL9482**"}
|
64
|
-
987df321-d940-4ce5-9ae1-8258736f0445@{ shape: rounded, label: "*Software Server*
|
65
|
-
**System:KCDEPOT01**"}
|
66
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"order ready [Data Flow]"|987df321-d940-4ce5-9ae1-8258736f0445
|
67
|
-
afefd870-5616-4f35-a557-774b88b96bef@{ shape: rounded, label: "*Software Server*
|
68
|
-
**System:EDDEPOT01**"}
|
69
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"order ready [Data Flow]"|afefd870-5616-4f35-a557-774b88b96bef
|
70
|
-
c7b1467a-dea2-4288-95e5-8e1bc3ab2ed3@{ shape: rounded, label: "*Software Server*
|
71
|
-
**System:WINCHDEPOT01**"}
|
72
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"order ready [Data Flow]"|c7b1467a-dea2-4288-95e5-8e1bc3ab2ed3
|
73
|
-
dd424526-24e9-4a10-a575-0700dfb8743a@{ shape: rounded, label: "*Software Server*
|
74
|
-
**System:cocoProducts**"}
|
75
|
-
a2e43afa-386a-4acd-ba1d-7773b368c34a@{ shape: rounded, label: "*Software Server*
|
76
|
-
**System:globalCRM**"}
|
77
|
-
dd424526-24e9-4a10-a575-0700dfb8743a-->|"new product offering [Data Flow]"|a2e43afa-386a-4acd-ba1d-7773b368c34a
|
78
|
-
style 63306fd5-4973-4764-89be-ef4ca645d67b color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
79
|
-
style b0491fd4-6324-4ed8-9a1c-7cbd9892e21b color:#FFFFFF, fill:#004563, stroke:#b7c0c7
|
80
|
-
style c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4 color:#000000, fill:#e0ab18, stroke:#004563
|
81
|
-
style a2e43afa-386a-4acd-ba1d-7773b368c34a color:#000000, fill:#e0ab18, stroke:#004563
|
82
|
-
style 961a3438-3969-468f-b0e9-055ea0405fd9 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
83
|
-
style 987df321-d940-4ce5-9ae1-8258736f0445 color:#000000, fill:#e0ab18, stroke:#004563
|
84
|
-
style c7b1467a-dea2-4288-95e5-8e1bc3ab2ed3 color:#000000, fill:#e0ab18, stroke:#004563
|
85
|
-
style dd424526-24e9-4a10-a575-0700dfb8743a color:#000000, fill:#e0ab18, stroke:#004563
|
86
|
-
style afefd870-5616-4f35-a557-774b88b96bef color:#000000, fill:#e0ab18, stroke:#004563`;
|
87
|
-
const {svg} = await mermaid.render('mySvgId', graphDefinition);
|
88
|
-
element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
|
89
|
-
|
90
|
-
var doPan = false;
|
91
|
-
var eventsHandler;
|
92
|
-
var panZoom;
|
93
|
-
var mousepos;
|
94
|
-
|
95
|
-
eventsHandler = {
|
96
|
-
haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
|
97
|
-
|
98
|
-
, mouseDownHandler: function (ev) {
|
99
|
-
if (event.target.className == "[object SVGAnimatedString]") {
|
100
|
-
doPan = true;
|
101
|
-
mousepos = {x: ev.clientX, y: ev.clientY}
|
102
|
-
}
|
103
|
-
;
|
104
|
-
}
|
105
|
-
|
106
|
-
, mouseMoveHandler: function (ev) {
|
107
|
-
if (doPan) {
|
108
|
-
panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
|
109
|
-
mousepos = {x: ev.clientX, y: ev.clientY};
|
110
|
-
window.getSelection().removeAllRanges();
|
111
|
-
}
|
112
|
-
}
|
113
|
-
|
114
|
-
, mouseUpHandler: function (ev) {
|
115
|
-
doPan = false;
|
116
|
-
}
|
117
|
-
|
118
|
-
, init: function (options) {
|
119
|
-
options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
|
120
|
-
options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
|
121
|
-
options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
|
122
|
-
}
|
123
|
-
|
124
|
-
, destroy: function (options) {
|
125
|
-
options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
|
126
|
-
options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
|
127
|
-
options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
|
128
|
-
}
|
129
|
-
}
|
130
|
-
panZoom = svgPanZoom('#mySvgId', {
|
131
|
-
zoomEnabled: true
|
132
|
-
, controlIconsEnabled: true
|
133
|
-
, fit: 1
|
134
|
-
, center: 1
|
135
|
-
, customEventsHandler: eventsHandler
|
136
|
-
})
|
137
|
-
};
|
138
|
-
await drawDiagram();
|
139
|
-
</script>
|
140
|
-
</body>
|
141
|
-
|
@@ -1,138 +0,0 @@
|
|
1
|
-
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<style type="text/css">
|
5
|
-
#mySvgId {
|
6
|
-
width: 100%;
|
7
|
-
height: 100%;
|
8
|
-
overflow: hidden;
|
9
|
-
border: 1px solid #ccc;
|
10
|
-
position: relative;
|
11
|
-
margin-bottom: 10px;
|
12
|
-
}
|
13
|
-
svg {
|
14
|
-
cursor: grab;
|
15
|
-
}
|
16
|
-
|
17
|
-
</style>
|
18
|
-
</head>
|
19
|
-
|
20
|
-
<body>
|
21
|
-
<div id="graphDiv"></div>
|
22
|
-
<script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
|
23
|
-
<script type="module">
|
24
|
-
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
25
|
-
|
26
|
-
mermaid.initialize({startOnLoad: false});
|
27
|
-
await mermaid.run({
|
28
|
-
querySelector: '.mermaid',
|
29
|
-
postRenderCallback: (id) => {
|
30
|
-
const container = document.getElementById("diagram-container");
|
31
|
-
const svgElement = container.querySelector("svg");
|
32
|
-
|
33
|
-
// Initialize Panzoom
|
34
|
-
const panzoomInstance = Panzoom(svgElement, {
|
35
|
-
maxScale: 5,
|
36
|
-
minScale: 0.5,
|
37
|
-
step: 0.1,
|
38
|
-
});
|
39
|
-
|
40
|
-
// Add mouse wheel zoom
|
41
|
-
container.addEventListener("wheel", (event) => {
|
42
|
-
panzoomInstance.zoomWithWheel(event);
|
43
|
-
});
|
44
|
-
}
|
45
|
-
});
|
46
|
-
|
47
|
-
|
48
|
-
const drawDiagram = async function () {
|
49
|
-
const element = document.querySelector('#graphDiv');
|
50
|
-
const graphDefinition = `
|
51
|
-
flowchart TD
|
52
|
-
%%{init: {"flowchart": {"htmlLabels": false}} }%%
|
53
|
-
|
54
|
-
022009d9-53cb-4469-afeb-16ee81d8f9bc@{ shape: flip-tri, label: "*Information Supply Chain*
|
55
|
-
**New Employee Onboarding**"}
|
56
|
-
6dce4c2f-29bd-44f0-a968-9084fc331b78@{ shape: text, label: "*Description*
|
57
|
-
**Adding information about a new employee to all appropriate systems and directories.**"}
|
58
|
-
022009d9-53cb-4469-afeb-16ee81d8f9bc~~~6dce4c2f-29bd-44f0-a968-9084fc331b78
|
59
|
-
cde7bdad-bf9e-48b2-8a39-00e8c871f023@{ shape: text, label: "*Purpose*
|
60
|
-
**Ensure a new employee is productive and engaged in a timely manner.**"}
|
61
|
-
6dce4c2f-29bd-44f0-a968-9084fc331b78~~~cde7bdad-bf9e-48b2-8a39-00e8c871f023
|
62
|
-
88c42780-6fb1-49e2-a584-8af90cdc7728@{ shape: rounded, label: "*Software Server*
|
63
|
-
**System:coco-hrim**"}
|
64
|
-
ae0c7768-c01e-4bd1-8a47-fbacfccf2f63@{ shape: rounded, label: "*Software Server*
|
65
|
-
**System:Netherlands payroll**"}
|
66
|
-
88c42780-6fb1-49e2-a584-8af90cdc7728-->|"payment authorization [Data Flow]"|ae0c7768-c01e-4bd1-8a47-fbacfccf2f63
|
67
|
-
a47906f0-67f0-46ed-890d-85cb049ffa60@{ shape: rounded, label: "*Software Server*
|
68
|
-
**System:cocopages**"}
|
69
|
-
88c42780-6fb1-49e2-a584-8af90cdc7728-->|"employee directory [Data Flow]"|a47906f0-67f0-46ed-890d-85cb049ffa60
|
70
|
-
35bef6c5-25d7-47b1-91db-f9bce0238612@{ shape: rounded, label: "*Software Server*
|
71
|
-
**System:Canadian payroll**"}
|
72
|
-
88c42780-6fb1-49e2-a584-8af90cdc7728-->|"payment authorization [Data Flow]"|35bef6c5-25d7-47b1-91db-f9bce0238612
|
73
|
-
12c9d1a4-2a5d-4e7c-a640-97f206270425@{ shape: rounded, label: "*Software Server*
|
74
|
-
**System:UK payroll**"}
|
75
|
-
88c42780-6fb1-49e2-a584-8af90cdc7728-->|"payment authorization [Data Flow]"|12c9d1a4-2a5d-4e7c-a640-97f206270425
|
76
|
-
style 022009d9-53cb-4469-afeb-16ee81d8f9bc color:#FFFFFF, fill:#004563, stroke:#b7c0c7
|
77
|
-
style 6dce4c2f-29bd-44f0-a968-9084fc331b78 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
78
|
-
style cde7bdad-bf9e-48b2-8a39-00e8c871f023 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
79
|
-
style ae0c7768-c01e-4bd1-8a47-fbacfccf2f63 color:#000000, fill:#e0ab18, stroke:#004563
|
80
|
-
style 88c42780-6fb1-49e2-a584-8af90cdc7728 color:#000000, fill:#e0ab18, stroke:#004563
|
81
|
-
style 12c9d1a4-2a5d-4e7c-a640-97f206270425 color:#000000, fill:#e0ab18, stroke:#004563
|
82
|
-
style a47906f0-67f0-46ed-890d-85cb049ffa60 color:#000000, fill:#e0ab18, stroke:#004563
|
83
|
-
style 35bef6c5-25d7-47b1-91db-f9bce0238612 color:#000000, fill:#e0ab18, stroke:#004563`;
|
84
|
-
const {svg} = await mermaid.render('mySvgId', graphDefinition);
|
85
|
-
element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
|
86
|
-
|
87
|
-
var doPan = false;
|
88
|
-
var eventsHandler;
|
89
|
-
var panZoom;
|
90
|
-
var mousepos;
|
91
|
-
|
92
|
-
eventsHandler = {
|
93
|
-
haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
|
94
|
-
|
95
|
-
, mouseDownHandler: function (ev) {
|
96
|
-
if (event.target.className == "[object SVGAnimatedString]") {
|
97
|
-
doPan = true;
|
98
|
-
mousepos = {x: ev.clientX, y: ev.clientY}
|
99
|
-
}
|
100
|
-
;
|
101
|
-
}
|
102
|
-
|
103
|
-
, mouseMoveHandler: function (ev) {
|
104
|
-
if (doPan) {
|
105
|
-
panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
|
106
|
-
mousepos = {x: ev.clientX, y: ev.clientY};
|
107
|
-
window.getSelection().removeAllRanges();
|
108
|
-
}
|
109
|
-
}
|
110
|
-
|
111
|
-
, mouseUpHandler: function (ev) {
|
112
|
-
doPan = false;
|
113
|
-
}
|
114
|
-
|
115
|
-
, init: function (options) {
|
116
|
-
options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
|
117
|
-
options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
|
118
|
-
options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
|
119
|
-
}
|
120
|
-
|
121
|
-
, destroy: function (options) {
|
122
|
-
options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
|
123
|
-
options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
|
124
|
-
options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
|
125
|
-
}
|
126
|
-
}
|
127
|
-
panZoom = svgPanZoom('#mySvgId', {
|
128
|
-
zoomEnabled: true
|
129
|
-
, controlIconsEnabled: true
|
130
|
-
, fit: 1
|
131
|
-
, center: 1
|
132
|
-
, customEventsHandler: eventsHandler
|
133
|
-
})
|
134
|
-
};
|
135
|
-
await drawDiagram();
|
136
|
-
</script>
|
137
|
-
</body>
|
138
|
-
|
@@ -1,143 +0,0 @@
|
|
1
|
-
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<style type="text/css">
|
5
|
-
#mySvgId {
|
6
|
-
width: 100%;
|
7
|
-
height: 100%;
|
8
|
-
overflow: hidden;
|
9
|
-
border: 1px solid #ccc;
|
10
|
-
position: relative;
|
11
|
-
margin-bottom: 10px;
|
12
|
-
}
|
13
|
-
svg {
|
14
|
-
cursor: grab;
|
15
|
-
}
|
16
|
-
|
17
|
-
</style>
|
18
|
-
</head>
|
19
|
-
|
20
|
-
<body>
|
21
|
-
<div id="graphDiv"></div>
|
22
|
-
<script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
|
23
|
-
<script type="module">
|
24
|
-
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
25
|
-
|
26
|
-
mermaid.initialize({startOnLoad: false});
|
27
|
-
await mermaid.run({
|
28
|
-
querySelector: '.mermaid',
|
29
|
-
postRenderCallback: (id) => {
|
30
|
-
const container = document.getElementById("diagram-container");
|
31
|
-
const svgElement = container.querySelector("svg");
|
32
|
-
|
33
|
-
// Initialize Panzoom
|
34
|
-
const panzoomInstance = Panzoom(svgElement, {
|
35
|
-
maxScale: 5,
|
36
|
-
minScale: 0.5,
|
37
|
-
step: 0.1,
|
38
|
-
});
|
39
|
-
|
40
|
-
// Add mouse wheel zoom
|
41
|
-
container.addEventListener("wheel", (event) => {
|
42
|
-
panzoomInstance.zoomWithWheel(event);
|
43
|
-
});
|
44
|
-
}
|
45
|
-
});
|
46
|
-
|
47
|
-
|
48
|
-
const drawDiagram = async function () {
|
49
|
-
const element = document.querySelector('#graphDiv');
|
50
|
-
const graphDefinition = `
|
51
|
-
flowchart TD
|
52
|
-
%%{init: {"flowchart": {"htmlLabels": false}} }%%
|
53
|
-
|
54
|
-
adbae740-57a3-41b8-a722-266b895794e6@{ shape: flip-tri, label: "*Information Supply Chain*
|
55
|
-
**Personalized Treatment Ordering**"}
|
56
|
-
6b6468b9-c34c-4c1e-9159-69e8ae7486da@{ shape: text, label: "*Description*
|
57
|
-
**Delivering information about a new personalized medicine order so that it fulfilled and invoiced.**"}
|
58
|
-
adbae740-57a3-41b8-a722-266b895794e6~~~6b6468b9-c34c-4c1e-9159-69e8ae7486da
|
59
|
-
016a9f2a-66ac-4890-83c6-22b0aa870787@{ shape: text, label: "*Purpose*
|
60
|
-
**Ensuring orders are fulfilled effectively.**"}
|
61
|
-
6b6468b9-c34c-4c1e-9159-69e8ae7486da~~~016a9f2a-66ac-4890-83c6-22b0aa870787
|
62
|
-
bdf60c10-e8f8-4b49-9f92-e0c6a40b0d7b@{ shape: rounded, label: "*Software Server*
|
63
|
-
**System:ed-mfg-control**"}
|
64
|
-
25e2e56d-2e2f-4f6f-a1ed-019dd76d589a@{ shape: rounded, label: "*Software Server*
|
65
|
-
**System:manufacturing-planning**"}
|
66
|
-
bdf60c10-e8f8-4b49-9f92-e0c6a40b0d7b-->|"manufacturing complete [Data Flow]"|25e2e56d-2e2f-4f6f-a1ed-019dd76d589a
|
67
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4@{ shape: rounded, label: "*Software Server*
|
68
|
-
**System:MFCTRL9482**"}
|
69
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"manufacturing complete [Data Flow]"|25e2e56d-2e2f-4f6f-a1ed-019dd76d589a
|
70
|
-
0f59833f-8a8a-488b-808a-9ea24618bb6c@{ shape: rounded, label: "*Software Server*
|
71
|
-
**System:winch-mfg-control**"}
|
72
|
-
0f59833f-8a8a-488b-808a-9ea24618bb6c-->|"manufacturing complete [Data Flow]"|25e2e56d-2e2f-4f6f-a1ed-019dd76d589a
|
73
|
-
a2e43afa-386a-4acd-ba1d-7773b368c34a@{ shape: rounded, label: "*Software Server*
|
74
|
-
**System:globalCRM**"}
|
75
|
-
11071e76-23a8-4f3d-bd07-3b9aa9781bda@{ shape: rounded, label: "*Software Server*
|
76
|
-
**System:coco-ledgers**"}
|
77
|
-
a2e43afa-386a-4acd-ba1d-7773b368c34a-->|"new sales [Data Flow]"|11071e76-23a8-4f3d-bd07-3b9aa9781bda
|
78
|
-
a2e43afa-386a-4acd-ba1d-7773b368c34a-->|"new orders [Data Flow]"|25e2e56d-2e2f-4f6f-a1ed-019dd76d589a
|
79
|
-
25e2e56d-2e2f-4f6f-a1ed-019dd76d589a-->|"manufacturing request [Data Flow]"|c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4
|
80
|
-
style c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4 color:#000000, fill:#e0ab18, stroke:#004563
|
81
|
-
style a2e43afa-386a-4acd-ba1d-7773b368c34a color:#000000, fill:#e0ab18, stroke:#004563
|
82
|
-
style adbae740-57a3-41b8-a722-266b895794e6 color:#FFFFFF, fill:#004563, stroke:#b7c0c7
|
83
|
-
style bdf60c10-e8f8-4b49-9f92-e0c6a40b0d7b color:#000000, fill:#e0ab18, stroke:#004563
|
84
|
-
style 11071e76-23a8-4f3d-bd07-3b9aa9781bda color:#000000, fill:#e0ab18, stroke:#004563
|
85
|
-
style 016a9f2a-66ac-4890-83c6-22b0aa870787 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
86
|
-
style 0f59833f-8a8a-488b-808a-9ea24618bb6c color:#000000, fill:#e0ab18, stroke:#004563
|
87
|
-
style 25e2e56d-2e2f-4f6f-a1ed-019dd76d589a color:#000000, fill:#e0ab18, stroke:#004563
|
88
|
-
style 6b6468b9-c34c-4c1e-9159-69e8ae7486da color:#000000, fill:#F9F7ED, stroke:#b7c0c7`;
|
89
|
-
const {svg} = await mermaid.render('mySvgId', graphDefinition);
|
90
|
-
element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
|
91
|
-
|
92
|
-
var doPan = false;
|
93
|
-
var eventsHandler;
|
94
|
-
var panZoom;
|
95
|
-
var mousepos;
|
96
|
-
|
97
|
-
eventsHandler = {
|
98
|
-
haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
|
99
|
-
|
100
|
-
, mouseDownHandler: function (ev) {
|
101
|
-
if (event.target.className == "[object SVGAnimatedString]") {
|
102
|
-
doPan = true;
|
103
|
-
mousepos = {x: ev.clientX, y: ev.clientY}
|
104
|
-
}
|
105
|
-
;
|
106
|
-
}
|
107
|
-
|
108
|
-
, mouseMoveHandler: function (ev) {
|
109
|
-
if (doPan) {
|
110
|
-
panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
|
111
|
-
mousepos = {x: ev.clientX, y: ev.clientY};
|
112
|
-
window.getSelection().removeAllRanges();
|
113
|
-
}
|
114
|
-
}
|
115
|
-
|
116
|
-
, mouseUpHandler: function (ev) {
|
117
|
-
doPan = false;
|
118
|
-
}
|
119
|
-
|
120
|
-
, init: function (options) {
|
121
|
-
options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
|
122
|
-
options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
|
123
|
-
options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
|
124
|
-
}
|
125
|
-
|
126
|
-
, destroy: function (options) {
|
127
|
-
options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
|
128
|
-
options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
|
129
|
-
options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
|
130
|
-
}
|
131
|
-
}
|
132
|
-
panZoom = svgPanZoom('#mySvgId', {
|
133
|
-
zoomEnabled: true
|
134
|
-
, controlIconsEnabled: true
|
135
|
-
, fit: 1
|
136
|
-
, center: 1
|
137
|
-
, customEventsHandler: eventsHandler
|
138
|
-
})
|
139
|
-
};
|
140
|
-
await drawDiagram();
|
141
|
-
</script>
|
142
|
-
</body>
|
143
|
-
|
@@ -1,178 +0,0 @@
|
|
1
|
-
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<style type="text/css">
|
5
|
-
#mySvgId {
|
6
|
-
width: 100%;
|
7
|
-
height: 100%;
|
8
|
-
overflow: hidden;
|
9
|
-
border: 1px solid #ccc;
|
10
|
-
position: relative;
|
11
|
-
margin-bottom: 10px;
|
12
|
-
}
|
13
|
-
svg {
|
14
|
-
cursor: grab;
|
15
|
-
}
|
16
|
-
|
17
|
-
</style>
|
18
|
-
</head>
|
19
|
-
|
20
|
-
<body>
|
21
|
-
<div id="graphDiv"></div>
|
22
|
-
<script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
|
23
|
-
<script type="module">
|
24
|
-
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
25
|
-
|
26
|
-
mermaid.initialize({startOnLoad: false});
|
27
|
-
await mermaid.run({
|
28
|
-
querySelector: '.mermaid',
|
29
|
-
postRenderCallback: (id) => {
|
30
|
-
const container = document.getElementById("diagram-container");
|
31
|
-
const svgElement = container.querySelector("svg");
|
32
|
-
|
33
|
-
// Initialize Panzoom
|
34
|
-
const panzoomInstance = Panzoom(svgElement, {
|
35
|
-
maxScale: 5,
|
36
|
-
minScale: 0.5,
|
37
|
-
step: 0.1,
|
38
|
-
});
|
39
|
-
|
40
|
-
// Add mouse wheel zoom
|
41
|
-
container.addEventListener("wheel", (event) => {
|
42
|
-
panzoomInstance.zoomWithWheel(event);
|
43
|
-
});
|
44
|
-
}
|
45
|
-
});
|
46
|
-
|
47
|
-
|
48
|
-
const drawDiagram = async function () {
|
49
|
-
const element = document.querySelector('#graphDiv');
|
50
|
-
const graphDefinition = `
|
51
|
-
flowchart TD
|
52
|
-
%%{init: {"flowchart": {"htmlLabels": false}} }%%
|
53
|
-
|
54
|
-
7480a3b1-8d6c-4062-ae59-f3b81e146ed0@{ shape: flip-tri, label: "*Information Supply Chain*
|
55
|
-
**Physical Inventory Tracking**"}
|
56
|
-
4eee01b9-66f1-435e-8924-09235062413e@{ shape: text, label: "*Description*
|
57
|
-
**Managing information take tracks physical goods from suppliers, to depot and manufacturing.**"}
|
58
|
-
7480a3b1-8d6c-4062-ae59-f3b81e146ed0~~~4eee01b9-66f1-435e-8924-09235062413e
|
59
|
-
12ee0351-e01a-4312-a5ff-a2d2a721e92d@{ shape: text, label: "*Purpose*
|
60
|
-
**Ensuring effective management of physical inventory.**"}
|
61
|
-
4eee01b9-66f1-435e-8924-09235062413e~~~12ee0351-e01a-4312-a5ff-a2d2a721e92d
|
62
|
-
85423a2d-f935-46cd-8be1-2eb4f4239f22@{ shape: text, label: "*Purpose*
|
63
|
-
**Ensuring hazardous materials are properly identified, reported and managed.**"}
|
64
|
-
12ee0351-e01a-4312-a5ff-a2d2a721e92d~~~85423a2d-f935-46cd-8be1-2eb4f4239f22
|
65
|
-
db144477-e6cb-4fd1-9521-4a577de9af04@{ shape: rounded, label: "*Software Server*
|
66
|
-
**System:procurement03**"}
|
67
|
-
11071e76-23a8-4f3d-bd07-3b9aa9781bda@{ shape: rounded, label: "*Software Server*
|
68
|
-
**System:coco-ledgers**"}
|
69
|
-
db144477-e6cb-4fd1-9521-4a577de9af04-->|"invoice [Data Flow]"|11071e76-23a8-4f3d-bd07-3b9aa9781bda
|
70
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4@{ shape: rounded, label: "*Software Server*
|
71
|
-
**System:MFCTRL9482**"}
|
72
|
-
9e29ee1f-01d3-482c-9d1b-8b3f36ce62d2@{ shape: rounded, label: "*Software Server*
|
73
|
-
**System:aus-inventory**"}
|
74
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"goods received [Data Flow]"|9e29ee1f-01d3-482c-9d1b-8b3f36ce62d2
|
75
|
-
23fb5e33-11c9-4eb6-91d6-f2e873f8da68@{ shape: rounded, label: "*Software Server*
|
76
|
-
**System:procurement04**"}
|
77
|
-
9e29ee1f-01d3-482c-9d1b-8b3f36ce62d2-->|"procurement request [Data Flow]"|23fb5e33-11c9-4eb6-91d6-f2e873f8da68
|
78
|
-
bdf60c10-e8f8-4b49-9f92-e0c6a40b0d7b@{ shape: rounded, label: "*Software Server*
|
79
|
-
**System:ed-mfg-control**"}
|
80
|
-
467dd9a0-89d6-4796-a058-c079bf54b6c7@{ shape: rounded, label: "*Software Server*
|
81
|
-
**System:coco-inventory**"}
|
82
|
-
bdf60c10-e8f8-4b49-9f92-e0c6a40b0d7b-->|"goods received [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
83
|
-
a5abdf72-0e5f-4366-8072-fac3bbb41ea6@{ shape: rounded, label: "*Software Server*
|
84
|
-
**System:procurement05**"}
|
85
|
-
467dd9a0-89d6-4796-a058-c079bf54b6c7-->|"procurement request [Data Flow]"|a5abdf72-0e5f-4366-8072-fac3bbb41ea6
|
86
|
-
23fb5e33-11c9-4eb6-91d6-f2e873f8da68-->|"invoice [Data Flow]"|11071e76-23a8-4f3d-bd07-3b9aa9781bda
|
87
|
-
cbe8c0bb-0e27-4d2a-825f-f017ee939028@{ shape: rounded, label: "*Software Server*
|
88
|
-
**System:procurement01**"}
|
89
|
-
467dd9a0-89d6-4796-a058-c079bf54b6c7-->|"procurement request [Data Flow]"|cbe8c0bb-0e27-4d2a-825f-f017ee939028
|
90
|
-
0f59833f-8a8a-488b-808a-9ea24618bb6c@{ shape: rounded, label: "*Software Server*
|
91
|
-
**System:winch-mfg-control**"}
|
92
|
-
0f59833f-8a8a-488b-808a-9ea24618bb6c-->|"goods request [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
93
|
-
a5abdf72-0e5f-4366-8072-fac3bbb41ea6-->|"goods in [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
94
|
-
cbe8c0bb-0e27-4d2a-825f-f017ee939028-->|"invoice [Data Flow]"|11071e76-23a8-4f3d-bd07-3b9aa9781bda
|
95
|
-
bdf60c10-e8f8-4b49-9f92-e0c6a40b0d7b-->|"goods request [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
96
|
-
a5abdf72-0e5f-4366-8072-fac3bbb41ea6-->|"invoice [Data Flow]"|11071e76-23a8-4f3d-bd07-3b9aa9781bda
|
97
|
-
cbe8c0bb-0e27-4d2a-825f-f017ee939028-->|"goods in [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
98
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"goods request [Data Flow]"|9e29ee1f-01d3-482c-9d1b-8b3f36ce62d2
|
99
|
-
0f59833f-8a8a-488b-808a-9ea24618bb6c-->|"goods received [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
100
|
-
db144477-e6cb-4fd1-9521-4a577de9af04-->|"goods in [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
101
|
-
467dd9a0-89d6-4796-a058-c079bf54b6c7-->|"procurement request [Data Flow]"|db144477-e6cb-4fd1-9521-4a577de9af04
|
102
|
-
bdf60c10-e8f8-4b49-9f92-e0c6a40b0d7b-->|"goods produced [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
103
|
-
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"goods produced [Data Flow]"|9e29ee1f-01d3-482c-9d1b-8b3f36ce62d2
|
104
|
-
0f59833f-8a8a-488b-808a-9ea24618bb6c-->|"goods produced [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
105
|
-
23fb5e33-11c9-4eb6-91d6-f2e873f8da68-->|"goods in [Data Flow]"|9e29ee1f-01d3-482c-9d1b-8b3f36ce62d2
|
106
|
-
25e2e56d-2e2f-4f6f-a1ed-019dd76d589a@{ shape: rounded, label: "*Software Server*
|
107
|
-
**System:manufacturing-planning**"}
|
108
|
-
25e2e56d-2e2f-4f6f-a1ed-019dd76d589a-->|"planned orders [Data Flow]"|467dd9a0-89d6-4796-a058-c079bf54b6c7
|
109
|
-
style a5abdf72-0e5f-4366-8072-fac3bbb41ea6 color:#000000, fill:#e0ab18, stroke:#004563
|
110
|
-
style c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4 color:#000000, fill:#e0ab18, stroke:#004563
|
111
|
-
style bdf60c10-e8f8-4b49-9f92-e0c6a40b0d7b color:#000000, fill:#e0ab18, stroke:#004563
|
112
|
-
style 9e29ee1f-01d3-482c-9d1b-8b3f36ce62d2 color:#000000, fill:#e0ab18, stroke:#004563
|
113
|
-
style 7480a3b1-8d6c-4062-ae59-f3b81e146ed0 color:#FFFFFF, fill:#004563, stroke:#b7c0c7
|
114
|
-
style db144477-e6cb-4fd1-9521-4a577de9af04 color:#000000, fill:#e0ab18, stroke:#004563
|
115
|
-
style 11071e76-23a8-4f3d-bd07-3b9aa9781bda color:#000000, fill:#e0ab18, stroke:#004563
|
116
|
-
style cbe8c0bb-0e27-4d2a-825f-f017ee939028 color:#000000, fill:#e0ab18, stroke:#004563
|
117
|
-
style 12ee0351-e01a-4312-a5ff-a2d2a721e92d color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
118
|
-
style 25e2e56d-2e2f-4f6f-a1ed-019dd76d589a color:#000000, fill:#e0ab18, stroke:#004563
|
119
|
-
style 467dd9a0-89d6-4796-a058-c079bf54b6c7 color:#000000, fill:#e0ab18, stroke:#004563
|
120
|
-
style 23fb5e33-11c9-4eb6-91d6-f2e873f8da68 color:#000000, fill:#e0ab18, stroke:#004563
|
121
|
-
style 4eee01b9-66f1-435e-8924-09235062413e color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
122
|
-
style 0f59833f-8a8a-488b-808a-9ea24618bb6c color:#000000, fill:#e0ab18, stroke:#004563
|
123
|
-
style 85423a2d-f935-46cd-8be1-2eb4f4239f22 color:#000000, fill:#F9F7ED, stroke:#b7c0c7`;
|
124
|
-
const {svg} = await mermaid.render('mySvgId', graphDefinition);
|
125
|
-
element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
|
126
|
-
|
127
|
-
var doPan = false;
|
128
|
-
var eventsHandler;
|
129
|
-
var panZoom;
|
130
|
-
var mousepos;
|
131
|
-
|
132
|
-
eventsHandler = {
|
133
|
-
haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
|
134
|
-
|
135
|
-
, mouseDownHandler: function (ev) {
|
136
|
-
if (event.target.className == "[object SVGAnimatedString]") {
|
137
|
-
doPan = true;
|
138
|
-
mousepos = {x: ev.clientX, y: ev.clientY}
|
139
|
-
}
|
140
|
-
;
|
141
|
-
}
|
142
|
-
|
143
|
-
, mouseMoveHandler: function (ev) {
|
144
|
-
if (doPan) {
|
145
|
-
panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
|
146
|
-
mousepos = {x: ev.clientX, y: ev.clientY};
|
147
|
-
window.getSelection().removeAllRanges();
|
148
|
-
}
|
149
|
-
}
|
150
|
-
|
151
|
-
, mouseUpHandler: function (ev) {
|
152
|
-
doPan = false;
|
153
|
-
}
|
154
|
-
|
155
|
-
, init: function (options) {
|
156
|
-
options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
|
157
|
-
options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
|
158
|
-
options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
|
159
|
-
}
|
160
|
-
|
161
|
-
, destroy: function (options) {
|
162
|
-
options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
|
163
|
-
options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
|
164
|
-
options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
|
165
|
-
}
|
166
|
-
}
|
167
|
-
panZoom = svgPanZoom('#mySvgId', {
|
168
|
-
zoomEnabled: true
|
169
|
-
, controlIconsEnabled: true
|
170
|
-
, fit: 1
|
171
|
-
, center: 1
|
172
|
-
, customEventsHandler: eventsHandler
|
173
|
-
})
|
174
|
-
};
|
175
|
-
await drawDiagram();
|
176
|
-
</script>
|
177
|
-
</body>
|
178
|
-
|