"use strict";

angular.module("vocabulary")
    .component("premadeRazShared", {
        templateUrl: "/js/redesign-angular/premadeLessons/premade-resources-display.html",
        controller: "PremadeRazSharedController",
        bindings: {
            categoryId: "<",
            parentCategoryId: "<",
            levels: "<",
            resources: "<",
            onUpdateNavigation: "&"
        }
    })
    .controller("PremadeRazSharedController",["$filter",
        function ($filter) {
            var ctrl = this;
            this.$onInit = init;
            ctrl.filterTitle = "Levels";
            ctrl.filterField="parentTopic";
            ctrl.numColumns = "3";
            ctrl.inclusiveFiltering = false;
            ctrl.requiresFiltering = true;


            function init(){
                ctrl.onUpdateNavigation({
                    $event:{
                        selectedParentCategoryId: parseInt(ctrl.parentCategoryId, 10),
                        selectedSubCategoryId: parseInt(ctrl.categoryId, 10)
                    }
                });
                ctrl.filteredResources = ctrl.resources;
            }

            ctrl.updateFilteredResources = function(event){
                ctrl.filteredResources = $filter('orderBy')(event.filteredResources, ['levelName', 'sortableTitle']);
            };

            ctrl.numColumnsIsFour = function(){
                return true;
            };

            ctrl.numColumnsIsThree = function(){
                return false;
            };

        }]);