"use strict";

angular.module("vocabulary")
    .component("premadeFilteredResources", {
        templateUrl: "/js/redesign-angular/premadeLessons/premadeListings/premade-filtered-resources.html",
        controller: "PremadeFilteredResourcesController",
        bindings:{
            filteredResources: "<",
            numColumns: "<"
        }
    })
    .controller("PremadeFilteredResourcesController", [
        function (){
            var ctrl = this;
            this.$onInit = init;


            function init(){

            }

            ctrl.numColumnsIsThree = function(){
                return ctrl.numColumns == 3;
            };

            ctrl.numColumnsIsFour = function(){
                return ctrl.numColumns == 4;
            };

            ctrl.getListingId = function(resource){
                var listingId = "";
                if(resource.lessonId !== undefined && resource.lessonId !== null){
                    listingId = resource.lessonId;
                }else{
                    listingId = resource.topicId;
                }
                return listingId;
            };

            ctrl.updateShowPopover = function(event){
                if(event.listingId === ctrl.selectedListingId){
                    ctrl.selectedListingId = null;
                }
                else {
                    ctrl.selectedListingId = event.listingId;
                }
            };

            ctrl.showPopover = function(listingId){
                return listingId === ctrl.selectedListingId;
            };

        }

    ]);