Tobias Klika
116 lines
3.2 KiB
JavaScript
116 lines
3.2 KiB
JavaScript
$(document).ready(function(){
|
|
loadPlayer();
|
|
initPlaylist();
|
|
makeTracksAddable(); // bind click-event to "add" button (for each track)
|
|
initPlayer();
|
|
initPlayTrack();
|
|
});
|
|
|
|
|
|
function initPlayer(){
|
|
$('.play').live('click', function(){
|
|
if($(this).hasClass('pause')) pauseVideo();
|
|
else playVideo();
|
|
|
|
$(this).toggleClass('pause');
|
|
});
|
|
}
|
|
|
|
|
|
function initPlayTrack(){
|
|
$('.playsong').live('click',function(){
|
|
url = "/search_video";
|
|
params = "artist="+$(this).parents('li').attr("artist")+"&track="+$(this).parents('li').attr("track");
|
|
video_request(url, params, this);
|
|
});
|
|
}
|
|
|
|
function playTrack(data, obj){
|
|
loadVideo(data);
|
|
$('#fullscreen h2').text($(obj).parents('li').attr("artist"));
|
|
$('#fullscreen h1').text($(obj).parents('li').attr("track"));
|
|
}
|
|
|
|
|
|
function initPlaylist() {
|
|
// TODO: reload Playlist form localStorage
|
|
storage = $.store.get("9minutesPlaylist");
|
|
if(storage !== undefined) {
|
|
size = storage.length;
|
|
for(i = 0; i < size; i++) {
|
|
$('.play_list').append('<li videoid="'+ storage[i].videoid + '"><h3><div>'+ storage[i].title + '</div><span>' + storage[i].artist + '</span></h3></li>');
|
|
$listElement = $('.play_list li:eq('+i+')');
|
|
//$listElement.prepend('<img class="delete-handle" src="/images/ico/delete.png" />');
|
|
//$listElement.append('<img class="drag-handle" src="/images/ico/drag.png" />');
|
|
}
|
|
}
|
|
/*
|
|
$('ul#playlist').dragsort({
|
|
dragSelector: '.drag-handle',
|
|
dragEnd: savePlaylist,
|
|
placeHolderTemplate: '<li class="placeholder">',
|
|
scrollContainer: '#playlist-container'
|
|
});
|
|
|
|
$('#playlist .delete-handle').live("click", onRemoveTrackFromPlaylist);
|
|
|
|
$('#player #icons .playlist').live("click", function(){
|
|
$('#playlist-container').toggle();
|
|
});
|
|
|
|
$('#playlist-navigation .clear').live('click', function(){
|
|
$('#playlist li').remove();
|
|
$.store.clear();
|
|
});*/
|
|
}
|
|
|
|
function savePlaylist() {
|
|
var tracks = [];
|
|
$('.play_list li').each(function(i) {
|
|
tracks[i] = {
|
|
title : $(this).attr("track"), // TODO
|
|
artist : $(this).attr("artist"),
|
|
videoid : $(this).attr('videoid')
|
|
}
|
|
});
|
|
|
|
//console.log(tracks);
|
|
$.store.set("9minutesPlaylist", tracks);
|
|
//console.log("playlist saved ;)");
|
|
}
|
|
|
|
function makeTracksAddable() {
|
|
$('.add').live("click", onAddTrackToPlaylist);
|
|
}
|
|
|
|
function onAddTrackToPlaylist(event) {
|
|
// if already in playlist
|
|
$listElement = $(event.target).parents('li').clone(); // TODO
|
|
$vuid = $listElement.children('.play').attr('videoid');
|
|
|
|
|
|
if ($('#playlist li[videoid='+$vuid+']').html() != null)
|
|
{
|
|
alert("Already in playlist!");
|
|
return;
|
|
}
|
|
|
|
$listElement.children('img').remove();
|
|
$listElement.attr('data-itemidx', 0); // important for dragsort plugin
|
|
$listElement.attr('videoid', $vuid);
|
|
// $listElement.prepend('<img class="delete-handle" src="/images/ico/delete.png" />');
|
|
// $listElement.append('<img class="drag-handle" src="/images/ico/drag.png" />');
|
|
$listElement.appendTo('#playlist');
|
|
|
|
savePlaylist();
|
|
}
|
|
|
|
function onRemoveTrackFromPlaylist(event) {
|
|
$listElement = $(event.target).parent();
|
|
$listElement.fadeTo(300, 0.1, function() {
|
|
$(this).hide("blind", function() {
|
|
$(this).remove();
|
|
savePlaylist();
|
|
});
|
|
});
|
|
} |