diff options
Diffstat (limited to 'templates/note.html.template')
| -rw-r--r-- | templates/note.html.template | 60 |
1 files changed, 31 insertions, 29 deletions
diff --git a/templates/note.html.template b/templates/note.html.template index 19da416..3c7049c 100644 --- a/templates/note.html.template +++ b/templates/note.html.template @@ -1,31 +1,33 @@ -{{define "head"}} - <script src="/static/htmx.min.js"></script> - <title>Notepad</title> +{{define "head" -}} + <script src="/static/htmx.min.js"></script> + <title>Notepad</title> - <meta name="viewport" content="interactive-widget=resizes-content"> <!-- https://stackoverflow.com/q/76026292 --> -{{end}} + <meta name="viewport" content="interactive-widget=resizes-content"> <!-- https://stackoverflow.com/q/76026292 --> +{{- end}} -<form id="form" method="post"> - <div class="save-indicator-container"> - {{block "saveIndicator" ""}} - <span id="save-indicator">{{.}}</span> - {{end}} - </div> - <div class="content-container"> - <textarea - name="content" - hx-post="/notepad" - hx-on:input=" - const indicator = htmx.find('#save-indicator'); - htmx.addClass(indicator, 'htmx-indicator'); - indicator.innerHTML = 'Saving...'; - " - hx-trigger="input delay:1s" - hx-indicator="#save-indicator" - hx-target="#save-indicator" - hx-swap="outerHTML" - autofocus> - {{- .Content -}} - </textarea> - </div> -</form> +{{define "body" -}} + <form id="form" method="post"> + <div class="save-indicator-container"> + {{- block "saveIndicator" ""}} + <span id="save-indicator">{{.}}</span> + {{- end}} + </div> + <div class="content-container"> + <textarea + name="content" + hx-post="/notepad" + hx-on:input=" + const indicator = htmx.find('#save-indicator'); + htmx.addClass(indicator, 'htmx-indicator'); + indicator.innerHTML = 'Saving...'; + " + hx-trigger="input delay:1s" + hx-indicator="#save-indicator" + hx-target="#save-indicator" + hx-swap="outerHTML" + autofocus> + {{- .Content -}} + </textarea> + </div> + </form> +{{- end}} |