eisterman/htmxssrtest
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reformat templates. Work Completed

Browse Source
This commit is contained in:
Federico Pasqua
2025-01-29 22:49:50 +01:00
parent c68945fe4b
commit a4869ae12c
5 changed files with 41 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
httptests/Index.http
View File

@@ -1,4 +0,0 @@
### GET request to index
GET http://{{host}}:{{port}}/
###

6
httptests/http-client.env.json
View File

@@ -1,6 +0,0 @@
{
"dev": {
"host": "127.0.0.1",
"port": "3000"
}
}

19
templates/base.html
View File

@@ -6,15 +6,20 @@
<script src="https://unpkg.com/htmx.org@2.0.4"></script> <script src="https://unpkg.com/htmx.org@2.0.4"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.8/dist/cdn.min.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.8/dist/cdn.min.js"></script>
<style> <style>
[x-cloak] { display: none !important; } [x-cloak] {
.htmx-indicator{ display: none !important;
display:none;
} }
.htmx-request .htmx-indicator{
display:inline; .htmx-indicator {
display: none;
} }
.htmx-request.htmx-indicator{
display:inline; .htmx-request .htmx-indicator {
display: inline;
}
.htmx-request.htmx-indicator {
display: inline;
} }
</style> </style>
{% block head %}{% endblock %} {% block head %}{% endblock %}

52
templates/feed_form.html
View File

@@ -1,27 +1,29 @@
<div id="modal"> <div id="modal">
<div class="overlay" style="z-index: 30"></div> <div class="overlay" style="z-index: 30"></div>
<dialog open style="z-index: 31"> <dialog open style="z-index: 31">
<header> <header>
<h2>Modify RSS Feed subscription</h2> <h2>Modify RSS Feed subscription</h2>
</header> </header>
<form id="modify_form" hx-put="/feed/{{feed.id}}" hx-target="#feed_{{feed.id}}" hx-swap="outerHTML" hx-indicator="#mod_indicator" @htmx:after-on-load="document.getElementById('modal').remove()"> <form id="modify_form" hx-put="/feed/{{feed.id}}" hx-target="#feed_{{feed.id}}" hx-swap="outerHTML"
<label> hx-indicator="#mod_indicator"
Name @htmx:after-on-load="document.getElementById('modal').remove()">
<input type="text" name="name" value="{{feed.name}}"> <label>
</label> Name
<label> <input type="text" name="name" value="{{feed.name}}">
Feed URL </label>
<input type="url" name="feed_url" value="{{feed.feed_url}}"> <label>
</label> Feed URL
</form> <input type="url" name="feed_url" value="{{feed.feed_url}}">
<footer> </label>
<button form="modify_form" type="reset" @click="document.getElementById('modal').remove()">Close </form>
</button> <footer>
<button form="modify_form" type="submit"> <button form="modify_form" type="reset" @click="document.getElementById('modal').remove()">Close
Submit </button>
<img id="mod_indicator" class="htmx-indicator" src="/assets/oval.svg" <button form="modify_form" type="submit">
style="height: 1rem; margin-left: 2px" alt="..."> Submit
</button> <img id="mod_indicator" class="htmx-indicator" src="/assets/oval.svg"
</footer> style="height: 1rem; margin-left: 2px" alt="...">
</dialog> </button>
</footer>
</dialog>
</div> </div>

3
templates/index.html
View File

@@ -67,7 +67,8 @@
<button form="create_form" type="reset" @click="isModalOpen = false">Close</button> <button form="create_form" type="reset" @click="isModalOpen = false">Close</button>
<button form="create_form" type="submit"> <button form="create_form" type="submit">
Submit Submit
<img id="indicator" class="htmx-indicator" src="/assets/oval.svg" style="height: 1rem; margin-left: 2px" alt="..."> <img id="indicator" class="htmx-indicator" src="/assets/oval.svg" style="height: 1rem; margin-left: 2px"
alt="...">
</button> </button>
</footer> </footer>
</dialog> </dialog>