"use strict";

angular.module("vocabulary")
    .component("topicWords", {
        templateUrl: "/js/redesign-angular/wordLists/topic-words.html",
        controller: "TopicWordsController",
        bindings: {
            words: "<"
        }
    })
    .controller("TopicWordsController",
        [function () {
            var ctrl = this;

            // todo - maybe I can iterate over the list of words once, separating the tiers as I go. improve performance?
            // - I think the biggest culprit to slow load is data retrieval
            ctrl.getTierOne = function () {
               return ctrl.words.filter(function (word) {
                   return parseInt(word.level) === 1;
               });
            };

            ctrl.getTierTwo = function () {
                return ctrl.words.filter(function (word) {
                    return parseInt(word.level) === 2;
                });
            };

            ctrl.getTierThree = function () {
                return ctrl.words.filter(function (word) {
                    return parseInt(word.level) === 3;
                });
            };
        }]);