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

Changed how pagebuttons are added/initialized

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2017-11-22 17:04:38 +01:00
parent b94fa58db6
commit 65d1b9cd61
3 changed files with 29 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
server/public/assets/js/list.js
View File

@@ -176,14 +176,11 @@ var List = {
} }
}); });
if($("#wrapper").children().length > List.can_fit && !$("#pageButtons").length){ 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="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"); $(".prev_page").css("display", "none");
$(".first_page").css("display", "none"); $(".first_page").css("display", "none");
$(".next_page_hide").css("display","none"); $(".next_page_hide").css("display","none");
$(".last_page_hide").css("display","none"); $(".last_page_hide").css("display","none");
} else if(!$("#pageButtons").length){ } 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="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"); $(".prev_page").css("display", "none");
$(".next_page").css("display", "none"); $(".next_page").css("display", "none");
$(".last_page").css("display", "none"); $(".last_page").css("display", "none");
@@ -198,9 +195,6 @@ var List = {
} else { } else {
List.empty = true; List.empty = true;
$("#wrapper").html("<span id='empty-channel-message'>The playlist is empty.</span>"); $("#wrapper").html("<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="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"); $(".prev_page").css("display", "none");
$(".next_page").css("display", "none"); $(".next_page").css("display", "none");
$(".last_page").css("display", "none"); $(".last_page").css("display", "none");
@@ -212,6 +206,7 @@ var List = {
$("#settings").css("visibility", "visible"); $("#settings").css("visibility", "visible");
$("#settings").css("opacity", "1"); $("#settings").css("opacity", "1");
$("#wrapper").css("opacity", "1"); $("#wrapper").css("opacity", "1");
$("#pageButtons").removeClass("hide");
if(!embed) { if(!embed) {
Helper.log("Starting empty-checker"); Helper.log("Starting empty-checker");

2
server/public/partials/channel/header.handlebars
View File

@@ -4,7 +4,7 @@
<div class="nav-wrapper"> <div class="nav-wrapper">
<div class="brand-logo zbrand channel-logo-container"> <div class="brand-logo zbrand channel-logo-container">
<a href="/" class="brand-logo brand-logo-navigate"> <a href="/" class="brand-logo brand-logo-navigate">
<img class="zicon" src="/assets/images/z.svg" alt="zoff" title="Zoff" /> <img class="zicon" src="/assets/images/z.svg" alt="zoff-logo" title="Home" />
</a> </a>
<span id="chan" class="chan clickable" title="Show big URL">{{list_name}}</span> <span id="chan" class="chan clickable" title="Show big URL">{{list_name}}</span>
</div> </div>

27
server/public/partials/channel/playlist.handlebars
View File

@@ -25,3 +25,30 @@
</div> </div>
</div> </div>
</div> </div>
<div id="pageButtons" class="hide">
<span class="first_page_hide btn-flat disabled">
<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 disabled">
<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 disabled">
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 disabled">
<i class="material-icons">last_page</i>
</span>
</div>