Ümit Tunç
50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
/*
|
|
* Document : be_ui_icons.js
|
|
* Author : pixelcave
|
|
* Description: Custom JS code used in Icons Page
|
|
*/
|
|
|
|
class BeUIIcons {
|
|
/*
|
|
* Icon Search functionality
|
|
*
|
|
*/
|
|
static iconSearch() {
|
|
let searchItems = jQuery('.js-icon-list > div');
|
|
let searchValue = '', el;
|
|
|
|
// Disable form submission
|
|
jQuery('.js-form-icon-search').on('submit', () => false);
|
|
|
|
// When user types
|
|
jQuery('.js-icon-search').on('keyup', (e) => {
|
|
searchValue = jQuery(e.currentTarget).val().toLowerCase();
|
|
|
|
if (searchValue.length > 2) { // If ore than 2 characters, search the icons
|
|
searchItems.hide();
|
|
|
|
jQuery('code', searchItems).each((index, element) => {
|
|
el = jQuery(element);
|
|
|
|
if (el.text().match(searchValue)) {
|
|
el.parent('div').fadeIn(250);
|
|
}
|
|
});
|
|
} else if (searchValue.length === 0) { // If text was deleted, show all icons
|
|
searchItems.show();
|
|
}
|
|
});
|
|
}
|
|
|
|
/*
|
|
* Init functionality
|
|
*
|
|
*/
|
|
static init() {
|
|
this.iconSearch();
|
|
}
|
|
}
|
|
|
|
// Initialize when page loads
|
|
jQuery(() => { BeUIIcons.init(); });
|