525 lines
43 KiB
XML
525 lines
43 KiB
XML
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="721px" height="547px" viewBox="-0.5 -0.5 721 547" content="<mxfile><diagram id="Ji07cW5DuHMU8oRfzW7Z" name="NW diagram 10G">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</diagram></mxfile>">
|
|
<defs/>
|
|
<g>
|
|
<g>
|
|
<rect x="280" y="290" width="440" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 438px; height: 1px; padding-top: 310px; margin-left: 281px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
x510 28GTX
|
|
<br/>
|
|
(192.168.0.50)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="500" y="314" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
x510 28GTX...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 500 130 L 500 163.63" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
|
|
<path d="M 500 168.88 L 496.5 161.88 L 500 163.63 L 503.5 161.88 Z" fill="#ff6666" stroke="#ff6666" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 102, 102), rgb(224, 93, 93)); stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
|
|
</g>
|
|
<g>
|
|
<rect x="440" y="90" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 110px; margin-left: 441px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
ONU
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="500" y="114" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
ONU
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 500 210 L 500 283.63" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
|
|
<path d="M 500 288.88 L 496.5 281.88 L 500 283.63 L 503.5 281.88 Z" fill="#ff6666" stroke="#ff6666" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 102, 102), rgb(224, 93, 93)); stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 252px; margin-left: 500px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
|
|
<div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
|
|
VALN 1,10
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="500" y="255" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">
|
|
VALN 1,10
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="400" y="170" width="200" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 190px; margin-left: 401px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
OpenWrt (VM100)
|
|
<br/>
|
|
(192.168.0.1, 192.168.10.1)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="500" y="194" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
OpenWrt (VM100)...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 500 50 L 500 83.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 500 88.88 L 496.5 81.88 L 500 83.63 L 503.5 81.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 533.45 50 C 540.2 49.15 545.01 42.69 544.2 35.57 C 543.39 28.45 537.26 23.38 530.52 24.23 C 530.44 13.6 523.38 4.46 513.52 2.23 C 503.67 0 493.67 5.29 489.48 14.96 C 486.36 11.2 481.42 9.79 476.94 11.36 C 472.46 12.94 469.31 17.2 468.95 22.17 C 461.67 21.89 455.54 27.89 455.27 35.57 C 455 43.25 460.69 49.72 467.98 50 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.95" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 25px; margin-left: 500px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#ffffff, #121212); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
|
|
NCT光
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="500" y="29" fill="#ffffff" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
NCT光
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 500 330 L 500 337.5 Q 500 345 490 345 L 390 345 Q 380 345 380 355 L 380 378.63" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
|
|
<path d="M 380 383.88 L 376.5 376.88 L 380 378.63 L 383.5 376.88 Z" fill="#ff6666" stroke="#ff6666" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 102, 102), rgb(224, 93, 93)); stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 310 330 L 310 395 Q 310 405 300 405 L 286.37 405" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
<path d="M 281.12 405 L 288.12 401.5 L 286.37 405 L 288.12 408.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 310 330 L 310 515 Q 310 525 300 525 L 286.37 525" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
<path d="M 281.12 525 L 288.12 521.5 L 286.37 525 L 288.12 528.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 310 330 L 310 355 Q 310 365 300 365 L 160 365 Q 150 365 150 375 L 150 395 Q 150 405 140 405 L 126.37 405" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
<path d="M 121.12 405 L 128.12 401.5 L 126.37 405 L 128.12 408.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 310 330 L 310 355 Q 310 365 300 365 L 160 365 Q 150 365 150 375 L 150 455 Q 150 465 140 465 L 126.37 465" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
<path d="M 121.12 465 L 128.12 461.5 L 126.37 465 L 128.12 468.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
</g>
|
|
<g>
|
|
<rect x="280" y="290" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 310px; margin-left: 281px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
x510 28GTX (VLAN 1)
|
|
<br/>
|
|
(192.168.0.0/23)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="360" y="314" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
x510 28GTX (VLAN 1)...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 640 330 L 640 395 Q 640 405 630 405 L 606.37 405" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
<path d="M 601.12 405 L 608.12 401.5 L 606.37 405 L 608.12 408.5 Z" fill="#ffcc99" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 204, 153), rgb(94, 50, 6)); stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 650 330 L 650 455 Q 650 465 640 465 L 606.37 465" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
|
|
<path d="M 601.12 465 L 608.12 461.5 L 606.37 465 L 608.12 468.5 Z" fill="#ff6666" stroke="#ff6666" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(255, 102, 102), rgb(224, 93, 93)); stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
|
|
</g>
|
|
<g>
|
|
<rect x="560" y="290" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 310px; margin-left: 561px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
x510 28GTX (VLAN 10)
|
|
<br/>
|
|
(192.168.10.0/24)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="640" y="314" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
x510 28GTX (VLAN 10)...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="480" y="385" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 405px; margin-left: 481px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
WRC BE36QS
|
|
<br/>
|
|
(192.168.10.2)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="540" y="409" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
WRC BE36QS...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="480" y="445" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 465px; margin-left: 481px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
PC
|
|
<br/>
|
|
(192.168.10.200)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="540" y="469" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
PC...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="160" y="385" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 405px; margin-left: 161px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
Aterm
|
|
<br/>
|
|
(192.168.0.2)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="220" y="409" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
Aterm...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="160" y="445" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 465px; margin-left: 161px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
x64-01-PVE
|
|
<br/>
|
|
(192.168.0.101)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="220" y="469" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
x64-01-PVE...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="160" y="505" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(237, 237, 237));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 525px; margin-left: 161px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
x64-02-PVE
|
|
<br/>
|
|
(192.168.0.102)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="220" y="529" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
x64-02-PVE...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="0" y="385" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 405px; margin-left: 1px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
arm-01-PVE
|
|
<br/>
|
|
(192.168.0.201)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="60" y="409" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
arm-01-PVE...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="0" y="445" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 465px; margin-left: 1px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
arm-02-PVE
|
|
<br/>
|
|
(192.168.0.202)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="60" y="469" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
arm-02-PVE...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="600" y="170" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 190px; margin-left: 601px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
Gateway
|
|
<br/>
|
|
(192.168.0.100)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="660" y="194" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
Gateway...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 50 105 L 170 105" fill="none" stroke="#ff6666" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 102, 102), rgb(224, 93, 93));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 105px; margin-left: 110px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
|
|
<div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
|
|
SFP+
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="110" y="109" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">
|
|
SFP+
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 50 125 L 170 125" fill="none" stroke="#ffcc99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(255, 204, 153), rgb(94, 50, 6));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 124px; margin-left: 110px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
|
|
<div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
|
|
1G Cat6a
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="110" y="128" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">
|
|
1G Cat6a
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="320" y="385" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 405px; margin-left: 321px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
FNS 3262X
|
|
<br/>
|
|
(192.168.0.51)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="380" y="409" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
FNS 3262X...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 50 145 L 170 145" fill="none" stroke="#99ff99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 144px; margin-left: 110px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
|
|
<div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
|
|
10G Cat6a
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="110" y="148" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">
|
|
10G Cat6a
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 350 435 L 350 455 Q 350 465 340 465 L 286.37 465" fill="none" stroke="#99ff99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
|
|
<path d="M 281.12 465 L 288.12 461.5 L 286.37 465 L 288.12 468.5 Z" fill="#99ff99" stroke="#99ff99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(153, 255, 153), rgb(0, 68, 0)); stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
|
|
</g>
|
|
<g>
|
|
<rect x="330" y="425" width="40" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 430px; margin-left: 331px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 7px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
VLAN 1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="350" y="432" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="7px" text-anchor="middle">
|
|
VLAN 1
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 410 435 L 410 455 Q 410 465 420 465 L 473.63 465" fill="none" stroke="#99ff99" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
|
|
<path d="M 478.88 465 L 471.88 468.5 L 473.63 465 L 471.88 461.5 Z" fill="#99ff99" stroke="#99ff99" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(153, 255, 153), rgb(0, 68, 0)); stroke: light-dark(rgb(153, 255, 153), rgb(0, 68, 0));"/>
|
|
</g>
|
|
<g>
|
|
<rect x="390" y="425" width="40" height="10" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 430px; margin-left: 391px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 7px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
VLAN10
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="410" y="432" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="7px" text-anchor="middle">
|
|
VLAN10
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<switch>
|
|
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
|
|
<a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank">
|
|
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
|
|
Text is not SVG - cannot display
|
|
</text>
|
|
</a>
|
|
</switch>
|
|
</svg> |