kicap/aplikasi-pembelajaran-interaktif-smada
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
kicap1992
2025-10-26 22:53:17 +08:00
commit a2573c8307
1555 changed files with 648419 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
ui/first_pages/login.html Normal file
View File

@ -0,0 +1,142 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Halaman Login Pengguna</title>
<link rel="stylesheet" href="/styles/style.min.css">
<!-- Waves Effect -->
<link rel="stylesheet" href="/plugin/waves/waves.min.css">
<!-- Toastr -->
<link rel="stylesheet" href="/plugin/toastr/toastr.css">
</head>
<body>
<div id="single-wrapper">
<form action="#" class="frm-single">
<div class="inside">
<div class="title"><strong>Pembelajaran Interaktif</strong><br><i>SMK Mahda </i></div>
<!-- /.title -->
<div class="frm-title">Halaman Login</div>
<!-- /.frm-title -->
<div class="frm-input"><input type="text" id="username" placeholder="No Induk Guru/Siswa"
class="frm-inp"><i class="fa fa-user frm-ico"></i></div>
<!-- /.frm-input -->
<div class="frm-input"><input type="password" id="password" placeholder="Password" class="frm-inp"><i
class="fa fa-lock frm-ico"></i></div>
<!-- /.frm-input -->
<div class="frm-input">
<select name="" class="frm-inp" id="select-role">
<option value="" selected disabled>Pilih Role</option>
<option value="guru">Guru</option>
<option value="siswa">Siswa</option>
</select>
<i class="fa fa-users frm-ico"></i>
</div>
<button type="button" class="frm-submit" onclick="login()">Login<i
class="fa fa-arrow-circle-right"></i></button>
<div class="frm-footer">Gerbang Pembelajaran Interaktif<br>SMKS Muhammad Ahmad Dahlan <br>© Rika Rahman
2025.</div>
<!-- /.footer -->
</div>
<!-- .inside -->
</form>
<!-- /.frm-single -->
</div><!--/#single-wrapper -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/script/html5shiv.min.js"></script>
<script src="/script/respond.min.js"></script>
<![endif]-->
<!--
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/scripts/jquery.min.js"></script>
<script src="/scripts/modernizr.min.js"></script>
<script src="/plugin/bootstrap/js/bootstrap.min.js"></script>
<script src="/plugin/nprogress/nprogress.js"></script>
<script src="/plugin/waves/waves.min.js"></script>
<!-- Toastr -->
<script src="/plugin/toastr/toastr.min.js"></script>
<script src="/block/jquery.blockUI.js"></script>
<script src="/scripts/main.min.js"></script>
<script src="/my-js.js"></script>
<script>
function login() {
if ($("#username").val() == "") {
toastr.error("No Induk Guru/Siswa Tidak Boleh Kosong");
$("#username").focus();
return;
}
if ($("#password").val() == "") {
toastr.error("Password Tidak Boleh Kosong");
$("#password").focus();
return;
}
if ($("#select-role").val() == "" || $("#select-role").val() == undefined) {
toastr.error("Role Harus Dipilih");
$("#select-role").focus();
return;
}
var username = $("#username").val();
var password = $("#password").val();
var role = $("#select-role").val();
// console.log(username, password, role);
$.ajax({
url: "/login",
type: "POST",
data: {
username: username,
password: password,
role: role
},
beforeSend: function () {
localStorage.removeItem('datanya');
blockUI('Login Sedang Diproses...');
},
success: function (data) {
// console.log(data);
$.unblockUI();
toastr.success(data.message);
// create local storage
localStorage.setItem("datanya", JSON.stringify(data.data));
// localStorage.setItem('role', role);
console.log(localStorage.getItem('datanya'));
// 2 sec the to halaman login
setTimeout(() => {
window.location.href = "/"+role;
}, 2500);
},
error: function (xhr, status, error) {
$.unblockUI();
console.log(xhr);
toastr.error(xhr.responseJSON !== undefined ? xhr.responseJSON : "Terjadi Kesalahan Server");
$("#username").focus();
}
});
}
</script>
</body>
</html>