From 0235cdcb4ef0b476b3bda50566a0f1ee215c601c Mon Sep 17 00:00:00 2001
From: wes <wjak56@gmail.com>
Date: Thu, 31 Aug 2017 00:07:51 -0400
Subject: [PATCH] make sure the page number is tracked for browsing

---
 src/scripts/app.tag    |  1 +
 src/scripts/browse.tag | 17 +++++++++--------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/scripts/app.tag b/src/scripts/app.tag
index 4b0e62a..ad102d7 100644
--- a/src/scripts/app.tag
+++ b/src/scripts/app.tag
@@ -130,6 +130,7 @@ document.addEventListener("click", function(event) {
 });
 
 self.state = {
+    "pagenum" : 0, /* the current page of posts in the browse tab */
     "browsed" : false, /* was a link clicked to a post yet? */
     "page" : self.opts.page,
     "results" : self.decode(self.opts.results),
diff --git a/src/scripts/browse.tag b/src/scripts/browse.tag
index eafd210..9510466 100644
--- a/src/scripts/browse.tag
+++ b/src/scripts/browse.tag
@@ -37,7 +37,7 @@
           <div class="columns">
             <div class="col-6 getprev">
               <button
-                if={pagenum > 0}
+                if={opts.state.pagenum > 0}
                 class="btn btn-primary branded"
                 onclick={getprev}
               >
@@ -69,7 +69,6 @@ import { default as showdown } from 'showdown';
 
 var self = this;
 
-self.pagenum = 0;
 self.route = route;
 self.loading = false;
 self.category = self.opts.state.category_filter;
@@ -102,6 +101,7 @@ self.filterCategories = (category) => {
     self.update({
       "loading" : true
     });
+    self.opts.state.pagenum = 0;
     self.opts.state.category_filter = category;
 
     window.cached(`/blog/getbrowse/${category}/${self.pagesize}/${self.startkey ? self.startkey : ""}`)
@@ -125,14 +125,14 @@ self.getPrev = (endkey) => {
     else {
       endpoint = `/blog/prevbrowse/${self.pagesize}/${endkey}`;
     }
+    self.opts.state.pagenum--;
 
     window.cached(endpoint)
     .then((resp) => { return resp.json() })
     .then((results) => {
       self.opts.state.results = results;
       self.update({
-        "loading" : false,
-        "pagenum" : self.pagenum-1
+        "loading" : false
       });
     });
 }
@@ -147,21 +147,22 @@ self.getNext = (startkey) => {
     else {
       endpoint = `/blog/getbrowselim/${self.pagesize}/${startkey}`;
     }
+    self.opts.state.pagenum++;
 
     window.cached(endpoint)
     .then((resp) => { return resp.json() })
     .then((results) => {
       self.opts.state.results = results.slice(1, results.length);
       self.update({
-        "loading" : false,
-        "pagenum" : self.pagenum+1
+        "loading" : false
       });
     });
 }
 
 self.getInitial = () => {
-    self.update({"loading" : true});
-    window.cached(`/blog/getbrowse/${self.pagesize}`)
+  self.update({"loading" : true});
+  self.opts.state.pagenum = 0;
+  window.cached(`/blog/getbrowse/${self.pagesize}`)
     .then((resp) => { return resp.json() })
     .then((results) => {
       self.opts.state.results = results;