pagination added

MemeGenerator/templates/index.html

@@ -5,7 +5,7 @@
     <div class="card-header">Your next Viral Meme starts here...</div>
     <div class="card-body">
         <div class="form-center">
-            <form action="/search" method="GET">
+            <form action="{{url_for("show_search", page=1)}}" method="GET">
                 <input type="text" value="{{ query }}" name="q" />
                 <input type="submit" value="Search"/>
             </form>  

MemeGenerator/templates/search_res.html

@@ -8,7 +8,7 @@
             <img src="{{item.url}}" class="card-img-top" alt="meme">
             <div class="card-body">
                 <div class='form-center'>
-                    <form action="/setup" method="GET">
+                    <form action="{{url_for("show_search", page=current) }}" method="GET">
                         <input type="hidden" value="{{ item.url }}" name="url" />
                         <input type="submit" value="This One!"/>
                     </form>  
@@ -17,5 +17,25 @@
         </div>
     </div>
     {% endfor %}
+    <div class="prev-next-btn">
+        <div class='row'>
+            <div class='col-6'>
+                <div class="form-center">
+                    <form action="{{url_for("show_search", page=prev)}}" method="GET">
+                        <input type="hidden" value="{{ query }}" name="q" />
+                        <input type="submit" value="prev"/>
+                    </form>  
+                </div>
+            </div>
+            <div class='col-6'>
+                <div class="form-center">
+                    <form action="{{url_for("show_search", page=next)}}" method="GET">
+                        <input type="hidden" value="{{ query }}" name="q" />
+                        <input type="submit" value="next"/>
+                    </form>  
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 {% endblock %}
\ No newline at end of file

MemeGenerator/views/index.py

@@ -21,16 +21,30 @@ def show_index():
     """Show index page"""
     return flask.render_template('index.html')
 
-@MemeGenerator.app.route('/search')
-def show_search():
+@MemeGenerator.app.route('/search/<page>')
+def show_search(page=1):
     """Show result search page."""
     query = flask.request.args.get('q')
+    page = int(page)
+    if page < 1: page = 1
     search_resutlts = flickr.photos.search(text=query,
-                                            page=1, 
+                                            page=page, 
                                             per_page=20,
                                             safe_search=1,
-                                            sort='relevance')['photos']['photo']
+                                            sort='relevance')['photos']
     context = defaultdict(list)
+    pages = search_resutlts['pages']
+    search_resutlts = search_resutlts['photo']
+    # flip the searches, check for boundary conditions
+    context['next'] = page
+    context['prev'] = page
+    if page+1 < pages:
+        context['next'] = page+1
+    if page-1  > 0:
+        context['prev'] = page-1
+    
+    context['query'] = query
+    context['current'] = page
     for one in search_resutlts:
         url = 'https://live.staticflickr.com/{}/{}_{}.jpg'.format(
             one['server'],