diff options
Diffstat (limited to 'templates/fragments')
| -rw-r--r-- | templates/fragments/files_drawer_form.html | 24 | ||||
| -rw-r--r-- | templates/fragments/files_list.html | 18 |
2 files changed, 42 insertions, 0 deletions
diff --git a/templates/fragments/files_drawer_form.html b/templates/fragments/files_drawer_form.html new file mode 100644 index 0000000..8b277da --- /dev/null +++ b/templates/fragments/files_drawer_form.html @@ -0,0 +1,24 @@ +<form id="files-drawer-form"> + <a + href="{% if not files_expanded %}/?show_files=1{% else %}/?show_files=0{% endif %}" + class="box" + id="files-btn" + hx-post="/click_files_drawer_toggle" + hx-trigger="click" + hx-target="#files-drawer-form" + hx-swap="outerHTML"> + + <span>Files</span> + <span id="files-arrow" class="arrow">{% if files_expanded %}▲{% else %}▼{% endif %}</span> + </a> + <input type="hidden" name="files_expanded" value="{{ files_expanded | tojson }}"> + + {% if not files_expanded %} + <style> + #files-list { + display: none; + } + </style> + {% endif %} +</form> + diff --git a/templates/fragments/files_list.html b/templates/fragments/files_list.html new file mode 100644 index 0000000..aba3000 --- /dev/null +++ b/templates/fragments/files_list.html @@ -0,0 +1,18 @@ +<div id="files-list"> + <ul> + {% for item in listing %} + <li> + {% if item.kind == "file" %} + <a href="{{ item.static_path }}">📄 {{ item.name }}</a> + {% else %} + <a + href="/?show_files=1&dir={{ item.full_path | urlencode }}" + hx-post="/navigate_files/{{ item.full_path | urlencode }}" + hx-trigger="click" + hx-target="#files-list" + hx-swap="outerHTML">📂 {{ item.name }}/</a> + {% endif %} + </li> + {% endfor %} + </ul> +</div> |