Add tooltip on search box

Tooltip only added when server side processing is used.

JIRA INFRA-1893 #action In Progress

app/static/js/csentry.js

@@ -104,6 +104,20 @@ function update_stack_member() {
   );
 }
 
+// Function to initialize tooltip on DataTables search box
+// Only used when using server side processing
+function configure_search_tooltip() {
+  $(".dataTables_filter").tooltip({
+    title:
+      "Enter keyword(s) or use wildcard character '*' for partial match. See the help for more information.",
+  });
+
+  // Hide the tooltip when clicking in the search box
+  $("input[type='search'").focus(function () {
+    $(".dataTables_filter").tooltip("hide");
+  });
+}
+
 $(document).ready(function () {
   // When an invalid input was submitted, the server
   // adds the "is-invalid" class to form fields to display

app/static/js/groups.js

@@ -114,5 +114,7 @@ $(document).ready(function () {
       .buttons()
       .container()
       .appendTo("#groups_table_wrapper .col-md-3:eq(0)");
+
+    configure_search_tooltip();
   }
 });

app/static/js/hosts.js

@@ -196,5 +196,7 @@ $(document).ready(function () {
       .buttons()
       .container()
       .appendTo("#hosts_table_wrapper .col-md-3:eq(0)");
+
+    configure_search_tooltip();
   }
 });

app/static/js/items.js

@@ -144,4 +144,6 @@ $(document).ready(function () {
       .container()
       .appendTo("#items_table_wrapper .col-md-3:eq(0)");
   }
+
+  configure_search_tooltip();
 });