talkpython
diff --git a/‎code/ch7_infinite_scroll/ch7_final_video_collector/templates/feed/index.html
Copy file name to clipboardExpand all lines: code/ch7_infinite_scroll/ch7_final_video_collector/templates/feed/index.html
+4-1Lines changed: 4 additions & 1 deletion b/‎code/ch7_infinite_scroll/ch7_final_video_collector/templates/feed/index.html
Copy file name to clipboardExpand all lines: code/ch7_infinite_scroll/ch7_final_video_collector/templates/feed/index.html
+4-1Lines changed: 4 additions & 1 deletion
diff --git a/‎code/ch7_infinite_scroll/ch7_final_video_collector/templates/feed/partials/video_list.html
Copy file name to clipboardExpand all lines: code/ch7_infinite_scroll/ch7_final_video_collector/templates/feed/partials/video_list.html
+10-1Lines changed: 10 additions & 1 deletion b/‎code/ch7_infinite_scroll/ch7_final_video_collector/templates/feed/partials/video_list.html
Copy file name to clipboardExpand all lines: code/ch7_infinite_scroll/ch7_final_video_collector/templates/feed/partials/video_list.html
+10-1Lines changed: 10 additions & 1 deletion
diff --git a/‎code/ch7_infinite_scroll/ch7_final_video_collector/viewmodels/feed/feed_viewmodel.py
Copy file name to clipboardExpand all lines: code/ch7_infinite_scroll/ch7_final_video_collector/viewmodels/feed/feed_viewmodel.py
+1Lines changed: 1 addition & 0 deletions b/‎code/ch7_infinite_scroll/ch7_final_video_collector/viewmodels/feed/feed_viewmodel.py
Copy file name to clipboardExpand all lines: code/ch7_infinite_scroll/ch7_final_video_collector/viewmodels/feed/feed_viewmodel.py
+1Lines changed: 1 addition & 0 deletions
@@ -5,7 +5,10 @@
 
         <h1>Video Collector: Recent Videos</h1>
 
-        {{ render_partial('feed/partials/video_list.html', videos=videos) }}
+        {{ render_partial('feed/partials/video_list.html',
+                videos=videos,
+                page=1,
+                has_more_videos=has_more_videos) }}
 
     </div>
 
 
@@ -7,4 +7,13 @@
         </a>
     </div>
 
-{% endfor %}
+{% endfor %}
+
+{% if has_more_videos %}
+    <div class="scroll-trigger htmx-settling"
+         hx-get="/feed/more_videos/{{ (page+1) }}"
+         hx-trigger="revealed"
+         hx-swap="outerHTML">
+        <img src="/static/img/bars.svg" width="150px" class="htmx-indicator"/>
+    </div>
+{% endif %}
@@ -17,3 +17,4 @@ def __init__(self, page_size: int, page: int = 1):
         end = start + page_size
 
         self.videos: List[Video] = all_videos[start:end]
+        self.has_more_videos = len(all_videos) > end