"use strict";

angular.module("vocabulary")
    .component("topicBreadcrumb", {
        templateUrl: "/js/redesign-angular/wordLists/topic-breadcrumb.html",
        controller: "TopicBreadcrumbController",
        bindings: {
            topicId: "<",
            rootState: "<?"
        }
    })
    .controller("TopicBreadcrumbController",
        ["$sce", "topicService", "FeatureCheck", function ($sce, topicService, FeatureCheck) {
            var ctrl = this;

            ctrl.buildBreadcrumb = function () {
                var currTopic = getTopic();
                ctrl.description = currTopic.description;
                var topicsBranch = [currTopic];

                while (currTopic.parentTopic) {
                    currTopic = currTopic.parentTopic;
                    if (currTopic.parentTopic){
                        topicsBranch.unshift(currTopic);
                    }
                }
                return topicsBranch;
            };

            function getTopic() {
                return topicService.getTopicById(ctrl.topicId);
            }

            ctrl.getDescription = function () {
                if(FeatureCheck.isFeatureEnabled('VAZ_TOPIC_DESCRIPTIONS')){
                    return ctrl.description;
                }
                return topicService.getSpecialTopicDescription(ctrl.topicId);
            };

            ctrl.trustAsHtml = $sce.trustAsHtml;
        }]);