Started on HTMX support.

This commit is contained in:
mikestefanello 2021-12-22 21:51:18 -05:00
parent 3b41e1dfd8
commit b61077dac9
10 changed files with 123 additions and 27 deletions

View file

@ -17,5 +17,6 @@
{{end}}
{{define "js"}}
<script src="https://unpkg.com/htmx.org@1.6.1"></script>
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
{{end}}

View file

@ -7,7 +7,7 @@
</head>
<body>
<nav class="navbar is-dark">
<div class="container">
<div class="container" hx-boost="true">
<div class="navbar-brand">
<a href="{{call .ToURL "home"}}" class="navbar-item">{{.AppName}}</a>
</div>

View file

@ -1,9 +1,16 @@
{{define "content"}}
<form method="post">
<form id="contact" method="post" hx-post>
<div class="field">
<label class="label">Message</label>
<label for="email" class="label">Email address</label>
<div class="control">
<textarea class="textarea" placeholder="Textarea"></textarea>
<input id="email" name="email" type="email" class="input" value="{{.Data.Email}}">
</div>
</div>
<div class="field">
<label for="message" class="label">Message</label>
<div class="control">
<textarea id="message" name="message" class="textarea">{{.Data.Message}}</textarea>
</div>
</div>