You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.8 KiB
66 lines
1.8 KiB
/*
|
|
* catalog-search.js
|
|
* https://github.com/mgrabovsky/lainchan/blob/catalog-search/js/catalog-search.js
|
|
*
|
|
* Released under the MIT license
|
|
* Copyright (c) 2015 Matěj Grabovský <[email protected]>
|
|
*
|
|
* Usage:
|
|
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
|
* $config['additional_javascript'][] = 'js/catalog-search.js';
|
|
*/
|
|
|
|
(function() {
|
|
|
|
var catalogSearch = function() {
|
|
var $controls = $('.controls'),
|
|
$threads = $('.threads .thread'),
|
|
$searchLabel = $('<label for="catalog_search">Search: </label>'),
|
|
$searchBox = $('<input id="catalog_search" type="text" placeholder="Search" />');
|
|
function searchToggle() {
|
|
var button = $('#catalog_search_button');
|
|
|
|
if (!button.data('expanded')) {
|
|
button.data('expanded', '1');
|
|
button.text('Close');
|
|
$('.catalog_search').append(' <input id="search_field" style="border: inset 1px;">');
|
|
$('#search_field').focus();
|
|
} else {
|
|
button.removeData('expanded');
|
|
button.text('Search');
|
|
$('.catalog_search').children().last().remove();
|
|
$('div[id="Grid"]>.mix').each(function () { $(this).css('display', 'inline-block'); });
|
|
}
|
|
}
|
|
|
|
$controls.append($searchLabel)
|
|
.append($searchBox);
|
|
|
|
$searchBox.keyup(function() {
|
|
var $found = searchThreads($threads, this.value);
|
|
$threads.hide();
|
|
$found.show();
|
|
});
|
|
|
|
var m = location.hash.match(/[#&]s=([^&]+)/);
|
|
if(m) {
|
|
$searchBox.val(decodeURIComponent(m[1])).keyup();
|
|
}
|
|
};
|
|
|
|
// Filter threads by their content, given a regex. Can be extended to load data
|
|
// remotely and filter by multiple fields
|
|
var searchThreads = function($threads, query) {
|
|
var re = new RegExp(query, 'mi');
|
|
return $threads.filter(function() {
|
|
return re.test($('.replies', this).text());
|
|
});
|
|
};
|
|
|
|
// Only load in the catalog
|
|
if (active_page == 'catalog') {
|
|
|
|
$(document).ready(catalogSearch);
|
|
}
|
|
|
|
}());
|
|
|