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

Previous/next pagination working

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2019-03-02 13:23:57 +01:00
parent af92dd0e3a
commit 1c05a1c3b2
6 changed files with 72 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
server/public/assets/js/functions.js
View File

@@ -21,7 +21,7 @@ function removeAllListeners() {
socket.removeEventListener(id);
}
function filterPlaylistElements() {
function filterPlaylistElements(page) {
Helper.ajax({
type: "POST",
headers: {
@@ -30,14 +30,28 @@ function filterPlaylistElements() {
url: "/api/search/" + chan.toLowerCase(),
data: {
searchQuery: document.getElementById("filtersearch_input").value,
token: zoff_api_token
token: zoff_api_token,
page: page
},
success: function(data){
var json = JSON.parse(data);
document.querySelector(".filter-results").innerHTML = "";
if(json.results.length > 0) {
for(var i = 0; i < json.results.length; i++) {
document.querySelector(".filter-results").innerHTML += List.generateSong(json.results[i], false, false, true, false, "block", false, true);;
if(json.results.search_results.length > 0) {
for(var i = 0; i < json.results.search_results.length; i++) {
document.querySelector(".filter-results").innerHTML += List.generateSong(json.results.search_results[i], false, false, true, false, "block", false, true);;
}
if(json.results.next != undefined || json.results.prev != undefined) {
document.querySelector(".filter-results").innerHTML += "<div class='filter-pagination-container'></div>"
if(json.results.prev != undefined) {
document.querySelector(".filter-pagination-container").innerHTML += "<a href='#' class='btn orange prev-filter' data-page='" + json.results.prev + "'>Prev</a>";
} else {
document.querySelector(".filter-pagination-container").innerHTML += "<a href='#' class='btn orange disabled'>Prev</a>";
}
if(json.results.next != undefined) {
document.querySelector(".filter-pagination-container").innerHTML += "<a href='#' class='btn orange next-filter' data-page='" + json.results.next + "'>Next</a>";
} else {
document.querySelector(".filter-pagination-container").innerHTML += "<a href='#' class='btn orange disabled'>Next</a>";
}
}
} else {
toast("Couldn't find any items with those tags..", "red");