(function() {
    "use strict";

    angular.module("raz")
        .component('correlationGradeFilter', {
            templateUrl: '/js/angular/correlations/correlation-grade-filter.html',
            controller: 'correlationGradeFilter'
        })
        .controller('correlationGradeFilter', ['correlationGradeFilterService',
            function (correlationGradeFilterService) {

            var ctrl = this;
            ctrl.gradeOptions = ['K', 1, 2, 3, 4, 5];

            ctrl.$onInit = function () {
                ctrl.currentGrade = correlationGradeFilterService.getSelectedGrade();
            };

            ctrl.setPopover = function (popoverCtrl) {
                ctrl.popoverCtrl = popoverCtrl;
            };

            ctrl.changeGrade = function (grade) {
                correlationGradeFilterService.selectGrade(grade);
                ctrl.currentGrade = grade;
                ctrl.popoverCtrl.close();
            };

            ctrl.getSelectedClass = function (grade) {
                return grade == ctrl.currentGrade ? ' is-selected' : '';
            };

        }]);
})();