"use strict";

angular.module("vocabulary")
    .component("wordSearch", {
        templateUrl: "/js/redesign-angular/wordSearch/word-search.html",
        controller: "WordSearchController",
        bindings: {
            rootState: "<?"
        }
    })
    .controller("WordSearchController", ["wordSearchService", "$state",
        function (wordSearchService, $state) {
            var ctrl = this;
            var ENTER_CODE = 13;

            ctrl.$onInit = function () {
                ctrl.searchText = wordSearchService.getSearchText();
                if(ctrl.searchText) {
                    ctrl.search();
                }
            };

            ctrl.$doCheck = function () {
              ctrl.searchText = wordSearchService.getSearchText();
            };

            ctrl.setSearchText = function () {
                wordSearchService.setSearchText(ctrl.searchText);
            };

            ctrl.search = function () {
                if(ctrl.searchText){
                    $state.go(ctrl.rootState + ".wordSearch.results", {searchTerm: ctrl.searchText});
                }
            };

            ctrl.searchOnEnter = function(event) {
                if(event.keyCode === ENTER_CODE) {
                    ctrl.search();
                }
            };
        }]);