Move tooltip setup to the ui package

assets/static/alerts.js

@@ -21,20 +21,7 @@ var Alerts = (function() {
 
         // called after group was rendered for the first time
         Added() {
-            var groupID = '#' + this.id;
-            var group = $(groupID);
-            $.each(group.find('[data-toggle=tooltip]'), function(i, elem) {
-                $(elem).tooltip({
-                    animation: false, // slows down tooltip removal
-                    delay: {
-                        show: 500,
-                        hide: 0
-                    },
-                    title: $(elem).attr('title') || $(elem).data('ts-title'),
-                    trigger: 'hover'
-                });
-            });
-            UI.SetupAlertGroupUI(group);
+            UI.SetupAlertGroupUI($('#' + this.id));
         }
 
         Update() {

assets/static/ui.js

@@ -53,8 +53,26 @@ var UI = (function(params) {
     }
 
 
+    // find all elements inside alert group panel that will use tooltips
+    // and setup those
+    setupGroupTooltips = function(groupElem) {
+        $.each(groupElem.find('[data-toggle=tooltip]'), function(i, elem) {
+            $(elem).tooltip({
+                animation: false, // slows down tooltip removal
+                delay: {
+                    show: 500,
+                    hide: 0
+                },
+                title: $(elem).attr('title') || $(elem).data('ts-title'),
+                trigger: 'hover'
+            });
+        });
+    }
+
+
     setupAlertGroupUI = function(elem) {
         setupGroupLinkHover(elem);
+        setupGroupTooltips(elem);
     }