doc/pic/README/widget_login.svg

<?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" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="391px" height="264px" viewBox="-0.5 -0.5 391 264" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2022-11-12T11:27:41.131Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/16.4.0 Chrome/96.0.4664.110 Electron/16.0.7 Safari/537.36&quot; etag=&quot;Oucg9B0xiFsRH4G8SXk0&quot; version=&quot;16.4.0&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;uMGQWdbg0eRMxmGqsTqf&quot; name=&quot;第 1 页&quot;&gt;7Zldc6M2FIZ/jS/NIMTnZexkN50mu+l42+72pqOADGoEIkKO7f76ChAGjBp7Y5PstPEN6EhI8D5HR0fyBM7TzUeO8uSWRZhOLDPaTODlxLIAMF15KS3b2hIEXm2IOYlUo9awIH9jZTSVdUUiXPQaCsaoIHnfGLIsw6Ho2RDnbN1vtmS0P2qOYjwwLEJEh9bfSSSS5rvcoK24xiRO1NC+pb4vRU1j9SVFgiK27pjg1QTOOWOivks3c0xL8Rpd6uc+/Evt7sU4zsQxD3zdfLqjCXfy29lP7s8sg3SVT1UvT4iu1AerlxXbRgHOVlmEy07MCZytEyLwIkdhWbuWzKUtESmVJSBvhy/VjIC5wJuOSb3kR8xSLPhWNmlqHSWY8hhXFdet/DBQtqSj/K4hUsjjXdetKvJGCfMdIlkakVwqh50tmfzMrlru44o1FdOi8uYL2QD4+aatlHexuqK0FDC7L/KqbGpMNywmWTOgfP96zKaHU2AhSuJM3lO8FG/Lzj4DusdfZ5F4+PLtIXV/o+zBJ+wz0fp3rWSRo+wodJ5EV7E6TO8TSnGHVD3ECKTKV1ShEnhnIuf1ye0CXBedo0EHx0JnnTs2dVSzyuaF4OxhF9XPFL3swDk0A2znFSeApQteP76Kh+PI66oIT14CoKVbAqajBPbXYWT+YJ5uH/Z0nEUXZVIoSyFFRUHCSh3ExdDc0bMv/gnq4qiXbQ617YinC7aNjWOKBHnq56g6RdUId4xUXtqgcy2jDy/Yo1KwFQ+xeqybVO735O/35O31JMWNsRj0VCHeffgJ1IPD1GPJLz/e43ebCXTf9GDqaamnHGAacl8DPM+Ccmfg+HZfEWiYptwJmT4EZgADdzBPgG0EIAgcKJuY0AW2P0QPHAP4nTaOP9Y8cg8rSkmGB54Pnw9CnAnps6xMY2Rc0E2S5wEfHZimlmHLRNSCtiThg2C3JWsCleH5duC5jmwFfNOFQx6B4WlCFzBkBtT9wbEQ+KMjkInBm0LwDNPpQPDeFMKfXx4//zHFeXDDL/3r5S9hYsFm69BdPWT0Xqgi4yJhMcsQvWqtewtF2+aGsVwx+QsLsVVQ0EqwPjG8IeJr+bjhqNK3Ts3lRvVcFbaq8NLNwcHF6MRVBsL9tQEC52XLzBFdnW+d0XqDJpd494b/rTfAd29494adN+gSphEPmVbpPeaT8sC8Smv/E8dNcrUfJACjHTdpIepSrt4Of1mr1TKas1RuFC1zgbJCXm4XXXyHmVu27kDgjtHtPEHi2HMBqbfow6szwjmjjEtLxqo0cUko3TM1kENJUfoTnJX0SIjohapISRRVkUvnLX1/OoNHWJ63N42BNTxRAFCTEo7mE7q95fM+cY3pEy5VHJJ94Tk+OO645wNKCS2FG3rlKBMYum5/ArvOEJbu/AcG3w1LFtu/yeqg3f7ZCK/+AQ==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="0" y="0" width="390" height="260" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><rect x="0" y="0" width="390" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 388px; height: 1px; padding-top: 20px; margin-left: 2px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 18px">    Login</font></div></div></div></foreignObject><text x="2" y="24" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">    Login</text></switch></g><rect x="20" y="109" width="350" height="30" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 348px; height: 1px; padding-top: 124px; margin-left: 22px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span style="font-size: 17px">  Name</span></div></div></div></foreignObject><text x="22" y="129" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px">  Name</text></switch></g><rect x="345" y="0" width="45" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><rect x="300" y="0" width="45" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><rect x="255" y="0" width="45" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 43px; height: 1px; padding-top: 20px; margin-left: 256px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 32px">-</font></div></div></div></foreignObject><text x="278" y="26" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="20px" text-anchor="middle">-</text></switch></g><path d="M 317 25.5 L 328 14.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 313.29 29.21 L 315.77 21.78 L 317 25.5 L 320.72 26.73 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 331.71 10.79 L 329.23 18.22 L 328 14.5 L 324.28 13.27 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 358.58 20.46 L 378.33 20.46" fill="none" stroke="rgb(0, 0, 0)" stroke-width="3" stroke-miterlimit="10" transform="rotate(45,368.46,20.46)" pointer-events="none"/><path d="M 358.58 20.73 L 378.33 20.73" fill="none" stroke="rgb(0, 0, 0)" stroke-width="3" stroke-miterlimit="10" transform="rotate(-225,368.46,20.73)" pointer-events="none"/><rect x="20" y="159" width="350" height="30" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 348px; height: 1px; padding-top: 174px; margin-left: 22px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 17px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><span style="font-size: 17px">  Group Number</span></div></div></div></foreignObject><text x="22" y="179" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="17px">  Group Number</text></switch></g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 133px; height: 1px; padding-top: 75px; margin-left: 129px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><font face="Comic Sans MS" style="font-size: 24px">PolyChat</font></div></div></div></foreignObject><text x="195" y="79" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">PolyChat</text></switch></g><rect x="216" y="205" width="145" height="39" rx="5.85" ry="5.85" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 143px; height: 1px; padding-top: 225px; margin-left: 217px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 17px; font-family: &quot;Comic Sans MS&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;"><font face="Helvetica">Login</font></div></div></div></foreignObject><text x="289" y="230" fill="rgb(0, 0, 0)" font-family="Comic Sans MS" font-size="17px" text-anchor="middle">Login</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>