hhe/vapor-po
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Working login form with htmx.

Browse Source
This commit is contained in:
Michael Housh
2025-01-06 19:28:14 -05:00
parent 35ca73e1b4
commit f9b58676bb
5 changed files with 56 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Resources/Views/index.leaf
View File

@@ -9,10 +9,10 @@
<body>
<h1>#(title)</h1>
<div id="body"
hx-get="/body"
<div id="content"
hx-get="/home"
hx-trigger="load"
hx-swap="outerHTML">
>
</div>
</body>
</html>

10
Resources/Views/logged-in.leaf
View File

@@ -1,3 +1,7 @@
<div id="body">
<p>We're in!</p>
</div>
<p>We're in!</p>
<button hx-post="/logout"
hx-target="#content"
hx-trigger="click"
>
Log Out.
</button>

24
Resources/Views/login.leaf
View File

@@ -1,15 +1,9 @@
<div id="body" class="container">
<form class="login-form">
<label for="email">Email</label>
<input type="text" id="email" placeholder="Email" name="email" autocomplete="email" required autofocus>
<br>
<label for="password">Password</label>
<input type="password" id="password" placeholder="Password" name="password" autocomplete="current-password" required>
<br>
<button hx-post="/login"
hx-target="#body"
hx-trigger="click">
Sign In
</button>
</form>
</div>
<form class="login-form" hx-post="/login" hx-target="#content">
<label for="username">Username</label>
<input type="text" id="username" placeholder="Username" name="username" autocomplete="username" required autofocus>
<br>
<label for="password">Password</label>
<input type="password" id="password" placeholder="Password" name="password" autocomplete="current-password" required>
<br>
<input type="submit" value="Sign In">
</form>