The login/logout/recovery page have a better structure.

This commit is contained in:
Alex Tselegidis 2022-01-24 13:42:13 +01:00
parent becf82ad67
commit ad8308794c
3 changed files with 59 additions and 48 deletions

View file

@ -4,38 +4,38 @@
<h2><?= lang('backend_section') ?></h2> <h2><?= lang('backend_section') ?></h2>
<p><?= lang('you_need_to_login') ?></p> <p>
<small>
<?= lang('you_need_to_login') ?>
</small>
</p>
<hr> <hr>
<div class="alert d-none"></div> <div class="alert d-none"></div>
<form id="login-form"> <form id="login-form">
<div class="mb-3"> <div class="mb-3 mt-5">
<label for="username"><?= lang('username') ?></label> <label for="username" class="form-label">
<input type="text" id="username" <?= lang('username') ?>
placeholder="<?= lang('enter_username_here') ?>" </label>
class="form-control"/> <input type="text" id="username" placeholder="<?= lang('enter_username_here') ?>" class="form-control"/>
</div>
<div class="mb-3">
<label for="password"><?= lang('password') ?></label>
<input type="password" id="password"
placeholder="<?= lang('enter_password_here') ?>"
class="form-control"/>
</div> </div>
<div class="mb-3"> <div class="mb-5">
<label for="password" class="form-label">
<?= lang('password') ?>
</label>
<input type="password" id="password" placeholder="<?= lang('enter_password_here') ?>" class="form-control"/>
</div>
<div class="d-flex justify-content-between align-items-center mb-5">
<a href="<?= site_url('recovery') ?>" class="forgot-password"><?= lang('forgot_your_password') ?></a>
<button type="submit" id="login" class="btn btn-primary"> <button type="submit" id="login" class="btn btn-primary">
<i class="fas fa-sign-in-alt me-2"></i> <i class="fas fa-sign-in-alt me-2"></i>
<?= lang('login') ?> <?= lang('login') ?>
</button> </button>
</div> </div>
<a href="<?= site_url('recovery') ?>" class="forgot-password"><?= lang('forgot_your_password') ?></a>
|
<span id="select-language" class="badge bg-success">
<?= ucfirst(config('language')) ?>
</span>
</form> </form>
<?php section('content') ?> <?php section('content') ?>

View file

@ -5,20 +5,22 @@
<h3><?= lang('log_out') ?></h3> <h3><?= lang('log_out') ?></h3>
<p> <p>
<?= lang('logout_success') ?> <small>
<?= lang('logout_success') ?>
</small>
</p> </p>
<br> <div class="d-flex justify-content-between my-5">
<a href="<?= site_url('login') ?>" class="btn btn-outline-secondary btn-large">
<a href="<?= site_url() ?>" class="btn btn-success btn-large"> <i class="fas fa-wrench me-2"></i>
<i class="fas fa-calendar-alt me-2"></i> <?= lang('backend_section') ?>
<?= lang('book_appointment_title') ?> </a>
</a>
<a href="<?= site_url() ?>" class="btn btn-primary btn-large">
<a href="<?= site_url('login') ?>" class="btn btn-outline-secondary btn-large"> <i class="fas fa-calendar-alt me-2"></i>
<i class="fas fa-wrench me-2"></i> <?= lang('book_appointment_title') ?>
<?= lang('backend_section') ?> </a>
</a> </div>
<?php section('content') ?> <?php section('content') ?>

View file

@ -4,32 +4,41 @@
<h2><?= lang('forgot_your_password') ?></h2> <h2><?= lang('forgot_your_password') ?></h2>
<p><?= lang('type_username_and_email_for_new_password') ?></p> <p>
<small>
<?= lang('type_username_and_email_for_new_password') ?>
</small>
</p>
<hr> <hr>
<div class="alert d-none"></div> <div class="alert d-none"></div>
<form> <form class="mb-5">
<div class="mb-3"> <div class="mb-3 mt-5">
<label for="username"><?= lang('username') ?></label> <label for="username" class="form-label">
<?= lang('username') ?>
</label>
<input type="text" id="username" placeholder="<?= lang('enter_username_here') ?>" class="form-control"/> <input type="text" id="username" placeholder="<?= lang('enter_username_here') ?>" class="form-control"/>
</div> </div>
<div class="mb-3">
<label for="email"><?= lang('email') ?></label> <div class="mb-5">
<label for="email" class="form-label">
<?= lang('email') ?>
</label>
<input type="text" id="email" placeholder="<?= lang('enter_email_here') ?>" class="form-control"/> <input type="text" id="email" placeholder="<?= lang('enter_email_here') ?>" class="form-control"/>
</div> </div>
<br> <div class="d-flex justify-content-between align-items-center mb-5">
<a href="<?= site_url('user/login') ?>" class="user-login">
<button type="submit" id="get-new-password" class="btn btn-primary btn-large"> <?= lang('go_to_login') ?>
<i class="fas fa-unlock-alt me-2"></i> </a>
<?= lang('regenerate_password') ?>
</button> <button type="submit" id="get-new-password" class="btn btn-primary btn-large">
<i class="fas fa-unlock-alt me-2"></i>
<a href="<?= site_url('user/login') ?>" class="user-login"> <?= lang('regenerate_password') ?>
<?= lang('go_to_login') ?> </button>
</a> </div>
</form> </form>
<?php section('content') ?> <?php section('content') ?>