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

View File

@@ -69,10 +69,10 @@ $data = "otpauth://totp/ITFlow:$session_email?secret=$token";
<div class="text-center"> <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> <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> <button type="button" class='btn btn-sm clipboardjs' data-clipboard-text='<?php echo $token; ?>'><i class='far fa-copy text-secondary'></i></button>
</p> </p>
</div> </div>
@@ -147,6 +147,11 @@ clipboard.on('error', function(e) {
hideTooltip(e.trigger); hideTooltip(e.trigger);
}); });
// Enable Popovers
$(function () {
$('[data-toggle="popover"]').popover()
});
</script> </script>
</body> </body>
</html> </html>