koipa_edu_2025-1/src/main/webapp/js/year-select.js

/**
 * The MIT License (MIT)
 *
 * Copyright (c) <2016> <Val Luminarias>
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
 * documentation files (the "Software"), to deal in the Software without restriction,
 * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
 * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
 * OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
(function($) {

    var YearSelect =  function(el, settings) {

        this.$el = el;
        this.options = $.extend({}, $.fn.yearselect.defaults, settings);
        this.options.start = this.$el.attr('start') || this.options.start;
        this.start = this.options.start || this.start;
        this.end = this.options.end || this.end;
        this.step = this.options.step || this.step;
        this.order = this.$el.attr('order') || this.options.order || this.order;
        this.emptyOption = this.$el.attr('emptyOption') || this.options.emptyOption || this.emptyOption;
        this.emptyText = this.options.emptyText || this.emptyText;
        this.lastPrefix = this.options.lastPrefix !== '' ? this.options.lastPrefix : '';
        this.selected = this.$el.attr('selectValue') !== undefined && this.$el.attr('selectValue') != '' ? this.$el.attr('selectValue') : this.$el.attr('selected') || this.options.selected;
        this.displayAsValue = this.options.displayAsValue || this.$el.data('display-as-value') || this.displayAsValue;
        this.years = [];
        this.init();
    }

    YearSelect.prototype = {
        constructor: YearSelect,
        init: function() {
            order = this.order.toLowerCase();
            if(order == 'desc') {
                this.start = this.options.end;
                this.end = this.options.start;
            }
            this.destroy();
            this.render(order);
        },
        render: function(order) {
            order = order.toLowerCase();

            if(this.emptyOption) {
                this.renderDisplay();
            }

            if(order == 'asc') {
                this.renderAscending();
            } else if(order == 'desc') {
                this.renderDescending();
            }
        },
        renderAscending: function() {
            for(var i = Number(this.start); i <= Number(this.end); i += this.step) {
                this.years.push(i);
                this.renderDisplay(i);
            }
        },
        renderDescending: function() {
            for(var i = Number(this.start); i >= Number(this.end); i -= this.step) {
                this.years.push(i);
                this.renderDisplay(i);
            }
        },
        renderDisplay: function(yr) {
            if(yr === undefined || yr == ''){
                var el = $('<option>').html(this.emptyText).val('');
                this.$el.append(el);
                return true;
            }

            var customDisplay = this.formatDisplay(yr),
                val = this.displayAsValue ? customDisplay : yr,
                current = new Date().getFullYear();
                if(this.lastPrefix) customDisplay += this.lastPrefix;
            var el = $('<option>').html(customDisplay).val(val);
            this.$el.append(el);
            if(yr == this.selected || (this.selected == "current" && yr === current)){
                this.setSelected(val);
            }
        },
        formatDisplay: function(yr) {
            if(typeof this.options.formatDisplay === "function") {
                return this.options.formatDisplay(yr)
            }
            return yr;
        },
        setSelected: function(value) {
            this.$el.val(value);
        },
        destroy: function() {
            this.years = [];
            this.$el.html('');
        }
    }

    $.fn.yearselect = function(option) {
        return this.each(function() {
            var yearselectel = $(this);

            // if element is not a select element,
            // transform it to select element
            // with the original data intact
            if(!yearselectel.is('select')) {
                var el_data = {
                    'name' : yearselectel.attr('name') || yearselectel.data('name') || '',
                    'class' : yearselectel.attr('class') || yearselectel.data('class') || '',
                    'id' : yearselectel.attr('id') || yearselectel.data('id') || '',
                    'selected' : yearselectel.attr('value') || yearselectel.data('selected') || '',
                }

                yearselectel = $('<select class="yearselect"></select>')
                    .attr('name', el_data.name)
                    .attr('class', el_data.class)
                    .attr('id', el_data.id)
                    .data('selected', el_data.selected);
                $(this).replaceWith(yearselectel);
            }

            new YearSelect(yearselectel, option);
        });
    }

    $.fn.yearselect.defaults = {
        start: 1970,
        end: new Date().getFullYear(),
        step: 1,
        lastPrefix: '년',
        order: 'asc',
        selected: '',
        formatDisplay: null,
        emptyOption : false,
        emptyText : '선택',
        displayAsValue: true
    };

}(jQuery));