pyegeria 5.3.3.14.dev1__py3-none-any.whl → 5.3.3.14.dev2__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/.DS_Store +0 -0
- pyegeria/commands/.DS_Store +0 -0
- pyegeria/commands/__pycache__/__init__.cpython-312.pyc +0 -0
- pyegeria/commands/__pycache__/server_status_widget.cpython-312-pytest-7.4.4.pyc +0 -0
- pyegeria/commands/cat/__pycache__/__init__.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/get_asset_graph.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/get_collection.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/get_project_dependencies.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/get_project_structure.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/get_tech_type_elements.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/glossary_actions.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_assets.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_cert_types.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_collections.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_deployed_catalogs.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_deployed_database_schemas.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_deployed_databases.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_glossaries.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_projects.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_servers_deployed_imp.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_tech_type_elements.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_tech_types.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_terms.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_todos.cpython-312.pyc +0 -0
- pyegeria/commands/cat/__pycache__/list_user_ids.cpython-312.pyc +0 -0
- pyegeria/commands/cat/link-test.py +185 -0
- pyegeria/commands/cli/__pycache__/__init__.cpython-312.pyc +0 -0
- pyegeria/commands/cli/__pycache__/egeria_login_tui.cpython-312.pyc +0 -0
- pyegeria/commands/cli/__pycache__/egeria_ops.cpython-312.pyc +0 -0
- pyegeria/commands/cli/__pycache__/ops_config.cpython-312.pyc +0 -0
- pyegeria/commands/doc/.DS_Store +0 -0
- pyegeria/commands/doc/Visual Command Reference/.DS_Store +0 -0
- pyegeria/commands/doc/Visual Command Reference/cat/.DS_Store +0 -0
- pyegeria/commands/doc/Visual Command Reference/cat/show/.DS_Store +0 -0
- pyegeria/commands/doc/Visual Command Reference/cat/show/deployed-data/.DS_Store +0 -0
- pyegeria/commands/doc/glossary/.DS_Store +0 -0
- pyegeria/commands/doc/glossary/images/.DS_Store +0 -0
- pyegeria/commands/doc/hey_egeria: a pyegeria command line interface/.DS_Store +0 -0
- pyegeria/commands/doc/hey_egeria: a pyegeria command line interface/images/.DS_Store +0 -0
- pyegeria/commands/my/__pycache__/__init__.cpython-312.pyc +0 -0
- pyegeria/commands/my/__pycache__/list_my_profile.cpython-312.pyc +0 -0
- pyegeria/commands/my/__pycache__/list_my_roles.cpython-312.pyc +0 -0
- pyegeria/commands/my/__pycache__/monitor_my_todos.cpython-312.pyc +0 -0
- pyegeria/commands/my/__pycache__/monitor_open_todos.cpython-312.pyc +0 -0
- pyegeria/commands/my/__pycache__/todo_actions.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/__init__.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/gov_server_actions.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/list_archives.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/list_catalog_targets.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/load_archive.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/monitor_engine_activity.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/monitor_engine_activity_c.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/monitor_gov_eng_status.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/monitor_integ_daemon_status.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/monitor_platform_status.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/monitor_server_startup.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/monitor_server_status.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/refresh_integration_daemon.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/restart_integration_daemon.cpython-312.pyc +0 -0
- pyegeria/commands/ops/__pycache__/table_integ_daemon_status.cpython-312.pyc +0 -0
- pyegeria/commands/tech/.DS_Store +0 -0
- pyegeria/commands/tech/__pycache__/__init__.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/get_element_info.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/get_guid_info.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/get_tech_details.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/get_tech_type_template.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_anchored_elements.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_asset_types.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_elements_by_property_value.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_elements_for_classification.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_gov_action_processes.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_registered_services.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_related_specification.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_relationship_types.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_relationships.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_tech_templates.cpython-312.pyc +0 -0
- pyegeria/commands/tech/__pycache__/list_valid_metadata_values.cpython-312.pyc +0 -0
- pyegeria/commands/tech/list_solution_blueprints2.py +6 -2
- pyegeria/commands/tech/work/mermaid_graphs/Clinical Trial Subject Onboarding.html +142 -0
- pyegeria/commands/tech/work/mermaid_graphs/Clinical Trial Treatment Validation.html +222 -0
- pyegeria/commands/tech/work/mermaid_graphs/Employee Expense Payment.html +133 -0
- pyegeria/commands/tech/work/mermaid_graphs/New Drug Product Information Distribution.html +148 -0
- pyegeria/commands/tech/work/mermaid_graphs/New Employee Onboarding.html +145 -0
- pyegeria/commands/tech/work/mermaid_graphs/Personalized Treatment Ordering.html +150 -0
- pyegeria/commands/tech/work/mermaid_graphs/Physical Inventory Tracking.html +185 -0
- pyegeria/commands/tech/work/mermaid_graphs/Sustainability Reporting.html +210 -0
- pyegeria/commands/tech/work/mermaid_graphs/{{displayName}}.html +122 -0
- pyegeria/mermaid_utilities.py +2 -1
- {pyegeria-5.3.3.14.dev1.dist-info → pyegeria-5.3.3.14.dev2.dist-info}/METADATA +1 -1
- {pyegeria-5.3.3.14.dev1.dist-info → pyegeria-5.3.3.14.dev2.dist-info}/RECORD +93 -7
- {pyegeria-5.3.3.14.dev1.dist-info → pyegeria-5.3.3.14.dev2.dist-info}/entry_points.txt +1 -0
- {pyegeria-5.3.3.14.dev1.dist-info → pyegeria-5.3.3.14.dev2.dist-info}/LICENSE +0 -0
- {pyegeria-5.3.3.14.dev1.dist-info → pyegeria-5.3.3.14.dev2.dist-info}/WHEEL +0 -0
@@ -0,0 +1,222 @@
|
|
1
|
+
|
2
|
+
<!DOCTYPE html>
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
<style type="text/css">
|
6
|
+
#mySvgId {
|
7
|
+
width: 100%;
|
8
|
+
height: 600px;
|
9
|
+
overflow: scroll;
|
10
|
+
border: 2px solid #ccc;
|
11
|
+
position: relative;
|
12
|
+
margin-bottom: 10px;
|
13
|
+
}
|
14
|
+
svg {
|
15
|
+
cursor: grab;
|
16
|
+
}
|
17
|
+
|
18
|
+
</style>
|
19
|
+
</head>
|
20
|
+
|
21
|
+
<title>Information Supply Chain - Clinical Trial Treatment Validation </title>
|
22
|
+
<h3 style="text-align: center;">Information Supply Chain - Clinical Trial Treatment Validation </h3>
|
23
|
+
GUID : 1f71e403-1187-4f03-a1dd-ae7dc105f06f
|
24
|
+
|
25
|
+
|
26
|
+
<body>
|
27
|
+
|
28
|
+
<div id="graphDiv"></div>
|
29
|
+
<script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
|
30
|
+
<script type="module">
|
31
|
+
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
32
|
+
|
33
|
+
mermaid.initialize({startOnLoad: false});
|
34
|
+
await mermaid.run({
|
35
|
+
querySelector: '.mermaid',
|
36
|
+
postRenderCallback: (id) => {
|
37
|
+
const container = document.getElementById("diagram-container");
|
38
|
+
const svgElement = container.querySelector("svg");
|
39
|
+
|
40
|
+
// Initialize Panzoom
|
41
|
+
const panzoomInstance = Panzoom(svgElement, {
|
42
|
+
maxScale: 5,
|
43
|
+
minScale: 0.5,
|
44
|
+
step: 0.1,
|
45
|
+
});
|
46
|
+
|
47
|
+
// Add mouse wheel zoom
|
48
|
+
container.addEventListener("wheel", (event) => {
|
49
|
+
panzoomInstance.zoomWithWheel(event);
|
50
|
+
});
|
51
|
+
}
|
52
|
+
});
|
53
|
+
|
54
|
+
|
55
|
+
const drawDiagram = async function () {
|
56
|
+
const element = document.querySelector('#graphDiv');
|
57
|
+
const graphDefinition = `
|
58
|
+
flowchart TD
|
59
|
+
%%{init: {"flowchart": {"htmlLabels": false}} }%%
|
60
|
+
|
61
|
+
1f71e403-1187-4f03-a1dd-ae7dc105f06f@{ shape: flip-tri, label: "*Information Supply Chain*
|
62
|
+
**Clinical Trial Treatment Validation**"}
|
63
|
+
cfea745a-ad42-4d6d-a69d-6bcfa09ca2d0@{ shape: text, label: "*Description*
|
64
|
+
**Delivering data relating to a clinical trial from the hospitals to the Coco Researchers so that they can then determine the efficacy of the treatment to report to the regulators.**"}
|
65
|
+
1f71e403-1187-4f03-a1dd-ae7dc105f06f~~~cfea745a-ad42-4d6d-a69d-6bcfa09ca2d0
|
66
|
+
d467f775-2db7-46aa-8f53-8c8b162585d6@{ shape: text, label: "*Purpose*
|
67
|
+
**Deliver patient measurement data from hospitals to data scientists in research.**"}
|
68
|
+
cfea745a-ad42-4d6d-a69d-6bcfa09ca2d0~~~d467f775-2db7-46aa-8f53-8c8b162585d6
|
69
|
+
5cdf8613-5704-49c3-9fef-1933b559193b@{ shape: text, label: "*Purpose*
|
70
|
+
**Ensure incoming data is only from certified hospitals.**"}
|
71
|
+
d467f775-2db7-46aa-8f53-8c8b162585d6~~~5cdf8613-5704-49c3-9fef-1933b559193b
|
72
|
+
4fb3a484-600c-4915-83d0-55450554f3ee@{ shape: text, label: "*Purpose*
|
73
|
+
**Ensure incoming data is validated and catalogued.**"}
|
74
|
+
5cdf8613-5704-49c3-9fef-1933b559193b~~~4fb3a484-600c-4915-83d0-55450554f3ee
|
75
|
+
f0a4c74a-01e6-44df-99b5-84153e02b012@{ shape: text, label: "*Purpose*
|
76
|
+
**Ensure data and process owners are informed of key milestones and issues requiring attention.**"}
|
77
|
+
4fb3a484-600c-4915-83d0-55450554f3ee~~~f0a4c74a-01e6-44df-99b5-84153e02b012
|
78
|
+
a45f95b6-cc69-4931-a0d2-93849af35b98@{ shape: text, label: "*Purpose*
|
79
|
+
**Ensure the process of data capture and treatment validation is transparent and auditable.**"}
|
80
|
+
f0a4c74a-01e6-44df-99b5-84153e02b012~~~a45f95b6-cc69-4931-a0d2-93849af35b98
|
81
|
+
6b4073ce-218b-4cec-ad9d-4eb36452a5c0@{ shape: text, label: "*Purpose*
|
82
|
+
**Ensure the treatment validation report is complete and regulatory compliant.**"}
|
83
|
+
a45f95b6-cc69-4931-a0d2-93849af35b98~~~6b4073ce-218b-4cec-ad9d-4eb36452a5c0
|
84
|
+
38635d38-f728-400d-a8ec-7c26e68b7c0f@{ shape: hex, label: "*Information Supply Chain Segment*
|
85
|
+
**Weekly Measurements Onboarding**"}
|
86
|
+
38635d38-f728-400d-a8ec-7c26e68b7c0f-->|"capture and catalog,
|
87
|
+
[Information Supply Chain Link]"|7edca02c-e726-4570-815c-280bdf5498b9
|
88
|
+
e4303326-e418-4f77-b8e7-fd5d34717594@{ shape: hex, label: "*Information Supply Chain Segment*
|
89
|
+
**Assess Treatment under Trial**"}
|
90
|
+
e4303326-e418-4f77-b8e7-fd5d34717594-->|"publish results,
|
91
|
+
[Information Supply Chain Link]"|4fc47e60-f1b5-469c-b666-e1f4570e749f
|
92
|
+
04ae768e-3816-47bc-bddb-c9ae25018684@{ shape: hex, label: "*Information Supply Chain Segment*
|
93
|
+
**Hospital Delivers Patient Weekly Readings**"}
|
94
|
+
04ae768e-3816-47bc-bddb-c9ae25018684-->|"publish,
|
95
|
+
[Information Supply Chain Link]"|38635d38-f728-400d-a8ec-7c26e68b7c0f
|
96
|
+
4fc47e60-f1b5-469c-b666-e1f4570e749f@{ shape: hex, label: "*Information Supply Chain Segment*
|
97
|
+
**Deliver Treatment Assessment Report**"}
|
98
|
+
7edca02c-e726-4570-815c-280bdf5498b9@{ shape: hex, label: "*Information Supply Chain Segment*
|
99
|
+
**Data Lake to Sandbox**"}
|
100
|
+
7edca02c-e726-4570-815c-280bdf5498b9-->|"assemble,
|
101
|
+
[Information Supply Chain Link]"|e4303326-e418-4f77-b8e7-fd5d34717594
|
102
|
+
1c150d6e-30cf-481c-9afb-3b06c9c9e78f@{ shape: rect, label: "*Solution Component*
|
103
|
+
**SolutionComponent:Hospital Landing Area Folder:V1.0**"}
|
104
|
+
7f5dca65-50b4-4103-9ac7-3a406a09047a@{ shape: rect, label: "*Solution Component*
|
105
|
+
**SolutionComponent:Weekly Measurements Onboarding Pipeline:V1.0**"}
|
106
|
+
07705e15-efff-4f80-8992-f04ac85e0ef1@{ shape: rect, label: "*Solution Component*
|
107
|
+
**SolutionComponent:Landing Folder Cataloguer:V1.0**"}
|
108
|
+
a5d4d638-6836-47e5-99d0-fdcde637e13f@{ shape: rect, label: "*Solution Component*
|
109
|
+
**SolutionComponent:Weekly Measurements Data Lake Folder:V1.0**"}
|
110
|
+
1c150d6e-30cf-481c-9afb-3b06c9c9e78f-->|"detect new files,
|
111
|
+
[Solution Linking Wire]"|07705e15-efff-4f80-8992-f04ac85e0ef1
|
112
|
+
ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec@{ shape: rect, label: "*Solution Component*
|
113
|
+
**SolutionComponent:Hospital Processes:V1.0**"}
|
114
|
+
ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec-->|"publish,
|
115
|
+
[Solution Linking Wire]"|1c150d6e-30cf-481c-9afb-3b06c9c9e78f
|
116
|
+
07705e15-efff-4f80-8992-f04ac85e0ef1-->|"request onboarding,
|
117
|
+
[Solution Linking Wire]"|7f5dca65-50b4-4103-9ac7-3a406a09047a
|
118
|
+
7f5dca65-50b4-4103-9ac7-3a406a09047a-->|"save new files,
|
119
|
+
[Solution Linking Wire]"|a5d4d638-6836-47e5-99d0-fdcde637e13f
|
120
|
+
26c07ca4-3b8e-484b-812b-36c1ace4b275@{ shape: rect, label: "*Solution Component*
|
121
|
+
**SolutionComponent:Populate Sandbox:V1.0**"}
|
122
|
+
a5d4d638-6836-47e5-99d0-fdcde637e13f-->|"read certified files,
|
123
|
+
[Solution Linking Wire]"|26c07ca4-3b8e-484b-812b-36c1ace4b275
|
124
|
+
48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5@{ shape: rect, label: "*Solution Component*
|
125
|
+
**SolutionComponent:Treatment Efficacy Evidence:V1.0**"}
|
126
|
+
b5c8da4c-f925-4cf1-8294-e43cd2c1a584@{ shape: rect, label: "*Solution Component*
|
127
|
+
**SolutionComponent:Analyse Patient Data:V1.0**"}
|
128
|
+
d48f579f-76d3-4c49-b1b4-575f5645a9d0@{ shape: rect, label: "*Solution Component*
|
129
|
+
**SolutionComponent:Treatment Validation Sandbox:V1.0**"}
|
130
|
+
72a86eec-9734-4bc0-babb-4fec0aa7c9ff@{ shape: rect, label: "*Solution Component*
|
131
|
+
**SolutionComponent:Assemble Treatment Assessment Report:V1.0**"}
|
132
|
+
48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5-->|"retrieve evidence,
|
133
|
+
[Solution Linking Wire]"|72a86eec-9734-4bc0-babb-4fec0aa7c9ff
|
134
|
+
b5c8da4c-f925-4cf1-8294-e43cd2c1a584-->|"publish results,
|
135
|
+
[Solution Linking Wire]"|48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5
|
136
|
+
d48f579f-76d3-4c49-b1b4-575f5645a9d0-->|"retrieve patient data,
|
137
|
+
[Solution Linking Wire]"|b5c8da4c-f925-4cf1-8294-e43cd2c1a584
|
138
|
+
26c07ca4-3b8e-484b-812b-36c1ace4b275-->|"write patient measurements,
|
139
|
+
[Solution Linking Wire]"|d48f579f-76d3-4c49-b1b4-575f5645a9d0
|
140
|
+
0bf2547c-937c-41b6-814f-6284849271a1@{ shape: rect, label: "*Solution Component*
|
141
|
+
**SolutionComponent:Treatment Assessment Report Validation and Delivery:V1.0**"}
|
142
|
+
72a86eec-9734-4bc0-babb-4fec0aa7c9ff-->|"publish results,
|
143
|
+
[Solution Linking Wire]"|0bf2547c-937c-41b6-814f-6284849271a1
|
144
|
+
style 48bc201e-3d4e-4beb-bdb2-0fd9d134f6d5 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
145
|
+
style d467f775-2db7-46aa-8f53-8c8b162585d6 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
146
|
+
style cfea745a-ad42-4d6d-a69d-6bcfa09ca2d0 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
147
|
+
style e4303326-e418-4f77-b8e7-fd5d34717594 color:#004563, fill:#b7c0c7, stroke:#004563
|
148
|
+
style 4fb3a484-600c-4915-83d0-55450554f3ee color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
149
|
+
style 4fc47e60-f1b5-469c-b666-e1f4570e749f color:#004563, fill:#b7c0c7, stroke:#004563
|
150
|
+
style 7f5dca65-50b4-4103-9ac7-3a406a09047a color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
151
|
+
style ee2bb773-e630-4cf9-bdf1-7c2dd64fe4ec color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
152
|
+
style a5d4d638-6836-47e5-99d0-fdcde637e13f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
153
|
+
style 72a86eec-9734-4bc0-babb-4fec0aa7c9ff color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
154
|
+
style 38635d38-f728-400d-a8ec-7c26e68b7c0f color:#004563, fill:#b7c0c7, stroke:#004563
|
155
|
+
style 7edca02c-e726-4570-815c-280bdf5498b9 color:#004563, fill:#b7c0c7, stroke:#004563
|
156
|
+
style b5c8da4c-f925-4cf1-8294-e43cd2c1a584 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
157
|
+
style 0bf2547c-937c-41b6-814f-6284849271a1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
158
|
+
style 6b4073ce-218b-4cec-ad9d-4eb36452a5c0 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
159
|
+
style d48f579f-76d3-4c49-b1b4-575f5645a9d0 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
160
|
+
style 1f71e403-1187-4f03-a1dd-ae7dc105f06f color:#FFFFFF, fill:#004563, stroke:#b7c0c7
|
161
|
+
style f0a4c74a-01e6-44df-99b5-84153e02b012 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
162
|
+
style 04ae768e-3816-47bc-bddb-c9ae25018684 color:#004563, fill:#b7c0c7, stroke:#004563
|
163
|
+
style 5cdf8613-5704-49c3-9fef-1933b559193b color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
164
|
+
style a45f95b6-cc69-4931-a0d2-93849af35b98 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
165
|
+
style 26c07ca4-3b8e-484b-812b-36c1ace4b275 color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
166
|
+
style 1c150d6e-30cf-481c-9afb-3b06c9c9e78f color:#FFFFFF, fill:#838cc7, stroke:#3079ab
|
167
|
+
style 07705e15-efff-4f80-8992-f04ac85e0ef1 color:#FFFFFF, fill:#838cc7, stroke:#3079ab`;
|
168
|
+
const {svg} = await mermaid.render('mySvgId', graphDefinition);
|
169
|
+
element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
|
170
|
+
|
171
|
+
var doPan = false;
|
172
|
+
var eventsHandler;
|
173
|
+
var panZoom;
|
174
|
+
var mousepos;
|
175
|
+
|
176
|
+
eventsHandler = {
|
177
|
+
haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
|
178
|
+
|
179
|
+
, mouseDownHandler: function (ev) {
|
180
|
+
if (event.target.className == "[object SVGAnimatedString]") {
|
181
|
+
doPan = true;
|
182
|
+
mousepos = {x: ev.clientX, y: ev.clientY}
|
183
|
+
}
|
184
|
+
;
|
185
|
+
}
|
186
|
+
|
187
|
+
, mouseMoveHandler: function (ev) {
|
188
|
+
if (doPan) {
|
189
|
+
panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
|
190
|
+
mousepos = {x: ev.clientX, y: ev.clientY};
|
191
|
+
window.getSelection().removeAllRanges();
|
192
|
+
}
|
193
|
+
}
|
194
|
+
|
195
|
+
, mouseUpHandler: function (ev) {
|
196
|
+
doPan = false;
|
197
|
+
}
|
198
|
+
|
199
|
+
, init: function (options) {
|
200
|
+
options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
|
201
|
+
options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
|
202
|
+
options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
|
203
|
+
}
|
204
|
+
|
205
|
+
, destroy: function (options) {
|
206
|
+
options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
|
207
|
+
options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
|
208
|
+
options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
|
209
|
+
}
|
210
|
+
}
|
211
|
+
panZoom = svgPanZoom('#mySvgId', {
|
212
|
+
zoomEnabled: true
|
213
|
+
, controlIconsEnabled: true
|
214
|
+
, fit: 1
|
215
|
+
, center: 1
|
216
|
+
, customEventsHandler: eventsHandler
|
217
|
+
})
|
218
|
+
};
|
219
|
+
await drawDiagram();
|
220
|
+
</script>
|
221
|
+
</body>
|
222
|
+
|
@@ -0,0 +1,133 @@
|
|
1
|
+
|
2
|
+
<!DOCTYPE html>
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
<style type="text/css">
|
6
|
+
#mySvgId {
|
7
|
+
width: 100%;
|
8
|
+
height: 600px;
|
9
|
+
overflow: scroll;
|
10
|
+
border: 2px solid #ccc;
|
11
|
+
position: relative;
|
12
|
+
margin-bottom: 10px;
|
13
|
+
}
|
14
|
+
svg {
|
15
|
+
cursor: grab;
|
16
|
+
}
|
17
|
+
|
18
|
+
</style>
|
19
|
+
</head>
|
20
|
+
|
21
|
+
<title>Information Supply Chain - Employee Expense Payment </title>
|
22
|
+
<h3 style="text-align: center;">Information Supply Chain - Employee Expense Payment </h3>
|
23
|
+
GUID : 79d1d83f-6a37-4c32-bf3f-eb8b4358027c
|
24
|
+
|
25
|
+
|
26
|
+
<body>
|
27
|
+
|
28
|
+
<div id="graphDiv"></div>
|
29
|
+
<script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
|
30
|
+
<script type="module">
|
31
|
+
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
32
|
+
|
33
|
+
mermaid.initialize({startOnLoad: false});
|
34
|
+
await mermaid.run({
|
35
|
+
querySelector: '.mermaid',
|
36
|
+
postRenderCallback: (id) => {
|
37
|
+
const container = document.getElementById("diagram-container");
|
38
|
+
const svgElement = container.querySelector("svg");
|
39
|
+
|
40
|
+
// Initialize Panzoom
|
41
|
+
const panzoomInstance = Panzoom(svgElement, {
|
42
|
+
maxScale: 5,
|
43
|
+
minScale: 0.5,
|
44
|
+
step: 0.1,
|
45
|
+
});
|
46
|
+
|
47
|
+
// Add mouse wheel zoom
|
48
|
+
container.addEventListener("wheel", (event) => {
|
49
|
+
panzoomInstance.zoomWithWheel(event);
|
50
|
+
});
|
51
|
+
}
|
52
|
+
});
|
53
|
+
|
54
|
+
|
55
|
+
const drawDiagram = async function () {
|
56
|
+
const element = document.querySelector('#graphDiv');
|
57
|
+
const graphDefinition = `
|
58
|
+
flowchart TD
|
59
|
+
%%{init: {"flowchart": {"htmlLabels": false}} }%%
|
60
|
+
|
61
|
+
79d1d83f-6a37-4c32-bf3f-eb8b4358027c@{ shape: flip-tri, label: "*Information Supply Chain*
|
62
|
+
**Employee Expense Payment**"}
|
63
|
+
4cc3609e-0cc2-4521-a21b-199c957b8f6f@{ shape: text, label: "*Description*
|
64
|
+
**Managing the collection of expense data, its approval and the subsequent payment authorization flows.**"}
|
65
|
+
79d1d83f-6a37-4c32-bf3f-eb8b4358027c~~~4cc3609e-0cc2-4521-a21b-199c957b8f6f
|
66
|
+
8769c05e-0a9a-467a-9717-4db823f83275@{ shape: text, label: "*Purpose*
|
67
|
+
**Ensure employees are reimbursed for their expenses in a timely manner.**"}
|
68
|
+
4cc3609e-0cc2-4521-a21b-199c957b8f6f~~~8769c05e-0a9a-467a-9717-4db823f83275
|
69
|
+
88c42780-6fb1-49e2-a584-8af90cdc7728@{ shape: rounded, label: "*Software Server*
|
70
|
+
**System:coco-hrim**"}
|
71
|
+
ad8eab54-c2f7-494d-82d0-bf5985e5a58d@{ shape: rounded, label: "*Software Server*
|
72
|
+
**System:coco-expenses**"}
|
73
|
+
88c42780-6fb1-49e2-a584-8af90cdc7728-->|"payment authorization [Data Flow]"|ad8eab54-c2f7-494d-82d0-bf5985e5a58d
|
74
|
+
style 4cc3609e-0cc2-4521-a21b-199c957b8f6f color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
75
|
+
style ad8eab54-c2f7-494d-82d0-bf5985e5a58d color:#000000, fill:#e0ab18, stroke:#004563
|
76
|
+
style 8769c05e-0a9a-467a-9717-4db823f83275 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
77
|
+
style 79d1d83f-6a37-4c32-bf3f-eb8b4358027c color:#FFFFFF, fill:#004563, stroke:#b7c0c7
|
78
|
+
style 88c42780-6fb1-49e2-a584-8af90cdc7728 color:#000000, fill:#e0ab18, stroke:#004563`;
|
79
|
+
const {svg} = await mermaid.render('mySvgId', graphDefinition);
|
80
|
+
element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
|
81
|
+
|
82
|
+
var doPan = false;
|
83
|
+
var eventsHandler;
|
84
|
+
var panZoom;
|
85
|
+
var mousepos;
|
86
|
+
|
87
|
+
eventsHandler = {
|
88
|
+
haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
|
89
|
+
|
90
|
+
, mouseDownHandler: function (ev) {
|
91
|
+
if (event.target.className == "[object SVGAnimatedString]") {
|
92
|
+
doPan = true;
|
93
|
+
mousepos = {x: ev.clientX, y: ev.clientY}
|
94
|
+
}
|
95
|
+
;
|
96
|
+
}
|
97
|
+
|
98
|
+
, mouseMoveHandler: function (ev) {
|
99
|
+
if (doPan) {
|
100
|
+
panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
|
101
|
+
mousepos = {x: ev.clientX, y: ev.clientY};
|
102
|
+
window.getSelection().removeAllRanges();
|
103
|
+
}
|
104
|
+
}
|
105
|
+
|
106
|
+
, mouseUpHandler: function (ev) {
|
107
|
+
doPan = false;
|
108
|
+
}
|
109
|
+
|
110
|
+
, init: function (options) {
|
111
|
+
options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
|
112
|
+
options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
|
113
|
+
options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
|
114
|
+
}
|
115
|
+
|
116
|
+
, destroy: function (options) {
|
117
|
+
options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
|
118
|
+
options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
|
119
|
+
options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
|
120
|
+
}
|
121
|
+
}
|
122
|
+
panZoom = svgPanZoom('#mySvgId', {
|
123
|
+
zoomEnabled: true
|
124
|
+
, controlIconsEnabled: true
|
125
|
+
, fit: 1
|
126
|
+
, center: 1
|
127
|
+
, customEventsHandler: eventsHandler
|
128
|
+
})
|
129
|
+
};
|
130
|
+
await drawDiagram();
|
131
|
+
</script>
|
132
|
+
</body>
|
133
|
+
|
@@ -0,0 +1,148 @@
|
|
1
|
+
|
2
|
+
<!DOCTYPE html>
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
<style type="text/css">
|
6
|
+
#mySvgId {
|
7
|
+
width: 100%;
|
8
|
+
height: 600px;
|
9
|
+
overflow: scroll;
|
10
|
+
border: 2px solid #ccc;
|
11
|
+
position: relative;
|
12
|
+
margin-bottom: 10px;
|
13
|
+
}
|
14
|
+
svg {
|
15
|
+
cursor: grab;
|
16
|
+
}
|
17
|
+
|
18
|
+
</style>
|
19
|
+
</head>
|
20
|
+
|
21
|
+
<title>Information Supply Chain - New Drug Product Information Distribution </title>
|
22
|
+
<h3 style="text-align: center;">Information Supply Chain - New Drug Product Information Distribution </h3>
|
23
|
+
GUID : b0491fd4-6324-4ed8-9a1c-7cbd9892e21b
|
24
|
+
|
25
|
+
|
26
|
+
<body>
|
27
|
+
|
28
|
+
<div id="graphDiv"></div>
|
29
|
+
<script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
|
30
|
+
<script type="module">
|
31
|
+
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
32
|
+
|
33
|
+
mermaid.initialize({startOnLoad: false});
|
34
|
+
await mermaid.run({
|
35
|
+
querySelector: '.mermaid',
|
36
|
+
postRenderCallback: (id) => {
|
37
|
+
const container = document.getElementById("diagram-container");
|
38
|
+
const svgElement = container.querySelector("svg");
|
39
|
+
|
40
|
+
// Initialize Panzoom
|
41
|
+
const panzoomInstance = Panzoom(svgElement, {
|
42
|
+
maxScale: 5,
|
43
|
+
minScale: 0.5,
|
44
|
+
step: 0.1,
|
45
|
+
});
|
46
|
+
|
47
|
+
// Add mouse wheel zoom
|
48
|
+
container.addEventListener("wheel", (event) => {
|
49
|
+
panzoomInstance.zoomWithWheel(event);
|
50
|
+
});
|
51
|
+
}
|
52
|
+
});
|
53
|
+
|
54
|
+
|
55
|
+
const drawDiagram = async function () {
|
56
|
+
const element = document.querySelector('#graphDiv');
|
57
|
+
const graphDefinition = `
|
58
|
+
flowchart TD
|
59
|
+
%%{init: {"flowchart": {"htmlLabels": false}} }%%
|
60
|
+
|
61
|
+
b0491fd4-6324-4ed8-9a1c-7cbd9892e21b@{ shape: flip-tri, label: "*Information Supply Chain*
|
62
|
+
**New Drug Product Information Distribution**"}
|
63
|
+
c6a2ac03-a59b-4d47-966a-33ef278990b5@{ shape: text, label: "*Description*
|
64
|
+
**Managing the distribution of information about a new product.**"}
|
65
|
+
b0491fd4-6324-4ed8-9a1c-7cbd9892e21b~~~c6a2ac03-a59b-4d47-966a-33ef278990b5
|
66
|
+
8f1f5742-9413-436c-ae64-370e2bd4fc36@{ shape: text, label: "*Purpose*
|
67
|
+
**Ensuring information about a new product is distributed to all of the appropriate system so that it is visible for ordering, manufacturing and invoicing.**"}
|
68
|
+
c6a2ac03-a59b-4d47-966a-33ef278990b5~~~8f1f5742-9413-436c-ae64-370e2bd4fc36
|
69
|
+
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4@{ shape: rounded, label: "*Software Server*
|
70
|
+
**System:MFCTRL9482**"}
|
71
|
+
987df321-d940-4ce5-9ae1-8258736f0445@{ shape: rounded, label: "*Software Server*
|
72
|
+
**System:KCDEPOT01**"}
|
73
|
+
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"order ready [Data Flow]"|987df321-d940-4ce5-9ae1-8258736f0445
|
74
|
+
afefd870-5616-4f35-a557-774b88b96bef@{ shape: rounded, label: "*Software Server*
|
75
|
+
**System:EDDEPOT01**"}
|
76
|
+
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"order ready [Data Flow]"|afefd870-5616-4f35-a557-774b88b96bef
|
77
|
+
c7b1467a-dea2-4288-95e5-8e1bc3ab2ed3@{ shape: rounded, label: "*Software Server*
|
78
|
+
**System:WINCHDEPOT01**"}
|
79
|
+
c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4-->|"order ready [Data Flow]"|c7b1467a-dea2-4288-95e5-8e1bc3ab2ed3
|
80
|
+
dd424526-24e9-4a10-a575-0700dfb8743a@{ shape: rounded, label: "*Software Server*
|
81
|
+
**System:cocoProducts**"}
|
82
|
+
a2e43afa-386a-4acd-ba1d-7773b368c34a@{ shape: rounded, label: "*Software Server*
|
83
|
+
**System:globalCRM**"}
|
84
|
+
dd424526-24e9-4a10-a575-0700dfb8743a-->|"new product offering [Data Flow]"|a2e43afa-386a-4acd-ba1d-7773b368c34a
|
85
|
+
style b0491fd4-6324-4ed8-9a1c-7cbd9892e21b color:#FFFFFF, fill:#004563, stroke:#b7c0c7
|
86
|
+
style c24e9ea0-171a-46d8-a5d8-3fedcfe97aa4 color:#000000, fill:#e0ab18, stroke:#004563
|
87
|
+
style a2e43afa-386a-4acd-ba1d-7773b368c34a color:#000000, fill:#e0ab18, stroke:#004563
|
88
|
+
style 8f1f5742-9413-436c-ae64-370e2bd4fc36 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
89
|
+
style c6a2ac03-a59b-4d47-966a-33ef278990b5 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
90
|
+
style 987df321-d940-4ce5-9ae1-8258736f0445 color:#000000, fill:#e0ab18, stroke:#004563
|
91
|
+
style c7b1467a-dea2-4288-95e5-8e1bc3ab2ed3 color:#000000, fill:#e0ab18, stroke:#004563
|
92
|
+
style dd424526-24e9-4a10-a575-0700dfb8743a color:#000000, fill:#e0ab18, stroke:#004563
|
93
|
+
style afefd870-5616-4f35-a557-774b88b96bef color:#000000, fill:#e0ab18, stroke:#004563`;
|
94
|
+
const {svg} = await mermaid.render('mySvgId', graphDefinition);
|
95
|
+
element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
|
96
|
+
|
97
|
+
var doPan = false;
|
98
|
+
var eventsHandler;
|
99
|
+
var panZoom;
|
100
|
+
var mousepos;
|
101
|
+
|
102
|
+
eventsHandler = {
|
103
|
+
haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
|
104
|
+
|
105
|
+
, mouseDownHandler: function (ev) {
|
106
|
+
if (event.target.className == "[object SVGAnimatedString]") {
|
107
|
+
doPan = true;
|
108
|
+
mousepos = {x: ev.clientX, y: ev.clientY}
|
109
|
+
}
|
110
|
+
;
|
111
|
+
}
|
112
|
+
|
113
|
+
, mouseMoveHandler: function (ev) {
|
114
|
+
if (doPan) {
|
115
|
+
panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
|
116
|
+
mousepos = {x: ev.clientX, y: ev.clientY};
|
117
|
+
window.getSelection().removeAllRanges();
|
118
|
+
}
|
119
|
+
}
|
120
|
+
|
121
|
+
, mouseUpHandler: function (ev) {
|
122
|
+
doPan = false;
|
123
|
+
}
|
124
|
+
|
125
|
+
, init: function (options) {
|
126
|
+
options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
|
127
|
+
options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
|
128
|
+
options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
|
129
|
+
}
|
130
|
+
|
131
|
+
, destroy: function (options) {
|
132
|
+
options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
|
133
|
+
options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
|
134
|
+
options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
|
135
|
+
}
|
136
|
+
}
|
137
|
+
panZoom = svgPanZoom('#mySvgId', {
|
138
|
+
zoomEnabled: true
|
139
|
+
, controlIconsEnabled: true
|
140
|
+
, fit: 1
|
141
|
+
, center: 1
|
142
|
+
, customEventsHandler: eventsHandler
|
143
|
+
})
|
144
|
+
};
|
145
|
+
await drawDiagram();
|
146
|
+
</script>
|
147
|
+
</body>
|
148
|
+
|
@@ -0,0 +1,145 @@
|
|
1
|
+
|
2
|
+
<!DOCTYPE html>
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
<style type="text/css">
|
6
|
+
#mySvgId {
|
7
|
+
width: 100%;
|
8
|
+
height: 600px;
|
9
|
+
overflow: scroll;
|
10
|
+
border: 2px solid #ccc;
|
11
|
+
position: relative;
|
12
|
+
margin-bottom: 10px;
|
13
|
+
}
|
14
|
+
svg {
|
15
|
+
cursor: grab;
|
16
|
+
}
|
17
|
+
|
18
|
+
</style>
|
19
|
+
</head>
|
20
|
+
|
21
|
+
<title>Information Supply Chain - New Employee Onboarding </title>
|
22
|
+
<h3 style="text-align: center;">Information Supply Chain - New Employee Onboarding </h3>
|
23
|
+
GUID : 022009d9-53cb-4469-afeb-16ee81d8f9bc
|
24
|
+
|
25
|
+
|
26
|
+
<body>
|
27
|
+
|
28
|
+
<div id="graphDiv"></div>
|
29
|
+
<script src="https://bumbu.me/svg-pan-zoom/dist/svg-pan-zoom.min.js"></script>
|
30
|
+
<script type="module">
|
31
|
+
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
32
|
+
|
33
|
+
mermaid.initialize({startOnLoad: false});
|
34
|
+
await mermaid.run({
|
35
|
+
querySelector: '.mermaid',
|
36
|
+
postRenderCallback: (id) => {
|
37
|
+
const container = document.getElementById("diagram-container");
|
38
|
+
const svgElement = container.querySelector("svg");
|
39
|
+
|
40
|
+
// Initialize Panzoom
|
41
|
+
const panzoomInstance = Panzoom(svgElement, {
|
42
|
+
maxScale: 5,
|
43
|
+
minScale: 0.5,
|
44
|
+
step: 0.1,
|
45
|
+
});
|
46
|
+
|
47
|
+
// Add mouse wheel zoom
|
48
|
+
container.addEventListener("wheel", (event) => {
|
49
|
+
panzoomInstance.zoomWithWheel(event);
|
50
|
+
});
|
51
|
+
}
|
52
|
+
});
|
53
|
+
|
54
|
+
|
55
|
+
const drawDiagram = async function () {
|
56
|
+
const element = document.querySelector('#graphDiv');
|
57
|
+
const graphDefinition = `
|
58
|
+
flowchart TD
|
59
|
+
%%{init: {"flowchart": {"htmlLabels": false}} }%%
|
60
|
+
|
61
|
+
022009d9-53cb-4469-afeb-16ee81d8f9bc@{ shape: flip-tri, label: "*Information Supply Chain*
|
62
|
+
**New Employee Onboarding**"}
|
63
|
+
bb80fe7e-8909-4428-9fb4-4bb1d339aa09@{ shape: text, label: "*Description*
|
64
|
+
**Adding information about a new employee to all appropriate systems and directories.**"}
|
65
|
+
022009d9-53cb-4469-afeb-16ee81d8f9bc~~~bb80fe7e-8909-4428-9fb4-4bb1d339aa09
|
66
|
+
35e056f7-8cb6-4dcc-883a-fc5628f65c4c@{ shape: text, label: "*Purpose*
|
67
|
+
**Ensure a new employee is productive and engaged in a timely manner.**"}
|
68
|
+
bb80fe7e-8909-4428-9fb4-4bb1d339aa09~~~35e056f7-8cb6-4dcc-883a-fc5628f65c4c
|
69
|
+
88c42780-6fb1-49e2-a584-8af90cdc7728@{ shape: rounded, label: "*Software Server*
|
70
|
+
**System:coco-hrim**"}
|
71
|
+
ae0c7768-c01e-4bd1-8a47-fbacfccf2f63@{ shape: rounded, label: "*Software Server*
|
72
|
+
**System:Netherlands payroll**"}
|
73
|
+
88c42780-6fb1-49e2-a584-8af90cdc7728-->|"payment authorization [Data Flow]"|ae0c7768-c01e-4bd1-8a47-fbacfccf2f63
|
74
|
+
a47906f0-67f0-46ed-890d-85cb049ffa60@{ shape: rounded, label: "*Software Server*
|
75
|
+
**System:cocopages**"}
|
76
|
+
88c42780-6fb1-49e2-a584-8af90cdc7728-->|"employee directory [Data Flow]"|a47906f0-67f0-46ed-890d-85cb049ffa60
|
77
|
+
35bef6c5-25d7-47b1-91db-f9bce0238612@{ shape: rounded, label: "*Software Server*
|
78
|
+
**System:Canadian payroll**"}
|
79
|
+
88c42780-6fb1-49e2-a584-8af90cdc7728-->|"payment authorization [Data Flow]"|35bef6c5-25d7-47b1-91db-f9bce0238612
|
80
|
+
12c9d1a4-2a5d-4e7c-a640-97f206270425@{ shape: rounded, label: "*Software Server*
|
81
|
+
**System:UK payroll**"}
|
82
|
+
88c42780-6fb1-49e2-a584-8af90cdc7728-->|"payment authorization [Data Flow]"|12c9d1a4-2a5d-4e7c-a640-97f206270425
|
83
|
+
style 022009d9-53cb-4469-afeb-16ee81d8f9bc color:#FFFFFF, fill:#004563, stroke:#b7c0c7
|
84
|
+
style bb80fe7e-8909-4428-9fb4-4bb1d339aa09 color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
85
|
+
style 35e056f7-8cb6-4dcc-883a-fc5628f65c4c color:#000000, fill:#F9F7ED, stroke:#b7c0c7
|
86
|
+
style ae0c7768-c01e-4bd1-8a47-fbacfccf2f63 color:#000000, fill:#e0ab18, stroke:#004563
|
87
|
+
style 88c42780-6fb1-49e2-a584-8af90cdc7728 color:#000000, fill:#e0ab18, stroke:#004563
|
88
|
+
style 12c9d1a4-2a5d-4e7c-a640-97f206270425 color:#000000, fill:#e0ab18, stroke:#004563
|
89
|
+
style a47906f0-67f0-46ed-890d-85cb049ffa60 color:#000000, fill:#e0ab18, stroke:#004563
|
90
|
+
style 35bef6c5-25d7-47b1-91db-f9bce0238612 color:#000000, fill:#e0ab18, stroke:#004563`;
|
91
|
+
const {svg} = await mermaid.render('mySvgId', graphDefinition);
|
92
|
+
element.innerHTML = svg.replace(/( )*max-width:( 0-9\.)*px;/i, '');
|
93
|
+
|
94
|
+
var doPan = false;
|
95
|
+
var eventsHandler;
|
96
|
+
var panZoom;
|
97
|
+
var mousepos;
|
98
|
+
|
99
|
+
eventsHandler = {
|
100
|
+
haltEventListeners: ['mousedown', 'mousemove', 'mouseup']
|
101
|
+
|
102
|
+
, mouseDownHandler: function (ev) {
|
103
|
+
if (event.target.className == "[object SVGAnimatedString]") {
|
104
|
+
doPan = true;
|
105
|
+
mousepos = {x: ev.clientX, y: ev.clientY}
|
106
|
+
}
|
107
|
+
;
|
108
|
+
}
|
109
|
+
|
110
|
+
, mouseMoveHandler: function (ev) {
|
111
|
+
if (doPan) {
|
112
|
+
panZoom.panBy({x: ev.clientX - mousepos.x, y: ev.clientY - mousepos.y});
|
113
|
+
mousepos = {x: ev.clientX, y: ev.clientY};
|
114
|
+
window.getSelection().removeAllRanges();
|
115
|
+
}
|
116
|
+
}
|
117
|
+
|
118
|
+
, mouseUpHandler: function (ev) {
|
119
|
+
doPan = false;
|
120
|
+
}
|
121
|
+
|
122
|
+
, init: function (options) {
|
123
|
+
options.svgElement.addEventListener('mousedown', this.mouseDownHandler, false);
|
124
|
+
options.svgElement.addEventListener('mousemove', this.mouseMoveHandler, false);
|
125
|
+
options.svgElement.addEventListener('mouseup', this.mouseUpHandler, false);
|
126
|
+
}
|
127
|
+
|
128
|
+
, destroy: function (options) {
|
129
|
+
options.svgElement.removeEventListener('mousedown', this.mouseDownHandler, false);
|
130
|
+
options.svgElement.removeEventListener('mousemove', this.mouseMoveHandler, false);
|
131
|
+
options.svgElement.removeEventListener('mouseup', this.mouseUpHandler, false);
|
132
|
+
}
|
133
|
+
}
|
134
|
+
panZoom = svgPanZoom('#mySvgId', {
|
135
|
+
zoomEnabled: true
|
136
|
+
, controlIconsEnabled: true
|
137
|
+
, fit: 1
|
138
|
+
, center: 1
|
139
|
+
, customEventsHandler: eventsHandler
|
140
|
+
})
|
141
|
+
};
|
142
|
+
await drawDiagram();
|
143
|
+
</script>
|
144
|
+
</body>
|
145
|
+
|