nestict/hrms
SHA256
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upload files to "auth"

Browse Source 
Signed-off-by: nestict <developer@nestict.com>
This commit is contained in:
nestict
2026-01-16 15:38:00 +01:00
parent b2c18ddf47
commit cac187ab10
3 changed files with 205 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
auth/forgot-password.html Normal file
View File

@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Login - OpenHRMS Dashboard</title>
<link rel="stylesheet" href="./../build/css/style.min.css" />
</head>
<body>
<div id="main">
<main class="oh-auth">
<div class="oh-auth-card">
<h1 class="oh-onboarding-card__title oh-onboarding-card__title--h2 text-center my-3">Forgot Password?</h1>
<p class="text-muted text-center">Type in your email to reset the password</p>
<div class="oh-form-group">
<div class="oh-input-group">
<label class="oh-label" for="email">E-mail</label>
<input type="email" id="email" class="oh-input w-100" placeholder="e.g. jane.doe@acme.com" autofocus required />
</div>
<button
href="#"
class="oh-btn oh-onboarding-card__button mt-4 oh-btn--secondary oh-btn--shadow w-100 mb-4"
role="button"
>
Change Password
</button>
</div>
</div>
</main>
</div>
<script src="./../build/js/web.frontend.min.js"></script>
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
></script>
<script></script>
</body>
</html>

70
auth/login.html Normal file
View File

@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Login - OpenHRMS Dashboard</title>
<link rel="stylesheet" href="./../build/css/style.min.css" />
</head>
<body>
<div id="main">
<main class="oh-auth">
<div class="oh-auth-card">
<h1 class="oh-onboarding-card__title oh-onboarding-card__title--h2 text-center my-3">Sign In</h1>
<p class="text-muted text-center">Please login to access the dashboard.</p>
<div class="oh-form-group">
<div class="oh-input-group">
<label class="oh-label" for="email">E-mail</label>
<input type="email" id="email" class="oh-input w-100" placeholder="e.g. jane.doe@acme.com" />
</div>
<div class="oh-input-group">
<label class="oh-label" for="password">Password</label>
<div class="oh-password-input-container">
<input
type="password"
id="password"
class="oh-input oh-input--password w-100"
placeholder="Use alphanumeric characters"
/>
<button
class="oh-btn oh-btn--transparent oh-password-input--toggle"
>
<ion-icon
class="oh-passowrd-input__show-icon"
title="Show Password"
name="eye-outline"
></ion-icon>
<ion-icon
class="oh-passowrd-input__hide-icon d-none"
title="Hide Password"
name="eye-off-outline"
></ion-icon>
</button>
</div>
</div>
<button
href="#"
class="oh-btn oh-onboarding-card__button mt-4 oh-btn--secondary oh-btn--shadow w-100 mb-4"
role="button"
>
<ion-icon class="me-2" name="lock-closed-outline"></ion-icon>
Secure Sign-in
</button>
<small class="text-center"><a href="#" class="oh-link oh-link--secondary justify-content-center">Forgot password?</a></small>
</div>
</div>
</main>
</div>
<script src="./../build/js/web.frontend.min.js"></script>
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
></script>
<script></script>
</body>
</html>

91
auth/reset.html Normal file
View File

@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Reset Password - OpenHRMS Dashboard</title>
<link rel="stylesheet" href="./../build/css/style.min.css" />
</head>
<body>
<div id="main">
<main class="oh-auth">
<div class="oh-auth-card">
<h1 class="oh-onboarding-card__title oh-onboarding-card__title--h2 text-center my-3">Reset Password</h1>
<p class="text-muted text-center">Enter your new password to reset</p>
<div class="oh-form-group">
<div class="oh-input-group">
<label class="oh-label" for="password">New Password</label>
<div class="oh-password-input-container">
<input
type="password"
id="password"
class="oh-input oh-input--password w-100"
placeholder="Use alphanumeric characters"
/>
<button
class="oh-btn oh-btn--transparent oh-password-input--toggle"
>
<ion-icon
class="oh-passowrd-input__show-icon"
title="Show Password"
name="eye-outline"
></ion-icon>
<ion-icon
class="oh-passowrd-input__hide-icon d-none"
title="Hide Password"
name="eye-off-outline"
></ion-icon>
</button>
</div>
</div>
<div class="oh-input-group">
<label class="oh-label" for="confirmPassword">Confirm New Password</label>
<div class="oh-password-input-container">
<input
type="password"
id="confirmPassword"
class="oh-input oh-input--password w-100"
placeholder="Use alphanumeric characters"
/>
<button
class="oh-btn oh-btn--transparent oh-password-input--toggle"
>
<ion-icon
class="oh-passowrd-input__show-icon"
title="Show Password"
name="eye-outline"
></ion-icon>
<ion-icon
class="oh-passowrd-input__hide-icon d-none"
title="Hide Password"
name="eye-off-outline"
></ion-icon>
</button>
</div>
</div>
<button
href="#"
class="oh-btn oh-onboarding-card__button mt-4 oh-btn--secondary oh-btn--shadow w-100 mb-4"
role="button"
>
Reset my password
</button>
</div>
</div>
</main>
</div>
<script src="./../build/js/web.frontend.min.js"></script>
<script
type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
></script>
<script></script>
</body>
</html>