From c9cfd46551d90fde2a5c98eaf6241764b60e1d2a Mon Sep 17 00:00:00 2001
From: Akhil Gupta <akhil.gupta@faballey.com>
Date: Mon, 2 Aug 2021 14:21:28 +0530
Subject: [PATCH] customize page count

---
 Readme.md                |  2 +-
 client/episodes_new.html | 20 +++++++++++++++-----
 client/settings.html     |  2 +-
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/Readme.md b/Readme.md
index 1ec086e..84661ca 100644
--- a/Readme.md
+++ b/Readme.md
@@ -14,7 +14,7 @@
   </a> -->
 
   <h1 align="center" style="margin-bottom:0px">Podgrab</h1>
-  <p align="center">Current Version - 2021.07.30</p>
+  <p align="center">Current Version -2021.08.02</p>
 
   <p align="center">
     A self-hosted podcast manager to download episodes as soon as they become live
diff --git a/client/episodes_new.html b/client/episodes_new.html
index 770ad6c..80c89ac 100644
--- a/client/episodes_new.html
+++ b/client/episodes_new.html
@@ -253,6 +253,11 @@
               <option :key="index" v-for="index in filter.totalPages" >${index}</option>
           </select>
           
+          <select name="count" id="countDdl" v-model="filter.count" >
+              <option :key="index" v-for="index in countOptions" >${index}</option>
+
+        </select>
+        
           <a
           v-if="filter.nextPage"
             class="button"
@@ -291,8 +296,14 @@ var app = new Vue({
             return this.filter.count;
           }
         },
+      
         watch:{
-        
+        count(newValue,oldValue){
+          if(newValue===oldValue){
+            return;
+          }
+          this.getData();
+        },
           page(newPage,oldPage){
             if(newPage==oldPage){
               return;
@@ -310,9 +321,6 @@ var app = new Vue({
            this.getData()
            
           },
-          count(current,old){
-            this.getData()
-          },
           showFilters(current,old){
            
             if(localStorage){
@@ -355,6 +363,7 @@ var app = new Vue({
         mounted(){
           if(localStorage && localStorage.episodesFilter){
               this.filter=JSON.parse(localStorage.episodesFilter);
+
             }
             if(localStorage && localStorage.showFilters){
               this.showFilters=JSON.parse(localStorage.showFilters);
@@ -401,7 +410,7 @@ var app = new Vue({
                 this.selectedPlayedStatus=this.playedStatusOptions[i]
               }
             }
-
+            this.filter.page=1;
           this.getData()
 
 
@@ -560,6 +569,7 @@ var app = new Vue({
           selectedTags:[],
           selectedDownloadStatus:"",
           selectedPlayedStatus:"",
+          countOptions:[10,20,30,40,50,100],
           showFilters:localStorage && localStorage.showFilters && JSON.parse(localStorage.showFilters),
          
             {{ $len := len .podcastItems}}
diff --git a/client/settings.html b/client/settings.html
index 37ff746..1cc86a2 100644
--- a/client/settings.html
+++ b/client/settings.html
@@ -128,7 +128,7 @@
         <table>
             <tr>
                 <td>Current Version</td>
-                <td>   2021.07.30</td>
+                <td>  2021.08.02</td>
             </tr>
             <tr>
                 <td>Website</td>