Merge pull request #203 from zhangoose/show-tooltip

[New Attribute] tooltip-show-tooltip

Author: 45kb

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="" | String(Boolean) | false | Show/Hide the tooltip "manually"
 
 
 ## Globals

lib/angular-tooltips.js

@@ -111,6 +111,12 @@
       element.removeAttr('tooltip-class');
     }
 
+    if (element.attr('tooltip-show') !== undefined) {
+
+      attributesToAdd['tooltip-show'] = element.attr('tooltip-show');
+      element.removeAttr('tooltip-show');
+    }
+
     if (element.attr('tooltip-close-button') !== undefined) {
 
       attributesToAdd['tooltip-close-button'] = element.attr('tooltip-close-button');
@@ -209,7 +215,8 @@
       'closeButton': false,
       'size': '',
       'speed': 'steady',
-      'tooltipTemplateUrlCache': false
+      'tooltipTemplateUrlCache': false,
+      'show': null
     };
 
     return {
@@ -263,6 +270,7 @@
       $attrs.tooltipSide = $attrs.tooltipSide || tooltipsConf.side;
       $attrs.tooltipShowTrigger = $attrs.tooltipShowTrigger || tooltipsConf.showTrigger;
       $attrs.tooltipHideTrigger = $attrs.tooltipHideTrigger || tooltipsConf.hideTrigger;
+      $attrs.tooltipShow = $attrs.tooltipShow || tooltipsConf.show;
       $attrs.tooltipClass = $attrs.tooltipClass || tooltipsConf.class;
       $attrs.tooltipSmart = $attrs.tooltipSmart === 'true' || tooltipsConf.smart;
       $attrs.tooltipCloseButton = $attrs.tooltipCloseButton || tooltipsConf.closeButton.toString();
@@ -650,6 +658,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 +755,7 @@
           , unregisterOnTooltipSideChangeObserver = $attrs.$observe('tooltipSide', onTooltipSideChange)
           , unregisterOnTooltipShowTrigger = $attrs.$observe('tooltipShowTrigger', onTooltipShowTrigger)
           , unregisterOnTooltipHideTrigger = $attrs.$observe('tooltipHideTrigger', onTooltipHideTrigger)
+          , unregisterOnTooltipShowTooltip = $attrs.$observe('tooltipShow', onTooltipShowTooltip)
           , unregisterOnTooltipClassChange = $attrs.$observe('tooltipClass', onTooltipClassChange)
           , unregisterOnTooltipSmartChange = $attrs.$observe('tooltipSmart', onTooltipSmartChange)
           , unregisterOnTooltipCloseButtonChange = $attrs.$observe('tooltipCloseButton', onTooltipCloseButtonChange)
@@ -796,6 +814,7 @@
           unregisterOnTooltipSideChangeObserver();
           unregisterOnTooltipShowTrigger();
           unregisterOnTooltipHideTrigger();
+          unregisterOnTooltipShowTooltip();
           unregisterOnTooltipClassChange();
           unregisterOnTooltipSmartChange();
           unregisterOnTooltipCloseButtonChange();