4 lines
28 KiB
XML
4 lines
28 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!-- Do not edit this file with editors other than diagrams.net -->
|
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
<svg xmlns="http://www.w3.org/2000/svg" style="background-color: rgb(255, 255, 255);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1335px" height="982px" viewBox="-0.5 -0.5 1335 982" content="<mxfile host="app.diagrams.net" modified="2022-03-27T22:37:53.266Z" agent="5.0 (X11)" etag="W_8ZMNgPcAs1gszLdlXr" version="17.2.4"><diagram name="Page-1" id="12e1b939-464a-85fe-373e-61e167be1490">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</diagram></mxfile>"><defs/><g><rect x="0" y="0" width="1333" height="980" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><rect x="956" y="490" width="280" height="430" rx="42" ry="42" fill="#fe9900" stroke="#ffffff" stroke-width="8" pointer-events="all"/><rect x="107" y="60" width="280" height="860" rx="42" ry="42" fill="#fed217" stroke="#ffffff" stroke-width="8" pointer-events="all"/><rect x="100" y="80" width="280" height="60" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 110px; margin-left: 101px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 27px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">User</div></div></div></foreignObject><text x="240" y="118" fill="#FFFFFF" font-family="Helvetica" font-size="27px" text-anchor="middle" font-weight="bold">User</text></switch></g><rect x="107" y="830" width="280" height="90" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 875px; margin-left: 108px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Based on what kind of user</div></div></div></foreignObject><text x="247" y="879" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Based on what kind of user</text></switch></g><path d="M 127 145 L 367 145" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 127 835 L 367 835" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="97.5" cy="495" rx="57.50000000000001" ry="57.50000000000001" fill="#bfb4a9" stroke="#ffffff" stroke-width="6" pointer-events="all"/><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: 113px; height: 1px; padding-top: 495px; margin-left: 41px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Start</div></div></div></foreignObject><text x="98" y="499" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Start</text></switch></g><path d="M 180 472 L 240 478 L 230 460 L 280 490 L 230 520 L 240 502 L 180 508 L 195 490 Z" fill="#fff2cc" stroke="none" pointer-events="all"/><rect x="396" y="60" width="280" height="430" rx="42" ry="42" fill="#ffc001" stroke="#ffffff" stroke-width="8" pointer-events="all"/><rect x="396" y="80" width="280" height="60" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 110px; margin-left: 397px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 27px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Administator</div></div></div></foreignObject><text x="536" y="118" fill="#FFFFFF" font-family="Helvetica" font-size="27px" text-anchor="middle" font-weight="bold">Administator</text></switch></g><rect x="396" y="380" width="280" height="90" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 425px; margin-left: 397px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Menu Options</div></div></div></foreignObject><text x="536" y="429" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Menu Options</text></switch></g><path d="M 416 145 L 656 145" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="397.5" cy="267.5" rx="57.50000000000001" ry="57.50000000000001" fill="#397daa" stroke="#ffffff" stroke-width="6" pointer-events="all"/><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: 113px; height: 1px; padding-top: 268px; margin-left: 341px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Staff</div></div></div></foreignObject><text x="398" y="272" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Staff</text></switch></g><path d="M 486 240 L 546 246 L 536 228 L 586 258 L 536 288 L 546 270 L 486 276 L 501 258 Z" fill="#fff2cc" stroke="none" pointer-events="all"/><rect x="676" y="60" width="280" height="430" rx="42" ry="42" fill="#ffb001" stroke="#ffffff" stroke-width="8" pointer-events="all"/><rect x="676" y="80" width="280" height="60" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 110px; margin-left: 677px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 27px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Area</div></div></div></foreignObject><text x="816" y="118" fill="#FFFFFF" font-family="Helvetica" font-size="27px" text-anchor="middle" font-weight="bold">Area</text></switch></g><rect x="676" y="380" width="280" height="90" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 425px; margin-left: 677px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Select area to interact</div></div></div></foreignObject><text x="816" y="429" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Select area to interact</text></switch></g><path d="M 696 145 L 936 145" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 696 375 L 936 375" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="676.5" cy="257.5" rx="57.50000000000001" ry="57.50000000000001" fill="#ef9353" stroke="#ffffff" stroke-width="6" pointer-events="all"/><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: 113px; height: 1px; padding-top: 258px; margin-left: 620px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Menu</div></div></div></foreignObject><text x="677" y="262" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Menu</text></switch></g><path d="M 766 240 L 826 246 L 816 228 L 866 258 L 816 288 L 826 270 L 766 276 L 781 258 Z" fill="#fff2cc" stroke="none" pointer-events="all"/><rect x="956" y="60" width="280" height="430" rx="42" ry="42" fill="#fe9900" stroke="#ffffff" stroke-width="8" pointer-events="all"/><rect x="960" y="80" width="280" height="60" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 110px; margin-left: 961px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 27px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">User</div></div></div></foreignObject><text x="1100" y="118" fill="#FFFFFF" font-family="Helvetica" font-size="27px" text-anchor="middle" font-weight="bold">User</text></switch></g><path d="M 980 145 L 1220 145" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 976 335 L 1216 335" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="396" y="490" width="280" height="430" rx="42" ry="42" fill="#ffc001" stroke="#ffffff" stroke-width="8" pointer-events="all"/><rect x="396" y="505" width="280" height="60" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 535px; margin-left: 397px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 27px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Site</div></div></div></foreignObject><text x="536" y="543" fill="#FFFFFF" font-family="Helvetica" font-size="27px" text-anchor="middle" font-weight="bold">Site</text></switch></g><path d="M 416 570 L 656 570" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="387.5" cy="705" rx="57.50000000000001" ry="57.50000000000001" fill="#397daa" stroke="#ffffff" stroke-width="6" pointer-events="all"/><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: 113px; height: 1px; padding-top: 705px; margin-left: 331px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">VISITORS</div></div></div></foreignObject><text x="388" y="709" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">VISITORS</text></switch></g><path d="M 426 375 L 666 375" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 416 835 L 656 835" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="396" y="830" width="280" height="90" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 875px; margin-left: 397px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Menu Options</div></div></div></foreignObject><text x="536" y="879" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Menu Options</text></switch></g><path d="M 486 687 L 546 693 L 536 675 L 586 705 L 536 735 L 546 717 L 486 723 L 501 705 Z" fill="#fff2cc" stroke="none" pointer-events="all"/><path d="M 986 233 L 1226 233" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="676" y="490" width="280" height="430" rx="42" ry="42" fill="#ffb001" stroke="#ffffff" stroke-width="8" pointer-events="all"/><ellipse cx="676.5" cy="705" rx="57.50000000000001" ry="57.50000000000001" fill="#ef9353" stroke="#ffffff" stroke-width="6" pointer-events="all"/><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: 113px; height: 1px; padding-top: 705px; margin-left: 620px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Menu</div></div></div></foreignObject><text x="677" y="709" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Menu</text></switch></g><rect x="666" y="505" width="280" height="60" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 535px; margin-left: 667px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 27px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Page</div></div></div></foreignObject><text x="806" y="543" fill="#FFFFFF" font-family="Helvetica" font-size="27px" text-anchor="middle" font-weight="bold">Page</text></switch></g><path d="M 696 570 L 936 570" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="676" y="825" width="280" height="90" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 870px; margin-left: 677px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div>Select page to view</div></div></div></div></foreignObject><text x="816" y="874" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Select page to view</text></switch></g><path d="M 696 835 L 936 835" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="960" y="160" width="280" height="60" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 190px; margin-left: 961px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 27px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Menu</div></div></div></foreignObject><text x="1100" y="198" fill="#FFFFFF" font-family="Helvetica" font-size="27px" text-anchor="middle" font-weight="bold">Menu</text></switch></g><ellipse cx="956.5" cy="257.5" rx="57.50000000000001" ry="57.50000000000001" fill="#68b85c" stroke="#ffffff" stroke-width="6" pointer-events="all"/><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: 113px; height: 1px; padding-top: 258px; margin-left: 900px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">GRUD</div></div></div></foreignObject><text x="957" y="262" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">GRUD</text></switch></g><rect x="960" y="255" width="280" height="60" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 285px; margin-left: 961px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 27px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Item</div></div></div></foreignObject><text x="1100" y="293" fill="#FFFFFF" font-family="Helvetica" font-size="27px" text-anchor="middle" font-weight="bold">Item</text></switch></g><rect x="956" y="360" width="280" height="90" fill="none" stroke="none" pointer-events="all"/><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: 278px; height: 1px; padding-top: 405px; margin-left: 957px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div>Create</div><div>Read</div><div>Update</div><div>Delete</div><div><br /></div><div>any of the above entities<br /></div></div></div></div></foreignObject><text x="1096" y="409" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Create...</text></switch></g><path d="M 766 687 L 826 693 L 816 675 L 866 705 L 816 735 L 826 717 L 766 723 L 781 705 Z" fill="#fff2cc" stroke="none" pointer-events="all"/><ellipse cx="956.5" cy="705" rx="57.50000000000001" ry="57.50000000000001" fill="#68b85c" stroke="#ffffff" stroke-width="6" pointer-events="all"/><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: 113px; height: 1px; padding-top: 705px; margin-left: 900px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">READ</div></div></div></foreignObject><text x="957" y="709" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">READ</text></switch></g><rect x="960" y="647.5" width="280" height="60" fill="none" stroke="none" transform="rotate(90,1100,677.5)" pointer-events="all"/><g transform="translate(-0.5 -0.5)rotate(90 1100 677.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: 278px; height: 1px; padding-top: 678px; margin-left: 961px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: #FFFFFF; "><div style="display: inline-block; font-size: 27px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><div>view any Page that has a menu</div></div></div></div></foreignObject><text x="1100" y="686" fill="#FFFFFF" font-family="Helvetica" font-size="27px" text-anchor="middle" font-weight="bold">view any Page that ha...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/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> |