mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-23 10:38:45 +02:00
111 lines
2.9 KiB
JavaScript
111 lines
2.9 KiB
JavaScript
/*
|
|
* Copyright (C) 2013-2020 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.global_search',
|
|
{
|
|
// default options
|
|
options:
|
|
{
|
|
|
|
},
|
|
css_classes:
|
|
{
|
|
opened: 'ibo-global-search--is-opened',
|
|
},
|
|
js_selectors:
|
|
{
|
|
icon: '[data-role="ibo-global-search--icon"]',
|
|
form: '[data-role="ibo-global-search--head"]',
|
|
input: '[data-role="ibo-global-search--input"]',
|
|
compartment_element: '[data-role="ibo-global-search--compartment-element"]',
|
|
},
|
|
|
|
// the constructor
|
|
_create: function()
|
|
{
|
|
this.element.addClass('ibo-global-search');
|
|
this._bindEvents();
|
|
},
|
|
// events bound via _bind are removed automatically
|
|
// revert other modifications here
|
|
_destroy: function()
|
|
{
|
|
this.element.removeClass('ibo-global-search');
|
|
},
|
|
_bindEvents: function()
|
|
{
|
|
const me = this;
|
|
|
|
this.element.find(this.js_selectors.icon).on('click', function(oEvent){
|
|
me._onIconClick(oEvent);
|
|
});
|
|
this.element.find(this.js_selectors.form).on('submit', function(oEvent){
|
|
me._onFormSubmit(oEvent);
|
|
});
|
|
this.element.find(this.js_selectors.compartment_element).on('click', function(oEvent){
|
|
me._onCompartmentElementClick(oEvent, $(this));
|
|
});
|
|
$('body').on('click', function(oEvent){
|
|
me._onBodyClick(oEvent);
|
|
});
|
|
},
|
|
_onIconClick: function(oEvent)
|
|
{
|
|
// Avoid anchor glitch
|
|
oEvent.preventDefault();
|
|
|
|
// Open drawer
|
|
this.element.toggleClass(this.css_classes.opened);
|
|
// Focus in the input for a better UX
|
|
this.element.find(this.js_selectors.input).trigger('focus');
|
|
},
|
|
_onFormSubmit: function(oEvent)
|
|
{
|
|
const sSearchValue = this.element.find(this.js_selectors.input).val();
|
|
|
|
// Submit form only if something in the input
|
|
if(sSearchValue === '')
|
|
{
|
|
oEvent.preventDefault();
|
|
}
|
|
},
|
|
_onCompartmentElementClick: function(oEvent, oElementElem)
|
|
{
|
|
// Avoid anchor glitch
|
|
oEvent.preventDefault();
|
|
|
|
const sElementQuery = oElementElem.attr('data-query-raw');
|
|
this.element.find(this.js_selectors.input)
|
|
.val(sElementQuery)
|
|
.closest(this.js_selectors.form).trigger('submit');
|
|
},
|
|
_onBodyClick: function(oEvent)
|
|
{
|
|
if($(oEvent.target.closest('.ibo-global-search')).length === 0)
|
|
{
|
|
this.element.removeClass(this.css_classes.opened);
|
|
}
|
|
}
|
|
});
|
|
});
|