mirror of https://github.com/itflow-org/itflow
153 lines
4.5 KiB
PHP
153 lines
4.5 KiB
PHP
<?php
|
|
require_once "config.php";
|
|
require_once "functions.php";
|
|
require_once "check_login.php";
|
|
require_once 'plugins/totp/totp.php';
|
|
|
|
|
|
// Only generate the token once and store it in session:
|
|
if (empty($_SESSION['mfa_token'])) {
|
|
$token = key32gen();
|
|
$_SESSION['mfa_token'] = $token;
|
|
}
|
|
$token = $_SESSION['mfa_token'];
|
|
|
|
// Generate QR Code
|
|
$data = "otpauth://totp/ITFlow:$session_email?secret=$token";
|
|
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<meta name="robots" content="noindex">
|
|
|
|
<title>MFA Enforcement | <?php echo $session_company_name; ?></title>
|
|
|
|
<!--
|
|
Favicon
|
|
If Fav Icon exists else use the default one
|
|
-->
|
|
<?php if(file_exists('uploads/favicon.ico')) { ?>
|
|
<link rel="icon" type="image/x-icon" href="/uploads/favicon.ico">
|
|
<?php } ?>
|
|
|
|
<!-- Font Awesome Icons -->
|
|
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
|
|
|
|
<!-- Theme style -->
|
|
<link rel="stylesheet" href="plugins/adminlte/css/adminlte.min.css">
|
|
<link href="plugins/toastr/toastr.min.css" rel="stylesheet">
|
|
|
|
<!-- jQuery -->
|
|
<script src="plugins/jquery/jquery.min.js"></script>
|
|
<script src="plugins/toastr/toastr.min.js"></script>
|
|
|
|
</head>
|
|
<body class="hold-transition login-page">
|
|
<?php require_once "includes/inc_alert_feedback.php"; ?>
|
|
<div class="login-box">
|
|
<div class="login-logo">
|
|
<?php if (!empty($company_logo)) { ?>
|
|
<img alt="<?=nullable_htmlentities($company_name)?> logo" height="110" width="380" class="img-fluid" src="<?php echo "uploads/settings/$company_logo"; ?>">
|
|
<?php } else { ?>
|
|
<span class="text-primary text-bold"><i class="fas fa-paper-plane mr-2"></i>IT</span>Flow
|
|
<?php } ?>
|
|
</div>
|
|
|
|
<!-- /.login-logo -->
|
|
<div class="card">
|
|
<div class="card-body login-card-body">
|
|
|
|
<p class="login-box-msg">Multi-Factor Authentication Enforced</p>
|
|
|
|
<form action="post.php" method="post" autocomplete="off">
|
|
<input type="hidden" name="csrf_token" value="<?php echo $_SESSION['csrf_token'] ?>">
|
|
|
|
<div class="text-center">
|
|
|
|
<img src='plugins/barcode/barcode.php?f=png&s=qr&d=<?php echo $data; ?>'>
|
|
|
|
<p>
|
|
<small><?php echo $token; ?></small>
|
|
<button type="button" class='btn btn-sm clipboardjs' data-clipboard-text='<?php echo $token; ?>'><i class='far fa-copy text-secondary'></i></button>
|
|
</p>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="input-group mb-3">
|
|
<input type="text" class="form-control" inputmode="numeric" pattern="[0-9]*" minlength="6" maxlength="6" name="verify_code" placeholder="Enter 6 digit code to verify MFA" required>
|
|
<div class="input-group-append">
|
|
<div class="input-group-text">
|
|
<span class="fas fa-lock"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" name="enable_mfa" class="btn btn-primary btn-block mb-3"><i class="fa fa-check mr-2"></i>Enable MFA</button>
|
|
</form>
|
|
|
|
</div>
|
|
<!-- /.login-card-body -->
|
|
</div>
|
|
</div>
|
|
<!-- /.login-box -->
|
|
|
|
<!-- REQUIRED SCRIPTS -->
|
|
|
|
<!-- Bootstrap 4 -->
|
|
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Custom js-->
|
|
<script src="plugins/clipboardjs/clipboard.min.js"></script>
|
|
|
|
<script>
|
|
|
|
// Slide alert up after 4 secs
|
|
$("#alert").fadeTo(5000, 500).slideUp(500, function(){
|
|
$("#alert").slideUp(500);
|
|
});
|
|
|
|
// ClipboardJS
|
|
|
|
// Tooltip
|
|
|
|
$('button').tooltip({
|
|
trigger: 'click',
|
|
placement: 'bottom'
|
|
});
|
|
|
|
function setTooltip(btn, message) {
|
|
$(btn).tooltip('hide')
|
|
.attr('data-original-title', message)
|
|
.tooltip('show');
|
|
}
|
|
|
|
function hideTooltip(btn) {
|
|
setTimeout(function() {
|
|
$(btn).tooltip('hide');
|
|
}, 1000);
|
|
}
|
|
|
|
// Clipboard
|
|
|
|
var clipboard = new ClipboardJS('.clipboardjs');
|
|
|
|
clipboard.on('success', function(e) {
|
|
setTooltip(e.trigger, 'Copied!');
|
|
hideTooltip(e.trigger);
|
|
});
|
|
|
|
clipboard.on('error', function(e) {
|
|
setTooltip(e.trigger, 'Failed!');
|
|
hideTooltip(e.trigger);
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|