mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 15:34:12 +01:00
78 lines
2.1 KiB
JavaScript
78 lines
2.1 KiB
JavaScript
/*
|
|
* Copyright (C) 2013-2023 Combodo SARL
|
|
*
|
|
* This file is part of iTop.
|
|
*
|
|
* iTop is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* iTop 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 Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
*/
|
|
|
|
;
|
|
$(function () {
|
|
// the widget definition, where 'itop' is the namespace,
|
|
// 'breadcrumbs' the widget name
|
|
$.widget('itop.collapsible_section',
|
|
{
|
|
// default options
|
|
options:
|
|
{
|
|
bOpenedByDefault: true,
|
|
collapsibleStateStorageKey: null, // if non null will save collapsible state
|
|
},
|
|
css_classes:
|
|
{
|
|
opened: 'ibo-is-opened',
|
|
},
|
|
js_selectors:
|
|
{
|
|
collapse_toggler: '[data-role="ibo-collapsible-section--collapse-toggler"]',
|
|
},
|
|
|
|
// the constructor
|
|
_create: function () {
|
|
this._bindEvents();
|
|
|
|
let bIsSectionOpenedInitially = GetUserPreferenceAsBoolean(
|
|
this.options.collapsibleStateStorageKey,
|
|
this.options.bOpenedByDefault
|
|
);
|
|
if (bIsSectionOpenedInitially) {
|
|
this.element.addClass(this.css_classes.opened);
|
|
} else {
|
|
this.element.removeClass(this.css_classes.opened);
|
|
}
|
|
},
|
|
// events bound via _bind are removed automatically
|
|
// revert other modifications here
|
|
_destroy: function () {
|
|
},
|
|
_bindEvents: function () {
|
|
const me = this;
|
|
|
|
this.element.find(this.js_selectors.collapse_toggler).on('click', function (oEvent) {
|
|
me._onCollapseTogglerClick(oEvent);
|
|
});
|
|
},
|
|
_onCollapseTogglerClick: function (oEvent) {
|
|
this.element.toggleClass(this.css_classes.opened);
|
|
|
|
if (this.options.collapsibleStateStorageKey) {
|
|
SetUserPreference(
|
|
this.options.collapsibleStateStorageKey,
|
|
this.element.hasClass(this.css_classes.opened),
|
|
true
|
|
);
|
|
}
|
|
}
|
|
})
|
|
});
|