Zabbix

/*

 ** Zabbix

 ** Copyright (C) 2001-2023 Zabbix SIA

 **

 ** This program is free software; you can redistribute it and/or modify

 ** it under the terms of the GNU General Public License as published by

 ** the Free Software Foundation; either version 2 of the License, or

 ** (at your option) any later version.

 **

 ** This program is distributed in the hope that it will be useful,

 ** but WITHOUT ANY WARRANTY; without even the implied warranty of

 ** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

 ** GNU General Public License for more details.

 **

 ** You should have received a copy of the GNU General Public License

 ** along with this program; if not, write to the Free Software

 ** Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

 **/

​

​

/**

 * JQuery class that adds interactivity of vertical accordion for CList element.

 *

 * @event collapse - Event fires when accordion section is collapsed.

 * @property {object} section - section object.

 *

 * @event expand - Event fires when accordion section is expanded.

 * @property {object} section - section object.

 */

jQuery(function($) {

    "use strict";

​

    var methods = {

        /**

         * Create CList based accordion.

         *

         * Supported options:

         * - handler        - selector of UI element to open/close accordion section.

         * - section        - selector of UI element for single accordion section.

         * - body           - selector of UI element that should be opened/closed.

         * - active_class   - CSS class that will be applied for active section.

         * - closed_class   - CSS class that will be applied for closed section.

         *

         * @param options

         */

        init: function(options) {

            options = $.extend({}, {

                handler: '.list-accordion-item-head',

                section: '.list-accordion-item',

                active_class: 'list-accordion-item-opened',

                closed_class: 'list-accordion-item-closed',

                body: '.list-accordion-item-body'

            }, options);

​

            this.each(function() {

                var accordion = $(this);

​

                // Bind collapse/expend.

                accordion

                    .data('options', options)

                    .on('click', options['handler'], function() {

                        var section = $(this).closest(options['section']);

​