angular.module('sba-images', [])

.directive("sbaImages", function() {	
    return {
		restrict: 'E',
		templateUrl: "/sbadirective/load/sba-images.html",
		scope: {
			myImages: '='
		},
		controller: function($scope, $http, $filter,  $sce) {
			//images var loaded?
			if($scope.myImages === undefined){
				$scope.myImages = {};
			}
			$scope.myImages.getUrl = "https://site.sba.nl/wp-content/uploads/2018/07/";
			
			$scope.getImages = function(button) {
				var req = {
					method: 'get',
					url: 'https://dev.sba202.web-03.sb-a.nl/filecontroller/getImages/training_camp_activities/14',
				}
				
				$http(req).then(function(response) {
					if (response.status && response.data.status) {
						$scope.myImages.images = response.data.data;
					} else if (response.status) {
						console.log('Failed loading images');
					}
				});
			}
			
			$scope.getImageUrl = function(image){
				return $scope.myImages.getUrl + image.name;
			}
			
			//load images
			//$scope.getImages();
			$scope.myImages.images = [{"name":"190621055731_14_kayak.jpg","path":"files\/1\/filecontroller\/images\/190621055731_14_kayak.jpg"}];
		},
	}
});