File "index.php"
Full Path: /home/analogde/www/00000/P1/index.php
File size: 2.68 KB
MIME-type: text/x-php
Charset: utf-8
<?php
session_start();
include 'includes/header2.php';
if(isset($_SESSION['UID']))
header('location:pages/index.php');
?>
<style>
#title1 {
display: block;
width:50%;
height:90px;
background-color: white;
padding:1px;
border-radius:5px;
position:fixed;
top:30%;
z-index: 1000px;
}
#main-bod{
background: url(images/construction-cover.jpg);
background-repeat: no-repeat;
background-size: cover;
display:flex;
height:calc(100%);
width:calc(100%);
align-items:center;
justify-content:center;
top: 0;
margin:unset
}
</style>
<body id="main-bod">
<div class="col-lg-4">
<div class="panel panel-info" style="">
<div class="panel-heading">
Login
</div>
<div class="panel-body">
<div class="container-fluid">
<form class="form-horizontal" method="POST" id="login_form">
<div class="form-group" id="form-login">
<label for="" class="control-label">Username</label>
<input class="form-control" id="user" name="user" type="text">
</div>
<div class="form-group">
<label for="" class="control-label">Password</label>
<input type="password" name="pass" id="pass" class="form-control">
</div>
<div class="form-group" id="msg">
<div class="col-sm-8 col-sm-offset-8">
<button type="submit" class="btn btn-info">Login</button> <br>
</div>
<div class="col-sm-12">
<div class="alert alert-success" id="correct"> Successfully Log in!</div>
<div class="alert alert-danger" id="error"> Error Log in </div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</body>
<script>
jQuery(document).ready(function(){
jQuery(document).ready(function(){
$("#correct").hide();
$("#error").hide();
jQuery("#login_form").submit(function(e){
e.preventDefault();
var formData = jQuery(this).serialize();
$.ajax({
type: "POST",
url: "includes/login.php",
data: formData,
success: function(html){
if(html=='true' )
{
$('#error').hide();
$("#correct").slideDown();
var delay = 2000;
setTimeout(function(){ window.location = 'pages/index.php?page=home'; }, delay);
}else{
$('#error').slideDown();
var delay = 2000;
setTimeout(function(){ $('#error').slideUp(); }, delay);
}
}
});
return false;
});
});
});
</script>