903 lines
35 KiB
HTML
903 lines
35 KiB
HTML
<!--
|
|
SPDX-FileCopyrightText: 2023 David Mosbach <david.mosbach@campus.lmu.de>
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-or-later
|
|
-->
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Editor</title>
|
|
<link rel="STYLESHEET" type="text/css" href="./editor.css">
|
|
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="editor">
|
|
<div id="curtain"></div> <!--Backdrop behind the file menu-->
|
|
<div id="submenu-backdrop"></div>
|
|
<div id="mainmenu" class="menu-lightmode"> <!--Horizontal main menu-->
|
|
<div id="logo">
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
<svg
|
|
width="100%"
|
|
height="100%"
|
|
viewBox="0 0 16 16"
|
|
version="1.1"
|
|
id="svg1"
|
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
|
sodipodi:docname="logo.svg"
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<sodipodi:namedview
|
|
id="namedview1"
|
|
pagecolor="#ffffff"
|
|
bordercolor="#999999"
|
|
borderopacity="1"
|
|
inkscape:showpageshadow="2"
|
|
inkscape:pageopacity="0"
|
|
inkscape:pagecheckerboard="0"
|
|
inkscape:deskcolor="#d1d1d1"
|
|
inkscape:document-units="px"
|
|
showgrid="true"
|
|
inkscape:zoom="32"
|
|
inkscape:cx="6.34375"
|
|
inkscape:cy="6.9375"
|
|
inkscape:window-width="1620"
|
|
inkscape:window-height="1018"
|
|
inkscape:window-x="-6"
|
|
inkscape:window-y="-6"
|
|
inkscape:window-maximized="1"
|
|
inkscape:current-layer="layer1">
|
|
<inkscape:grid
|
|
id="grid1"
|
|
units="px"
|
|
originx="0"
|
|
originy="0"
|
|
spacingx="1"
|
|
spacingy="1"
|
|
empcolor="#0099e5"
|
|
empopacity="0.30196078"
|
|
color="#0099e5"
|
|
opacity="0.14901961"
|
|
empspacing="5"
|
|
dotted="false"
|
|
gridanglex="30"
|
|
gridanglez="30"
|
|
visible="true" />
|
|
</sodipodi:namedview>
|
|
<defs
|
|
id="defs1">
|
|
<inkscape:path-effect
|
|
effect="bspline"
|
|
id="path-effect14"
|
|
is_visible="true"
|
|
lpeversion="1.3"
|
|
weight="33.333333"
|
|
steps="2"
|
|
helper_size="0"
|
|
apply_no_weight="true"
|
|
apply_with_weight="true"
|
|
only_selected="false"
|
|
uniform="false" />
|
|
<inkscape:path-effect
|
|
effect="bspline"
|
|
id="path-effect12"
|
|
is_visible="true"
|
|
lpeversion="1.3"
|
|
weight="33.333333"
|
|
steps="2"
|
|
helper_size="0"
|
|
apply_no_weight="true"
|
|
apply_with_weight="true"
|
|
only_selected="false"
|
|
uniform="false" />
|
|
<inkscape:path-effect
|
|
effect="spiro"
|
|
id="path-effect11"
|
|
is_visible="true"
|
|
lpeversion="1" />
|
|
<inkscape:path-effect
|
|
effect="bspline"
|
|
id="path-effect10"
|
|
is_visible="true"
|
|
lpeversion="1.3"
|
|
weight="33.333333"
|
|
steps="2"
|
|
helper_size="0"
|
|
apply_no_weight="true"
|
|
apply_with_weight="true"
|
|
only_selected="false"
|
|
uniform="false" />
|
|
<inkscape:path-effect
|
|
effect="bspline"
|
|
id="path-effect9"
|
|
is_visible="true"
|
|
lpeversion="1.3"
|
|
weight="33.333333"
|
|
steps="2"
|
|
helper_size="0"
|
|
apply_no_weight="true"
|
|
apply_with_weight="true"
|
|
only_selected="false"
|
|
uniform="false" />
|
|
<inkscape:path-effect
|
|
effect="bspline"
|
|
id="path-effect8"
|
|
is_visible="true"
|
|
lpeversion="1.3"
|
|
weight="33.333333"
|
|
steps="2"
|
|
helper_size="0"
|
|
apply_no_weight="true"
|
|
apply_with_weight="true"
|
|
only_selected="false"
|
|
uniform="false" />
|
|
<inkscape:path-effect
|
|
effect="spiro"
|
|
id="path-effect7"
|
|
is_visible="true"
|
|
lpeversion="1" />
|
|
<inkscape:path-effect
|
|
effect="spiro"
|
|
id="path-effect6"
|
|
is_visible="true"
|
|
lpeversion="1" />
|
|
<inkscape:path-effect
|
|
effect="spiro"
|
|
id="path-effect5"
|
|
is_visible="true"
|
|
lpeversion="1" />
|
|
<inkscape:path-effect
|
|
effect="bspline"
|
|
id="path-effect4"
|
|
is_visible="true"
|
|
lpeversion="1.3"
|
|
weight="33.333333"
|
|
steps="2"
|
|
helper_size="0"
|
|
apply_no_weight="true"
|
|
apply_with_weight="true"
|
|
only_selected="false"
|
|
uniform="false" />
|
|
<inkscape:path-effect
|
|
effect="bspline"
|
|
id="path-effect3"
|
|
is_visible="true"
|
|
lpeversion="1.3"
|
|
weight="33.333333"
|
|
steps="2"
|
|
helper_size="0"
|
|
apply_no_weight="true"
|
|
apply_with_weight="true"
|
|
only_selected="false"
|
|
uniform="false" />
|
|
<inkscape:path-effect
|
|
effect="spiro"
|
|
id="path-effect2"
|
|
is_visible="true"
|
|
lpeversion="1" />
|
|
<inkscape:path-effect
|
|
effect="skeletal"
|
|
id="path-effect1"
|
|
is_visible="true"
|
|
lpeversion="1"
|
|
pattern="M 0,18.867925 C 0,8.4528302 8.4528302,0 18.867925,0 c 10.415094,0 18.867924,8.4528302 18.867924,18.867925 0,10.415094 -8.45283,18.867924 -18.867924,18.867924 C 8.4528302,37.735849 0,29.283019 0,18.867925 Z"
|
|
copytype="single_stretched"
|
|
prop_scale="1"
|
|
scale_y_rel="false"
|
|
spacing="0"
|
|
normal_offset="0"
|
|
tang_offset="0"
|
|
prop_units="false"
|
|
vertical_pattern="false"
|
|
hide_knot="false"
|
|
fuse_tolerance="0" />
|
|
<inkscape:path-effect
|
|
effect="bspline"
|
|
id="path-effect12-8"
|
|
is_visible="true"
|
|
lpeversion="1.3"
|
|
weight="33.333333"
|
|
steps="2"
|
|
helper_size="0"
|
|
apply_no_weight="true"
|
|
apply_with_weight="true"
|
|
only_selected="false"
|
|
uniform="false" />
|
|
</defs>
|
|
<g
|
|
inkscape:label="Ebene 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1">
|
|
<path
|
|
id="path11"
|
|
style="fill:none;fill-rule:evenodd;stroke:rgb(75, 151, 151);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;paint-order:normal"
|
|
d="M 8,4 C 5.6666223,4 3.0075451,5.9986617 2,8 c 1.0062047,2.006585 3.6666221,4 6,4 2.333378,0 5.006969,-1.997206 6,-4 C 13.001735,5.9986618 10.333378,4 8,4 Z"
|
|
sodipodi:nodetypes="scscs" />
|
|
<ellipse
|
|
style="fill:rgb(75, 151, 151);fill-opacity:1;fill-rule:evenodd;stroke:rgb(75, 151, 151);stroke-width:0.902538;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
|
|
id="path13"
|
|
cx="8"
|
|
cy="7.9999995"
|
|
rx="2.9237309"
|
|
ry="2.9237306" />
|
|
<circle
|
|
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.36;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;paint-order:normal"
|
|
id="path12"
|
|
cx="6.3000002"
|
|
cy="8"
|
|
r="0.75" />
|
|
<circle
|
|
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.36;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;paint-order:normal"
|
|
id="path12-2"
|
|
cx="7.75"
|
|
cy="6.25"
|
|
r="0.75" />
|
|
<circle
|
|
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.36;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;paint-order:normal"
|
|
id="path12-0"
|
|
cx="7.75"
|
|
cy="9.75"
|
|
r="0.75" />
|
|
<path
|
|
style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.26;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
|
|
d="M 7.75,6.25 6.3,8 7.75,9.75"
|
|
id="path14"
|
|
sodipodi:nodetypes="ccc" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div id="file-menu-btn" class="menuitem">
|
|
<div class="menubutton">File</div>
|
|
<div id="filemenu" class="submenu" onclick="event.stopPropagation()">
|
|
<div class="menutop menu-lightmode">New Workflow</div>
|
|
<div id="open-file" class="menucenter menu-lightmode">Open</div>
|
|
<div class="menucenter menu-lightmode">Save</div>
|
|
<div class="menucenter menu-lightmode">Save As</div>
|
|
<div class="menubottom menu-lightmode">Export</div>
|
|
</div>
|
|
</div>
|
|
<div id="edit-menu-btn" class="menuitem">
|
|
<div class="menubutton">Edit</div>
|
|
<div id="editmenu" class="submenu" onclick="event.stopPropagation()">
|
|
<div class="menutop menu-lightmode">Undo</div>
|
|
<div class="menucenter menu-lightmode">Redo</div>
|
|
<div class="menucenter menu-lightmode">Edit Description</div>
|
|
<div class="menubottom menu-lightmode">Run Linter</div>
|
|
</div>
|
|
</div>
|
|
<div id="view-menu-btn" class="menuitem">
|
|
<div class="menubutton">View</div>
|
|
<div class="submenu menu-lightmode" onclick="event.stopPropagation()">
|
|
<table id="view-table">
|
|
<tr>
|
|
<td>
|
|
<label for="actor">Highlight actor:</label>
|
|
</td>
|
|
<td>
|
|
<select name="actor" id="actor"></select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<label for="viewer">Highlight viewer:</label>
|
|
</td>
|
|
<td>
|
|
<select name="viewer" id="viewer"></select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div id="settings-menu-btn" class="menuitem">
|
|
<div class="menubutton">Settings</div> <!--Main settings menu-->
|
|
<div class="submenu menu-lightmode" onclick="event.stopPropagation()">
|
|
<table id="settings-table">
|
|
<tr>
|
|
<th colspan="2">
|
|
General
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<label class="toggle" title="Dark Mode">
|
|
<input type="checkbox">
|
|
<span id="theme-toggle" class="toggle-slider"></span>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
Dark Mode
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<label class="toggle" title="Foo">
|
|
<input type="checkbox" disabled>
|
|
<span class="toggle-slider"></span>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
Language
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="2">
|
|
Visualisation
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<label class="toggle" title="Foo">
|
|
<input type="checkbox" disabled>
|
|
<span class="toggle-slider"></span>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
draw @@init or not
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<label class="toggle" title="Foo">
|
|
<input type="checkbox" disabled>
|
|
<span class="toggle-slider"></span>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
collapse all edges between 2 states
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<div>
|
|
</div>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="about-menu-btn" class="menuitem">
|
|
<div class="menubutton">About</div>
|
|
<div class="submenu menu-lightmode">Visualiser & editor for Uni2work workflows</div>
|
|
</div>
|
|
<div id="search-menu-btn" class="menuitem">
|
|
<div id="search-container">
|
|
<input id="search-input" type="text" placeholder="Search">
|
|
<span class="search-button">
|
|
<svg id="search-icon" class="search-icon-lightmode" height="18" width="18" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="11" cy="7" r="6" stroke-width="2" fill="none" />
|
|
<polyline points="6,12 2,16" style="fill:none;stroke-width:2" stroke-linecap="round" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div id="search-results" class="submenu menu-lightmode" onclick="event.stopPropagation()">
|
|
<div id="search-options">
|
|
<label class="checkbox" title="Nodes">
|
|
<input id="search-option-states" type="checkbox" checked="checked">
|
|
Nodes
|
|
</label>
|
|
<label class="checkbox" title="Edges">
|
|
<input id="search-option-edges" type="checkbox" checked="checked">
|
|
Edges
|
|
</label>
|
|
<label class="checkbox" title="Roles">
|
|
<input id="search-option-roles" type="checkbox">
|
|
Roles
|
|
</label>
|
|
</div>
|
|
<div id="search-result-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="menuitem">
|
|
<div id="filename" class="contenttype-lightmode"></div>
|
|
</div>
|
|
</div>
|
|
<div id="sidepanel" class="menu-lightmode"> <!--Pop-up panel on the right side for displaying/editing the selected state/action-->
|
|
<div id="sideheader">
|
|
<div id="sidecontentedge" class="sidecontenttype contenttype-lightmode">
|
|
<svg height="10" width="28" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="4" cy="4" r="3" stroke-width="2" fill="none" />
|
|
<polyline points="8,4 18,4" style="fill:none;stroke-width:2" stroke-linecap="round" />
|
|
<circle cx="22" cy="4" r="3" stroke-width="2" fill="none" />
|
|
</svg>
|
|
Edge
|
|
</div>
|
|
<div id="sidecontentnode" class="sidecontenttype contenttype-lightmode">
|
|
<svg height="10" width="22" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="2,4 7,4" style="fill:none;stroke-width:2" stroke-linecap="round" />
|
|
<circle cx="11" cy="4" r="3" stroke-width="2" fill="none" />
|
|
<polyline points="15,4 20,4" style="fill:none;stroke-width:2" stroke-linecap="round" />
|
|
</svg>
|
|
Node
|
|
</div>
|
|
<h1 id="sideheading">Hello</h1>
|
|
<svg id="close-side-panel" class="close" height="15" width="15" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="1,1 14,14" style="fill:none;stroke:rgb(120, 120, 120);stroke-width:2" stroke-linecap="round" />
|
|
<polyline points="14,1 1,14" style="fill:none;stroke:rgb(120, 120, 120);stroke-width:2" stroke-linecap="round" />
|
|
X
|
|
</svg>
|
|
</div>
|
|
<div id="sidecontent"></div>
|
|
<div id="sidebuttons">
|
|
<button id="side-panel-apply" type="submit">Apply</button>
|
|
<button id="side-panel-cancel" type="reset">Cancel</button>
|
|
<button id="side-panel-focus" type="submit">Focus</button>
|
|
<button id="side-panel-delete" type="submit" style="position: absolute; right: 0px;">Delete</button>
|
|
</div>
|
|
</div>
|
|
<div id="filepanel" class="menu-lightmode"> <!--Pop-up panel covering the center of the screen for file interactions-->
|
|
<div id="fileheader">
|
|
<h2 id="fileheading">Hello</h2>
|
|
<svg id="close-file-panel" class="close" height="15" width="15" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="1,1 14,14" style="fill:none;stroke:rgb(120, 120, 120);stroke-width:2" stroke-linecap="round" />
|
|
<polyline points="14,1 1,14" style="fill:none;stroke:rgb(120, 120, 120);stroke-width:2" stroke-linecap="round" />
|
|
X
|
|
</svg>
|
|
</div>
|
|
<div id="filecontent"></div>
|
|
<div id="filebuttons">
|
|
<!-- <button type="submit">Load</button> -->
|
|
<button id="file-panel-cancel" type="reset">Cancel</button>
|
|
</div>
|
|
</div>
|
|
<div id="ctmenubg" class="contextmenu"> <!--Context menu displayed after right-clicking the background-->
|
|
<div id="add-state" class="menutop menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="5" cy="5" r="4" stroke-width="2" fill="none" />
|
|
</svg>
|
|
New State
|
|
</div>
|
|
<div id="add-edge" class="menubottom menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="1,1 9,9" style="fill:none;stroke-width:2" stroke-linecap="round" />
|
|
</svg>
|
|
New Edge
|
|
</div>
|
|
</div>
|
|
<div id="ctmenust" class="contextmenu"> <!--Context menu displayed after right-clicking a state-->
|
|
<div id="edge-from" class="menutop menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="1,1 9,9" style="fill:none;stroke-width:2" stroke-linecap="round" />
|
|
</svg>
|
|
New Edge from here
|
|
</div>
|
|
<div id="edge-to" class="menucenter menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="1,9 9,1" style="fill:none;stroke-width:2" stroke-linecap="round" />
|
|
</svg>
|
|
New Edge to here
|
|
</div>
|
|
<div class="edit-item menucenter menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="1,9 9,1" style="fill:none;stroke-width:4" />
|
|
<polyline points="1,9 8,2" style="fill:none;stroke-width:2" stroke-linecap="round" />
|
|
</svg>
|
|
Edit
|
|
</div>
|
|
<div class="menucenter menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="5" height="5" x="1" y="4" style="fill:none;stroke-width:2"/>
|
|
<polyline points="4,4 4,1 9,1 9,6 5,6" style="fill:none;stroke-width:2" />
|
|
<!-- <polyline points="1,9 8,2" style="fill:none;stroke-width:2" stroke-linecap="round" /> -->
|
|
</svg>
|
|
Duplicate
|
|
</div>
|
|
<div class="delete-item menubottom menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="1,1 9,9" style="fill:none;stroke:rgb(183, 76, 76);stroke-width:2" stroke-linecap="round" />
|
|
<polyline points="9,1 1,9" style="fill:none;stroke:rgb(183, 76, 76);stroke-width:2" stroke-linecap="round" />
|
|
</svg>
|
|
Delete
|
|
</div>
|
|
</div>
|
|
<div id="ctmenued" class="contextmenu"> <!--Context menu displayed after right-clicking an edge-->
|
|
<div class="edit-item menutop menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="1,9 9,1" style="fill:none;stroke-width:4" />
|
|
<polyline points="1,9 8,2" style="fill:none;stroke-width:2" stroke-linecap="round" />
|
|
</svg>
|
|
Edit
|
|
</div>
|
|
<div class="menucenter menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="5" height="5" x="1" y="4" style="fill:none;stroke-width:2"/>
|
|
<polyline points="4,4 4,1 9,1 9,6 5,6" style="fill:none;stroke-width:2" />
|
|
<!-- <polyline points="1,9 8,2" style="fill:none;stroke-width:2" stroke-linecap="round" /> -->
|
|
</svg>
|
|
Duplicate
|
|
</div>
|
|
<div class="delete-item menubottom menu-lightmode">
|
|
<svg height="10" width="10" xmlns="http://www.w3.org/2000/svg">
|
|
<polyline points="1,1 9,9" style="fill:none;stroke:rgb(183, 76, 76);stroke-width:2" stroke-linecap="round" />
|
|
<polyline points="9,1 1,9" style="fill:none;stroke:rgb(183, 76, 76);stroke-width:2" stroke-linecap="round" />
|
|
</svg>
|
|
Delete
|
|
</div>
|
|
</div>
|
|
<div id="graph"></div> <!--The graph canvas-->
|
|
<div id="footer" class="menu-lightmode">
|
|
<span>
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
<svg
|
|
width="16"
|
|
height="16"
|
|
viewBox="0 0 16 16"
|
|
version="1.1"
|
|
id="svg1"
|
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
|
sodipodi:docname="errors.svg"
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<sodipodi:namedview
|
|
id="namedview1"
|
|
pagecolor="#ffffff"
|
|
bordercolor="#999999"
|
|
borderopacity="1"
|
|
inkscape:showpageshadow="2"
|
|
inkscape:pageopacity="0"
|
|
inkscape:pagecheckerboard="0"
|
|
inkscape:deskcolor="#d1d1d1"
|
|
inkscape:document-units="px"
|
|
showgrid="true"
|
|
inkscape:zoom="16"
|
|
inkscape:cx="-6.0625"
|
|
inkscape:cy="9.3125"
|
|
inkscape:window-width="1620"
|
|
inkscape:window-height="1018"
|
|
inkscape:window-x="-6"
|
|
inkscape:window-y="-6"
|
|
inkscape:window-maximized="1"
|
|
inkscape:current-layer="layer1">
|
|
<inkscape:grid
|
|
id="grid1"
|
|
units="px"
|
|
originx="0"
|
|
originy="0"
|
|
spacingx="1"
|
|
spacingy="1"
|
|
empcolor="#0099e5"
|
|
empopacity="0.30196078"
|
|
color="#0099e5"
|
|
opacity="0.14901961"
|
|
empspacing="5"
|
|
dotted="false"
|
|
gridanglex="30"
|
|
gridanglez="30"
|
|
visible="true" />
|
|
</sodipodi:namedview>
|
|
<defs
|
|
id="defs1" />
|
|
<g
|
|
inkscape:label="Ebene 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1">
|
|
<path
|
|
style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1"
|
|
d="M 5.0009883,5.0075279 10.998109,11.007295 M 5.0024621,11.002751 11.001027,4.9962911"
|
|
id="path1"
|
|
sodipodi:nodetypes="cccc" />
|
|
<ellipse
|
|
style="fill:none;stroke-width:1.02648;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1"
|
|
id="path2"
|
|
cx="7.9999995"
|
|
cy="8"
|
|
rx="6.4867597"
|
|
ry="6.4867601" />
|
|
</g>
|
|
</svg>
|
|
</span> <span>0</span>
|
|
<span>
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
<svg
|
|
width="16"
|
|
height="16"
|
|
viewBox="0 0 16 16"
|
|
version="1.1"
|
|
id="svg1"
|
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
|
sodipodi:docname="info.svg"
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<sodipodi:namedview
|
|
id="namedview1"
|
|
pagecolor="#ffffff"
|
|
bordercolor="#999999"
|
|
borderopacity="1"
|
|
inkscape:showpageshadow="2"
|
|
inkscape:pageopacity="0"
|
|
inkscape:pagecheckerboard="0"
|
|
inkscape:deskcolor="#d1d1d1"
|
|
inkscape:document-units="px"
|
|
showgrid="true"
|
|
inkscape:zoom="16"
|
|
inkscape:cx="14.1875"
|
|
inkscape:cy="15.125"
|
|
inkscape:window-width="1620"
|
|
inkscape:window-height="1018"
|
|
inkscape:window-x="-6"
|
|
inkscape:window-y="-6"
|
|
inkscape:window-maximized="1"
|
|
inkscape:current-layer="layer1">
|
|
<inkscape:grid
|
|
id="grid1"
|
|
units="px"
|
|
originx="0"
|
|
originy="0"
|
|
spacingx="1"
|
|
spacingy="1"
|
|
empcolor="#0099e5"
|
|
empopacity="0.30196078"
|
|
color="#0099e5"
|
|
opacity="0.14901961"
|
|
empspacing="5"
|
|
dotted="false"
|
|
gridanglex="30"
|
|
gridanglez="30"
|
|
visible="true" />
|
|
</sodipodi:namedview>
|
|
<defs
|
|
id="defs1" />
|
|
<g
|
|
inkscape:label="Ebene 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1">
|
|
<path
|
|
style="fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none"
|
|
d="M 8,4 V 9.5"
|
|
id="path1"
|
|
sodipodi:nodetypes="cc" />
|
|
<ellipse
|
|
style="fill:none;stroke-width:1.02648;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1"
|
|
id="path2"
|
|
cx="7.9999995"
|
|
cy="8"
|
|
rx="6.4867597"
|
|
ry="6.4867601" />
|
|
<path
|
|
style="fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none"
|
|
d="M 8,11.5 V 12"
|
|
id="path1-9"
|
|
sodipodi:nodetypes="cc" />
|
|
</g>
|
|
</svg>
|
|
</span> <span>5</span>
|
|
<span>
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
<svg
|
|
width="16"
|
|
height="16"
|
|
viewBox="0 0 16 16"
|
|
version="1.1"
|
|
id="svg1"
|
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
|
sodipodi:docname="git.svg"
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<sodipodi:namedview
|
|
id="namedview1"
|
|
pagecolor="#ffffff"
|
|
bordercolor="#999999"
|
|
borderopacity="1"
|
|
inkscape:showpageshadow="2"
|
|
inkscape:pageopacity="0"
|
|
inkscape:pagecheckerboard="0"
|
|
inkscape:deskcolor="#d1d1d1"
|
|
inkscape:document-units="px"
|
|
showgrid="true"
|
|
inkscape:zoom="45.254834"
|
|
inkscape:cx="4.7508737"
|
|
inkscape:cy="8.0212425"
|
|
inkscape:window-width="1620"
|
|
inkscape:window-height="1018"
|
|
inkscape:window-x="-6"
|
|
inkscape:window-y="-6"
|
|
inkscape:window-maximized="1"
|
|
inkscape:current-layer="layer1">
|
|
<inkscape:grid
|
|
id="grid1"
|
|
units="px"
|
|
originx="0"
|
|
originy="0"
|
|
spacingx="1"
|
|
spacingy="1"
|
|
empcolor="#0099e5"
|
|
empopacity="0.30196078"
|
|
color="#0099e5"
|
|
opacity="0.14901961"
|
|
empspacing="5"
|
|
dotted="false"
|
|
gridanglex="30"
|
|
gridanglez="30"
|
|
visible="true" />
|
|
</sodipodi:namedview>
|
|
<defs
|
|
id="defs1" />
|
|
<g
|
|
inkscape:label="Ebene 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1">
|
|
<path
|
|
style="stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
|
|
d="m 5.2570957,3.8069149 6.962e-4,8.2789561"
|
|
id="path1"
|
|
sodipodi:nodetypes="cc" />
|
|
<ellipse
|
|
style="fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
|
|
id="path2"
|
|
ry="1.255679"
|
|
rx="1.2556789"
|
|
cy="2.5156791"
|
|
cx="5.2556791" />
|
|
<ellipse
|
|
style="fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
|
|
id="path2-4"
|
|
ry="1.255679"
|
|
rx="1.2556789"
|
|
cy="5.0016789"
|
|
cx="10.755679" />
|
|
<ellipse
|
|
style="fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
|
|
id="path2-8"
|
|
ry="1.255679"
|
|
rx="1.2556789"
|
|
cy="13.489679"
|
|
cx="5.2556791" />
|
|
<path
|
|
style="fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
|
|
d="M 5.2543031,11.960537 C 5.426415,11.590024 10.731934,12.022897 10.75,7.3906509 c 0.005,-1.2917259 0.0052,-0.974969 0.0052,-0.974969"
|
|
id="path3"
|
|
sodipodi:nodetypes="csc" />
|
|
</g>
|
|
</svg>
|
|
</span> <span>main</span>
|
|
<span style="width: 100%;"></span>
|
|
<span>
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
<svg
|
|
width="16"
|
|
height="16"
|
|
viewBox="0 0 16 16"
|
|
version="1.1"
|
|
id="svg1"
|
|
sodipodi:docname="nodes.svg"
|
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<sodipodi:namedview
|
|
id="namedview1"
|
|
pagecolor="#ffffff"
|
|
bordercolor="#999999"
|
|
borderopacity="1"
|
|
inkscape:showpageshadow="2"
|
|
inkscape:pageopacity="0"
|
|
inkscape:pagecheckerboard="0"
|
|
inkscape:deskcolor="#d1d1d1"
|
|
inkscape:document-units="px"
|
|
showgrid="true"
|
|
inkscape:zoom="24.375"
|
|
inkscape:cx="-0.28717949"
|
|
inkscape:cy="12.882051"
|
|
inkscape:window-width="1620"
|
|
inkscape:window-height="1018"
|
|
inkscape:window-x="-6"
|
|
inkscape:window-y="-6"
|
|
inkscape:window-maximized="1"
|
|
inkscape:current-layer="layer1">
|
|
<inkscape:grid
|
|
id="grid1"
|
|
units="px"
|
|
originx="0"
|
|
originy="0"
|
|
spacingx="1"
|
|
spacingy="1"
|
|
empcolor="#0099e5"
|
|
empopacity="0.30196078"
|
|
color="#0099e5"
|
|
opacity="0.14901961"
|
|
empspacing="5"
|
|
dotted="false"
|
|
gridanglex="30"
|
|
gridanglez="30"
|
|
visible="true" />
|
|
</sodipodi:namedview>
|
|
<defs
|
|
id="defs1" />
|
|
<g
|
|
inkscape:label="Ebene 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1">
|
|
<circle
|
|
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-opacity:1"
|
|
id="path2"
|
|
cx="8"
|
|
cy="8"
|
|
r="4.5473752" />
|
|
</g>
|
|
</svg>
|
|
</span> <span>Nodes</span>
|
|
<span>
|
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
<svg
|
|
width="16"
|
|
height="16"
|
|
viewBox="0 0 16 16"
|
|
version="1.1"
|
|
id="svg1"
|
|
sodipodi:docname="stages.svg"
|
|
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<sodipodi:namedview
|
|
id="namedview1"
|
|
pagecolor="#ffffff"
|
|
bordercolor="#999999"
|
|
borderopacity="1"
|
|
inkscape:showpageshadow="2"
|
|
inkscape:pageopacity="0"
|
|
inkscape:pagecheckerboard="0"
|
|
inkscape:deskcolor="#d1d1d1"
|
|
inkscape:document-units="px"
|
|
showgrid="true"
|
|
inkscape:zoom="24.375"
|
|
inkscape:cx="-0.28717949"
|
|
inkscape:cy="12.882051"
|
|
inkscape:window-width="1620"
|
|
inkscape:window-height="1018"
|
|
inkscape:window-x="-6"
|
|
inkscape:window-y="-6"
|
|
inkscape:window-maximized="1"
|
|
inkscape:current-layer="layer1">
|
|
<inkscape:grid
|
|
id="grid1"
|
|
units="px"
|
|
originx="0"
|
|
originy="0"
|
|
spacingx="1"
|
|
spacingy="1"
|
|
empcolor="#0099e5"
|
|
empopacity="0.30196078"
|
|
color="#0099e5"
|
|
opacity="0.14901961"
|
|
empspacing="5"
|
|
dotted="false"
|
|
gridanglex="30"
|
|
gridanglez="30"
|
|
visible="true" />
|
|
</sodipodi:namedview>
|
|
<defs
|
|
id="defs1" />
|
|
<g
|
|
inkscape:label="Ebene 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1">
|
|
<rect
|
|
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-opacity:1"
|
|
id="rect2"
|
|
width="9.1430073"
|
|
height="9.1430082"
|
|
x="3.4284959"
|
|
y="3.4284959" />
|
|
</g>
|
|
</svg>
|
|
</span> <span>Stages</span>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="bundle.js"></script>
|
|
</body> |