KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added empty playlist message

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2016-02-11 10:51:53 +01:00
parent e6ffa904b3
commit c251ee41f3
5 changed files with 39 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
index.php
View File

@@ -234,9 +234,6 @@
<li class="tab col s3"><a class="playlist-tab-links" href="#suggestions">Suggested</a></li>
</ul>
<div id="wrapper">
<div id="preloader" class="progress channel_preloader">
<div class="indeterminate"></div>
</div>
<div id="list-song-html">
<div id="list-song" class="card left-align list-song">
<span class="clickable vote-container" title="Vote!">

8
static/css/style.css
View File

@@ -582,6 +582,14 @@ hide mdi-action-visibility mdi-action-visibility-off
float:left;
}
#empty-channel-message{
font-size:22px;
color:white;
font-weight:300;
position: relative;
top:20px;
}
.video-container{
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;

2
static/dist/embed.min.js vendored
View File

File diff suppressed because one or more lines are too long

4
static/dist/main.min.js vendored
View File

File diff suppressed because one or more lines are too long

39
static/js/list.js
View File

@@ -1,5 +1,7 @@
var List = {
empty: false,
channel_listener: function()
{
socket.on("channel", function(msg){
@@ -34,20 +36,25 @@ var List = {
{
full_playlist = msg;
List.sortList();
$("#wrapper").empty();
$.each(full_playlist, function(j, current_song){
if(!current_song.now_playing){ //check that the song isnt playing
$("#wrapper").append(List.generateSong(current_song, false, lazy_load, true));
}
});
if(full_playlist.length > 1){
$.each(full_playlist, function(j, current_song){
if(!current_song.now_playing){ //check that the song isnt playing
$("#wrapper").append(List.generateSong(current_song, false, lazy_load, true));
}
});
if(lazy_load){
if(window.mobilecheck()) $(".list-image").lazyload({});
else $(".list-image").lazyload({container: $("#wrapper")}).removeClass("lazy");
if(lazy_load){
if(window.mobilecheck()) $(".list-image").lazyload({});
else $(".list-image").lazyload({container: $("#wrapper")}).removeClass("lazy");
}
}else{
List.empty = true;
$("#wrapper").append("<span id='empty-channel-message'>The playlist is empty.</span>");
}
$("#settings").css("visibility", "visible");
$("#settings").css("opacity", "1");
@@ -59,6 +66,10 @@ var List = {
full_playlist.push(added);
List.sortList();
$("#suggested-"+added.id).remove();
if(List.empty){
$("#empty-channel-message").remove();
List.empty = false;
}
List.insertAtIndex(added, true);
},
@@ -79,7 +90,12 @@ var List = {
document.getElementById('wrapper').scrollTop += -1;
}catch(err){
full_playlist.splice(List.getIndexOfSong(deleted), 1);
$("#wrapper").children()[$("#wrapper").children().length-1].remove();
if(!List.empty)
$("#wrapper").children()[$("#wrapper").children().length-1].remove();
}
if(full_playlist.length <= 2){
List.empty = true;
$("#wrapper").append("<span id='empty-channel-message'>The playlist is empty.</span>");
}
$("#suggested-"+deleted).remove();
Suggestions.checkUserEmpty();
@@ -108,7 +124,8 @@ var List = {
try{
full_playlist.push(full_playlist.shift());
$("#wrapper").children()[0].remove();
if(!List.empty)
$("#wrapper").children()[0].remove();
List.insertAtIndex(full_playlist[length-1], false);
document.getElementById('wrapper').scrollTop += 1;