File modules/2fa/modules.php

$qr_code .= '<div class="err settings_wrap_text tfa_mt_1">'.$this->trans('Configure your authentication app using the barcode below BEFORE enabling 2 factor authentication.').'</div>';

165:

}

166:

else {

167:

$qr_code .= '<div>'.$this->trans('Update your settings with the code below').'</div>';

}

$qr_code .= $svg;

$qr_code .= '<div class="tfa_mb_1">'.$this->trans('If you can\'t use the QR code, you can enter the code below manually (no line breaks)').'</div>';

172:

$qr_code .= wordwrap($this->html_safe($this->get('2fa_secret', '')), 60, '<br />', true);

173:

}

174:

else {

175:

$qr_code = '<div class="tfa_mt_1">'.$this->trans('Unable to generate 2 factor authentication QR code').'</div>';

}

$res .= $qr_code;

$res .= '<div class="tfa_mb_1">'.$this->trans('The following backup codes can be used to access your account if you lose your device'). '</div>';

180:

181:

foreach ($backup_codes as $val) {

182:

$res .= ' '.$val.'<input type="hidden" name="2fa_backup_codes[]" value="'.$val.'" /></br >';

183:

}

184:

$res .= '<div class="tfa_mt_1">

185:

186:

<legend>Enter the confirmation code</legend>

</div>

<button id="tfaConfirmationBtn" type="submit" class="tfa_confirmation_input_button btn btn-light border-1">'.$this->trans('Verify code').'</button>

198:

</div>

199:

<div class="tfa_confirmation_hint"> '.$this->trans('Enter the 6 digit code from your Authenticator application').'</div>

</div>

</fieldset>

</div>

</td>

</tr>';

return $res;

}

}

/**

* @subpackage 2fa/output

211:

*/

212:

class Hm_Output_2fa_dialog extends Hm_Output_Module {

213:

protected function output() {

214:

215:

if ($this->get('2fa_required')) {

$lang = 'en-us';

$dir = 'ltr';

if ($this->lang) {

$lang = mb_strtolower(str_replace('_', '-', $this->lang));

}

if ($this->dir) {

$dir = $this->dir;

}

$class = $dir."_page";

226:

227:

if ($this->get('2fa_error')) {

228:

$error = '<div class="tfa_error"><div class="alert alert-danger alert-dismissible fade show" role="alert">'.$this->trans($this->get('2fa_error')).'</div></div>';

}

else {

$error = '';

}

if(!$this->get('fancy_login_allowed')){

235:

echo '<!DOCTYPE html>

236:

<html lang="'.$this->html_safe($lang).'" class="'.$this->html_safe($class).'" dir="'.$this->html_safe($dir).'">

<head>

</head>

<body>

<p class="text-center">'.$this->trans('Enter the 6 digit code from your Authenticator application').'</p>

252:

'.$error.'

253:

254:

<input autofocus required id="2fa_code" type="number" name="2fa_code" class="form-control" value="" placeholder="'.$this->trans('Login code').'">

255:

<label for="2fa_code">'.$this->trans('Login code').'</label>

256:

</div>

257:

258:

<input type="submit" class="btn btn-primary btn-lg" value="'.$this->trans('Submit').'">

</div>

</form>

</div>

</div>

</div>

</div>

</body>

</html>';

}

else{

$style = '<style type="text/css">body,html{max-width:100vw !important; max-height:100vh !important; overflow:hidden !important;}.form-container{background-color:#f1f1f1;'.

271:

'background: linear-gradient( rgba(4, 26, 0, 0.85), rgba(4, 26, 0, 0.85)), url('.WEB_ROOT.'modules/core/assets/images/cloud.jpg);'.

272:

'background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;'.

273:

'display:grid; place-items:center; height:100vh; width:100vw;} .logged_out{display:block !important;}.sys_messages'.

274:

'{position:fixed;right:20px;top:15px;min-height:30px;display:none;background-color:#fff;color:teal;'.

275:

'margin-top:0px;padding:15px;padding-bottom:5px;white-space:nowrap;border:solid 1px #999;border-radius:'.

276:

'5px;filter:drop-shadow(4px 4px 4px #ccc);z-index:101;}.g-recaptcha{margin:0px 10px 10px 10px;}.mobile .g-recaptcha{'.

277:

'margin:0px 10px 5px 10px;}.title{font-weight:normal;padding:0px;margin:0px;margin-left:20px;'.

278:

'margin-bottom:20px;letter-spacing:-1px;color:#999;}html,body{min-width:100px !important;'.

279:

'background-color:#fff;}body{background:linear-gradient(180deg,#faf6f5,#faf6f5,#faf6f5,#faf6f5,'.

280:

'#fff);font-size:1em;color:#333;font-family:Arial;padding:0px;margin:0px;min-width:700px;'.

281:

'font-size:100%;}input,option,select{font-size:100%;padding:3px;}textarea,select,input{border:outset '.

282:

'1px #ddd;background-color:#fff;color:#333;border-radius:6px;}.screen_reader{position:absolute'.

283:

';top:auto;width:1px;height:1px;overflow:hidden;}.login_form{display:flex; justify-content:space-evenly; align-items:center; flex-direction:column;font-size:90%;'.

284:

'padding-top:60px;height:360px;border-radius:20px 20px 20px 20px;margin:0px;background-color:rgba(0,0,0,.6);'.

285:

'min-width:300px;}.login_form input{clear:both;float:left;padding:4px;'.

286:

'margin-top:10px;margin-bottom:10px;} .err{color:red !important;}.long_session'.

287:

'{float:left;}.long_session input{padding:0px;float:none;font-size:18px;}.mobile .long_session{float:left;clear:both;} @media screen and (min-width:400px){.login_form{min-width:400px;}}'.

288:

'.user-icon_signin{display:block; background-color:white; border-radius:100%; padding:10px; height:40px; margin-top:-75px; box-shadow: #6eb549 .4px 2.4px 6.2px; }'.

289:

'.label_signin{width:210px; margin:0px 0px -18px 0px;color:#fff;opacity:0.7;}'.

290:

'.login_form {float : none; padding-left : 0px; padding : 8px; }@media (max-height : 500px){ .user-icon_signin{display:none;}}'.

291:

'.tfa_error{margin-left:0 !important; margin-right:0 !important; color:#f93838 !important;} .tfa_input{margin-left:0px;}'.

292:

'</style>';

293:

echo '<!DOCTYPE html><html lang='.$this->html_safe($lang).' class="'.$this->html_safe($class).

294:

'" dir="'.$this->html_safe($dir).'"><head><meta charset="utf-8" />'.

295:

'<link href="site.css" media="all" rel="stylesheet" type="text/css" />'.

296:

'<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">'.$style.

297:

'</head><body><div class="form-container">

298:

299:

300:

<img src="modules/core/assets/images/logo.svg" style="height:90px;"><!--h1 class="title">'.

301:

$this->html_safe($this->get('router_app_name')).'</h1-->'. $error.'<div class="tfa_input">'.

302:

'<label class="label_signin" for="2fa_code">'.$this->trans('Enter the 6 digit code from your Authenticator application').

303:

'</label></div><input type="hidden" name="hm_page_key" value="'.$this->get('2fa_key').'" />'.

304:

'<input autofocus required id="2fa_code" style="width:200px; height:25px;" type="number" name="2fa_code" value="" placeholder="'.

305:

$this->trans('Login code').'" /><input style="cursor:pointer; display:block; width: 210px; background-color:#6eb549; color:white; height:40px;" type="submit" value="'.$this->trans('Submit').

306:

'" /></form></div></body></html>';

307:

}

308:

Hm_Functions::cease();

309:

}

310:

}

311:

}