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"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <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> <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> </head>
<body> <body>
<!-- <header> --> <!-- <header> -->

1
templates/layout/footer.html
View File

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

50
templates/pages/login.html
View File

@ -1,17 +1,37 @@
{{ define "content" }} {{ define "content" }}
<form method="POST" action="/api/v1/login"> <link rel="stylesheet" href="/static/css/login.css">
<label for="email"> <div class="icon-wrapper">
Email: <img src="/static/icon.png" alt="icon" class="icon">
<input type="email" name="email" required> </div>
</label> <h1 class="modal-title">
<br> Welcome to Home Guard
<label for="email"> </h1>
Password: <h3 class="modal-description">
<input type="password" name="password" required> Enter your credentials to access home services and tools.
</label> </h3>
<br> <form method="POST" action="/api/v1/login" class="form">
<button type="submit"> <div class="input-group">
Login <div class="input-icon">
</button> @
</form> </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 }} {{ end }}

34
templates/pages/register.html
View File

@ -1,14 +1,18 @@
{{ define "content" }} {{ define "content" }}
<link rel="stylesheet" href="/static/css/register.css">
<div class="icon-wrapper"> <div class="icon-wrapper">
<img src="/static/icon.png" alt="icon" class="icon"> <img src="/static/icon.png" alt="icon" class="icon">
</div> </div>
<h1 class="modal-title"> <h1 class="modal-title">
Create an account to enter homelab Welcome to Home Guard
</h1> </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-group">
<div class="input-icon"> <div class="input-icon">
&copy; <img src="/static/icons/user.png" alt="user">
</div> </div>
<input class="input-field" type="text" name="full_name" placeholder="Full Name" required> <input class="input-field" type="text" name="full_name" placeholder="Full Name" required>
</div> </div>
@ -20,11 +24,31 @@
</div> </div>
<div class="input-group"> <div class="input-group">
<div class="input-icon"> <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> </div>
<input class="input-field" type="password" name="password" placeholder="Password" required> <input class="input-field" type="password" name="password" placeholder="Password" required>
</div> </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 Register
</button> </button>
</form> </form>