MyEMS/myems

'use strict';

app.controller('SpaceEnergyFlowDiagramController', function(
    $scope,
    $window,
    $translate,
    SpaceService,
    EnergyFlowDiagramService,
    SpaceEnergyFlowDiagramService,
    toaster,SweetAlert) {
    $scope.spaces = [];
    $scope.currentSpaceID = 1;
    $scope.energyflowdiagrams = [];
    $scope.spaceenergyflowdiagrams = [];
    $scope.cur_user = JSON.parse($window.localStorage.getItem("myems_admin_ui_current_user"));

    $scope.getAllSpaces = function() {
    let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
    SpaceService.getAllSpaces(headers, function (response) {
      if (angular.isDefined(response.status) && response.status === 200) {
        $scope.spaces = response.data;
      } else {
        $scope.spaces = [];
      }
      //create space tree
      var treedata = {'core': {'data': [], "multiple" : false,}, "plugins" : [ "wholerow" ]};
      for(var i=0; i < $scope.spaces.length; i++) {
          if ($scope.spaces[i].id == 1) {
            var node = {"id": $scope.spaces[i].id.toString(),
                                "parent": '#',
                                "text": $scope.spaces[i].name,
                                "state": {  'opened' : true,  'selected' : false },
                               };
          } else {
              var node = {"id": $scope.spaces[i].id.toString(),
                                  "parent": $scope.spaces[i].parent_space.id.toString(),
                                  "text": $scope.spaces[i].name,
                                 };
          };
          treedata['core']['data'].push(node);
      }

      angular.element(spacetreewithenergyflowdiagram).jstree(treedata);
      //space tree selected changed event handler
      angular.element(spacetreewithenergyflowdiagram).on("changed.jstree", function (e, data) {
          $scope.currentSpaceID = parseInt(data.selected[0]);
          $scope.getEnergyFlowDiagramsBySpaceID($scope.currentSpaceID);
      });
    });
    };

    $scope.getEnergyFlowDiagramsBySpaceID = function(id) {
    $scope.spaceenergyflowdiagrams=[];
    let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
    SpaceEnergyFlowDiagramService.getEnergyFlowDiagramsBySpaceID(id, headers, function (response) {
            if (angular.isDefined(response.status) && response.status === 200) {
              $scope.spaceenergyflowdiagrams = $scope.spaceenergyflowdiagrams.concat(response.data);
            } else {
              $scope.spaceenergyflowdiagrams=[];
            }
        });
        };

    $scope.getAllEnergyFlowDiagrams = function() {
        let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
        EnergyFlowDiagramService.getAllEnergyFlowDiagrams(headers, function (response) {
            if (angular.isDefined(response.status) && response.status === 200) {
                $scope.energyflowdiagrams = response.data;
            } else {
                $scope.energyflowdiagrams = [];
            }
        });
    };

    $scope.pairEnergyFlowDiagram=function(dragEl,dropEl){
        var energyflowdiagramid=angular.element('#'+dragEl).scope().energyflowdiagram.id;
        var spaceid=angular.element(spacetreewithenergyflowdiagram).jstree(true).get_top_selected();
        let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
        SpaceEnergyFlowDiagramService.addPair(spaceid,energyflowdiagramid, headers, function (response) {
            if (angular.isDefined(response.status) && response.status === 201) {
                    toaster.pop({
                        type: "success",
                        title: $translate.instant("TOASTER.SUCCESS_TITLE"),
                        body: $translate.instant("TOASTER.BIND_ENERGYFLOWDIAGRAM_SUCCESS"),
                        showCloseButton: true,
                    });
                    $scope.getEnergyFlowDiagramsBySpaceID(spaceid);
                } else {
          toaster.pop({
              type: "error",
              title: $translate.instant(response.data.title),
              body: $translate.instant(response.data.description),
              showCloseButton: true,
          });
                }
        });
    };

    $scope.deleteEnergyFlowDiagramPair=function(dragEl,dropEl){
        if(angular.element('#'+dragEl).hasClass('source')){
            return;
        }
        var spaceenergyflowdiagramid = angular.element('#' + dragEl).scope().spaceenergyflowdiagram.id;
        var spaceid = angular.element(spacetreewithenergyflowdiagram).jstree(true).get_top_selected();
        let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
        SpaceEnergyFlowDiagramService.deletePair(spaceid, spaceenergyflowdiagramid, headers, function (response) {
            if (angular.isDefined(response.status) && response.status === 204) {
                toaster.pop({
                    type: "success",
                    title: $translate.instant("TOASTER.SUCCESS_TITLE"),
                    body: $translate.instant("TOASTER.UNBIND_ENERGYFLOWDIAGRAM_SUCCESS"),
                    showCloseButton: true,
                });
                $scope.getEnergyFlowDiagramsBySpaceID(spaceid);
            } else {
                toaster.pop({
                    type: "error",
                    title: $translate.instant(response.data.title),
                    body: $translate.instant(response.data.description),
                    showCloseButton: true,
                });
            }
        });
    };

  $scope.getAllSpaces();
    $scope.getAllEnergyFlowDiagrams();

  $scope.refreshSpaceTree = function() {
    let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
    SpaceService.getAllSpaces(headers, function (response) {
      if (angular.isDefined(response.status) && response.status === 200) {
        $scope.spaces = response.data;
      } else {
        $scope.spaces = [];
      }
      //create space tree
      var treedata = {'core': {'data': [], "multiple" : false,}, "plugins" : [ "wholerow" ]};
      for(var i=0; i < $scope.spaces.length; i++) {
          if ($scope.spaces[i].id == 1) {
            var node = {"id": $scope.spaces[i].id.toString(),
                                "parent": '#',
                                "text": $scope.spaces[i].name,
                                "state": {  'opened' : true,  'selected' : false },
                               };
          } else {
              var node = {"id": $scope.spaces[i].id.toString(),
                                  "parent": $scope.spaces[i].parent_space.id.toString(),
                                  "text": $scope.spaces[i].name,
                                 };
          };
          treedata['core']['data'].push(node);
      }

      angular.element(spacetreewithenergyflowdiagram).jstree(true).settings.core.data = treedata['core']['data'];
      angular.element(spacetreewithenergyflowdiagram).jstree(true).refresh();
    });
  };

    $scope.$on('handleBroadcastSpaceChanged', function(event) {
    $scope.spaceenergyflowdiagrams = [];
    $scope.refreshSpaceTree();
    });
});