Commit 76ec897a authored by Manuel Schrick's avatar Manuel Schrick
Browse files

fixed refactoring bug

parent 1de89ad7
<!DOCTYPE html>
<html>
<header><title>advancedLibary.nand</title></header>
<body>
<!-- HTML Object to display an external SVG-File -->
<object data="advancedLibary.nand.svg" type="image/svg+xml" id="svg" width="100%" height="1500"></object>
<script type='text/javascript'>var svgObject = document.getElementById("svg");
svgObject.addEventListener("load",function() {
var svgDoc = svgObject.contentDocument;
// get all rects in an array
var rects = [...svgDoc.getElementsByTagName("rect")];
// now only choose those, who have an data-name attr
rects = rects.filter((x)=>{return x.getAttribute("data-name") !== null});
// Now for every rect:
for(let rect of rects) {
rect.onclick = function() {
// Now go to the detailed view by replacing the filename in the url
window.location.href = window.location.href.slice(0,
window.location.href.lastIndexOf("/") + 1) +
rect.getAttribute("data-name") + ".html";
}
}
});</script></body>
</html>
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Canvas: nand -->
<g transform="translate(80 80)">
<rect id="74" width="720" height="450" style="fill:white;stroke:black;stroke-width:2;fill-opacity:1.0;stroke-opacity:1.0" />
<text x="10" y="25" style="font-weight: bold" font-family="Verdana" font-size="16" fill="black">
nand
</text>
</g>
<!-- Component: and -->
<g transform="translate(200 200)">
<rect data-name="advancedLibary.nand.and" id="72" width="200" height="200" style="fill:white;stroke:black;stroke-width:2;fill-opacity:1.0;stroke-opacity:1.0" onmouseover="this.style.stroke = '#316FC0'; this.style['stroke-width'] = 5;"
onmouseout="this.style.stroke = '#000000'; this.style['stroke-width'] = 2;" />
<text x="10" y="25" alignment-baseline="middle" style="font-weight: bold" font-family="Verdana" font-size="14" fill="black" >
and
</text>
</g>
<!-- Component: not -->
<g transform="translate(500 200)">
<rect data-name="advancedLibary.nand.not" id="73" width="200" height="200" style="fill:white;stroke:black;stroke-width:2;fill-opacity:1.0;stroke-opacity:1.0" onmouseover="this.style.stroke = '#316FC0'; this.style['stroke-width'] = 5;"
onmouseout="this.style.stroke = '#000000'; this.style['stroke-width'] = 2;" />
<text x="10" y="25" alignment-baseline="middle" style="font-weight: bold" font-family="Verdana" font-size="14" fill="black" >
not
</text>
</g>
<use x="390" y="70" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="400" y="63" transform="rotate(-45,400,63)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
x
</text>
<use x="430" y="70" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="440" y="63" transform="rotate(-45,440,63)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
y
</text>
<use x="430" y="520" xlink:href="#port" />
<text text-anchor="end" alignment-baseline="middle" x="440" y="547" transform="rotate(-45,440,547)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
z
</text>
<defs>
<!-- Small box indicating a port -->
<rect id="port" x="0" y="0" width="20" height="20" style="fill:white;stroke:rgb(0,0,0);stroke-width:1;fill-opacity:1.0;stroke-opacity:1.0"/>
</defs>
<use x="190" y="250" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="212" y="260" transform="rotate(0,212,260)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
in1
</text>
<use x="190" y="280" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="212" y="290" transform="rotate(0,212,290)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
in2
</text>
<use x="390" y="250" xlink:href="#port" />
<text text-anchor="end" alignment-baseline="middle" x="388" y="260" transform="rotate(0,388,260)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
out1
</text>
<use x="490" y="250" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="512" y="260" transform="rotate(0,512,260)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
in1
</text>
<use x="690" y="250" xlink:href="#port" />
<text text-anchor="end" alignment-baseline="middle" x="688" y="260" transform="rotate(0,688,260)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
out1
</text>
<line stroke-linecap="round" x1="710" y1="260" x2="730" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="730" y1="260" x2="730" y2="490" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="730" y1="490" x2="440" y2="490" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="440" y1="490" x2="440" y2="520" style="stroke:rgb(255,255,255);stroke-width:4;marker-end: url(#255,255,255)" />
<line stroke-linecap="round" x1="710" y1="260" x2="730" y2="260" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="730" y1="260" x2="730" y2="490" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="730" y1="490" x2="440" y2="490" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="440" y1="490" x2="440" y2="520" style="stroke:rgb(0,0,0);stroke-width:2;marker-end: url(#0,0,0)" />
<line stroke-linecap="round" x1="400" y1="90" x2="400" y2="120" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="400" y1="120" x2="170" y2="120" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="170" y1="120" x2="170" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="170" y1="260" x2="190" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;marker-end: url(#255,255,255)" />
<line stroke-linecap="round" x1="400" y1="90" x2="400" y2="120" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="400" y1="120" x2="170" y2="120" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="170" y1="120" x2="170" y2="260" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="170" y1="260" x2="190" y2="260" style="stroke:rgb(0,0,0);stroke-width:2;marker-end: url(#0,0,0)" />
<line stroke-linecap="round" x1="440" y1="90" x2="440" y2="130" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="440" y1="130" x2="160" y2="130" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="160" y1="130" x2="160" y2="290" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="160" y1="290" x2="190" y2="290" style="stroke:rgb(255,255,255);stroke-width:4;marker-end: url(#255,255,255)" />
<line stroke-linecap="round" x1="440" y1="90" x2="440" y2="130" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="440" y1="130" x2="160" y2="130" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="160" y1="130" x2="160" y2="290" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="160" y1="290" x2="190" y2="290" style="stroke:rgb(0,0,0);stroke-width:2;marker-end: url(#0,0,0)" />
<line stroke-linecap="round" x1="410" y1="260" x2="430" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="430" y1="260" x2="430" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="430" y1="260" x2="490" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;marker-end: url(#255,255,255)" />
<line stroke-linecap="round" x1="410" y1="260" x2="430" y2="260" style="stroke:rgb(0,102,204);stroke-width:2;" />
<line stroke-linecap="round" x1="430" y1="260" x2="430" y2="260" style="stroke:rgb(0,102,204);stroke-width:2;" />
<line stroke-linecap="round" x1="430" y1="260" x2="490" y2="260" style="stroke:rgb(0,102,204);stroke-width:2;marker-end: url(#0,102,204)" />
<defs>
<marker id="0,0,0" markerWidth="13" markerHeight="13" refX="5" refY="5" orient="auto">
<polyline points="0,2 5,5 0,8" style="fill:none; stroke:rgb(0,0,0); stroke-width:1" />
</marker>
<marker id="0,102,204" markerWidth="13" markerHeight="13" refX="5" refY="5" orient="auto">
<polyline points="0,2 5,5 0,8" style="fill:none; stroke:rgb(0,102,204); stroke-width:1" />
</marker>
</defs>
</svg>
\ No newline at end of file
<!DOCTYPE html>
<html>
<header>
<title>industry.turbineController</title>
<meta name="viewport" content="width=device-width">
</header>
<body link="black" vlink="black">
<!-- Detail switches -->
<div>
<form style="margin-left: 40px;">
<label>
Detailtiefe:
<select onchange="if (this.value) window.location.href=this.value">
<option value="industry.turbineController.html" selected>Standard</option>
<option value="industry.turbineController_no_port_names.html" >Ohne Port-Namen</option>
<option value="industry.turbineController_simplified.html" >Stark vereinfacht</option>
</select>
</label>
</form>
</div>
<!-- Bread crumb navigation -->
<br>
<br>
<table>
<tr>
<td style="min-width: 80px;"/>
<td>
<b><big>turbineController</big></b>
</td>
</tr>
</table>
<!-- HTML Object to display an external SVG-File -->
<object
data="industry.turbineController.svg"
type="image/svg+xml"
id="svg"
width="1940"
height="1285">
</object>
</body>
</html>
This diff is collapsed.
<!DOCTYPE html>
<html>
<header>
<title>industry.turbineController</title>
<meta name="viewport" content="width=device-width">
</header>
<body link="black" vlink="black">
<!-- Detail switches -->
<div>
<form style="margin-left: 40px;">
<label>
Detailtiefe:
<select onchange="if (this.value) window.location.href=this.value">
<option value="industry.turbineController.html" >Standard</option>
<option value="industry.turbineController_no_port_names.html" selected>Ohne Port-Namen</option>
<option value="industry.turbineController_simplified.html" >Stark vereinfacht</option>
</select>
</label>
</form>
</div>
<!-- Bread crumb navigation -->
<br>
<br>
<table>
<tr>
<td style="min-width: 80px;"/>
<td>
<b><big>turbineController</big></b>
</td>
</tr>
</table>
<!-- HTML Object to display an external SVG-File -->
<object
data="industry.turbineController_no_port_names.svg"
type="image/svg+xml"
id="svg"
width="1940"
height="1285">
</object>
</body>
</html>
This diff is collapsed.
<!DOCTYPE html>
<html>
<header>
<title>industry4.turbineController</title>
<meta name="viewport" content="width=device-width">
</header>
<body link="black" vlink="black">
<!-- Detail switches -->
<div>
<form style="margin-left: 40px;">
<label>
Detailtiefe:
<select onchange="if (this.value) window.location.href=this.value">
<option value="industry4.turbineController.html" selected>Standard</option>
<option value="industry4.turbineController_no_port_names.html" >Ohne Port-Namen</option>
<option value="industry4.turbineController_simplified.html" >Stark vereinfacht</option>
</select>
</label>
</form>
</div>
<!-- Bread crumb navigation -->
<br>
<br>
<table>
<tr>
<td style="min-width: 80px;"/>
<td>
<b><big>turbineController</big></b>
</td>
</tr>
</table>
<!-- HTML Object to display an external SVG-File -->
<object
data="industry4.turbineController.svg"
type="image/svg+xml"
id="svg"
width="1970"
height="1285">
</object>
</body>
</html>
This diff is collapsed.
<!DOCTYPE html>
<html>
<header>
<title>industry4.turbineController</title>
<meta name="viewport" content="width=device-width">
</header>
<body link="black" vlink="black">
<!-- Detail switches -->
<div>
<form style="margin-left: 40px;">
<label>
Detailtiefe:
<select onchange="if (this.value) window.location.href=this.value">
<option value="industry4.turbineController.html" >Standard</option>
<option value="industry4.turbineController_no_port_names.html" selected>Ohne Port-Namen</option>
<option value="industry4.turbineController_simplified.html" >Stark vereinfacht</option>
</select>
</label>
</form>
</div>
<!-- Bread crumb navigation -->
<br>
<br>
<table>
<tr>
<td style="min-width: 80px;"/>
<td>
<b><big>turbineController</big></b>
</td>
</tr>
</table>
<!-- HTML Object to display an external SVG-File -->
<object
data="industry4.turbineController_no_port_names.svg"
type="image/svg+xml"
id="svg"
width="1970"
height="1285">
</object>
</body>
</html>
This diff is collapsed.
<!DOCTYPE html>
<html>
<header><title>industryTestDraw.turbineController</title></header>
<body>
<!-- HTML Object to display an external SVG-File -->
<object data="industryTestDraw.turbineController.svg" type="image/svg+xml" id="svg" width="100%" height="1500"></object>
<script type='text/javascript'>var svgObject = document.getElementById("svg");
svgObject.addEventListener("load",function() {
var svgDoc = svgObject.contentDocument;
// get all rects in an array
var rects = [...svgDoc.getElementsByTagName("rect")];
// now only choose those, who have an data-name attr
rects = rects.filter((x)=>{return x.getAttribute("data-name") !== null});
// Now for every rect:
for(let rect of rects) {
rect.onclick = function() {
// Now go to the detailed view by replacing the filename in the url
window.location.href = window.location.href.slice(0,
window.location.href.lastIndexOf("/") + 1) +
rect.getAttribute("data-name") + ".html";
}
}
});</script></body>
</html>
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Canvas: turbineController -->
<g transform="translate(80 80)">
<rect id="57" width="740" height="450" style="fill:white;stroke:black;stroke-width:2;fill-opacity:1.0;stroke-opacity:1.0" />
<text x="10" y="25" style="font-weight: bold" font-family="Verdana" font-size="16" fill="black">
turbineController
</text>
</g>
<!-- Component: filtering -->
<g transform="translate(200 200)">
<rect data-name="industryTestDraw.turbineController.filtering" id="55" width="200" height="200" style="fill:white;stroke:black;stroke-width:2;fill-opacity:1.0;stroke-opacity:1.0" onmouseover="this.style.stroke = '#316FC0'; this.style['stroke-width'] = 5;"
onmouseout="this.style.stroke = '#000000'; this.style['stroke-width'] = 2;" />
<text x="10" y="25" alignment-baseline="middle" style="font-weight: bold" font-family="Verdana" font-size="14" fill="black" >
filtering
</text>
</g>
<!-- Component: piController -->
<g transform="translate(515 200)">
<rect data-name="industryTestDraw.turbineController.piController" id="56" width="200" height="200" style="fill:white;stroke:black;stroke-width:2;fill-opacity:1.0;stroke-opacity:1.0" onmouseover="this.style.stroke = '#316FC0'; this.style['stroke-width'] = 5;"
onmouseout="this.style.stroke = '#000000'; this.style['stroke-width'] = 2;" />
<text x="10" y="25" alignment-baseline="middle" style="font-weight: bold" font-family="Verdana" font-size="14" fill="black" >
piController
</text>
</g>
<use x="400" y="70" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="410" y="63" transform="rotate(-45,410,63)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
omega
</text>
<use x="440" y="70" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="450" y="63" transform="rotate(-45,450,63)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
windSpeed
</text>
<use x="440" y="520" xlink:href="#port" />
<text text-anchor="end" alignment-baseline="middle" x="450" y="547" transform="rotate(-45,450,547)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
<tspan>control</tspan><tspan x="450" dy="12">Signals</tspan></text>
<defs>
<!-- Small box indicating a port -->
<rect id="port" x="0" y="0" width="20" height="20" style="fill:white;stroke:rgb(0,0,0);stroke-width:1;fill-opacity:1.0;stroke-opacity:1.0"/>
</defs>
<use x="190" y="250" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="212" y="260" transform="rotate(0,212,260)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
omega
</text>
<use x="190" y="280" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="212" y="290" transform="rotate(0,212,290)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
windSpeed
</text>
<use x="390" y="250" xlink:href="#port" />
<text text-anchor="end" alignment-baseline="middle" x="388" y="260" transform="rotate(0,388,260)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
filteredOmega
</text>
<use x="390" y="280" xlink:href="#port" />
<text text-anchor="end" alignment-baseline="middle" x="388" y="290" transform="rotate(0,388,290)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
<tspan>filtered</tspan><tspan x="388" dy="12">Wind</tspan><tspan x="388" dy="12">Speed</tspan></text>
<use x="505" y="250" xlink:href="#port" />
<text text-anchor="start" alignment-baseline="middle" x="527" y="260" transform="rotate(0,527,260)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
rotorSpeed
</text>
<use x="705" y="250" xlink:href="#port" />
<text text-anchor="end" alignment-baseline="middle" x="703" y="260" transform="rotate(0,703,260)" style="font-weight: regular" font-family="Verdana" font-size="11" fill="black">
desiredAngle
</text>
<line stroke-linecap="round" x1="725" y1="260" x2="745" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="745" y1="260" x2="745" y2="490" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="745" y1="490" x2="450" y2="490" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="450" y1="490" x2="450" y2="520" style="stroke:rgb(255,255,255);stroke-width:4;marker-end: url(#255,255,255)" />
<line stroke-linecap="round" x1="725" y1="260" x2="745" y2="260" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="745" y1="260" x2="745" y2="490" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="745" y1="490" x2="450" y2="490" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="450" y1="490" x2="450" y2="520" style="stroke:rgb(0,0,0);stroke-width:2;marker-end: url(#0,0,0)" />
<line stroke-linecap="round" x1="410" y1="90" x2="410" y2="120" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="410" y1="120" x2="170" y2="120" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="170" y1="120" x2="170" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="170" y1="260" x2="190" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;marker-end: url(#255,255,255)" />
<line stroke-linecap="round" x1="410" y1="90" x2="410" y2="120" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="410" y1="120" x2="170" y2="120" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="170" y1="120" x2="170" y2="260" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="170" y1="260" x2="190" y2="260" style="stroke:rgb(0,0,0);stroke-width:2;marker-end: url(#0,0,0)" />
<line stroke-linecap="round" x1="450" y1="90" x2="450" y2="130" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="450" y1="130" x2="160" y2="130" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="160" y1="130" x2="160" y2="290" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="160" y1="290" x2="190" y2="290" style="stroke:rgb(255,255,255);stroke-width:4;marker-end: url(#255,255,255)" />
<line stroke-linecap="round" x1="450" y1="90" x2="450" y2="130" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="450" y1="130" x2="160" y2="130" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="160" y1="130" x2="160" y2="290" style="stroke:rgb(0,0,0);stroke-width:2;" />
<line stroke-linecap="round" x1="160" y1="290" x2="190" y2="290" style="stroke:rgb(0,0,0);stroke-width:2;marker-end: url(#0,0,0)" />
<line stroke-linecap="round" x1="410" y1="260" x2="430" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="430" y1="260" x2="430" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="430" y1="260" x2="505" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;marker-end: url(#255,255,255)" />
<line stroke-linecap="round" x1="410" y1="260" x2="430" y2="260" style="stroke:rgb(0,102,204);stroke-width:2;" />
<line stroke-linecap="round" x1="430" y1="260" x2="430" y2="260" style="stroke:rgb(0,102,204);stroke-width:2;" />
<line stroke-linecap="round" x1="430" y1="260" x2="505" y2="260" style="stroke:rgb(0,102,204);stroke-width:2;marker-end: url(#0,102,204)" />
<line stroke-linecap="round" x1="410" y1="290" x2="440" y2="290" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="440" y1="290" x2="440" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;" />
<line stroke-linecap="round" x1="440" y1="260" x2="505" y2="260" style="stroke:rgb(255,255,255);stroke-width:4;marker-end: url(#255,255,255)" />
<line stroke-linecap="round" x1="410" y1="290" x2="440" y2="290" style="stroke:rgb(0,102,204);stroke-width:2;" />
<line stroke-linecap="round" x1="440" y1="290" x2="440" y2="260" style="stroke:rgb(0,102,204);stroke-width:2;" />
<line stroke-linecap="round" x1="440" y1="260" x2="505" y2="260" style="stroke:rgb(0,102,204);stroke-width:2;marker-end: url(#0,102,204)" />
<defs>
<marker id="0,0,0" markerWidth="13" markerHeight="13" refX="5" refY="5" orient="auto">
<polyline points="0,2 5,5 0,8" style="fill:none; stroke:rgb(0,0,0); stroke-width:1" />
</marker>
<marker id="0,102,204" markerWidth="13" markerHeight="13" refX="5" refY="5" orient="auto">
<polyline points="0,2 5,5 0,8" style="fill:none; stroke:rgb(0,102,204); stroke-width:1" />
</marker>
</defs>
</svg>
\ No newline at end of file
<!DOCTYPE html>
<html>
<header>
<title>testHannaFranzenWithTags.fifthExample</title>
<meta name="viewport" content="width=device-width">
</header>
<body link="black" vlink="black">
<!-- Detail switches -->
<div>
<form style="margin-left: 40px;">
<label>
Detailtiefe:
<select onchange="if (this.value) window.location.href=this.value">
<option value="testHannaFranzenWithTags.fifthExample.html" selected>Standard</option>
<option value="testHannaFranzenWithTags.fifthExample_no_port_names.html" >Ohne Port-Namen</option>
<option value="testHannaFranzenWithTags.fifthExample_simplified.html" >Stark vereinfacht</option>
</select>
</label>
</form>
</div>
<!-- Bread crumb navigation -->
<br>
<br>
<table>
<tr>
<td style="min-width: 80px;"/>
<td>
<b><big>fifthExample</big></b>
</td>
</tr>
</table>
<!-- HTML Object to display an external SVG-File -->
<object
data="testHannaFranzenWithTags.fifthExample.svg"
type="image/svg+xml"
id="svg"
width="950"
height="1045">
</object>
</body>
</html>
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<!-- Canvas: fifthExample -->
<g transform="translate(40 40)">
<rect
id="402"
width="790"
height="885"
style="fill:white;stroke:black;stroke-width:2;fill-opacity:1.0;stroke-opacity:1.0"/>
<text
x="10"