File: /home/imensosw/www/imenso.co/demo/resume-maker/modal.php
<?php include_once('site_url.php'); ?>
<div class="modal " id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog " >
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-login">
<div class="panel-heading">
<div class="row">
<div class="col-xs-6 pad_0">
<a href="#" class="active" id="login-form-link">Login</a>
</div>
<div class="col-xs-6 pad_0">
<a href="#" id="register-form-link">Register</a>
</div>
<button aria-label="Close" data-dismiss="modal" class="close" type="button">x</button>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-lg-12">
<!-- Login Form Starts -->
<form class="login-form" id="login-form" role="form" style="display: block;">
<div class="form-group">
<input type="text" id="login-email" placeholder="Enter your Email" value="" class="form-control login-field">
<label for="login-name" class="login-field-icon fui-mail"></label>
</div>
<div class="form-group">
<input type="password" id="login-pass" placeholder="Password" value="" class="form-control login-field">
<label for="login-pass" class="login-field-icon fui-lock"></label>
</div>
<div class="form-group">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="Log In">
</div>
</div>
</div>
<div class="">
<a id="forgot-form-link" href="#" tabindex="5" class="forgot-password">Forgot Password?</a>
</div>
</form>
<!-- Login form ends -->
<script>
$(document).ready(function(){
$("#login-submit").click(function(){
var email = $("#login-email").val();
var password = $("#login-pass").val();
// Returns successful data submission message when the entered information is stored in database.
var dataString = 'email='+ email + '&password='+ password;
if(email==''||password=='')
{
alert("Please Fill All Fields");
}
else
{
// AJAX Code To Submit Form.
$.ajax({
type: "POST",
url: "ajax-loginprocess.php",
data: dataString,
cache: false,
dataType: "JSON",
success: function(rr){
if(rr.type == "Success") {
location.reload();
} else {
alert(rr.message);
}
}
});
}
return false;
});
});
</script>
<!-- Register form starts -->
<form class="login-form" id="register-form" role="form" style="display: none;">
<div class="form-group">
<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value="">
<label for="login-name" class="login-field-icon fui-user"></label>
</div>
<div class="form-group">
<input type="email" name="email" tabindex="1" class="form-control" placeholder="Email Address" value="">
<label for="login-name" class="login-field-icon fui-mail"></label>
</div>
<div class="form-group">
<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password">
<label for="login-name" class="login-field-icon fui-lock"></label>
</div>
<div class="form-group">
<input type="password" name="confirm-password" id="confirm-password" tabindex="2" class="form-control" placeholder="Confirm Password">
<label for="login-name" class="login-field-icon fui-lock"></label>
</div>
<div class="margin_t1 margin_b1">
<label for="checkbox1" class="checkbox">
<input type="checkbox" data-toggle="checkbox" id="checkbox1" value="" checked="checked" class="custom-checkbox" required="required"><span class="icons"><span class="icon-unchecked"></span><span class="icon-checked"></span></span>
Terms & Conditions
</label>
</div>
<div class="form-group">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-login" value="Register Now">
</div>
</div>
</div>
</form>
<script>
$(document).ready(function(){
$("#register-submit").click(function(){
if(!document.getElementById("checkbox1").checked) {
alert("Please check Terms and Conditions");
return false;
}
var username = $("#username").val();
var email = $("#email").val();
var password = $("#password").val();
var confirmPassword = $("#confirm-password").val();
// Returns successful data submission message when the entered information is stored in database.
var dataString = 'username='+ username + '&email='+ email + '&password='+ password + '&confirmPassword='+ confirmPassword;
if(username==''||email==''||password==''||confirmPassword=='')
{
alert("Please Fill All Fields");
}
else
{
// AJAX Code To Submit Form.
$.ajax({
type: "POST",
url: "ajax-process.php",
data: dataString,
cache: false,
dataType: "JSON",
success: function(r){
if(r.type == "Success") {
// alert("Register successfully");
location.reload();
} else {
alert(r.message);
}
}
});
}
return false;
});
});
</script>
<!-- Register form ends -->
<!-- Forgot password starts here -->
<form class="login-form" id="forget-form" action="" method="post" role="form" style="display: none;">
<div class="form-group">
<input type="email" name="email" id="email-for-password" tabindex="1" class="form-control" placeholder="Email Address" value="">
<label for="login-name" class="login-field-icon fui-mail"></label>
</div>
<div class="form-group">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<input type="submit" name="register-submit" id="forgot-submit" tabindex="4" class="form-control btn btn-login" value="Send">
</div>
</div>
</div>
</form>
<script>
$(document).ready(function(){
$("#forgot-submit").click(function(){
var email = $("#email-for-password").val();
// Returns successful data submission message when the entered information is stored in database.
var dataString = 'email='+ email;
if(email=='')
{
alert("Please Fill All Fields");
}
else
{
// AJAX Code To Submit Form.
$.ajax({
type: "POST",
url: "ajax-forgotprocess.php",
data: dataString,
cache: false,
dataType: "JSON",
success: function(result){
alert(result.message)
}
});
}
return false;
});
});
</script>
<!-- Forgot password form ends -->
</div>
</div>
</div>
<div class="panel-footer">
<div class="row">
<div class="col-lg-12">
<p class="text-center" style="margin: 0px;">You can Also Login With</p>
</div>
<div class="login_with_wrp">
<div class="col-lg-6">
<div class="login_with login_facebook text-center">
<a href="fb_login/index.php">
<span class="fui-facebook"></span><span>Facebook</span>
</a>
</div>
</div>
<div class="col-lg-6">
<div class="login_with login_linkedin text-center">
<a href="https://www.linkedin.com/uas/oauth2/authorization?response_type=code&client_id=81t91ndeqzf9js&redirect_uri=<?php echo PATH; ?>linkedin-login-oauth2/index.php&state=98765EeFWf45A53sdfKef4233&scope=r_basicprofile r_emailaddress">
<span class="fui-linkedin"></span><span>Linkedin</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>