$(window).on("load", function() {
  $(".topics").mCustomScrollbar({
    theme: "dark",
    alwaysShowScrollbar: 1
  });
  $(".pois").mCustomScrollbar();
});

var wfApp = angular.module("wfApp", [
  "wfangular",
  "ngMaterial",
  "ngMessages",
  "ngSanitize"
]);

wfApp.config(function($mdThemingProvider) {
  $mdThemingProvider
    .theme("default")
    .dark()
    .primaryPalette("green")
    .accentPalette("yellow");
  $mdThemingProvider
    .theme("red")
    .primaryPalette("red")
    .accentPalette("blue");

  var lightRedMap = $mdThemingProvider.extendPalette("red", {
    '500': '#ff6666',
      'contrastDefaultColor': 'light'
    });
  $mdThemingProvider.definePalette("light-red", lightRedMap);
  $mdThemingProvider
    .theme("light-red")
    .primaryPalette("light-red")
    .accentPalette("light-blue");

  var darkRedMap = $mdThemingProvider.extendPalette("red", {
    '50': '#ff0000',
    '100': '#ee0000',
    '200': '#dd0000',
    '300': '#cc0000',
    '400': '#bb0000',
    '500': '#aa0000',
    '600': '#990000',
    '700': '#880000',
    '800': '#770000',
    '900': '#660000',
    'A100': '#ff2222',
    'A200': '#dd2222',
    'A400': '#aa2222',
    'A700': '#992222',
    'contrast': {
      '50': '#ffffff',
      '100': '#ffffff',
      '200': '#ffffff',
      '300': '#ffffff',
      '400': '#ffffff',
      '500': '#ffffff',
      '600': '#ffffff',
      '700': '#ffffff',
      '800': '#ffffff',
      '900': '#ffffff',
      'A100': '#ffffff',
      'A200': '#ffffff',
      'A400': '#ffffff',
      'A700': '#ffffff' 
    }
    });
  $mdThemingProvider.definePalette("dark-red", darkRedMap);
  $mdThemingProvider
    .theme("dark-red")
    .primaryPalette("dark-red")
    .accentPalette("dark-blue");

  var darkBlueMap = $mdThemingProvider.extendPalette("blue", {
    '50': '#0000ff',
    '100': '#0000ee',
    '200': '#0000dd',
    '300': '#0000cc',
    '400': '#0000bb',
    '500': '#0000aa',
    '600': '#000099',
    '700': '#000088',
    '800': '#000077',
    '900': '#000066',
    'A700': '#2222ff',
    'A400': '#4444ff',
    'A200': '#8888ff',
    'A100': '#ccccff',
    'light': '#ffffff',
    'contrastDefaultColor': 'white',
    'contrastLightColors': ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900', 'A100', 'A200', 'A400', 'A700'],
    'contrastDarkColors': []
    });
  $mdThemingProvider.definePalette("dark-blue", darkBlueMap);
  $mdThemingProvider
    .theme("dark-blue")
    .primaryPalette("dark-blue")
    .accentPalette("dark-red");
  $mdThemingProvider
    .theme("pink")
    .primaryPalette("pink")
    .accentPalette("deep-purple");
  $mdThemingProvider
    .theme("purple")
    .primaryPalette("purple")
    .accentPalette("pink");
  $mdThemingProvider
    .theme("deep-purple")
    .primaryPalette("deep-purple")
    .accentPalette("deep-orange");
  $mdThemingProvider
    .theme("indigo")
    .primaryPalette("indigo")
    .accentPalette("pink");
  $mdThemingProvider
    .theme("blue")
    .primaryPalette("blue")
    .accentPalette("red");
  $mdThemingProvider
    .theme("light-blue")
    .primaryPalette("light-blue")
    .accentPalette("deep-purple");
  $mdThemingProvider
    .theme("cyan")
    .primaryPalette("cyan")
    .accentPalette("amber");
  $mdThemingProvider
    .theme("teal")
    .primaryPalette("teal")
    .accentPalette("cyan");
  $mdThemingProvider
    .theme("green")
    .primaryPalette("green")
    .accentPalette("orange");
  $mdThemingProvider
    .theme("light-green")
    .primaryPalette("light-green")
    .accentPalette("yellow");
  $mdThemingProvider
    .theme("lime")
    .primaryPalette("lime")
    .accentPalette("pink");
  $mdThemingProvider
    .theme("yellow")
    .primaryPalette("yellow")
    .accentPalette("light-blue");
  $mdThemingProvider
    .theme("amber")
    .primaryPalette("amber")
    .accentPalette("blue");
  $mdThemingProvider
    .theme("orange")
    .primaryPalette("orange")
    .accentPalette("indigo");
  $mdThemingProvider
    .theme("deep-orange")
    .primaryPalette("deep-orange")
    .accentPalette("deep-purple");
  $mdThemingProvider
    .theme("brown")
    .primaryPalette("brown")
    .accentPalette("red");
  $mdThemingProvider
    .theme("grey")
    .primaryPalette("grey")
    .accentPalette("blue-grey");
  $mdThemingProvider
    .theme("blue-grey")
    .primaryPalette("blue-grey")
    .accentPalette("blue-grey");

  $mdThemingProvider.alwaysWatchTheme(true);
});

wfApp.run([
  "$rootScope",
  "wfangular",
  function($rootScope, wayfinder) {
    WayfinderAPI.Location = "//api.3dwayfinder.com/";
    wayfinder.options.asstesLocation = "//static.3dwayfinder.com/shared/";
    wayfinder.open();
    $rootScope.wayfinder = wayfinder;
  }
]);

wfApp.controller("wfCtrl", [
  "$sce",
  "$scope",
  "$timeout",
  "$mdDialog",
  "wfangular",
  function($sce, $scope, $timeout, $mdDialog, wayfinder) {
    // scope variables
    var self = $scope;

    self.themes = [
      "default",
      "light-red",
      "red",
      "dark-red",
      "pink",
      "purple",
      "deep-purple",
      "indigo",
      "dark-blue",
      "blue",
      "light-blue",
      "cyan",
      "teal",
      "green",
      "light-green",
      "lime",
      "yellow",
      "amber",
      "orange",
      "deep-orange",
      "brown",
      "grey",
      "blue-grey"
    ];
    self.isDark = true;
    self.theme = "default-dark";
    self.setTheme = function(theme) {
      self.theme = theme;
    };
    self.topics = "Topics";
    self.atoz = "A-Z";
    self.floors = [];

    $scope.showInfo = function(evt, poi) {
      $mdDialog
        .show({
          controller: PoiInfoController,
          templateUrl: "poiInfoModal.tmpl.html",
          parent: angular.element(document.body),
          targetEvent: evt,
          clickOutsideToClose: true,
          fullscreen: $scope.customFullscreen,
          locals: {
            poi: poi,
            wayfinder: wayfinder
          }
        })
        .then(
          function(answer) {
            console.log("confirmed:", answer);
          },
          function() {
            console.log("cancelled");
          }
        );
    };

    function PoiInfoController($scope, $mdDialog, wayfinder, poi) {
      $scope.poi = poi;
      console.log("PoiInfoController::poi", poi);

      $scope.showPath = function(poi) {
        wayfinder.showPath(poi.getNode());
      };
      if ($scope.poi.image_id)
        $scope.poi.imageURL = WayfinderAPI.getURL(
          "images",
          "get",
          poi.image_id
        );
      else $scope.poi.imageURL = false;
      if ($scope.poi.background_id)
        $scope.poi.backgroundURL = WayfinderAPI.getURL(
          "images",
          "get",
          poi.background_id
        );
      else $scope.poi.backgroundURL = false;
      $scope.hide = function() {
        $mdDialog.hide();
      };

      $scope.cancel = function() {
        $mdDialog.cancel();
      };

      $scope.answer = function(answer) {
        $mdDialog.hide(answer);
      };
    }
    // scope functions
    self.cbResize = function() {
      wayfinder.resize();
    };

    self.setFloor = function(floor) {
      wayfinder.showFloor(floor);
    };

    self.showPath = function(poi) {
      console.log("poi:", poi);
      wayfinder.showPath(poi.getNode());
    };

    self.getGUITranslation = function(key, params) {
      //console.log("translation:", wayfinder.translator.get(key));
      if (!params) return wayfinder.translator.get(key);
      return wayfinder.translator.get(key, params);
    };

    self.$on("wf.language.change", function(lang) {
      $timeout(function() {
        self.topics = wayfinder.translator.get("topics");
        self.atoz = wayfinder.translator.get("az");
        self.$apply();
      });
    });

    // scope watchers
    self.$on("wf.map.ready", function() {
      angular.forEach(wayfinder.building.getFloors(), function(floor) {
        floor.active = false;
        self.floors.push(floor);
      });
      $scope.buildingLogo =
        "https:" +
        WayfinderAPI.getURL("images", "get", wayfinder.building.logoID);
      $timeout(function() {
        wayfinder.resize();
        self.$apply();
      }, 10);
    });

    self.$on("wf.floor.change", function(event, floor) {
      $timeout(function() {
        self.$apply(function() {
          angular.forEach(self.floors, function(item) {
            item.active = item.id == floor.id;
          });
        });
      }, 10);
    });
  }
]);

wfApp.controller("langCtrl", [
  "$scope",
  "$timeout",
  "wfangular",
  function($scope, $timeout, wayfinder) {
    $scope.currentLanguage = wayfinder.getLanguage();
    $scope.setLanguage = function(lang) {
      wayfinder.setLanguage(lang);
    };
    $scope.$on("wf.map.ready", function() {
      $scope.languages = wayfinder.getLanguages();
    });
  }
]);

wfApp.controller("topicsCtrl", [
  "$scope",
  "wfangular",
  function($scope, wayfinder) {
    var boolify = function(val) {
      //console.log(val + ':' + typeof val);
      switch (typeof val) {
        case "undefined":
        case "object":
        case "array":
          return false;
          break;
        case "boolean":
          return val;
          break;
        case "string":
          if (val.toLowerCase().match(/1|true|yes/g)) return true;
          else if (val.toLowerCase().match(/0|false|no/g)) return false;
          else return false;
          break;
        case "number":
          if ((Math.round(val) || val) > 0) return true;
          else return false;
          break;
        case "default":
          break;
      }
    };

    var extractGroups = function() {
      var arr = [];
      angular.forEach(wayfinder.getPOIGroups(), function(group) {
        if (group && boolify(group.showInMenu)) arr.push(group);
      });
      return arr;
    };

    $scope.getLanguage = function() {
      return wayfinder.getLanguage();
    };

    $scope.$on("wf.language.change", function(event, language) {
      $scope.currentLanguage = language;
    });
    $scope.$on("wf.map.ready", function() {
      //console.log("Loading groups");
      $scope.groups = extractGroups();
    });
  }
]);

wfApp.controller("atozCtrl", [
  "$scope",
  "wfangular",
  function($scope, wayfinder) {
    var boolify = function(val) {
      //console.log(val + ':' + typeof val);
      switch (typeof val) {
        case "undefined":
        case "object":
        case "array":
          return false;
          break;
        case "boolean":
          return val;
          break;
        case "string":
          if (val.toLowerCase().match(/1|true|yes/g)) return true;
          else if (val.toLowerCase().match(/0|false|no/g)) return false;
          else return false;
          break;
        case "number":
          if (Math.round(val) || val > 0) return true;
          else return false;
          break;
        case "default":
          break;
      }
    };
    var extractPOIs = function() {
      var arr = [];
      angular.forEach(wayfinder.getPOIs(), function(poi) {
        //console.log(poi);
        if (poi && boolify(poi.showInMenu)) arr.push(poi);
      });
      return arr;
    };

    $scope.getLanguage = function() {
      return wayfinder.getLanguage();
    };

    $scope.$on("wf.language.change", function(event, language) {
      $scope.currentLanguage = language;
    });
    $scope.$on("wf.map.ready", function() {
      //console.log("Loading POIs");
      $scope.pois = extractPOIs();
    });
  }
]);

wfApp.directive("wfMaterialFloorsButtons", [
  "wfangular",
  function(wayfinder) {
    return {
      restrict: "AE",
      template:
        '<md-button class="{{buttonClass}}"' +
        " ng-class=\"{'{{activeClass}}': floor.getActive()}\"" +
        ' ng-repeat="floor in data.floors"' +
        ' ng-click="onFakeClick(floor)">{{floor.getNames() | wfCurrentLanguage}}</md-button>',
      scope: {
        onFakeClick: "&",
        onClick: "&?",
        buttonClass: "@",
        activeClass: "@"
      },
      controller: function($scope) {
        $scope.data = {
          floors: []
        };

        $scope.$on("wf.data.loaded", function(event, data) {
          $scope.data.floors = wayfinder.building.getSortedFloors();
          //console.log("wayfinder.building.getSortedFloors();", wayfinder.building.getSortedFloors())
        });

        $scope.onFakeClick = function(sa) {
          if (typeof $scope.onClick === "function") {
            $scope.onClick({
              floor: sa
            });
          } else {
            console.log("else", sa);
            wayfinder.showFloor(sa);
          }
        };
      }
    };
  }
]);