/*
 * Angular Heatmap Directive
 *
 * Copyright 2008-2016 Patrick Wied <heatmapjs@patrick-wied.at> - All rights reserved.
 * Dual licensed under MIT and Beerware license 
 *
 */
(function () {

    'use strict';

    angular.module('heatmap', [])
      .directive('heatmap', ['$heatmapService', function ($heatmap) {
          return {
              restrict: 'AE',
              scope: {
                  'data': '=',
                  'config': '='
              },
              link: function (scope, el, attrs) {
                  var domEl = el[0];
                  var computed = window.getComputedStyle(domEl);
                  var defaultCfg = {
                      width: +attrs['width'] || +computed['width'].replace('px', ''),
                      height: +attrs['height'] || +computed['height'].replace('px', '')
                  };
                  var cfg = angular.extend(defaultCfg, scope['config'] || {});
                  
                  cfg.container = domEl;
                  var heatmapInstance = h337.create(cfg);

                  scope.heatmapInstance = heatmapInstance;
                  $heatmap.registerInstance(attrs.id || (+new Date) + '', heatmapInstance);
              },
              controller: function ($scope) {
                  $scope.watcherConfig = $scope.$watch('config', function (nu, old) {
                      if (nu == old) {
                          return;
                      }
                      $scope.heatmapInstance.configure(nu);
                  });
                  $scope.watcherData = $scope.$watch('data', function (nu, old) {
                      $scope.heatmapInstance.setData(nu);
                  }, true);

                  $scope.$on('$destroy', function(){
                      $scope.watcherData();
                      $scope.watcherConfig();
                  });

              }
          }
      }])
      .service('$heatmapService', [function () {
          var instances = {};
          return {
              registerInstance: function (key, value) {
                  instances[key] = value;
              },
              getInstance: function (key) {
                  return instances[key];
              },
              getAllInstances: function () {
                  return instances;
              }
          };
      }]);

})();