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 | |
| parent | 873e0766f31dd427f52f0d51477ec71173eed5fa (diff) | |
| -rw-r--r-- | .dockerignore | 1 | ||||
| -rw-r--r-- | static/index.css | 8 | ||||
| -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 |
8 files changed, 33 insertions, 28 deletions
diff --git a/.dockerignore b/.dockerignore new file mode 100644 index 0000000..c29dbec --- /dev/null +++ b/.dockerignore @@ -0,0 +1 @@ +static/files diff --git a/static/index.css b/static/index.css index 5b1bb8f..59ab538 100644 --- a/static/index.css +++ b/static/index.css @@ -110,16 +110,16 @@ main { } } -#files-list { +#file-browser { width: 100%; ul { - text-align: left; - padding: 0; + text-align: left !important; + padding: 0 !important; + list-style: none !important; } li { - list-style: none; display: block; &:not(:last-of-type) a { 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> |