Add ability to control whether to show a tooltip based on a bool

Author: zhangoose

Readme.md

@@ -97,6 +97,7 @@ tooltip-size="" | String('large', 'small') | 'medium' | Set your tooltip dimensi
 tooltip-speed="" | String('fast', 'slow', 'medium') | 'medium' | Set your tooltip show & hide transition speed
 tooltip-hidden="" | String(Boolean) | false | Hide (at all) the tooltip
 tooltip-append-to-body="" | String(Boolean) | false | This attribute clones the tooltip and append this directly on body. This enables the tooltip position also, for instance, if you have an scrolling area. **This option does heavy javascript calculation.**
+tooltip-show-tooltip="" | String(Boolean) | false | Show/Hide the tooltip "manually"
 
 
 ## Globals

lib/angular-tooltips.js

@@ -111,6 +111,11 @@
       element.removeAttr('tooltip-class');
     }
 
+    if (element.attr('tooltip-show-tooltip') !== undefined) {
+      attributesToAdd['tooltip-show-tooltip'] = element.attr('tooltip-show-tooltip');
+      element.removeAttr('tooltip-show-tooltip');
+    }
+
     if (element.attr('tooltip-close-button') !== undefined) {
 
       attributesToAdd['tooltip-close-button'] = element.attr('tooltip-close-button');
@@ -209,7 +214,8 @@
       'closeButton': false,
       'size': '',
       'speed': 'steady',
-      'tooltipTemplateUrlCache': false
+      'tooltipTemplateUrlCache': false,
+      'tooltipShowTooltip': null
     };
 
     return {
@@ -263,6 +269,7 @@
       $attrs.tooltipSide = $attrs.tooltipSide || tooltipsConf.side;
       $attrs.tooltipShowTrigger = $attrs.tooltipShowTrigger || tooltipsConf.showTrigger;
       $attrs.tooltipHideTrigger = $attrs.tooltipHideTrigger || tooltipsConf.hideTrigger;
+      $attrs.tooltipShowTooltip = $attrs.tooltipShowTooltip || tooltipsConf.showTooltip;
       $attrs.tooltipClass = $attrs.tooltipClass || tooltipsConf.class;
       $attrs.tooltipSmart = $attrs.tooltipSmart === 'true' || tooltipsConf.smart;
       $attrs.tooltipCloseButton = $attrs.tooltipCloseButton || tooltipsConf.closeButton.toString();
@@ -650,6 +657,15 @@
               oldTooltipHideTrigger = newValue;
             }
           }
+          , onTooltipShowTooltip = function onTooltipShowTooltip(newValue) {
+
+            if (newValue === 'true') {
+
+              tooltipElement.addClass('active');
+            } else {
+              tooltipElement.removeClass('active');
+            }
+          }
           , onTooltipClassChange = function onTooltipClassChange(newValue) {
 
             if (newValue) {
@@ -738,6 +754,7 @@
           , unregisterOnTooltipSideChangeObserver = $attrs.$observe('tooltipSide', onTooltipSideChange)
           , unregisterOnTooltipShowTrigger = $attrs.$observe('tooltipShowTrigger', onTooltipShowTrigger)
           , unregisterOnTooltipHideTrigger = $attrs.$observe('tooltipHideTrigger', onTooltipHideTrigger)
+          , unregisterOnTooltipShowTooltip = $attrs.$observe('tooltipShowTooltip', onTooltipShowTooltip)
           , unregisterOnTooltipClassChange = $attrs.$observe('tooltipClass', onTooltipClassChange)
           , unregisterOnTooltipSmartChange = $attrs.$observe('tooltipSmart', onTooltipSmartChange)
           , unregisterOnTooltipCloseButtonChange = $attrs.$observe('tooltipCloseButton', onTooltipCloseButtonChange)
@@ -796,6 +813,7 @@
           unregisterOnTooltipSideChangeObserver();
           unregisterOnTooltipShowTrigger();
           unregisterOnTooltipHideTrigger();
+          unregisterOnTooltipShowTooltip();
           unregisterOnTooltipClassChange();
           unregisterOnTooltipSmartChange();
           unregisterOnTooltipCloseButtonChange();