jellyfin-web/dashboard-ui/scripts/searchmenu.js

86 lines
2.0 KiB
JavaScript
Raw Normal View History

2015-07-10 07:25:18 -07:00
(function () {
function searchMenu() {
var self = this;
self.show = function () {
2015-12-14 08:43:03 -07:00
require(['css!css/search.css'], function() {
$('.headerSearchInput').val('');
2015-07-10 07:25:18 -07:00
$('.btnCloseSearch').hide();
2015-12-14 08:43:03 -07:00
var elem = $('.viewMenuSearch').removeClass('hide')[0];
fadeIn(elem, 1).onfinish = function () {
$('.headerSearchInput').focus();
$('.btnCloseSearch').show();
};
2015-07-10 07:25:18 -07:00
});
};
2015-12-14 08:43:03 -07:00
function fadeIn(elem, iterations) {
var keyframes = [
{ opacity: '0', offset: 0 },
{ opacity: '1', offset: 1 }];
var timing = { duration: 200, iterations: iterations };
return elem.animate(keyframes, timing);
}
2015-07-10 07:25:18 -07:00
self.hide = function () {
var viewMenuSearch = document.querySelector('.viewMenuSearch');
if (!viewMenuSearch) {
return;
}
if (!viewMenuSearch.classList.contains('hide')) {
2015-12-14 08:43:03 -07:00
$('.btnCloseSearch').hide();
viewMenuSearch.classList.add('hide');
2015-07-10 07:25:18 -07:00
}
};
$('.viewMenuSearchForm').on('submit', function () {
return false;
});
$('.btnCloseSearch').on('click', function () {
2015-09-21 10:46:02 -07:00
self.hide();
2015-07-10 07:25:18 -07:00
Events.trigger(self, 'closed');
});
$('.headerSearchInput').on("keyup", function (e) {
// Down key
if (e.keyCode == 40) {
//var first = $('.card', panel)[0];
//if (first) {
// first.focus();
//}
return false;
} else {
Events.trigger(self, 'change', [this.value]);
}
}).on("search", function (e) {
if (!this.value) {
Events.trigger(self, 'change', ['']);
}
});
}
window.SearchMenu = new searchMenu();
})();