"use strict";

angular.module("vocabulary")
    .component("categoryTree", {
        templateUrl: "/js/redesign-angular/yourLessons/category-tree.html",
        controller: "CategoryTreeController",
        bindings: {
            setSelectedCategory: "&",
            routeToSelected: "<"
        }
    })
    .controller("CategoryTreeController", ["categoryService",

        function (categoryService) {
            var ctrl = this;
            this.$onInit = init;

            ctrl.selectCategory = function (category) {
                if (ctrl.setSelectedCategory) {
                    ctrl.setSelectedCategory({category: category});
                }
            };

            function init() {
                categoryService.getEntireCategoryTree(false)
                    .then(function(categoryTree) {
                        ctrl.categoryTree = categoryTree;
                    });
            }

        }]);