Update schema

This commit is contained in:
Damien A
2024-01-17 17:03:16 +01:00
parent 38f1b4ec8a
commit 776242207d
2 changed files with 73 additions and 63 deletions

1
.gitignore vendored
View File

@@ -1,6 +1,7 @@
# Data
.DS_Store
.log
documentation/assets/images/diagrams/.$VXLAN.drawio.bkp
# ContainerLab File
clab-vxlan-evpn-l2

View File

@@ -1,61 +1,70 @@
<mxfile host="65bd71144e">
<mxfile host="Electron" modified="2024-01-17T15:37:46.113Z" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.1.18 Chrome/120.0.6099.199 Electron/28.1.2 Safari/537.36" version="22.1.18" etag="v8FeEX9KPcQLB7UjO8FN" type="device">
<diagram name="Page-1" id="O6sBWOfz2bUCuo58S4gg">
<mxGraphModel dx="389" dy="363" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
<mxGraphModel dx="1790" dy="736" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="aTlmoTqcXMnjitFqs7Kw-1" value="" style="sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#5c5c5c;" parent="1" vertex="1">
<mxGeometry x="344.75" y="250" width="80" height="80" as="geometry"/>
<mxGeometry x="344.75" y="250" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-6" value="" style="sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#5c5c5c;" parent="1" vertex="1">
<mxGeometry x="444.75" y="479" width="80" height="80" as="geometry"/>
<mxGeometry x="444.75" y="479" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-7" value="" style="sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=l2_switch;fillColor=#FAFAFA;strokeColor=#5c5c5c;" parent="1" vertex="1">
<mxGeometry x="245" y="479" width="80" height="80" as="geometry"/>
<mxGeometry x="245" y="479" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-42" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-8" target="aTlmoTqcXMnjitFqs7Kw-27" edge="1">
<mxGeometry relative="1" as="geometry"/>
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-8" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
<mxGeometry x="225" y="559" width="120" height="30" as="geometry"/>
<mxGeometry x="225" y="559" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-41" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" target="aTlmoTqcXMnjitFqs7Kw-36" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="485" y="589" as="sourcePoint"/>
<mxPoint x="485" y="589" as="sourcePoint" />
</mxGeometry>
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-19" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-14" target="aTlmoTqcXMnjitFqs7Kw-7" edge="1">
<mxGeometry relative="1" as="geometry"/>
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-20" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;endArrow=none;endFill=0;strokeColor=#5c5c5c;flowAnimation=1;" parent="1" source="aTlmoTqcXMnjitFqs7Kw-14" target="aTlmoTqcXMnjitFqs7Kw-6" edge="1">
<mxGeometry relative="1" as="geometry"/>
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-14" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
<mxGeometry x="324.75" y="330" width="120" height="30" as="geometry"/>
<mxGeometry x="324.75" y="330" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-27" value="" style="shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#4495D1;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.veeam.2d.virtual_machine;" parent="1" vertex="1">
<mxGeometry x="265" y="620" width="40" height="40" as="geometry"/>
<mxGeometry x="265" y="620" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-30" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Spine 1&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.101.1&lt;/span&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="259.75" y="270" width="85" height="40" as="geometry"/>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-30" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Spine 1&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.101.1&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo0 : &lt;/b&gt;&lt;span style=&quot;border-color: var(--border-color);&quot;&gt;4&lt;/span&gt;.4.4.4&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo1 :&amp;nbsp;&lt;/b&gt;3.3.3.3&lt;/font&gt;&lt;/div&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="259.75" y="258" width="85" height="64" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-32" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Leaf 1&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.100.1&lt;/span&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="160" y="499" width="85" height="40" as="geometry"/>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-32" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Leaf 1&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.100.1&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo0 :&amp;nbsp;&lt;/b&gt;1.1.1.1&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo1 :&amp;nbsp;&lt;/b&gt;3.3.3.3&lt;/font&gt;&lt;/div&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="160" y="486" width="85" height="66" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-33" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Leaf 2&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.100.2&lt;/span&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="360" y="499" width="85" height="40" as="geometry"/>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-33" value="&lt;div style=&quot;&quot;&gt;&lt;b style=&quot;color: rgb(92, 92, 92); font-family: Tahoma; background-color: initial;&quot;&gt;Leaf 2&lt;/b&gt;&lt;/div&gt;&lt;font color=&quot;#5c5c5c&quot; face=&quot;Tahoma&quot;&gt;&lt;div style=&quot;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;192.168.100.2&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo0 :&amp;nbsp;&lt;/b&gt;2.2.2.2&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;border-color: var(--border-color); color: rgb(0, 0, 0); font-family: Helvetica; text-align: left;&quot;&gt;&lt;font style=&quot;border-color: var(--border-color);&quot; face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b style=&quot;border-color: var(--border-color);&quot;&gt;Lo1 :&amp;nbsp;&lt;/b&gt;3.3.3.3&lt;/font&gt;&lt;/div&gt;&lt;/div&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="359.75" y="486" width="85" height="66" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-36" value="" style="shadow=0;dashed=0;html=1;strokeColor=none;fillColor=#4495D1;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;outlineConnect=0;shape=mxgraph.veeam.2d.virtual_machine;" parent="1" vertex="1">
<mxGeometry x="465" y="620" width="40" height="40" as="geometry"/>
<mxGeometry x="465" y="620" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-43" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;Host 1&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;10.100.100.1/24&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="236" y="660" width="97.5" height="40" as="geometry"/>
<mxGeometry x="236" y="660" width="97.5" height="40" as="geometry" />
</mxCell>
<mxCell id="aTlmoTqcXMnjitFqs7Kw-44" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;Host 2&amp;nbsp;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;10.100.100.2/24&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="436" y="660" width="97.5" height="40" as="geometry"/>
<mxGeometry x="436" y="660" width="97.5" height="40" as="geometry" />
</mxCell>
<mxCell id="2" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
<mxGeometry x="425" y="559" width="120" height="30" as="geometry"/>
<mxCell id="2" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#5c5c5c&quot;&gt;Arista cEOS&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
<mxGeometry x="425" y="559" width="120" height="30" as="geometry" />
</mxCell>
<mxCell id="WrZud4rfimy0aiVwPLGJ-2" value="&lt;font color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;VNI 5000&lt;/b&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="247.75" y="720" width="274" height="20" as="geometry" />
</mxCell>
<mxCell id="WrZud4rfimy0aiVwPLGJ-3" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;VLAN : &lt;/b&gt;100&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" vertex="1" parent="1">
<mxGeometry x="490" y="595" width="85" height="20" as="geometry" />
</mxCell>
<mxCell id="WrZud4rfimy0aiVwPLGJ-4" value="&lt;div style=&quot;&quot;&gt;&lt;font face=&quot;Tahoma&quot; color=&quot;#5c5c5c&quot;&gt;&lt;b&gt;VLAN : &lt;/b&gt;100&lt;/font&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=center;" vertex="1" parent="1">
<mxGeometry x="290" y="595" width="85" height="20" as="geometry" />
</mxCell>
</root>
</mxGraphModel>