"use strict";

angular.module("vocabulary")
    .component("wordDetails", {
        templateUrl: "/js/redesign-angular/words/word-details.html",
        controller: "WordDetailsController",
        bindings: {
            word: "<",
            showDefinition: '<?'
        }
    })
    .controller("WordDetailsController",
        ["$sce", function ($sce) {
            var ctrl = this;

            ctrl.exists = function (text) {
                return text.length > 0;
            };

            ctrl.getWordDefinition = function () {
                return $sce.trustAsHtml(ctrl.word.definition);
            };

            ctrl.getFirstContextSentence = function () {
                return $sce.trustAsHtml(ctrl.word.contextSentences[0].text);
            };
        }]);