admin/hspguard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: templates for login and register

Browse Source
This commit is contained in:
Amir Adal
2025-05-18 19:55:55 +02:00
parent fa30f66b6b
commit c8d342d050
4 changed files with 69 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
templates/layout/base.html
View File

@ -3,8 +3,11 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{{ .Title }}</title>
<link rel="stylesheet" href="/static/css/styles.css" >
<link rel="stylesheet" href="/static/css/base.css" >
<link rel="icon" type="image/png" href="/static/icon.png">
</head>
<body>
<!-- <header> -->

1
templates/layout/footer.html
View File

@ -1,4 +1,5 @@
{{ define "footer" }}
<link rel="stylesheet" href="/static/css/footer.css">
<footer class="footer"><p>&copy; 2025 HSP Guard</p></footer>
{{ end }}

50
templates/pages/login.html
View File

@ -1,17 +1,37 @@
{{ define "content" }}
<form method="POST" action="/api/v1/login">
<label for="email">
Email:
<input type="email" name="email" required>
</label>
<br>
<label for="email">
Password:
<input type="password" name="password" required>
</label>
<br>
<button type="submit">
Login
</button>
</form>
<link rel="stylesheet" href="/static/css/login.css">
<div class="icon-wrapper">
<img src="/static/icon.png" alt="icon" class="icon">
</div>
<h1 class="modal-title">
Welcome to Home Guard
</h1>
<h3 class="modal-description">
Enter your credentials to access home services and tools.
</h3>
<form method="POST" action="/api/v1/login" class="form">
<div class="input-group">
<div class="input-icon">
@
</div>
<input class="input-field" type="email" name="email" placeholder="Email" required>
</div>
<div class="input-group">
<div class="input-icon">
<img src="/static/icons/padlock.png" alt="user">
</div>
<input class="input-field" type="password" name="password" placeholder="Password" required>
</div>
<div class="checkbox-group">
<input type="checkbox" name="terms_and_conditions">
<div>
<p>By checking this checkbox I submit, that read and accepted terms and conditions of this service and home lab.</p>
</div>
</div>
<button class="button primary login-btn" type="submit">
Login
</button>
</form>
{{ end }}

34
templates/pages/register.html
View File

@ -1,14 +1,18 @@
{{ define "content" }}
<link rel="stylesheet" href="/static/css/register.css">
<div class="icon-wrapper">
<img src="/static/icon.png" alt="icon" class="icon">
</div>
<h1 class="modal-title">
Create an account to enter homelab
Welcome to Home Guard
</h1>
<form method="POST" action="/api/v1/register">
<h3 class="modal-description">
Create an account to access home services and tools.
</h3>
<form method="POST" action="/api/v1/register" class="form">
<div class="input-group">
<div class="input-icon">
&copy;
<img src="/static/icons/user.png" alt="user">
</div>
<input class="input-field" type="text" name="full_name" placeholder="Full Name" required>
</div>
@ -20,11 +24,31 @@
</div>
<div class="input-group">
<div class="input-icon">
P
<img src="/static/icons/telephone.png" alt="user">
</div>
<input class="input-field" type="tel" name="phone" placeholder="Phone Number" required>
</div>
<div class="input-group">
<div class="input-icon">
<img src="/static/icons/padlock.png" alt="user">
</div>
<input class="input-field" type="password" name="password" placeholder="Password" required>
</div>
<button type="submit">
<div class="input-group">
<div class="input-icon">
<img src="/static/icons/padlock.png" alt="user">
</div>
<input class="input-field" type="password" name="password" placeholder="Repeat Password" required>
</div>
<div class="checkbox-group">
<input type="checkbox" name="terms_and_conditions">
<div>
<p>By checking this checkbox I submit, that read and accepted terms and conditions of this service and home lab.</p>
</div>
</div>
<button class="button primary register-btn" type="submit">
Register
</button>
</form>