Merge pull request #174 from kmoroder/feature/template-url-cache

Adds template URL caching as attribute option

Author: 45kb

Readme.md

@@ -87,6 +87,7 @@ tooltip-template="" | String() | '' | Set your tooltip template (HTML or just Te
  |  |  | **to know**: don't use it together with `tooltip-template-url` attribute, use only one of them
 tooltip-template-url="" | String() | '' | Set your external tooltip template PATH
  |  |  | **to know**: don't use it together with `tooltip-template` attribute, use only one of them 
+tooltip-template-url-cache="" | String(Boolean) | false | This attribute stores and retrieves the template from the cache
 tooltip-controller="" | String() | '' | Set a controller to your external tooltip template
 tooltip-smart="" | String(Boolean) | false | Set the tooltip to automatically search the best position on the screen
 tooltip-show-trigger="" | String('event1 event2') | 'mouseover' | Show the tooltip on specific event/events

dist/angular-tooltips.js

@@ -79,6 +79,12 @@
       element.removeAttr('tooltip-template-url');
     }
 
+    if (element.attr('tooltip-template-url-cache') !== undefined) {
+
+      attributesToAdd['tooltip-template-url-cache'] = element.attr('tooltip-template-url-cache');
+      element.removeAttr('tooltip-template-url-cache');
+    }
+
     if (element.attr('tooltip-controller') !== undefined) {
 
       attributesToAdd['tooltip-controller'] = element.attr('tooltip-controller');
@@ -212,7 +218,8 @@
       'smart': false,
       'closeButton': false,
       'size': '',
-      'speed': 'steady'
+      'speed': 'steady',
+      'tooltipTemplateUrlCache': false
     };
 
     return {
@@ -240,7 +247,7 @@
       }
     };
   }
-  , tooltipDirective = /*@ngInject*/ ["$log", "$http", "$compile", "$timeout", "$controller", "$injector", "tooltipsConf", function tooltipDirective($log, $http, $compile, $timeout, $controller, $injector, tooltipsConf) {
+  , tooltipDirective = /*@ngInject*/ ["$log", "$http", "$compile", "$timeout", "$controller", "$injector", "tooltipsConf", "$templateCache", function tooltipDirective($log, $http, $compile, $timeout, $controller, $injector, tooltipsConf) {
 
     var linkingFunction = function linkingFunction($scope, $element, $attrs, $controllerDirective, $transcludeFunc) {
 
@@ -557,7 +564,6 @@
             }
           }
           , onTooltipTemplateChange = function onTooltipTemplateChange(newValue) {
-
             if (newValue) {
               tooltipElement.removeClass('_force-hidden'); //see lines below, this forces to hide tooltip when is empty
               tipTipElement.empty();
@@ -574,7 +580,6 @@
             }
           }
           , onTooltipTemplateUrlChange = function onTooltipTemplateUrlChange(newValue) {
-
             if (newValue) {
 
               $http.get(newValue).then(function onResponse(response) {
@@ -598,6 +603,28 @@
               tooltipElement.addClass('_force-hidden'); //force to be hidden if empty
             }
           }
+          , onTooltipTemplateUrlCacheChange = function onTooltipTemplateUrlCacheChange(newValue) {
+            if (newValue && $attrs.tooltipTemplateUrl) {
+
+              var template = $templateCache.get($attrs.tooltipTemplateUrl);
+
+              if (typeof template !== 'undefined') {
+                
+                tooltipElement.removeClass('_force-hidden'); //see lines below, this forces to hide tooltip when is empty
+                tipTipElement.empty();
+                tipTipElement.append(closeButtonElement);
+                tipTipElement.append($compile(response.data)(scope));
+                $timeout(function doLater() {
+
+                  onTooltipShow();
+                });
+              }
+            } else {
+              //hide tooltip because is empty
+              tipTipElement.empty();
+              tooltipElement.addClass('_force-hidden'); //force to be hidden if empty
+            }
+          }
           , onTooltipSideChange = function onTooltipSideChange(newValue) {
 
             if (newValue) {
@@ -718,6 +745,7 @@
           }
           , unregisterOnTooltipTemplateChange = $attrs.$observe('tooltipTemplate', onTooltipTemplateChange)
           , unregisterOnTooltipTemplateUrlChange = $attrs.$observe('tooltipTemplateUrl', onTooltipTemplateUrlChange)
+          , unregisterOnTooltipTemplateUrlCacheChange = $attrs.$observe('tooltipTemplateUrlCache', onTooltipTemplateUrlCacheChange)
           , unregisterOnTooltipSideChangeObserver = $attrs.$observe('tooltipSide', onTooltipSideChange)
           , unregisterOnTooltipShowTrigger = $attrs.$observe('tooltipShowTrigger', onTooltipShowTrigger)
           , unregisterOnTooltipHideTrigger = $attrs.$observe('tooltipHideTrigger', onTooltipHideTrigger)
@@ -777,6 +805,7 @@
 
           unregisterOnTooltipTemplateChange();
           unregisterOnTooltipTemplateUrlChange();
+          unregisterOnTooltipTemplateUrlCacheChange();
           unregisterOnTooltipSideChangeObserver();
           unregisterOnTooltipShowTrigger();
           unregisterOnTooltipHideTrigger();