Add support for view-only mode.

[patchfork.git] / std / plsearch.js

/* 
    Pitchfork Music Player Daemon Client
    Copyright (C) 2007  Roger Bystrøm

    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; version 2 of the License.

    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, write to the Free Software Foundation, Inc.,
    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
*/


var sidebar = null;

function Sidebar() {
	this.is_open = false;
	this.view = new HashMap();
	this.header_height = new HashMap();
	this.open_view = "metadata";
	this.header_height.put("metadata", 20);
	/* TODO: find another way to determine the height of this */
	this.display_base_top = 107;
	this.header = document.getElementById("sidebar_header");
	this.display = document.getElementById("sidebar_display");
	this.display_txt = document.getElementById("sidebar_display_txt");
	this.last_metadata_request = null;
	this.PLSEARCH_OPTS = new Array("Any", "Artist", "Title", "Album", "Genre", "Filename", "Composer", "Performer", "Date");
	this.plsearch_choice = null; // select box
	this.plsearch_input = null; // search input box
}

Sidebar.prototype.say_loading = function(txt) {
	if(typeof(txt)=='undefined')
		txt = LANG.WAIT_LOADING;
	this.set_content(create_txt(txt));
}

Sidebar.prototype.adjust_height = function(name) {
	var h = this.header_height.get(name);
	this.display.style.top = (this.display_base_top + h) + "px";
	this.header.style.height = h + "px";
}

Sidebar.prototype.set_content = function(fragment) {
	remove_children(this.display_txt);
	this.display_txt.appendChild(fragment);
}

/* Name of view, buffer/element that is this view, and height of view */
Sidebar.prototype.add_view = function(name, buffer, height) {
	this.view.put(name,buffer);
	if(!height)
		height = 20;
	this.header_height.put(name, height);
}

/* will switch to the specified view if it isn't already open */
Sidebar.prototype.switch_view = function(name) {
	if(this.open_view==name) 
		return;
	var n = this.view.remove(name); // make sure we can get it first
	if(!n) {
		debug("can't get new sidebar view: " + name);
		return;
	}
	var buf = remove_children(this.header);
	this.view.put(this.open_view, buf);
	this.header.appendChild(n);
	this.open_view = name;
}


function sidebar_close() {
	if(browser_is_opera()) {
		sidebar.header.style.display = "none";
		opera_quirk_set_display_none(sidebar.display);
	}
	else {
		sidebar.header.style.display = "none";
		sidebar.display.style.display = "none";
	}
	remove_children(sidebar.display_txt);
}

function sidebar_open(view) {
	if(view&&view!=sidebar.open_view) { // we have to change view
		sidebar.switch_view(view);
		sidebar.adjust_height(view);
	}
	sidebar.header.style.display = "block";
	sidebar.display.style.display = "block";
}


function sidebar_init() {
	sidebar = new Sidebar();
}

function plsearch_init() {
	/* you can either use a buffer like in create_fragment()
	 * or add it to a top-container like I've done here*/
	var t = create_node("p");
	t.className = "nomargin";
	t.appendChild(create_txt("Playlistsearch:  "));
	var close = create_node("span", null, " ["+LANG.CLOSE+"]");
	add_listener(close, "click", sidebar_close);
	close.className = "fakelink";
	t.appendChild(close);
	t.appendChild(create_node("br"));

	var search = create_search_choices(sidebar.PLSEARCH_OPTS, plsearch_choice_change)

	t.appendChild(search);

	sidebar.plsearch_choice = search;
	search = create_node("input");
	search.type = "text";
	sidebar.plsearch_input = search;
	add_listener(search, "keyup", plsearch_term_change);
	add_listener(search, "keydown", stop_propagation);
	search.className = "browse_type";
	t.appendChild(search);
	
	sidebar.add_view("plsearch", t, 45);
}

function plsearch_choice_change(e) {
	stop_propagation(e);
	sidebar.plsearch_input.focus();
}

function plsearch_open() {
	sidebar_open("plsearch");
	sidebar.set_content(create_txt(""));
	sidebar.plsearch_input.focus();
}

function plsearch_set_content(content) {
	if(sidebar.open_view=="plsearch") 
		sidebar.set_content(content);
}

function plsearch_term_change(e) {
	stop_propagation(e); // we'll keep it
	if(e.keyCode == RETURN_KEY_CODE) { // send search
		var s = sidebar.plsearch_input.value.trim();
		if(s.length>0) {
			send_command("plsearch=" + sidebar.plsearch_choice.selectedIndex + 
				"&s=" + s, plsearch_search_cb, LANG.WAIT_SEARCHING);
		}
		else { // clear results
			// fixme, possible leak
			remove_listener(sidebar.display.firstChild , "click", plsearch_click);
			remove_listener(sidebar.display.firstChild , "mousedown", stop_event);
			plsearch_set_content(create_txt(""));
		}
	}
}

function plsearch_search_cb(resp) {
	if(typeof(resp)!='undefined'&&resp!="failed") {
		var dst= create_node("p");
		dst.style.padding = "0px";
		for(var i=0; i<resp.length; i++) {
			var file = resp[i]["file"];
			var artist = resp[i]["Artist"];
			var title = resp[i]["Title"];
			var pos = resp[i]["Pos"];
			var name = "";
			if(title==null||!title.length) {
				name = file.substring(file.lastIndexOf(DIR_SEPARATOR)+1);
			}
			else {
				name = artist + " - " + title;
			}

			var e = create_node("span", null, name);
			e.className = "plse";
			e.setAttribute("diritem", file);
			e.setAttribute("dirtype", "file");
			e.setAttribute("plpos", pos);
			dst.appendChild(e);
		}
		plsearch_set_content(dst);
		add_listener(dst, "click", plsearch_click);
		add_listener(dst, "mousedown", stop_event);
	}
	else {
		plsearch_set_content(create_txt(LANG.E_INVALID_RESULT));
	}
}

function plsearch_click(e) {
	stop_event(e);
	var target = e.target;
	if(target&&target.hasAttribute("plpos")) {
		if(e.detail==1) {
			playlist_scroll_to_pos(parseInt(target.getAttribute("plpos")), true);	
		}
		else if(e.detail==2) {
			send_play_pos(target.getAttribute("plpos"));
		}
	}
}