docs/replica_uploading.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="761px" height="664px" viewBox="-0.5 -0.5 761 664" content="&lt;mxfile&gt;&lt;diagram id=&quot;tb8H2MvZ3lUxXs8tajMu&quot; name=&quot;Page-1&quot;&gt;zZhLc5swEMc/jWfaSwaMwfgaN0166CVup2cZ1kgTITFCxHY/ffUCGwun6dgxPZjH6rW7/PxfwSRalrtHgSr8nedAJ9Mg302iL5PpNIzmgTppy95a0ii0hkKQ3HU6GFbkNzijG1c0JIe611FyTiWp+saMMwaZ7NmQEHzb77bhtL9qhQrwDKsMUd/6i+QSuyji4GB/AlLgduUwcC0lajs7Q41RzrdHpuhhEi0F59JelbslUJ28Ni923NczrZ1jAph8z4Bkake8Itq44Jxjct9GC7kK3t0yztTpHsuSqrtQXforOidq3ojMTZFE7ikhUYDrlsTWpqc/Guj8fAReghR71UEARZK89nOP3CMsun6HKNWFC/RM0JEX9DOwHISyPUNFSYae1KyrTAAwPx2UKs50FraYSFhVyES5Vai/MzOvICTs3ozZtbZE7fu32wN04czZ8BFwi+DyJM1DL0kfQkbsk9HKwwhkxF7QP2vDRaaoeKm1oxjUsakoR7nWDnWWhBV64UwSrngJ1o2UfFxwOgQcOdH8LvbZWcQ+O+E0vkIeF7eBZz4gK+lo8Mx9eFpMLDUbQg08tQXGaY3tZCj7RJjxzNjVeo1rusuRkJ9HJSo6AWrha1EHHe4Xv8tTmwa34SkdEKPFaDyl53mqlYuyvptME6r8vF8reJJCmjhPLSusNhieblWCFwJqq2iCNwXW3qof45JsFH1Wy0YELj2pfQPFr4OyB1x8jernF4KPAK6tdD3gZmMBN/f/Zbb6JajUz5eta32qXCVEB0WT/IitEZlJgj406cCGaTrATHINjbrSVvrkuf+doZnPUHozZGZe0E5vNB05qTOKSGlq24brIyal8aNAIrdVcIuR1DPqQwmI1ac82TtXLAck7wcmekyGzN5L41i/kKoCPZTBTs8rlQ+6EdXGanZp2sEMQ/ay5rtRoY1PSmv3mnusdMmHKZ2/VeuqjMlrrjj9t0JjhpE2x/2Con1VkRkf/qOcx7OBnAfdprmX9egaYhHdRBvS9uvI8QZ5fiNtaBd/4zXbkvZNQtm+bC/1opTyrRUHt2ux72BGBzKMWAFdk5KYiiLtP0PmP8433mbnMs48qAayfpazWR+zcKAgXW0To24PH45M29Hnt+jhDw==&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 159.97 59.23 L 253.67 61.05" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 258.92 61.15 L 251.86 64.52 L 253.67 61.05 L 251.99 57.52 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="90" cy="58" rx="70" ry="45" fill="#ffffff" stroke="#000000" 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: 138px; height: 1px; padding-top: 58px; margin-left: 21px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Render ReplicaHomeScreen
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="90" y="62" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Render ReplicaHomeScreen
                </text>
            </switch>
        </g>
        <path d="M 454.87 66.22 L 563.8 70.55" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 569.04 70.76 L 561.91 73.97 L 563.8 70.55 L 562.19 66.98 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="357.5" cy="63" rx="97.5" ry="62.5" fill="#ffffff" stroke="#000000" 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: 193px; height: 1px; padding-top: 63px; margin-left: 261px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                User clicks the upload floating action button
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="358" y="67" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User clicks the upload floating...
                </text>
            </switch>
        </g>
        <path d="M 150.76 462.96 L 155.94 506.87" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 156.56 512.09 L 152.26 505.54 L 155.94 506.87 L 159.21 504.72 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="145" cy="408" rx="145" ry="55" fill="#ffffff" stroke="#000000" 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: 288px; height: 1px; padding-top: 408px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Upload the file using ReplicaUploader (in replica/uploader.dart)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="145" y="412" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Upload the file using ReplicaUploader (in replic...
                </text>
            </switch>
        </g>
        <path d="M 279.73 582.86 L 493.91 573.02" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 499.16 572.78 L 492.33 576.59 L 493.91 573.02 L 492 569.6 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="165" cy="588" rx="115" ry="75" fill="#ffffff" stroke="#000000" 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: 228px; height: 1px; padding-top: 588px; margin-left: 51px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Upload starts.
                                <br/>
                                <br/>
                                Show the upload progress through a notification
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="165" y="592" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Upload starts....
                </text>
            </switch>
        </g>
        <path d="M 630 103 L 630 166.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 630 171.88 L 626.5 164.88 L 630 166.63 L 633.5 164.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="630" cy="73" rx="60" ry="30" fill="#ffffff" stroke="#000000" 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: 118px; height: 1px; padding-top: 73px; margin-left: 571px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                User picks a file to upload
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="630" y="77" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User picks a file to...
                </text>
            </switch>
        </g>
        <path d="M 500.67 240.37 L 245.88 225.18" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 240.64 224.87 L 247.84 221.79 L 245.88 225.18 L 247.42 228.78 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="630" cy="248" rx="130" ry="75" fill="#ffffff" stroke="#000000" 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: 258px; height: 1px; padding-top: 248px; margin-left: 501px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Show a disclaimer for him regarding what it means to upload to Replica.
                                <br/>
                                This can be skipped next time based on a checkbox
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="630" y="252" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Show a disclaimer for him regarding what it...
                </text>
            </switch>
        </g>
        <ellipse cx="603.75" cy="568" rx="103.75" ry="65" fill="#ffffff" stroke="#000000" 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: 206px; height: 1px; padding-top: 568px; margin-left: 501px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Upload is done.
                                <br/>
                                <br/>
                                Show this in a notification as well
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="604" y="572" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Upload is done....
                </text>
            </switch>
        </g>
        <path d="M 132.76 292.83 L 138.54 346.71" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 139.1 351.93 L 134.87 345.35 L 138.54 346.71 L 141.83 344.6 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="125" cy="218" rx="115" ry="75" fill="#ffffff" stroke="#000000" 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: 228px; height: 1px; padding-top: 218px; margin-left: 11px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Render ReplicaUploadItemScreen, allowing the user to change the display name of the upload
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="125" y="222" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Render ReplicaUploadItemScreen, allowi...
                </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%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>