Sei sulla pagina 1di 3

<!

-Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Aplikasi PMP Ditjen Dikdasmen</title>
<link rel="shortcut icon" href="resources/images/pengguna/pmp_logo_whcen.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { s
etTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1)
; } </script>
<meta name="keywords" content="Kipy Login Form Responsive Templates, Iphone Widg
et Template, Smartphone login forms,Login form, Widget Template, Responsive Temp
lates, a Ipad 404 Templates, Flat Responsive Templates" />
<!--webfonts-->
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,80
0,400' rel='stylesheet' type='text/css'> -->
<!-- <link href='http://fonts.googleapis.com/css?family=Marvel:400,700' rel='sty
lesheet' type='text/css'> -->
<link href="login_assets/log/css/bootstrap.min.cosmo.css" rel="stylesheet">
<!-- <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel
='stylesheet' type='text/css'> -->
<link href="login_assets/kipy/css/style.css" rel='stylesheet' type='text/css' />
<!--//webfonts-->
</head>
<body>
<div class="login-form">
<div style="float:left;width:80px;height:80px;background:url(res
ources/images/logo_dikbud.png);background-size:100%;margin:auto;margin-top:10px;
"></div>
<div style="float:left;margin-left:10px;text-align:left">
<h1>Aplikasi PMP</h1>
<h2 style="font-size:18px">Penjaminan Mutu Pendidikan<br
>Ditjen Dikdasmen</h2>
</div>
<br style="clear:both">
<br>
<div class="koneksi-div">
<div class="btn btn-warning btn-block disabled cekkoneks
i" style="cursor:initial">Mengecek koneksi ke aplikasi dapodik ...</div>
</div>
<div class="form-info">
<form action="prosesLogin" method="POST">
<input type="text" style="width:100%" c
lass="email" name="username" id="username" placeholder="Username" required=""/>
<input type="password" style="width:100%
" class="password" name="password" id="password" placeholder="Password" required
=""/>
<br>
<br>
<input type="submit" style="width:100%"
class="btn btn-success" value="Masuk Aplikasi"/>
</form>
</div>
<br>

<div style="color:white;font-size:11px">Versi 1.4 | Tanggal Rili


s: 20 September 2016</div>
<div style="color:#ccc;font-size:11px;font-weight:bold">Kompatib
el dengan Aplikasi Dapodik versi 2016.a / 2016.b</div>
<br>
</div>
<!--copyrights-->
<div class="copyrights" style="font-size:0.1px">
<p>Template by <a href="http://w3layouts.com">w3layouts</a></p>
</div>
<!--/copyrights-->
</body>
<script src='login_assets/kipy/js/jquery.js'></script>
<script type="text/javascript">
if(window.location.hash) {
var hash = window.location.hash.substring(1);
// alert(hash);
if(hash == 'password_salah'){
var pesan = 'Password yang Anda masukkan salah!';
$('.login-form').append('<div class="alert alert-dismissable alert-dange
r peringatan">' +
pesan +
'</div>');
}else if(hash == 'username_tidak_terdaftar'){
var pesan = 'Username yang Anda masukkan tidak terdaftar! Mohon gunakan
username lain';
$('.login-form').append('<div class="alert alert-dismissable alert-dange
r peringatan">' +
pesan +
'</div>');
}
}
$.ajax({
type: "GET",
url: "tesKoneksi",
success: function(isi){
var obj = jQuery.parseJSON(isi);
console.log(obj.status);
if(obj.status){
$('.cekkoneksi').hide();
$('.koneksi-div').append('<div class="btn btn-success bt
n-block cekkoneksi" style="cursor:initial">Terhubung dengan Dapodik</div>');
}else{
$('.cekkoneksi').hide();
$('.koneksi-div').append('<div class="btn btn-danger btn

-block cekkoneksi" style="cursor:initial">Tidak terhubung dengan Dapodik</div>')


;
}
},
error: function(){
}
});
</script>
</html>

Potrebbero piacerti anche