From 08268860601f61e0d0d0829e673a7189b7db134e Mon Sep 17 00:00:00 2001
From: raylu <raylu@mixpanel.com>
Date: Fri, 5 Aug 2011 02:05:49 -0700
Subject: add on the page

---
 main.go          |  1 +
 static/script.js | 27 +++++++++++++++++++++++++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/main.go b/main.go
index a64aeb4..a278f26 100644
--- a/main.go
+++ b/main.go
@@ -128,6 +128,7 @@ func add(w http.ResponseWriter, r *http.Request) {
 		http.Error(w, err.String(), http.StatusInternalServerError)
 		return
 	}
+	w.Write([]byte("1"))
 }
 
 func main() {
diff --git a/static/script.js b/static/script.js
index 4766387..a958a44 100644
--- a/static/script.js
+++ b/static/script.js
@@ -139,15 +139,38 @@ function search(query) {
 }
 
 function add(id, title) {
+	var user = $('#user').val();
 	params = {
 		'pid': pid,
 		'yid': id,
 		'title': title,
-		'user': $('#user').val()
+		'user': user
 	}
 	$.getJSON('/add/', params,
 		function(data) {
-			alert(data);
+			if (data != 1)
+				return;
+			$('article').append('\
+				<section class="song">\
+					<div class="info">\
+						<a href="http://www.youtube.com/watch?v=' + id + '">' + title + '</a>\
+					</div>\
+					<div class="user">' + user + '</div>\
+					<div class="remove">×</div>\
+					<br class="clear">\
+					<div class="thumb">\
+						<img src="http://i.ytimg.com/vi/' + id + '/1.jpg" alt="' + id + '">\
+					</div>\
+					<canvas id="' + id + '" width="700" height="20"></canvas>\
+					<br>\
+					<img src="/static/player_play.png" alt="Play" onclick="play(\'' + id + '\')" id="play_' + id + '">\
+					<img src="/static/player_pause.png" alt="Pause" onclick="pause(\'' + id + '\')" id="pause_' + id + '">\
+					<img src="/static/player_stop.png" alt="Stop" onclick="stop(\'' + id + '\')">\
+					<br class="clear">\
+				</section>\
+				');
+			ids.push(id);
+			drawBar(id);
 		}
 	);
 }
-- 
cgit v1.2.3