From 1920d8eabc8d83b4f3ce1a7e6d1d1547a73cf3b3 Mon Sep 17 00:00:00 2001
From: JoBCB <joaninha_quelhas@hotmail.com>
Date: Thu, 10 Jun 2021 16:31:43 +0100
Subject: [PATCH] added pagination script to all templates

---
 templates/artistsindex.html       | 111 +++++++++++++++++++++++++--
 templates/browsethearchive.html   |  72 +++++++++---------
 templates/publishersindex.html    | 108 +++++++++++++++++++++++++-
 templates/selfpublishedindex.html | 119 +++++++++++++++++++++++------
 templates/zinesindex.html         | 122 +++++++++++++++++++++++-------
 5 files changed, 434 insertions(+), 98 deletions(-)

diff --git a/templates/artistsindex.html b/templates/artistsindex.html
index ceeb399..a6dbda5 100644
--- a/templates/artistsindex.html
+++ b/templates/artistsindex.html
@@ -34,20 +34,115 @@
 </table>
 
 
+<ul id="pagin" class="browsethearchive-pagination">
+         
+</ul>
+
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 <script type="text/javascript"  src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
 <script type="text/javascript"  src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
-<script>
-$(document).ready(function(){
-    $('#artistsindex-table').dataTable({
-        ordering: false,
-        searching: false,
-        lengthChange: false,
-        pageLength:20,
-        info:     false
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
+<script type="text/javascript">
+
+// pagination script w/ support from @biberman on stackoverflow - big thanks!
+
+
+let startPage;
+const pageSize = 24;
+const totalSlidePage = 5;
+const pageCount = Math.ceil($("tr").length / pageSize);
+const slideRange = Math.floor(totalSlidePage / 2); 
+
+slide = function() {
+    startPage = $("#pagin li a.current").parent().index();
+    let paginationStart = (startPage - slideRange) <= 1 ? 0 :
+    (startPage >= (pageCount - slideRange) ? (pageCount - totalSlidePage) :
+    (startPage - slideRange - 1));
+
+    $("#pagin li").hide();
+    
+    for (let t = paginationStart; t < (paginationStart + totalSlidePage); t++) {
+        $("#pagin li").eq(t + 1).show();
+    }
+
+    next.show();
+    prev.show();
+
+    if (startPage == 1) {
+            prev.hide();
+        }
+        if (startPage == pageCount ) {
+            next.hide();
+        }
+}
+
+showPage = function() {
+    console.log(startPage);
+    $("tr").hide();
+    $("tr").each(function(n) {
+    if (n >= pageSize * (startPage - 1) && n < pageSize * startPage)
+    $(this).show();
     });
+}
+
+for (let i = 0 ; i < pageCount; i++) {
+    $("#pagin").append('<li><a href="#">' + (i + 1) + '</a></li> ');
+
+    if (i > pageSize) {
+    $("#pagin li").eq(i).hide();
+    }
+}
+
+let prev = $("<li/>").addClass("prev").html("Prev").click(function() {
+    let prevLi = $("#pagin li a.current").parent().prev().find("a");
+
+    if (prevLi[0]) {
+        $("#pagin li a.current").removeClass("current");
+        prevLi.addClass("current");
+    }
+
+    slide();
+
+    if (startPage != 0) {
+        showPage();
+        }
+});
+
+let next = $("<li/>").addClass("next").html("Next").click(function() {
+    let nextLi = $("#pagin li a.current").parent().next().find("a");
+
+    if (nextLi[0]) {
+        $("#pagin li a.current").removeClass("current");
+        nextLi.addClass("current");
+    }
+
+    slide();
+
+    if (startPage <= pageCount) {
+        showPage();
+    }
 });
+
+$("#pagin").prepend(prev).append(next);
+
+$("#pagin li a").click(function() {
+$('#pagin li a').removeClass('current');
+$(this).addClass('current');
+
+slide();
+showPage();
+});
+
+$("#pagin li a").eq(0).addClass("current");
+
+slide();
+showPage();
+
 </script>
 
+
+
 {% endblock content %}
\ No newline at end of file
diff --git a/templates/browsethearchive.html b/templates/browsethearchive.html
index 49ac856..07645ff 100644
--- a/templates/browsethearchive.html
+++ b/templates/browsethearchive.html
@@ -64,43 +64,43 @@ let paginationStart = (startPage - slideRange) <= 1 ? 0 :
 
 $("#pagin li").hide();
 for (let t = paginationStart; t < (paginationStart + totalSlidePage); t++) {
-$("#pagin li").eq(t + 1).show();
-}
-
-next.show();
-prev.show();
-
-if (startPage == 1) {
-prev.hide();
-}
-else if (startPage == pageCount ) {
-next.hide();
-}
+		$("#pagin li").eq(t + 1).show();
+	}
+
+	next.show();
+	prev.show();
+
+	if (startPage == 1) {
+		prev.hide();
+	}
+	if (startPage == pageCount ) {
+		next.hide();
+	}
 }
 
 showPage = function() {
 console.log(startPage);
-$(".browsethearchive-items").hide();
-$(".browsethearchive-items").each(function(n) {
-if (n >= pageSize * (startPage - 1) && n < pageSize * startPage)
-$(this).show();
-});
+	$(".browsethearchive-items").hide();
+	$(".browsethearchive-items").each(function(n) {
+		if (n >= pageSize * (startPage - 1) && n < pageSize * startPage)
+		$(this).show();
+	});
 }
 
 for (let i = 0 ; i < pageCount; i++) {
-$("#pagin").append('<li><a href="#">' + (i + 1) + '</a></li> ');
+	$("#pagin").append('<li><a href="#">' + (i + 1) + '</a></li> ');
 
-if (i > pageSize) {
-$("#pagin li").eq(i).hide();
-}
+	if (i > pageSize) {
+	$("#pagin li").eq(i).hide();
+	}
 }
 
 let prev = $("<li/>").addClass("prev").html("Prev").click(function() {
 let prevLi = $("#pagin li a.current").parent().prev().find("a");
 
 if (prevLi[0]) {
-$("#pagin li a.current").removeClass("current");
-prevLi.addClass("current");
+	$("#pagin li a.current").removeClass("current");
+	prevLi.addClass("current");
 }
 
 slide();
@@ -111,28 +111,28 @@ showPage();
 });
 
 let next = $("<li/>").addClass("next").html("Next").click(function() {
-let nextLi = $("#pagin li a.current").parent().next().find("a");
+	let nextLi = $("#pagin li a.current").parent().next().find("a");
 
-if (nextLi[0]) {
-$("#pagin li a.current").removeClass("current");
-nextLi.addClass("current");
-}
+	if (nextLi[0]) {
+		$("#pagin li a.current").removeClass("current");
+		nextLi.addClass("current");
+	}
 
-slide();
+	slide();
 
-if (startPage <= pageCount) {
-showPage();
-}
+	if (startPage <= pageCount) {
+		showPage();
+	}
 });
 
 $("#pagin").prepend(prev).append(next);
 
 $("#pagin li a").click(function() {
-$('#pagin li a').removeClass('current');
-$(this).addClass('current');
+	$('#pagin li a').removeClass('current');
+	$(this).addClass('current');
 
-slide();
-showPage();
+	slide();
+	showPage();
 });
 
 $("#pagin li a").eq(0).addClass("current");
diff --git a/templates/publishersindex.html b/templates/publishersindex.html
index 7102a6d..c9076d8 100644
--- a/templates/publishersindex.html
+++ b/templates/publishersindex.html
@@ -33,12 +33,16 @@
 </tbody>
 </table>
 
+<ul id="pagin" class="browsethearchive-pagination">
+         
+</ul>
+
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 <script type="text/javascript"  src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
 <script type="text/javascript"  src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
 
-<script>
+<!-- <script>
 $(document).ready(function(){
     $('#publishersindex-table').dataTable({
         ordering: false,
@@ -48,7 +52,107 @@ $(document).ready(function(){
         info:     false
     });
 });
-</script>
+</script> -->
+
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
+<script type="text/javascript">
+
+// pagination script w/ support from @biberman on stackoverflow - big thanks!
+
+
+let startPage;
+const pageSize = 24;
+const totalSlidePage = 5;
+const pageCount = Math.ceil($("tr").length / pageSize);
+const slideRange = Math.floor(totalSlidePage / 2); 
+
+slide = function() {
+    startPage = $("#pagin li a.current").parent().index();
+    let paginationStart = (startPage - slideRange) <= 1 ? 0 :
+    (startPage >= (pageCount - slideRange) ? (pageCount - totalSlidePage) :
+    (startPage - slideRange - 1));
+
+
+    $("#pagin li").hide();
+    for (let t = paginationStart; t < (paginationStart + totalSlidePage); t++) {
+        $("#pagin li").eq(t + 1).show();
+    }
+
+    next.show();
+    prev.show();
+
+    if (startPage == 1) {
+        prev.hide();
+    }
+    if (startPage == pageCount ) {
+        next.hide();
+    }
+}
+
+showPage = function() {
+    console.log(startPage);
+    $("tr").hide();
+    $("tr").each(function(n) {
+        if (n >= pageSize * (startPage - 1) && n < pageSize * startPage)
+        $(this).show();
+    });
+}
+
+for (let i = 0 ; i < pageCount; i++) {
+    $("#pagin").append('<li><a href="#">' + (i + 1) + '</a></li> ');
+
+    if (i > pageSize) {
+        $("#pagin li").eq(i).hide();
+    }
+}
 
+let prev = $("<li/>").addClass("prev").html("Prev").click(function() {
+    let prevLi = $("#pagin li a.current").parent().prev().find("a");
+
+    if (prevLi[0]) {
+        $("#pagin li a.current").removeClass("current");
+        prevLi.addClass("current");
+    }
+
+    slide();
+
+        if (startPage != 0) {
+        showPage();
+        }
+});
+
+let next = $("<li/>").addClass("next").html("Next").click(function() {
+    let nextLi = $("#pagin li a.current").parent().next().find("a");
+
+    if (nextLi[0]) {
+        $("#pagin li a.current").removeClass("current");
+        nextLi.addClass("current");
+    }
+
+    slide();
+
+    if (startPage <= pageCount) {
+        showPage();
+    }
+});
+
+$("#pagin").prepend(prev).append(next);
+
+$("#pagin li a").click(function() {
+    $('#pagin li a').removeClass('current');
+    $(this).addClass('current');
+
+    slide();
+    showPage();
+});
+
+$("#pagin li a").eq(0).addClass("current");
+
+slide();
+showPage();
+
+</script>
 
 {% endblock content %}
\ No newline at end of file
diff --git a/templates/selfpublishedindex.html b/templates/selfpublishedindex.html
index 177e65c..b765b9a 100644
--- a/templates/selfpublishedindex.html
+++ b/templates/selfpublishedindex.html
@@ -37,37 +37,106 @@
 
 </div>
 
-<div id="selfpublishedindex-pagination">
-<ul id="selfpublishedindex-pagin">    
+<ul id="pagin" class="browsethearchive-pagination">
+         
 </ul>
-</div>
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
 <script type="text/javascript">
-    //Pagination
-    pageSize = 24;
-
-    var pageCount =  $(".selfpublishedindex-items").length / pageSize;
-    
-     for(var i = 0 ; i<pageCount;i++){
-        
-       $("#selfpublishedindex-pagin").append('<li><a href="#">'+(i+1)+'</a></li> ');
-     }
-        $("#selfpublishedindex-pagin li").first().addClass("current")
-    showPage = function(page) {
-        $(".selfpublishedindex-items").hide();
-        $(".selfpublishedindex-items").each(function(n) {
-            if (n >= pageSize * (page - 1) && n < pageSize * page)
-                $(this).show();
-        });        
+
+// pagination script w/ support from @biberman on stackoverflow - big thanks!
+
+
+let startPage;
+const pageSize = 24;
+const totalSlidePage = 5;
+const pageCount = Math.ceil($(".selfpublishedindex-items").length / pageSize);
+const slideRange = Math.floor(totalSlidePage / 2); 
+
+slide = function() {
+    startPage = $("#pagin li a.current").parent().index();
+    let paginationStart = (startPage - slideRange) <= 1 ? 0 :
+    (startPage >= (pageCount - slideRange) ? (pageCount - totalSlidePage) :
+    (startPage - slideRange - 1));
+
+    $("#pagin li").hide();
+
+    for (let t = paginationStart; t < (paginationStart + totalSlidePage); t++) {
+        $("#pagin li").eq(t + 1).show();
     }
-    
-    showPage(1);
 
-    $("#selfpublishedindex-pagin li").click(function() {
-        $("#selfpublishedindex-pagin li").removeClass("current");
-        $(this).addClass("current");
-        showPage(parseInt($(this).text())) 
+    next.show();
+    prev.show();
+
+    if (startPage == 1) {
+            prev.hide();
+        }
+    if (startPage == pageCount ) {
+            next.hide();
+    }
+}
+
+showPage = function() {
+    console.log(startPage);
+    $(".selfpublishedindex-items").hide();
+    $(".selfpublishedindex-items").each(function(n) {
+        if (n >= pageSize * (startPage - 1) && n < pageSize * startPage)
+        $(this).show();
     });
+}
+
+for (let i = 0 ; i < pageCount; i++) {
+    $("#pagin").append('<li><a href="#">' + (i + 1) + '</a></li> ');
+
+    if (i > pageSize) {
+        $("#pagin li").eq(i).hide();
+    }
+}
+
+let prev = $("<li/>").addClass("prev").html("Prev").click(function() {
+    let prevLi = $("#pagin li a.current").parent().prev().find("a");
+
+    if (prevLi[0]) {
+        $("#pagin li a.current").removeClass("current");
+        prevLi.addClass("current");
+    }
+
+    slide();
+
+    if (startPage != 0) {
+        showPage();
+    }
+});
+
+let next = $("<li/>").addClass("next").html("Next").click(function() {
+    let nextLi = $("#pagin li a.current").parent().next().find("a");
+
+    if (nextLi[0]) {
+        $("#pagin li a.current").removeClass("current");
+        nextLi.addClass("current");
+    }
+    slide();
+
+    if (startPage <= pageCount) {
+        showPage();
+    }
+});
+
+$("#pagin").prepend(prev).append(next);
+
+$("#pagin li a").click(function() {
+    $('#pagin li a').removeClass('current');
+    $(this).addClass('current');
+
+    slide();
+    showPage();
+});
+
+$("#pagin li a").eq(0).addClass("current");
+
+slide();
+showPage();
 
 </script>
 
diff --git a/templates/zinesindex.html b/templates/zinesindex.html
index 51c5840..d25d676 100644
--- a/templates/zinesindex.html
+++ b/templates/zinesindex.html
@@ -37,37 +37,105 @@
 
 </div>
 
-<div id="zinesindex-pagination">
-<ul id="zinesindex-pagin">    
+<ul id="pagin" class="browsethearchive-pagination">
 </ul>
-</div>
 
 <script type="text/javascript">
-	//Pagination
-	pageSize = 24;
-
-	var pageCount =  $(".zinesindex-items").length / pageSize;
-    
-     for(var i = 0 ; i<pageCount;i++){
-        
-       $("#zinesindex-pagin").append('<li><a href="#">'+(i+1)+'</a></li> ');
-     }
-        $("#zinesindex-pagin li").first().addClass("current")
-    showPage = function(page) {
-	    $(".zinesindex-items").hide();
-	    $(".zinesindex-items").each(function(n) {
-	        if (n >= pageSize * (page - 1) && n < pageSize * page)
-	            $(this).show();
-	    });        
+// pagination script w/ support from @biberman on stackoverflow - big thanks!
+
+
+let startPage;
+const pageSize = 24;
+const totalSlidePage = 5;
+const pageCount = Math.ceil($(".zinesindex-items").length / pageSize);
+const slideRange = Math.floor(totalSlidePage / 2); 
+
+slide = function() {
+	startPage = $("#pagin li a.current").parent().index();
+	let paginationStart = (startPage - slideRange) <= 1 ? 0 :
+	(startPage >= (pageCount - slideRange) ? (pageCount - totalSlidePage) :
+	(startPage - slideRange - 1));
+
+
+	$("#pagin li").hide();
+	for (let t = paginationStart; t < (paginationStart + totalSlidePage); t++) {
+		$("#pagin li").eq(t + 1).show();
+	}
+
+	next.show();
+	prev.show();
+
+	if (startPage == 1) {
+			prev.hide();
+			console.log("prev?")
+		}
+	if (startPage == pageCount ) {
+			next.hide();
+			console.log("next?")
+		}
+}
+
+showPage = function() {
+			console.log(startPage);
+			$(".zinesindex-items").hide();
+			$(".zinesindex-items").each(function(n) {
+				if (n >= pageSize * (startPage - 1) && n < pageSize * startPage)
+				$(this).show();
+		});
 	}
-    
-	showPage(1);
-
-	$("#zinesindex-pagin li").click(function() {
-	    $("#zinesindex-pagin li").removeClass("current");
-	    $(this).addClass("current");
-	    showPage(parseInt($(this).text())) 
-	});
+
+	for (let i = 0 ; i < pageCount; i++) {
+		$("#pagin").append('<li><a href="#">' + (i + 1) + '</a></li> ');
+
+	if (i > pageSize) {
+		$("#pagin li").eq(i).hide();
+		}
+}
+
+let prev = $("<li/>").addClass("prev").html("Prev").click(function() {
+	let prevLi = $("#pagin li a.current").parent().prev().find("a");
+
+	if (prevLi[0]) {
+		$("#pagin li a.current").removeClass("current");
+		prevLi.addClass("current");
+	}
+
+	slide();
+
+	if (startPage != 0) {
+		showPage();
+	}
+});
+
+
+let next = $("<li/>").addClass("next").html("Next").click(function() {
+	let nextLi = $("#pagin li a.current").parent().next().find("a");
+
+	if (nextLi[0]) {
+		$("#pagin li a.current").removeClass("current");
+		nextLi.addClass("current");
+	}
+		slide();
+
+	if (startPage <= pageCount) {
+		showPage();
+	}
+});
+
+$("#pagin").prepend(prev).append(next);
+
+$("#pagin li a").click(function() {
+	$('#pagin li a').removeClass('current');
+	$(this).addClass('current');
+
+	slide();
+	showPage();
+});
+
+$("#pagin li a").eq(0).addClass("current");
+
+slide();
+showPage();
 
 </script>