copyparty/copyparty/web/upload.html

    <div id="op_bup" class="opview opbox act">
        <div id="u2err"></div>
        <form method="post" enctype="multipart/form-data" accept-charset="utf-8" action="{{ url_suf }}">
            <input type="hidden" name="act" value="bput" />
            <input type="file" name="f" multiple><br />
            <input type="submit" value="start upload">
        </form>
    </div>

    <div id="op_mkdir" class="opview opbox act">
        <form method="post" enctype="multipart/form-data" accept-charset="utf-8" action="{{ url_suf }}">
            <input type="hidden" name="act" value="mkdir" />
            <input type="text" name="name" size="30">
            <input type="submit" value="mkdir">
        </form>
    </div>

    <div id="op_new_md" class="opview opbox">
        <form method="post" enctype="multipart/form-data" accept-charset="utf-8" action="{{ url_suf }}">
            <input type="hidden" name="act" value="new_md" />
            <input type="text" name="name" size="30">
            <input type="submit" value="create doc">
        </form>
    </div>

    <div id="op_msg" class="opview opbox act">
        <form method="post" enctype="application/x-www-form-urlencoded" accept-charset="utf-8" action="{{ url_suf }}">
            <input type="text" name="msg" size="30">
            <input type="submit" value="send msg">
        </form>
    </div>

    <div id="op_up2k" class="opview">
        <form id="u2form" method="post" enctype="multipart/form-data" onsubmit="return false;"></form>

            <table id="u2conf">
                <tr>
                    <td><br />parallel uploads:</td>
                    <td rowspan="2">
                        <input type="checkbox" id="multitask" />
                        <label for="multitask" tt="continue hashing other files while uploading">🏃</label>
                    </td>
                    <td rowspan="2">
                        <input type="checkbox" id="ask_up" />
                        <label for="ask_up" tt="ask for confirmation befofre upload starts">💭</label>
                    </td>
                    <td rowspan="2">
                        <input type="checkbox" id="flag_en" />
                        <label for="flag_en" tt="ensure only one tab is uploading at a time $N (other tabs must have this enabled too)">💤</label>
                    </td>
                {%- if have_up2k_idx %}
                    <td data-perm="read" rowspan="2">
                        <input type="checkbox" id="fsearch" />
                        <label for="fsearch" tt="don't actually upload, instead check if the files already $N exist on the server (will scan all folders you can read)">🔎</label>
                    </td>
                {%- endif %}
                    <td data-perm="read" rowspan="2" id="u2btn_cw"></td>
                </tr>
                <tr>
                    <td>
                        <a href="#" id="nthread_sub">&ndash;</a><input
                            class="txtbox" id="nthread" value="2"/><a
                            href="#" id="nthread_add">+</a><br />&nbsp;
                    </td>
                </tr>
            </table>

            <div id="u2notbtn"></div>

            <div id="u2btn_ct">
                <div id="u2btn">
                    <span id="u2bm"></span><br />
                    drag/drop files<br />
                    and folders here<br />
                    (or click me)
                </div>
            </div>

            <div id="u2cards">
                <a href="#" act="ok" tt="completed successfully">ok <span>0</span></a><a
                href="#" act="ng" tt="failed / rejected / not-found">ng <span>0</span></a><a
                href="#" act="done" tt="ok and ng combined">done <span>0</span></a><a
                href="#" act="bz" tt="hashing or uploading" class="act">busy <span>0</span></a><a
                href="#" act="q" tt="idle, pending">que <span>0</span></a>
            </div>

            <table id="u2tab">
                <thead>
                    <tr>
                        <td>filename</td>
                        <td>status</td>
                        <td>progress<a href="#" id="u2cleanup" tt="remove completed uploads$N(makes it possible to upload a file after searching for it)">cleanup</a></td>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>

            <p id="u2foot"></p>
            <p id="u2footfoot" data-perm="write">( you can use the <a href="#" id="u2nope">basic uploader</a> if you don't need lastmod timestamps, resumable uploads, or progress bars )</p>
    </div>