From a7a68d2fe1270981c75c56f4899d84e0f490218a Mon Sep 17 00:00:00 2001
From: aronwk-aaron <aronwk.aaron@gmail.com>
Date: Thu, 15 Jun 2023 23:02:47 -0500
Subject: [PATCH] fix nav highlight and tooltip rendering

---
 app/templates/base.html.j2 | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2
index 0f77181..e298393 100644
--- a/app/templates/base.html.j2
+++ b/app/templates/base.html.j2
@@ -84,6 +84,17 @@
   <script type="text/javascript" src="{{ url_for('static', filename='bootstrap-4.2.1/js/bootstrap.bundle.min.js') }}"></script>
   <script type="text/javascript" src="{{ url_for('static', filename='datatables/datatables.min.js') }}"></script>
   <script type="sytylesheet" src="{{ url_for('static', filename='datatables/datatables.min.css') }}"></script>
+  <script>
+    // set the active nav-link item
+    $(function () {
+      let target_nav = '#{{request.endpoint}}'.replace('\.', '-');
+      $(target_nav).addClass('active');
+    });
+    // make tooltips with data work
+    $(function () {
+      $('[data-toggle="tooltip"]').tooltip()
+    })
+  </script>
 {% endblock %}
 
 </body>