/*
 * This file is part of the Kimai time-tracking app.
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

/*!
 * [KIMAI] KimaiToolbar: some event listener to handle the toolbar/data-table filter, toolbar and navigation
 */

import jQuery from 'jquery';
import KimaiPlugin from "../KimaiPlugin";

export default class KimaiToolbar extends KimaiPlugin {

    init() {
        const datatable = this.getContainer().getPlugin('datatable');

        // This catches all clicks on the pagination and prevents the default action, as we want to relad the page via JS
        jQuery('body').on('click', 'div.navigation ul.pagination li a', function(event) {
            let pager = jQuery(".toolbar form input[name='page']");
            if (pager.length === 0) {
                return;
            }
            event.preventDefault();
            event.stopPropagation();
            let urlParts = jQuery(this).attr('href').split('/');
            let page = urlParts[urlParts.length-1];
            pager.val(page);
            pager.trigger('change');
            return false;
        });

        // Reset the page if any other value is changed, otherwise we might end up with a limited set
        // of data which does not support the given page - and it would be just wrong to stay in the same page
        jQuery('.toolbar form input').change(function (event) {
            switch (event.target.id) {
                case 'page':
                    break;
                default:
                    jQuery('.toolbar form input#page').val(1);
            }
            datatable.reloadDatatable();
        });

        jQuery('.toolbar form select').change(function (event) {
            let reload = true;
            switch (event.target.id) {
                case 'customer':
                    if (jQuery('.toolbar form select#project').length > 0) {
                        reload = false;
                    }
                    break;

                case 'project':
                    if (jQuery('.toolbar form select#activity').length > 0) {
                        reload = false;
                    }
                    break;
            }
            jQuery('.toolbar form input#page').val(1);
            if (reload) {
                datatable.reloadDatatable();
            }
        });
    }

}