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 descriptions and thumbnails, and fixed issue with pagination on add song

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-02-08 13:18:19 +01:00
parent 4eb3ac6f10
commit cc61d70218
8 changed files with 150 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
public/js/list.js
View File

@@ -124,7 +124,7 @@ var List = {
}
});
if($("#wrapper").children().length > List.can_fit && !$("#pageButtons").length){
$('<div id="pageButtons"><span class="first_page_hide btn-flat"><i class="material-icons">first_page</i></span><a class="first_page waves-effect waves-light btn-flat"><i class="material-icons">first_page</i></a><span class="prev_page_hide btn-flat"><i class="material-icons">navigate_before</i> prev</span><a class="prev_page waves-effect waves-light btn-flat"><i class="material-icons">navigate_before</i> prev</a> <span id="pageNumber">1</span> <a class="last_page waves-effect waves-light btn-flat"><i class="material-icons">last_page</i></a><span class="last_page_hide btn-flat"><i class="material-icons">last_page</i></span><a class="next_page waves-effect waves-light btn-flat">next <i class="material-icons">navigate_next</i></a><span class="next_page_hide btn-flat">next <i class="material-icons">navigate_next</i></span></div>').insertAfter("#wrapper");
$('<div id="pageButtons"><span class="first_page_hide btn-flat"><i class="material-icons">first_page</i></span><a class="first_page waves-effect waves-light btn-flat"><i class="material-icons">first_page</i></a><span class="prev_page_hide btn-flat"><i class="material-icons">navigate_before</i> prev</span><a class="prev_page waves-effect waves-light btn-flat"><i class="material-icons">navigate_before</i> prev</a> <span id="pageNumber">1</span> <a class="next_page waves-effect waves-light btn-flat">next <i class="material-icons">navigate_next</i></a><span class="next_page_hide btn-flat">next <i class="material-icons">navigate_next</i></span><a class="last_page waves-effect waves-light btn-flat"><i class="material-icons">last_page</i></a><span class="last_page_hide btn-flat"><i class="material-icons">last_page</i></span></div>').insertAfter("#wrapper");
$(".prev_page").css("display", "none");
$(".first_page").css("display", "none");
$(".next_page_hide").css("display","none");
@@ -136,13 +136,13 @@ var List = {
$(".last_page").removeClass("hide");
}*/
} else if(!$("#pageButtons").length){
$('<div id="pageButtons"><span class="first_page_hide btn-flat"><i class="material-icons">first_page</i></span><a class="first_page waves-effect waves-light btn-flat"><i class="material-icons">first_page</i></a><span class="prev_page_hide btn-flat"><i class="material-icons">navigate_before</i> prev</span><a class="prev_page waves-effect waves-light btn-flat"><i class="material-icons">navigate_before</i> prev</a> <span id="pageNumber">1</span> <a class="last_page waves-effect waves-light btn-flat"><i class="material-icons">last_page</i></a><span class="last_page_hide btn-flat"><i class="material-icons">last_page</i></span><a class="next_page waves-effect waves-light btn-flat">next <i class="material-icons">navigate_next</i></a><span class="next_page_hide btn-flat">next <i class="material-icons">navigate_next</i></span></div>').insertAfter("#wrapper");
$('<div id="pageButtons"><span class="first_page_hide btn-flat"><i class="material-icons">first_page</i></span><a class="first_page waves-effect waves-light btn-flat"><i class="material-icons">first_page</i></a><span class="prev_page_hide btn-flat"><i class="material-icons">navigate_before</i> prev</span><a class="prev_page waves-effect waves-light btn-flat"><i class="material-icons">navigate_before</i> prev</a> <span id="pageNumber">1</span> <a class="next_page waves-effect waves-light btn-flat">next <i class="material-icons">navigate_next</i></a><span class="next_page_hide btn-flat">next <i class="material-icons">navigate_next</i></span><a class="last_page waves-effect waves-light btn-flat"><i class="material-icons">last_page</i></a><span class="last_page_hide btn-flat"><i class="material-icons">last_page</i></span></div>').insertAfter("#wrapper");
$(".prev_page").css("display", "none");
$(".next_page").css("display", "none");
$(".last_page").css("display", "none");
$(".first_page").css("display", "none");
$(".next_page_hide").css("display","flex");
$(".prev_page_hide").css("display","flex");
$(".next_page_hide").css("display","inline-flex");
$(".prev_page_hide").css("display","inline-flex");
}
List.dynamicContentPage(-10);
@@ -160,15 +160,15 @@ var List = {
List.empty = true;
$("#wrapper").append("<span id='empty-channel-message'>The playlist is empty.</span>");
if(!$("#pageButtons").length){
$('<div id="pageButtons"><span class="first_page_hide btn-flat"><i class="material-icons">first_page</i></span><a class="first_page waves-effect waves-light btn-flat"><i class="material-icons">first_page</i></a><span class="prev_page_hide btn-flat"><i class="material-icons">navigate_before</i> prev</span><a class="prev_page waves-effect waves-light btn-flat"><i class="material-icons">navigate_before</i> prev</a> <span id="pageNumber">1</span> <a class="last_page waves-effect waves-light btn-flat"><i class="material-icons">last_page</i></a><span class="last_page_hide btn-flat"><i class="material-icons">last_page</i></span><a class="next_page waves-effect waves-light btn-flat">next <i class="material-icons">navigate_next</i></a><span class="next_page_hide btn-flat">next <i class="material-icons">navigate_next</i></span></div>').insertAfter("#wrapper");
$('<div id="pageButtons"><span class="first_page_hide btn-flat"><i class="material-icons">first_page</i></span><a class="first_page waves-effect waves-light btn-flat"><i class="material-icons">first_page</i></a><span class="prev_page_hide btn-flat"><i class="material-icons">navigate_before</i> prev</span><a class="prev_page waves-effect waves-light btn-flat"><i class="material-icons">navigate_before</i> prev</a> <span id="pageNumber">1</span> <a class="next_page waves-effect waves-light btn-flat">next <i class="material-icons">navigate_next</i></a><span class="next_page_hide btn-flat">next <i class="material-icons">navigate_next</i></span><a class="last_page waves-effect waves-light btn-flat"><i class="material-icons">last_page</i></a><span class="last_page_hide btn-flat"><i class="material-icons">last_page</i></span></div>').insertAfter("#wrapper");
}
$(".prev_page").css("display", "none");
$(".next_page").css("display", "none");
$(".last_page").css("display", "none");
$(".last_page_hide").css("display", "flex");
$(".last_page_hide").css("display", "inline-flex");
$(".first_page").css("display", "none");
$(".next_page_hide").css("display","flex");
$(".prev_page_hide").css("display","flex");
$(".next_page_hide").css("display","inline-flex");
$(".prev_page_hide").css("display","inline-flex");
}
$("#settings").css("visibility", "visible");
$("#settings").css("opacity", "1");
@@ -182,16 +182,16 @@ var List = {
List.page = page;
$("#wrapper").children().slice(List.page, List.page + List.can_fit).show();
if(List.page > 0 && $(".prev_page").css("display") == "none"){
$(".prev_page").css("display", "flex");
$(".prev_page").css("display", "inline-flex");
$(".prev_page_hide").css("display", "none");
$(".first_page").css("display", "flex");
$(".first_page").css("display", "inline-flex");
$(".first_page_hide").css("display", "none");
}
if(List.page + List.can_fit >= $("#wrapper").children().length){
$(".next_page_hide").css("display", "flex");
$(".next_page_hide").css("display", "inline-flex");
$(".next_page").css("display", "none");
$(".last_page_hide").css("display", "flex");
$(".last_page_hide").css("display", "inline-flex");
$(".last_page").css("display", "none");
}
@@ -205,16 +205,16 @@ var List = {
List.page = List.page + List.can_fit;
$("#wrapper").children().slice(List.page, List.page + List.can_fit).show();
if(List.page > 0 && $(".prev_page").css("display") == "none"){
$(".prev_page").css("display", "flex");
$(".prev_page").css("display", "inline-flex");
$(".prev_page_hide").css("display", "none");
$(".first_page").css("display", "flex");
$(".first_page").css("display", "inline-flex");
$(".first_page_hide").css("display", "none");
}
if(List.page + List.can_fit >= $("#wrapper").children().length){
$(".next_page_hide").css("display", "flex");
$(".next_page_hide").css("display", "inline-flex");
$(".next_page").css("display", "none");
$(".last_page_hide").css("display", "flex");
$(".last_page_hide").css("display", "inline-flex");
$(".last_page").css("display", "none");
}
//$("#wrapper").scrollTop(0);
@@ -224,16 +224,16 @@ var List = {
$("#wrapper").children().slice(List.page, List.page + List.can_fit).show();
if(List.page > 0 && $(".prev_page").css("display") == "none"){
$(".prev_page").css("display", "flex");
$(".prev_page").css("display", "inline-flex");
$(".prev_page_hide").css("display", "none");
$(".first_page").css("display", "flex");
$(".first_page").css("display", "inline-flex");
$(".first_page_hide").css("display", "none");
}
if(List.page + List.can_fit >= $("#wrapper").children().length){
$(".next_page_hide").css("display", "flex");
$(".next_page_hide").css("display", "inline-flex");
$(".next_page").css("display", "none");
$(".last_page_hide").css("display", "flex");
$(".last_page_hide").css("display", "inline-flex");
$(".last_page").css("display", "none");
}
} else if(way==-10){
@@ -242,21 +242,21 @@ var List = {
$("#wrapper").children().slice(List.page, List.page + List.can_fit).show();
if(List.page == 0 && $(".prev_page").css("display") != "none"){
$(".prev_page").css("display", "none");
$(".prev_page_hide").css("display", "flex");
$(".prev_page_hide").css("display", "inline-flex");
$(".first_page").css("display", "none");
$(".first_page_hide").css("display", "flex");
$(".first_page_hide").css("display", "inline-flex");
} else if($(".prev_page").css("display") == "none"){
$(".prev_page_hide").css("display", "flex");
$(".first_page_hide").css("display", "flex");
$(".prev_page_hide").css("display", "inline-flex");
$(".first_page_hide").css("display", "inline-flex");
} else {
$(".prev_page_hide").css("display", "none");
$(".first_page_hide").css("display", "none");
}
if(List.page + List.can_fit < $("#wrapper").children().length){
$(".next_page_hide").css("display", "none");
$(".next_page").css("display", "flex");
$(".next_page").css("display", "inline-flex");
$(".last_page_hide").css("display", "none");
$(".last_page").css("display", "flex");
$(".last_page").css("display", "inline-flex");
}
} else {
$("#wrapper").children().slice(List.page - List.can_fit, List.page).show();
@@ -265,12 +265,12 @@ var List = {
//$("#wrapper").scrollTop(0);
if(List.page == 0 && $(".prev_page").css("display") != "none"){
$(".prev_page").css("display", "none");
$(".prev_page_hide").css("display", "flex");
$(".prev_page_hide").css("display", "inline-flex");
$(".first_page").css("display", "none");
$(".first_page_hide").css("display", "flex");
$(".first_page_hide").css("display", "inline-flex");
} else if($(".prev_page").css("display") == "none"){
$(".prev_page_hide").css("display", "flex");
$(".first_page_hide").css("display", "flex");
$(".prev_page_hide").css("display", "inline-flex");
$(".first_page_hide").css("display", "inline-flex");
} else {
$(".prev_page_hide").css("display", "none");
$(".first_page_hide").css("display", "none");
@@ -278,9 +278,9 @@ var List = {
if(List.page + List.can_fit < $("#wrapper").children().length){
$(".next_page_hide").css("display", "none");
$(".next_page").css("display", "flex");
$(".next_page").css("display", "inline-flex");
$(".last_page_hide").css("display", "none");
$(".last_page").css("display", "flex");
$(".last_page").css("display", "inline-flex");
}
}
$("#pageNumber").html((List.page / List.can_fit) + 1);
@@ -303,12 +303,15 @@ var List = {
}
$("#empty-channel-message").remove();
List.insertAtIndex(added, true);
$($("#wrapper").children()[List.page + List.can_fit]).css("display", "none");
if($("#wrapper").children().length > List.page + List.can_fit){
$(".next_page_hide").css("display", "none");
$(".next_page").removeClass("hide");
$(".next_page").css("display", "flex");
$(".last_page_hide").css("display", "none");
$(".next_page").css("display", "inline-flex");
$(".last_page").css("display", "inline-flex");
} else {
$(".next_page_hide").css("display", "flex");
$(".next_page_hide").css("display", "inline-flex");
$(".next_page").css("display", "none");
}
}
@@ -333,14 +336,14 @@ var List = {
if(List.page >= $("#wrapper").children().length - 1){
List.dynamicContentPage(-1);
$(".next_page_hide").css("display", "flex");
$(".next_page_hide").css("display", "inline-flex");
$(".next_page").css("display", "none");
$(".last_page_hide").css("display", "flex");
$(".last_page_hide").css("display", "inline-flex");
$(".last_page").css("display", "none");
} else if(List.page + List.can_fit + 1 >= $("#wrapper").children().length - 1){
$(".next_page_hide").css("display", "flex");
$(".next_page_hide").css("display", "inline-flex");
$(".next_page").css("display", "none");
$(".last_page_hide").css("display", "flex");
$(".last_page_hide").css("display", "inline-flex");
$(".last_page").css("display", "none");
}
setTimeout(function()