Update form login baru :)
This commit is contained in:
mikael-zakaria
parent
0fb5dac54d
commit
9953865c05
@ -7,15 +7,53 @@
|
|||||||
<meta name="description" content="">
|
<meta name="description" content="">
|
||||||
<meta name="author" content="">
|
<meta name="author" content="">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="<?=base_url();?>/assets/favicon.png">
|
<link rel="icon" type="image/png" sizes="16x16" href="<?=base_url();?>/assets/favicon.png">
|
||||||
<title>Summit-CRM</title>
|
<title>Summit-CRM Login</title>
|
||||||
<link href="<?=base_url();?>/assets/login.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
<link href="<?=base_url();?>/assets/style.css" rel="stylesheet">
|
<style>
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
body {
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
background-color: #85b9df;
|
||||||
<!--[if lt IE 9]>
|
}
|
||||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
.login-container {
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
min-height: 100vh;
|
||||||
<![endif]-->
|
}
|
||||||
|
.login-card {
|
||||||
|
border-radius: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0 6px 18px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
.login-img {
|
||||||
|
object-fit: cover;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.form-control {
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid #dee2e6;
|
||||||
|
box-shadow: none;
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
.form-control:focus {
|
||||||
|
border-color: #0d6efd;
|
||||||
|
box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.15);
|
||||||
|
}
|
||||||
|
.btn-primary {
|
||||||
|
border-radius: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 0.75rem;
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
.btn-primary:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 4px 12px rgba(13,110,253,0.3);
|
||||||
|
}
|
||||||
|
.form-check-label {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<?php
|
<?php
|
||||||
helper('cookie');
|
helper('cookie');
|
||||||
@ -27,61 +65,67 @@ if(!isset($password)) { $password = ''; }
|
|||||||
<div class="preloader">
|
<div class="preloader">
|
||||||
<div class="loader">
|
<div class="loader">
|
||||||
<div class="loader__figure"></div>
|
<div class="loader__figure"></div>
|
||||||
<p class="loader__label">Summit-CRM</p>
|
<!-- <p class="loader__label">Summit-CRM</p> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<section id="wrapper" class="login-register login-sidebar" style="background-image:url(<?=base_url();?>/assets/images/bg-01.jpg);">
|
|
||||||
<div class="login-box card">
|
<div class="container login-container d-flex justify-content-center align-items-center">
|
||||||
<div class="card-body">
|
<div class="row w-100 justify-content-center">
|
||||||
<form class="form-horizontal form-material text-center" id="loginform" method='POST'>
|
<div class="col-12">
|
||||||
<a href="javascript:void(0)"><img src="<?=base_url();?>/assets/images/logo.png" /></a>
|
<div class="card login-card border-0">
|
||||||
<?php if(isset($validation)) { ?>
|
<div class="row g-0">
|
||||||
<div class='alert alert-danger alert-dismissible mt-5'>
|
|
||||||
<?= $validation->listErrors(); ?>
|
<!-- Bagian Gambar -->
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <span aria-hidden="true"></span> </button>
|
<div class="col-sm-6 col-md-8 d-none d-md-block">
|
||||||
|
<img src="<?=base_url();?>/assets/images/finalpanda.png" alt="login" class="login-img" alt="">
|
||||||
</div>
|
</div>
|
||||||
<?php } ?>
|
|
||||||
<?php if (session()->getFlashdata('loginError')) : ?>
|
<!-- Bagian Form -->
|
||||||
<div class="alert alert-danger alert-dismissible mt-5">
|
<div class="col-sm-6 col-md-4 d-flex align-items-center">
|
||||||
<?= session()->getFlashdata('loginError') ?>
|
<div class="card-body pt-5 pb-0 px-4 w-100">
|
||||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <span aria-hidden="true"></span> </button>
|
<h3 class="mb-5 text-center">CRM Sign In</h3>
|
||||||
</div>
|
<form id="loginform" method='POST'>
|
||||||
<?php endif; ?>
|
<?php if(isset($validation)) { ?>
|
||||||
<div class="form-group m-t-40">
|
<div class='alert alert-danger alert-dismissible pt-3 pb-0'>
|
||||||
<div class="col-xs-12">
|
<?= $validation->listErrors(); ?>
|
||||||
<input class="form-control" type="text" name='email' required placeholder="Email" value='<?=$email;?>' />
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <span aria-hidden="true"></span> </button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<?php } ?>
|
||||||
<div class="form-group">
|
<?php if (session()->getFlashdata('loginError')) : ?>
|
||||||
<div class="col-xs-12">
|
<div class="alert alert-danger alert-dismissible">
|
||||||
<!-- <input class="form-control" type="password" name='password' placeholder="Password" value='' /> -->
|
<?= session()->getFlashdata('loginError') ?>
|
||||||
<input class="form-control" type="password" name='password' placeholder="Password" value='<?=$password;?>' />
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <span aria-hidden="true"></span> </button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<?php endif; ?>
|
||||||
<div class="form-group row">
|
|
||||||
<div class="col-md-12">
|
<div class="form-floating mb-4">
|
||||||
<div class="d-flex no-block align-items-center">
|
<input type="email" class="form-control form-control-sm" required id="floatingEmail" name='email' placeholder='email' value='<?=$email;?>' >
|
||||||
<div class="form-check">
|
<label for="floatingEmail">Email</label>
|
||||||
<input type="checkbox" class="form-check-input" name='rememberme' value='1' <?php if(isset($rememberme)) { echo 'checked'; }?> /> <label class="form-check-label">Remember me</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="form-floating mb-4">
|
||||||
|
<input type="password" class="form-control form-control-sm" required id="floatingPassword" name='password' placeholder='password' value='<?=$password;?>'>
|
||||||
|
<label for="floatingPassword">Password</label>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid mb-3">
|
||||||
|
<button type="submit" class="btn btn-primary btn-sm">Sign In</button>
|
||||||
|
</div>
|
||||||
|
<div class="form-check text-start mb-5">
|
||||||
|
<input class="form-check-input" name='rememberme' type="checkbox" value="1" id="rememberme" <?php if(isset($rememberme)) { echo 'checked'; }?>>
|
||||||
|
<label class="form-check-label" for="rememberme">
|
||||||
|
Remember Me
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<p class="text-end text-muted fw-light fs-6 m-0 p-0">© 2022 - <?php echo(date("Y")); ?> 5Pandawa🐼</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group text-center m-t-20">
|
</div>
|
||||||
<div class="col-xs-12">
|
|
||||||
<button class="btn btn-info btn-lg w-100 text-uppercase btn-rounded text-white" type="submit">Log In</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<div class='card-footer'>
|
|
||||||
<p class='ms-auto'>© 4SKA1 2022 - 2024</p>
|
|
||||||
<!-- <p>Selamat datang, <?= session('email') ?>!</p> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
<script src="<?=base_url();?>/assets/jquery/jquery.min.js"></script>
|
|
||||||
<script src="<?=base_url();?>/assets/bootstrap.bundle.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(function() {
|
$(function() {
|
||||||
$(".preloader").fadeOut();
|
$(".preloader").fadeOut();
|
||||||
|
|||||||
94
app/Views/auth_login_old.php
Normal file
94
app/Views/auth_login_old.php
Normal file
@ -0,0 +1,94 @@
|
|||||||
|
<!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">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="<?=base_url();?>/assets/favicon.png">
|
||||||
|
<title>Summit-CRM</title>
|
||||||
|
<link href="<?=base_url();?>/assets/login.css" rel="stylesheet">
|
||||||
|
<link href="<?=base_url();?>/assets/style.css" rel="stylesheet">
|
||||||
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||||
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
</head>
|
||||||
|
<?php
|
||||||
|
helper('cookie');
|
||||||
|
if(!isset($email)) { $email = ''; }
|
||||||
|
if(!isset($password)) { $password = ''; }
|
||||||
|
|
||||||
|
?>
|
||||||
|
<body>
|
||||||
|
<div class="preloader">
|
||||||
|
<div class="loader">
|
||||||
|
<div class="loader__figure"></div>
|
||||||
|
<p class="loader__label">Summit-CRM</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<section id="wrapper" class="login-register login-sidebar" style="background-image:url(<?=base_url();?>/assets/images/bg-01.jpg);">
|
||||||
|
<div class="login-box card">
|
||||||
|
<div class="card-body">
|
||||||
|
<form class="form-horizontal form-material text-center" id="loginform" method='POST'>
|
||||||
|
<a href="javascript:void(0)"><img src="<?=base_url();?>/assets/images/logo.png" /></a>
|
||||||
|
<?php if(isset($validation)) { ?>
|
||||||
|
<div class='alert alert-danger alert-dismissible mt-5'>
|
||||||
|
<?= $validation->listErrors(); ?>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <span aria-hidden="true"></span> </button>
|
||||||
|
</div>
|
||||||
|
<?php } ?>
|
||||||
|
<?php if (session()->getFlashdata('loginError')) : ?>
|
||||||
|
<div class="alert alert-danger alert-dismissible mt-5">
|
||||||
|
<?= session()->getFlashdata('loginError') ?>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <span aria-hidden="true"></span> </button>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
<div class="form-group m-t-40">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<input class="form-control" type="text" name='email' required placeholder="Email" value='<?=$email;?>' />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<!-- <input class="form-control" type="password" name='password' placeholder="Password" value='' /> -->
|
||||||
|
<input class="form-control" type="password" name='password' placeholder="Password" value='<?=$password;?>' />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="d-flex no-block align-items-center">
|
||||||
|
<div class="form-check">
|
||||||
|
<input type="checkbox" class="form-check-input" name='rememberme' value='1' <?php if(isset($rememberme)) { echo 'checked'; }?> /> <label class="form-check-label">Remember me</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group text-center m-t-20">
|
||||||
|
<div class="col-xs-12">
|
||||||
|
<button class="btn btn-info btn-lg w-100 text-uppercase btn-rounded text-white" type="submit">Log In</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class='card-footer'>
|
||||||
|
<p class='ms-auto'>© 4SKA1 2022 - 2024</p>
|
||||||
|
<!-- <p>Selamat datang, <?= session('email') ?>!</p> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<script src="<?=base_url();?>/assets/jquery/jquery.min.js"></script>
|
||||||
|
<script src="<?=base_url();?>/assets/bootstrap.bundle.min.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(function() {
|
||||||
|
$(".preloader").fadeOut();
|
||||||
|
});
|
||||||
|
$(function() {
|
||||||
|
$('[data-bs-toggle="tooltip"]').tooltip()
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
public/assets/images/finalpanda.png
Normal file
BIN
public/assets/images/finalpanda.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
Loading…
x
Reference in New Issue
Block a user