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

feat: login+register pages finish

Browse Source
This commit is contained in:
Amir Adal
2025-05-18 23:16:54 +02:00
parent 0198d4c348
commit 00808c1c61
2 changed files with 35 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
templates/pages/login.html
View File

@ -14,24 +14,32 @@
<div class="input-icon"> <div class="input-icon">
@ @
</div> </div>
<input class="input-field" type="email" name="email" placeholder="Email" required> <input class="input-field" type="email" name="email" placeholder="Email">
</div> </div>
<div class="input-group"> <div class="input-group">
<div class="input-icon"> <div class="input-icon">
<img src="/static/icons/padlock.png" alt="user"> <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">
</div> </div>
<div class="checkbox-group"> <div class="validation_box" id="validationBox">
<input type="checkbox" name="terms_and_conditions"> <p class="validation_box__msg" id="validationMsg">
<div> </p>
<p>By checking this checkbox I submit, that read and accepted terms and conditions of this service and home lab.</p> </div>
</div>
<div class="success_box" id="successBox">
<p class="success_box__msg" id="successMsg">
</p>
</div> </div>
<button class="button primary login-btn" type="submit"> <button class="button primary login-btn" type="submit">
Login Login
</button> </button>
<div class="login_link">
Don't have an account? <a href="/register">Register</a>
</div>
</form> </form>
<script src="/static/js/login.js"></script>
{{ end }} {{ end }}

25
templates/pages/register.html
View File

@ -14,31 +14,31 @@
<div class="input-icon"> <div class="input-icon">
<img src="/static/icons/user.png" alt="user"> <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*">
</div> </div>
<div class="input-group"> <div class="input-group">
<div class="input-icon"> <div class="input-icon">
@ @
</div> </div>
<input class="input-field" type="email" name="email" placeholder="Email" required> <input class="input-field" type="email" name="email" placeholder="Email*">
</div> </div>
<div class="input-group"> <div class="input-group">
<div class="input-icon"> <div class="input-icon">
<img src="/static/icons/telephone.png" alt="user"> <img src="/static/icons/telephone.png" alt="user">
</div> </div>
<input class="input-field" type="tel" name="phone" placeholder="Phone Number" required> <input class="input-field" type="tel" name="phone" placeholder="Phone Number">
</div> </div>
<div class="input-group"> <div class="input-group">
<div class="input-icon"> <div class="input-icon">
<img src="/static/icons/padlock.png" alt="user"> <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*">
</div> </div>
<div class="input-group"> <div class="input-group">
<div class="input-icon"> <div class="input-icon">
<img src="/static/icons/padlock.png" alt="user"> <img src="/static/icons/padlock.png" alt="user">
</div> </div>
<input class="input-field" type="password" name="password" placeholder="Repeat Password" required> <input class="input-field" type="password" name="repeat_password" placeholder="Repeat Password*">
</div> </div>
<div class="checkbox-group"> <div class="checkbox-group">
@ -48,8 +48,23 @@
</div> </div>
</div> </div>
<div class="validation_box" id="validationBox">
<p class="validation_box__msg" id="validationMsg">
</p>
</div>
<div class="success_box" id="successBox">
<p class="success_box__msg" id="successMsg">
</p>
</div>
<button class="button primary register-btn" type="submit"> <button class="button primary register-btn" type="submit">
Register Register
</button> </button>
<div class="login_link">
Already have an account? <a href="/login">Login</a>
</div>
</form> </form>
<script src="/static/js/register.js"></script>
{{ end }} {{ end }}