diff options
Diffstat (limited to 'templates/note.html.template')
| -rw-r--r-- | templates/note.html.template | 54 |
1 files changed, 25 insertions, 29 deletions
diff --git a/templates/note.html.template b/templates/note.html.template index ff72bdf..0d4673d 100644 --- a/templates/note.html.template +++ b/templates/note.html.template @@ -1,31 +1,27 @@ -{{define "head" -}} - <script src="/static/htmx.min.js"></script> - <title>Notepad</title> +<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 --> -{{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}} +<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> |