Showing source for: https://b-id.biz/index.php
Duration: 0.845633s
Server: hcdn
<!DOCTYPE html>
<html lang="id">
<head>
<title>Login Data Rekening</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS -->
<link rel="stylesheet" href="style.css">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap" rel="stylesheet">
<!-- Bootstrap CDN -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> -->
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> -->
<!-- Bootstrap Local -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Sweeet Alert -->
<!-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> -->
<!-- Sweet Alert Local -->
<script src="sweetalert2.min.js"></script>
<!-- izitoast -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js"></script>
<!-- Jquery CDN -->
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<!-- Datatables -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/fixedheader/3.3.2/js/dataTables.fixedHeader.min.js"></script>
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css">
<style>
.all-heading {
/* height: 50px; */
font-size: 20px !important;
justify-content: center;
}
</style>
</head>
<body>
<header class="all-heading">
Data Rekening
</header>
<div class="loginbox">
<h2>Silahkan Login</h2>
<div class="col inputbox">
<input type="text" id="username" class="data-box" placeholder="username" value="" required>
</div>
<div class="col inputbox">
<input type="password" id="password" class="data-box" placeholder="password" value="" required>
<i class="bi bi-eye-slash" id="togglePassword"></i>
</div>
<div class="col">
<button class="btn btn-block btn-primary login-button">Login</button>
</div>
</div>
</body>
<script>
$("#password,#username").keyup(function(event) {
if (event.keyCode == 13) {
$(".login-button").click();
}
})
const togglePassword = document.querySelector('#togglePassword');
const password = document.querySelector('#password');
togglePassword.addEventListener('click', () => {
// Toggle the type attribute using
// getAttribure() method
const type = password.getAttribute('type') === 'password' ?
'text' : 'password';
password.setAttribute('type', type);
// Toggle the eye and bi-eye icon
this.classList.toggle('bi-eye');
});
$(document).ready(function() {
// jika button yang class nya btn-login di click maka akan menjalan kan fungsi login_proses
$(".login-button").click(function() {
// tarik data dari input box
var username = $("#username").val();
var password = $("#password").val();
// Mengecek username di isi atau tidak
if (username.length == "") {
Swal.fire({
icon: 'error',
title: 'Username tidak boleh kosong.',
});
// Mengecek password di isi atau tidak
} else if (password.length == "") {
Swal.fire({
icon: 'error',
title: 'Password tidak boleh kosong.',
});
} else {
// Jika semua form terisi maka ajax akan memulai memproses data
$.ajax({
url: "process/login_check.php", //Url untuk mengelolah data
type: "POST", //Method untuk mengelolah data
data: {
// Mengirimkan data ke URL
"username": username,
"password": password
},
// success
success: function(response) {
// master
if (response == "master") {
iziToast.success({
title: 'Success',
message: 'Selamat datang, ' + response + '.',
position: 'topLeft'
});
setTimeout(function() {
window.location.href = "dashboard.php";
// window.location.href = "add_data.php";
}, 2000);
// kepala cs
} else if (response == "head_cs") {
iziToast.success({
title: 'Success',
message: 'Selamat datang, ' + response + '.',
position: 'topLeft'
});
setTimeout(function() {
window.location.href = "dashboard.php";
}, 2000);
// tp1
} else if (response == "tp1") {
iziToast.success({
title: 'Success',
message: 'Selamat datang, ' + response + '.',
position: 'topLeft'
});
setTimeout(function() {
window.location.href = "dashboard.php";
}, 2000);
// tp2
} else if (response == "tp2") {
iziToast.success({
title: 'Success',
message: 'Selamat datang, ' + response + '.',
position: 'topLeft'
});
setTimeout(function() {
window.location.href = "dashboard.php";
}, 2000);
// tp3
} else if (response == "tp3") {
iziToast.success({
title: 'Success',
message: 'Selamat datang, ' + response + '.',
position: 'topLeft'
});
setTimeout(function() {
window.location.href = "dashboard.php";
}, 2000);
// cs
} else if (response == "cs") {
iziToast.success({
title: 'Success',
message: 'Selamat datang, ' + response + '.',
position: 'topLeft'
});
setTimeout(function() {
window.location.href = "account_list.php";
}, 2000);
// error response
} else {
iziToast.error({
title: 'Oops..!',
message: 'Username atau Password salah.',
position: 'topLeft'
});
}
},
// ajax nya error
error: function(response) {
Swal.fire({
icon: 'error',
title: 'Oops!',
text: 'Terjadi kesalahan pada server!'
});
console.log(response);
}
});
}
});
})
</script>
</html>