iflrandevu/src/application/views/user/login.php

136 lines
5.1 KiB
PHP
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
2017-09-05 15:58:34 +03:00
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#35A768">
<title><?php echo lang('login') . ' - ' . $company_name; ?></title>
2017-09-05 15:58:34 +03:00
<script src="<?php echo base_url('assets/ext/jquery/jquery.min.js'); ?>"></script>
<script src="<?php echo base_url('assets/ext/jquery-ui/jquery-ui.min.js'); ?>"></script>
<script src="<?php echo base_url('assets/ext/bootstrap/js/bootstrap.min.js'); ?>"></script>
<script src="<?php echo base_url('assets/ext/datejs/date.js'); ?>"></script>
2017-09-05 15:58:34 +03:00
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/ext/jquery-ui/jquery-ui.min.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/ext/bootstrap/css/bootstrap.min.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/general.css'); ?>">
<link rel="icon" type="image/x-icon" href="<?php echo base_url('assets/img/favicon.ico'); ?>">
<style>
body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #CAEDF3;
}
#login-frame {
width: 630px;
margin: auto;
background: #FFF;
border: 1px solid #DDDADA;
padding: 70px;
}
@media(max-width: 640px) {
#login-frame {
width: 100%;
padding: 20px;
}
}
</style>
2017-09-05 15:58:34 +03:00
<script>
var GlobalVariables = {
'csrfToken': <?php echo json_encode($this->security->get_csrf_hash()); ?>,
'baseUrl': <?php echo json_encode($base_url); ?>,
'destUrl': <?php echo json_encode($dest_url); ?>,
'AJAX_SUCCESS': 'SUCCESS',
'AJAX_FAILURE': 'FAILURE'
};
var EALang = <?php echo json_encode($this->lang->language); ?>;
var availableLanguages = <?php echo json_encode($this->config->item('available_languages')); ?>;
$(document).ready(function() {
GeneralFunctions.enableLanguageSelection($('#select-language'));
/**
* Event: Login Button "Click"
*
* Make an ajax call to the server and check whether the user's credentials are right.
* If yes then redirect him to his desired page, otherwise display a message.
*/
$('#login-form').submit(function(event) {
event.preventDefault();
var postUrl = GlobalVariables.baseUrl + '/index.php/user/ajax_check_login';
var postData = {
'csrfToken': GlobalVariables.csrfToken,
'username': $('#username').val(),
'password': $('#password').val()
};
$('.alert').addClass('hidden');
$.post(postUrl, postData, function(response) {
2017-09-05 15:58:34 +03:00
if (!GeneralFunctions.handleAjaxExceptions(response)) {
return;
}
if (response == GlobalVariables.AJAX_SUCCESS) {
window.location.href = GlobalVariables.destUrl;
} else {
$('.alert').text(EALang['login_failed']);
$('.alert')
.removeClass('hidden alert-danger alert-success')
.addClass('alert-danger');
}
}, 'json');
});
});
</script>
</head>
<body>
<div id="login-frame" class="frame-container">
<h2><?php echo lang('backend_section'); ?></h2>
<p><?php echo lang('you_need_to_login'); ?></p>
<hr>
<div class="alert hidden"></div>
<form id="login-form">
<div class="form-group">
<label for="username"><?php echo lang('username'); ?></label>
<input type="text" id="username"
placeholder="<?php echo lang('enter_username_here'); ?>"
class="form-control" />
</div>
<div class="form-group">
<label for="password"><?php echo lang('password'); ?></label>
<input type="password" id="password"
placeholder="<?php echo lang('enter_password_here'); ?>"
class="form-control" />
</div>
<br>
<button type="submit" id="login" class="btn btn-primary">
<?php echo lang('login'); ?>
</button>
<br><br>
<a href="<?php echo site_url('user/forgot_password'); ?>" class="forgot-password">
<?php echo lang('forgot_your_password'); ?></a>
|
<span id="select-language" class="label label-success">
<?php echo ucfirst($this->config->item('language')); ?>
</span>
</form>
</div>
2017-09-05 15:58:34 +03:00
<script src="<?php echo base_url('assets/js/general_functions.js'); ?>"></script>
</body>
</html>