From 5b32127de24447d7b7b59c015e6a7defaf517759 Mon Sep 17 00:00:00 2001
From: johnnyq <johnny@pittpc.com>
Date: Wed, 29 Jan 2025 11:41:37 -0500
Subject: [PATCH] Add Tooltips on hover to better explain what to do with the
 MFA enformcement info

---
 mfa_enforcement.php | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/mfa_enforcement.php b/mfa_enforcement.php
index 2368c7c0..2b45bc13 100644
--- a/mfa_enforcement.php
+++ b/mfa_enforcement.php
@@ -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>