MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-02-03 09:56:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

Playlist.js: fix busy message, add autosearch at a 500ms typing delay

Browse Source 
in the search box
playlist.html: layout
This commit is contained in:
Anders Betnér 2006-03-24 11:44:50 +00:00
parent 6e9d4ef491
commit 0d4882ae8e
2 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
admin-root/playlist.html
View File

@ -1,9 +1,13 @@
@include hdr.html@ @include hdr.html@
<style type="text/css"> <style type="text/css">
select { #genre_div select, #artist_div select, #album_div select {
font: icon; font: icon;
width: 30ex; width: 30ex;
} }
#source_div select {
font: icon;
width: 25ex;
}
#songs th { #songs th {
text-align: center; text-align: center;
} }

17
admin-root/playlist.js
View File

@ -1,7 +1,8 @@
Event.observe(window,'load',initPlaylist); Event.observe(window,'load',initPlaylist);
var MAX_SONGS= 400; var MAX_SONGS= 400;
var SEARCH_DELAY = 500; // # ms without typing before the search box searches
Ajax.Responders.register({ onCreate: function () {$('busymsg').style.visibility='visible';}, Ajax.Responders.register({ onCreate: function () {$('busymsg').style.visibility='visible';},
onComplete: function () {$('busymsg').style.visibility='hidden';}}); onComplete: function () {if (!Query.busy) {$('busymsg').style.visibility='hidden';}}});
function initPlaylist() { function initPlaylist() {
new Ajax.Request('/databases/1/containers?output=xml',{method: 'get',onComplete:rsSource}); new Ajax.Request('/databases/1/containers?output=xml',{method: 'get',onComplete:rsSource});
Query.send('genres'); Query.send('genres');
@ -11,7 +12,7 @@ function initPlaylist() {
Event.observe('artists','change',EventHandler.artistsChange); Event.observe('artists','change',EventHandler.artistsChange);
Event.observe('albums','change',EventHandler.albumsChange); Event.observe('albums','change',EventHandler.albumsChange);
// Firefox remebers the search box value on page reload // Firefox remebers the search box value on page reload
$('search').value=''; Field.clear('search');
} }
// TODO busy message // TODO busy message
// timeout on search box // timeout on search box
@ -19,9 +20,15 @@ function initPlaylist() {
// handle source change events // handle source change events
var Search = { var Search = {
timeOut: '',
keyPress: function (e) { keyPress: function (e) {
if (e.keyCode == Event.KEY_RETURN) { if (e.keyCode == Event.KEY_RETURN) {
EventHandler.search(); EventHandler.search();
} else {
if (this.timeOut) {
window.clearTimeout(this.timeOut);
}
this.timeOut = window.setTimeout(EventHandler.search,SEARCH_DELAY);
} }
} }
} }
@ -61,6 +68,7 @@ var Query = {
genres: [], genres: [],
artists:[], artists:[],
albums: [], albums: [],
busy: '',
searchString: '', searchString: '',
clearSelection: function (type) { clearSelection: function (type) {
this[type] = []; this[type] = [];
@ -116,6 +124,7 @@ var Query = {
} }
}, },
send: function (type) { send: function (type) {
this.busy = true;
var url; var url;
var handler; var handler;
var meta = ''; var meta = '';
@ -232,6 +241,7 @@ function rsSongs(request) {
var tr = document.createElement('tr'); var tr = document.createElement('tr');
tr.appendChild(Builder.node('td',{colspan: '5'},'Search returned > '+MAX_SONGS+' results')); tr.appendChild(Builder.node('td',{colspan: '5'},'Search returned > '+MAX_SONGS+' results'));
songsTable.appendChild(tr); songsTable.appendChild(tr);
Query.busy = false;
return; return;
} }
items.each(function (item) { items.each(function (item) {
@ -250,7 +260,8 @@ function rsSongs(request) {
tr.appendChild(Builder.node('td',{style:'width: 100px;'},Element.textContent(item.getElementsByTagName('daap.songgenre')[0]))); tr.appendChild(Builder.node('td',{style:'width: 100px;'},Element.textContent(item.getElementsByTagName('daap.songgenre')[0])));
songsTable.appendChild(tr); songsTable.appendChild(tr);
}); });
Query.busy = false;
} }
function addOptions(element,options) { function addOptions(element,options) {
options.each(function (option) { options.each(function (option) {