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

feat: More view changes.

Browse Source
This commit is contained in:
Michael Housh
2025-01-07 07:53:32 -05:00
parent f9b58676bb
commit e3f150b32c
5 changed files with 122 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Resources/Views/index.leaf
View File

@@ -2,16 +2,18 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
<link rel="stylesheet" href="css/main.css">
<title>#(title)</title>
</head>
<body>
<h1>#(title)</h1>
<!-- <h1>#(title)</h1> -->
<div id="content"
hx-get="/home"
hx-trigger="load"
hx-swap="outerHTML"
>
</div>
</body>

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

@@ -1,7 +1,17 @@
<p>We're in!</p>
<button hx-post="/logout"
hx-target="#content"
hx-trigger="click"
>
Log Out.
</button>
<div id="content">
<header>
<div class="container">
<div id="logo">HHE - Purchase Orders</div>
<nav>
<ul class="nav-links">
<li><a hx-post="logout" hx-target="#content" hx-trigger="click" hx-swap="outerHTML">Logout</a></li>
</ul>
</nav>
</div>
</header>
<section class="content">
<div class="container">
<p>We're in!</p>
</div>
</section>
</div>

26
Resources/Views/login.leaf
View File

@@ -1,9 +1,17 @@
<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>
<div id="content">
<header>
<div class="container">
<div id="logo">HHE - Purchase Orders</div>
</div>
</header>
<form class="login-form" hx-post="/login" hx-target="#content" hx-swap="outerHTML">
<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>
</div>