<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8"><title>ApplicGate Authentication Service</title>
<script type="text/javascript" src="AppGwOTPfiles/qrcode.js"></script>
<link href="AppGwOTPfiles/AppGwOTP.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="displayArea">
<div><img src="AppGwOTPfiles/login-visual.gif"></div>
<br>
<div id="loginField" style="height:380px;">
<div id="loginHeader">TOTP Login for %username%</div>
<div id="loginBody">
Your secret is: %secret%
<div id="qrcode" style="width:150px; height:150px; margin-top:15px; margin-left:50px;"></div>
<br>
When you have finished the configuration of the Authenticator:<br>
Please confirm the configuration with the
One Time Password sent to %Phone%<br>(5 characters):<br>
<form method="post" action="otprec">
<input type="password" name="OTPwd" value="" size="10" maxlength="5" required>
<br><br>
<input type="submit" value="Submit">
</form>
<br>
For any questions please ask the system administrator.
</div>
<br>
</div>
<div id="legal"><hr>ApplicGate Network Security e.U. (C) 2019</div>
<br>
</div>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "otpauth://totp/Test:%usernameRep%?secret=%secret%&issuer=ApplicGate",
width : 150,
height : 150,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script>
</body></html>