(function () {
  'use strict';
  angular.module('xos.diagnostic')
  .directive('diagnosticContainer', function(){
    return {
      restrict: 'E',
      templateUrl: 'templates/diagnostic.tpl.html',
      controllerAs: 'vm',
      controller: function(ChartData, Subscribers, SubscribersWithDevice, ServiceRelation, $rootScope){

        this.loader = true;
        this.error = false;
        
        const loadGlobalScope = () => {
          Subscribers.query().$promise
          .then((subscribers) => {
            this.subscribers = subscribers;
            return ServiceRelation.get();
          })
          .then((serviceChain) => {
            this.serviceChain = serviceChain;
            // debug helper
            // loadSubscriber(this.subscribers[0]);
          })
          .catch(e => {
            throw new Error(e);
            this.error = e;
          })
          .finally(() => {
            this.loader = false;
          });
        };

        loadGlobalScope();

        this.reloadGlobalScope = () => {
          this.selectedSubscriber = null;
          loadGlobalScope();
        }

        const loadSubscriber = (subscriber) => {
          ServiceRelation.getBySubscriber(subscriber)
          .then((serviceChain) => {
            this.serviceChain = serviceChain;
            ChartData.currentServiceChain = serviceChain;
            return SubscribersWithDevice.get({id: subscriber.id}).$promise;
          })
          .then((subscriber) => {
            this.selectedSubscriber = subscriber;
            ChartData.currentSubscriber = subscriber;
          });
        };

        $rootScope.$on('subscriber.selected', (evt, subscriber) => {
          loadSubscriber(subscriber);
        });

      }
    }
  });
})();