Current File : /var/www/projetos/suporte.iigd.com.br.old/js/fuzzysearch.js
/**
* ---------------------------------------------------------------------
*
* GLPI - Gestionnaire Libre de Parc Informatique
*
* http://glpi-project.org
*
* @copyright 2015-2022 Teclib' and contributors.
* @copyright 2003-2014 by the INDEPNET Development Team.
* @licence https://www.gnu.org/licenses/gpl-3.0.html
*
* ---------------------------------------------------------------------
*
* LICENSE
*
* This file is part of GLPI.
*
* 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 3 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, see <https://www.gnu.org/licenses/>.
*
* ---------------------------------------------------------------------
*/
/* global hotkeys, fuzzy */
$(function() {
var list = [];
// prepare options for fuzzy lib
var fuzzy_options = {
pre: "<b>",
post: "</b>",
extract: function(el) {
return el.title;
}
};
// when the shortcut for fuzzy is called
hotkeys('ctrl+alt+g, option+command+g', function() {
trigger_fuzzy();
});
// when the button is clicked
$(document).on('click', '.trigger-fuzzy', function() {
trigger_fuzzy();
});
var fuzzy_started = false;
var trigger_fuzzy = function() {
// remove old fuzzy modal
removeFuzzy();
// retrieve html of fuzzy input
$.get(CFG_GLPI.root_doc+'/ajax/fuzzysearch.php', {
'action': 'getHtml'
}, function(html) {
// add modal to body and show it
$(document.body).append(html);
$('#fuzzysearch').modal('show');
// retrieve current menu data
$.getJSON(CFG_GLPI.root_doc+'/ajax/fuzzysearch.php', {
'action': 'getList'
}, function(data) {
list = data;
// start fuzzy after some time
setTimeout(function() {
if ($("#fuzzysearch .results li").length == 0) {
startFuzzy();
}
}, 100);
});
// focus input element
$("#fuzzysearch input").trigger("focus");
// don't bind key events twice
if (fuzzy_started) {
return;
}
fuzzy_started = true;
// general key matches
$(document).on('keyup', function(key) {
switch (key.key) {
case "Escape":
removeFuzzy();
break;
case "ArrowUp":
selectPrev();
break;
case "ArrowDown":
selectNext();
break;
case "Enter":
// find url, if one selected, go for it, else try to find first element
var url = $("#fuzzysearch .results .active a").attr('href');
if (url == undefined) {
url = $("#fuzzysearch .results li:first a").attr('href');
}
if (url != undefined) {
document.location = url;
}
break;
}
});
// when a key is pressed in fuzzy input, launch match
$(document).on('keyup', "#fuzzysearch input", function(key) {
if (key.key != "Escape"
&& key.key != "ArrowUp"
&& key.key != "ArrowDown"
&& key.key != "Enter") {
startFuzzy();
}
});
});
};
var startFuzzy = function() {
// retrieve input
var input_text = $("#fuzzysearch input").val();
//clean old results
$("#fuzzysearch .results").empty();
// launch fuzzy search on this list
var results = fuzzy.filter(input_text, list, fuzzy_options);
// append new results
results.map(function(el) {
//console.log(el.string);
$("#fuzzysearch .results")
.append("<li class='list-group-item'><a href='"+CFG_GLPI.root_doc+el.original.url+"'>"+el.string+"</a></li>");
});
selectFirst();
};
/**
* Clean generated Html
*/
var removeFuzzy = function() {
$("#fuzzysearch").remove();
};
/**
* Select the first element in the results list
*/
var selectFirst = function() {
$("#fuzzysearch .results li:first()").addClass('active');
scrollToSelected();
};
/**
* Select the last element in the results list
*/
var selectLast = function() {
$("#fuzzysearch .results li:last()").addClass('active');
scrollToSelected();
};
/**
* Select the next element in the results list.
* If no selected, select the first.
*/
var selectNext = function() {
if ($("#fuzzysearch .results .active").length == 0) {
selectFirst();
} else {
$("#fuzzysearch .results .active:not(:last-child)")
.removeClass('active')
.next()
.addClass("active");
scrollToSelected();
}
};
/**
* Select the previous element in the results list.
* If no selected, select the last.
*/
var selectPrev = function() {
if ($("#fuzzysearch .results .active").length == 0) {
selectLast();
} else {
$("#fuzzysearch .results .active:not(:first-child)")
.removeClass('active')
.prev()
.addClass("active");
scrollToSelected();
}
};
/**
* Force scroll to the selected element in the results list
*/
var scrollToSelected = function() {
var results = $("#fuzzysearch .results");
var selected = results.find('.active');
if (selected.length) {
results.scrollTop(results.scrollTop() + selected.position().top - results.height()/2 + selected.height()/2 - 25);
}
};
});
Mini Shell