index.html.txt FileExplorer

<div class='explorer-path'>${current_path}</div>
<div id="explorer-content" class="explorer-content">

    ${loop: items=folders item=folder}
        <div class="explorer-directory" id="${folder}">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><
                <path fill="currentColor" d="M88.7 223.8L0 375.8V96C0 60.7 28.7 32 64 32H181.5c17 0 33.3 6.7 45.3 18.7l26.5 26.5c12 12 28.3 18.7 45.3 18.7H416c35.3 0 64 28.7 64 64v32H144c-22.8 0-43.8 12.1-55.3 31.8zm27.6 16.1C122.1 230 132.6 224 144 224H544c11.5 0 22 6.1 27.7 16.1s5.7 22.2-.1 32.1l-112 192C453.9 474 443.4 480 432 480H32c-11.5 0-22-6.1-27.7-16.1s-5.7-22.2 .1-32.1l112-192z"/>
            </svg>
            <span class='explorer-dir-name'>${folder}</span>
        </div>
    ${loop::}
    ${loop: items=files item=file}
        <div class='explorer-file' id='${file}'>
            <svg class='primary-color explorer-file-image' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                <path fill="currentColor" d="M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z"/>
            </svg>
            <span class='explorer-file-name'>${file}</span>
        </div>
    ${loop::}
</div>
<div class='explorer-files-selected' id='explorer-files-selected'>
    <p>${loop: items=selected_files item=file}${file}, ${loop::}</p>
</div>
<div class='explorer-buttons'>
    <button id='explorer-remove' class='css-18nrgbo'>remove</button>
    <button id='explorer-open' class='css-18nrgbo'>open files</button>
</div>