"use strict";

angular.module("vocabulary")
    .component("subTopic", {
        templateUrl: "/js/redesign-angular/wordLists/sub-topic.html",
        controller: "SubTopicController",
        bindings: {
            topicList: "<",
            topicId: "<",
            rootState: "<?"
        }
    })
    .controller("SubTopicController",
        [function () {
            var ctrl = this;

            ctrl.divideColumns = function () {
                return countTopicsInTree(ctrl.topicList) > 12;
            };

            function countTopicsInTree(list) {
                var num = list.size();
                for (var i = 0; i < list.size(); i++) {
                    num += countTopicsInTree(list[i].children);
                    if(num > 12) break;
                }
                return num;
            }

        }]);