Add Tooltips on hover to better explain what to do with the MFA enformcement info

This commit is contained in:
johnnyq 2025-01-29 11:41:37 -05:00
parent 22a5c90d21
commit 5b32127de2
1 changed files with 7 additions and 2 deletions

View File

@ -69,10 +69,10 @@ $data = "otpauth://totp/ITFlow:$session_email?secret=$token";
<div class="text-center">
<img src='plugins/barcode/barcode.php?f=png&s=qr&d=<?php echo $data; ?>'>
<img src='plugins/barcode/barcode.php?f=png&s=qr&d=<?php echo $data; ?>' data-toggle="tooltip" title="Scan QR code into your MFA App">
<p>
<small><?php echo $token; ?></small>
<small data-toggle="tooltip" title="Can't Scan? Copy and paste this code into your app"><?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>
@ -147,6 +147,11 @@ clipboard.on('error', function(e) {
hideTooltip(e.trigger);
});
// Enable Popovers
$(function () {
$('[data-toggle="popover"]').popover()
});
</script>
</body>
</html>