From 873e0766f31dd427f52f0d51477ec71173eed5fa Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jans.tuomi@gmail.com>
Date: Wed, 11 Oct 2023 22:43:16 +0300
Subject: Rewrite in htmx + flask

---
 templates/fragments/files_drawer_form.html | 24 ++++++++++++++++++++++++
 templates/fragments/files_list.html        | 18 ++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 templates/fragments/files_drawer_form.html
 create mode 100644 templates/fragments/files_list.html

(limited to 'templates/fragments')

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>
-- 
cgit v1.3