"use strict";

angular.module("vocabulary")
    .component("topicList", {
        templateUrl: "/js/redesign-angular/wordLists/topic-list.html",
        controller: "TopicListController",
        bindings: {
            topicList: "<",
            collapse: "<?"
        }
    })
    .controller("TopicListController",
        ["$sce", function ($sce) {
            var ctrl = this;

            ctrl.trustAsHtml = $sce.trustAsHtml;

            ctrl.getProperSref = function (topic) {
                if(topic.children.size() > 0) {
                    return "^.subTopics({topicId: "+ topic.topicId +"})";
                }
                return "^.topicWords({topicId: "+ topic.topicId +"})";
            };
        }]);