From 80b188951d3b8bc52dba4490e163dca0969e91d5 Mon Sep 17 00:00:00 2001
From: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
Date: Sat, 6 Jul 2024 05:47:55 +0900
Subject: [PATCH] Website update mdm tooltip (#20222)

Added a tooltip to the "Complete device state" feature.

---------

Co-authored-by: Eric <eashaw@sailsjs.com>
---
 website/assets/js/pages/device-management.page.js | 5 ++++-
 website/views/pages/device-management.ejs         | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/website/assets/js/pages/device-management.page.js b/website/assets/js/pages/device-management.page.js
index 4ac94adabc..862894df96 100644
--- a/website/assets/js/pages/device-management.page.js
+++ b/website/assets/js/pages/device-management.page.js
@@ -13,7 +13,10 @@ parasails.registerPage('device-management-page', {
     //…
   },
   mounted: async function() {
-
+    $('[data-toggle="tooltip"]').tooltip({
+      container: '#device-management-page',
+      trigger: 'hover',
+    });
   },
 
   //  ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗
diff --git a/website/views/pages/device-management.ejs b/website/views/pages/device-management.ejs
index d3af041999..57146fb7fc 100644
--- a/website/views/pages/device-management.ejs
+++ b/website/views/pages/device-management.ejs
@@ -128,7 +128,7 @@
             <div purpose="table-row">
               <div purpose="feature-name">
                 <p>Complete device state </p>
-                <!-- <img style="margin-left: 6px; display: inline-flex" src="/images/icon-more-info-14x14@2x.png" alt=""> -->
+                <img style="margin-left: 6px;" class="d-inline" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info"  data-toggle="tooltip" tabindex="0" data-placement="top" title="Fleet gives you data down to the chip level on every endpoint. Access over 300 tables of system state data. Use presets or create your own queries.">
               </div>
               <div purpose="fleet-column"><img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png"></div>
               <div purpose="omnisaa-column"></div>