backupApp.directive('destinationFolderPicker', function() {
  return {
    restrict: 'E',
    require: ['ngModel'],
    scope: {
        ngModel: '=',
        ngShowHidden: '=',
        ngHideUserNode: '='
    },
    templateUrl: 'templates/targetfolderpicker.html',

    controller: function($scope, $timeout, SystemInfo, AppService, AppUtils) {

        var scope = $scope;
        scope.systeminfo = SystemInfo.watch($scope);

        $scope.treedata = {};


        function compareablePath(path) {
            var dirsep = scope.systeminfo.DirectorySeparator || '/';

            if (path.substr(0, 1) == '%' && path.substr(path.length - 1, 1) == '%')
                path += dirsep;

            return scope.systeminfo.CaseSensitiveFilesystem ? path : path.toLowerCase();
        };

        function setEntryType(n)
        {
            n.entrytype = AppUtils.getEntryTypeFromIconCls(n.iconCls);
        }        

        function setIconCls(n) {
            var cp = compareablePath(n.id);
            var dirsep = scope.systeminfo.DirectorySeparator || '/';

            if (cp == compareablePath('%MY_DOCUMENTS%'))
                n.iconCls = 'x-tree-icon-mydocuments';
            else if (cp == compareablePath('%MY_MUSIC%'))
                n.iconCls = 'x-tree-icon-mymusic';
            else if (cp == compareablePath('%MY_PICTURES%'))
                n.iconCls = 'x-tree-icon-mypictures';
            else if (cp == compareablePath('%DESKTOP%'))
                n.iconCls = 'x-tree-icon-desktop';
            else if (cp == compareablePath('%HOME%'))
                n.iconCls = 'x-tree-icon-home';
            else if (cp.substr(cp.length - 1, 1) != dirsep)
                n.iconCls = 'x-tree-icon-leaf';

            setEntryType(n);
        }

        $scope.toggleExpanded = function(node) {
            if (node.root && $scope.ngHideUserNode)
                return;

            node.expanded = !node.expanded;

            if (node.root || node.iconCls == 'x-tree-icon-leaf' || node.iconCls == 'x-tree-icon-locked')
                return;

            if (!node.children && !node.loading) {
                node.loading = true;

                AppService.postJson('/filesystem?onlyfolders=true&showhidden=true', {path: node.id}).then(function(data) {
                    console.log(data);
                    node.children = data.data;
                    node.loading = false;

                    if (node.children != null)
                        for(var i in node.children)
                            setEntryType(node.children[i]);
                    
                }, function() {
                    node.loading = false;
                    node.expanded = false;
                    AppUtils.connectionError.apply(AppUtils, arguments);
                });
            }
        };

        $scope.toggleSelected = function(node) {
            if (scope.selectednode != null)
                scope.selectednode.selected = false;

            scope.selectednode = node;
            scope.selectednode.selected = true;
            scope.ngModel = node.id;
        };

        function updateHideUserNode() {
            if ($scope.treedata.children == null)
                return;

            if ($scope.ngHideUserNode) {
                scope.treedata.children[0].invisible = true;
                scope.treedata.children[1].expanded = true;
            } else {
                scope.treedata.children[0].invisible = false;
            }
        }

        $scope.$watch('ngHideUserNode', updateHideUserNode);
        
        AppService.postJson('/filesystem?onlyfolders=true&showhidden=true', {path: '/'}).then(function(data) {

            var usernode = {
                text: 'User data',
                root: true,
                iconCls: 'x-tree-icon-userdata',
                expanded: true,
                children: []
            };
            var systemnode = {
                text: 'Computer',
                root: true,
                iconCls: 'x-tree-icon-computer',
                children: []
            };

            scope.treedata.children = [
                usernode, 
                systemnode
            ];

            for(var i = 0; i < data.data.length; i++) {
                if (data.data[i].id.indexOf('%') == 0) {
                    setIconCls(data.data[i]);
                    usernode.children.push(data.data[i]);
                }
                else
                {
                    setEntryType(data.data[i]);
                    systemnode.children.push(data.data[i]);                    
                }
            }

            updateHideUserNode();

        }, AppUtils.connectionError);
    }
  }
});
