From 41db7370932876e239c849a7f7cd5d54b1437dcf Mon Sep 17 00:00:00 2001
From: Magnus Lindberg <magnus.lindberg@84codes.com>
Date: Mon, 27 Jan 2025 13:14:39 +0100
Subject: [PATCH] Tooltips added for details table

---
 static/js/queue.js | 8 ++++----
 static/main.css    | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/static/js/queue.js b/static/js/queue.js
index b1b89d42e9..f5a554b632 100644
--- a/static/js/queue.js
+++ b/static/js/queue.js
@@ -111,10 +111,10 @@ function updateQueue (all) {
       }
       if (all) {
         let features = ''
-        features += item.durable ? ' D' : ''
-        features += item.auto_delete ? ' AD' : ''
-        features += item.exclusive ? ' E' : ''
-        document.getElementById('q-features').textContent = features
+        features += item.durable ? ' <span title="Durable">D</span>' : ''
+        features += item.auto_delete ? ' <span title="Auto delete">AD</span>' : ''
+        features += item.exclusive ? ' <span title="Exclusive">E</span>' : ''
+        document.getElementById('q-features').innerHTML = features
         document.querySelector('#pagename-label').textContent = queue + ' in virtual host ' + item.vhost
         document.querySelector('.queue').textContent = queue
         if (item.policy) {
diff --git a/static/main.css b/static/main.css
index 0052f45a2c..a7de93c3e7 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1368,6 +1368,10 @@ footer .logo {
   color: #CDCBC9;
 }
 
+#q-features span {
+  cursor: help;
+}
+
 .small-table {
   width: 50%;
   max-width: 600px;