diff options
| author | Jan Tuomi <jans.tuomi@gmail.com> | 2023-10-12 09:39:50 +0300 |
|---|---|---|
| committer | Jan Tuomi <jans.tuomi@gmail.com> | 2023-10-12 09:43:39 +0300 |
| commit | 9cb1b001ae709fc40dc3502f2e7d56178fee4acf (patch) | |
| tree | 15bf9c7f8f10035c616c13e38fd20003d4cd67fd /templates | |
| parent | 873e0766f31dd427f52f0d51477ec71173eed5fa (diff) | |
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/fragments/file_browser.html | 16 | ||||
| -rw-r--r-- | templates/fragments/files_drawer_form.html | 2 | ||||
| -rw-r--r-- | templates/fragments/files_list.html | 18 | ||||
| -rw-r--r-- | templates/index.html | 8 | ||||
| -rw-r--r-- | templates/responses/click_files_drawer_toggle.html | 4 | ||||
| -rw-r--r-- | templates/responses/navigate_files.html | 4 |
6 files changed, 28 insertions, 24 deletions
diff --git a/templates/fragments/file_browser.html b/templates/fragments/file_browser.html new file mode 100644 index 0000000..54a0f35 --- /dev/null +++ b/templates/fragments/file_browser.html @@ -0,0 +1,16 @@ +<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="#file-browser" + hx-swap="outerHTML">📂 {{ item.name }}/</a> + {% endif %} + </li> +{% endfor %} +</ul> diff --git a/templates/fragments/files_drawer_form.html b/templates/fragments/files_drawer_form.html index 8b277da..423d4d7 100644 --- a/templates/fragments/files_drawer_form.html +++ b/templates/fragments/files_drawer_form.html @@ -15,7 +15,7 @@ {% if not files_expanded %} <style> - #files-list { + #file-browser { display: none; } </style> diff --git a/templates/fragments/files_list.html b/templates/fragments/files_list.html deleted file mode 100644 index aba3000..0000000 --- a/templates/fragments/files_list.html +++ /dev/null @@ -1,18 +0,0 @@ -<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> diff --git a/templates/index.html b/templates/index.html index 911992f..b2d09e3 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,8 +6,9 @@ <meta name="viewport" content="width=device-width" /> <title>Jan Tuomi</title> <meta name="description" content="The personal home page of Jan Tuomi" /> + <link rel="preload" href="static/index.css" as="style"> + <link rel="preload" href="static/htmx.min.js" as="script"> <link rel="stylesheet" href="static/index.css"> - <script src="static/htmx.min.js"></script> </head> <body> @@ -31,9 +32,12 @@ <div class="boxes"> {% include 'fragments/files_drawer_form.html' %} </div> - {% include 'fragments/files_list.html' %} + <div id="file-browser"> + {% include 'fragments/file_browser.html' %} + </div> </main> </div> + <script defer src="static/htmx.min.js"></script> </body> </html> diff --git a/templates/responses/click_files_drawer_toggle.html b/templates/responses/click_files_drawer_toggle.html index 87936f4..ab79013 100644 --- a/templates/responses/click_files_drawer_toggle.html +++ b/templates/responses/click_files_drawer_toggle.html @@ -1,7 +1,7 @@ {% include 'fragments/files_drawer_form.html' %} -<div id="files-list" +<div id="file-browser" hx-swap-oob="outerHTML"> - {% include 'fragments/files_list.html' %} + {% include 'fragments/file_browser.html' %} </div> diff --git a/templates/responses/navigate_files.html b/templates/responses/navigate_files.html index 23763ba..7aeb45d 100644 --- a/templates/responses/navigate_files.html +++ b/templates/responses/navigate_files.html @@ -1 +1,3 @@ -{% include 'fragments/files_list.html' %} +<div id="file-browser"> + {% include 'fragments/file_browser.html' %} +</div> |