Peetfire
diff --git a/‎code/ch6_active_search/ch6_final_video_collector/templates/shared/partials/_video_image.html
Copy file name to clipboard
+4Lines changed: 4 additions & 0 deletions b/‎code/ch6_active_search/ch6_final_video_collector/templates/shared/partials/_video_image.html
Copy file name to clipboard
+4Lines changed: 4 additions & 0 deletions
diff --git a/‎code/ch6_active_search/ch6_final_video_collector/templates/videos/partials/search_results.html
Copy file name to clipboard
+19Lines changed: 19 additions & 0 deletions b/‎code/ch6_active_search/ch6_final_video_collector/templates/videos/partials/search_results.html
Copy file name to clipboard
+19Lines changed: 19 additions & 0 deletions
diff --git a/‎code/ch6_active_search/ch6_final_video_collector/templates/videos/search.html
Copy file name to clipboardExpand all lines: code/ch6_active_search/ch6_final_video_collector/templates/videos/search.html
-1Lines changed: 0 additions & 1 deletion b/‎code/ch6_active_search/ch6_final_video_collector/templates/videos/search.html
Copy file name to clipboardExpand all lines: code/ch6_active_search/ch6_final_video_collector/templates/videos/search.html
-1Lines changed: 0 additions & 1 deletion
diff --git a/‎code/ch6_active_search/ch6_final_video_collector/views/videos.py
Copy file name to clipboardExpand all lines: code/ch6_active_search/ch6_final_video_collector/views/videos.py
+2-1Lines changed: 2 additions & 1 deletion b/‎code/ch6_active_search/ch6_final_video_collector/views/videos.py
Copy file name to clipboardExpand all lines: code/ch6_active_search/ch6_final_video_collector/views/videos.py
+2-1Lines changed: 2 additions & 1 deletion
@@ -0,0 +1,4 @@
+<img src="https://img.youtube.com/vi/{{ video.id }}/maxresdefault.jpg"
+     class="img img-responsive {{ ' '.join(classes) }}"
+     alt="{{ video.title }}"
+     title="{{ video.title }}">
@@ -0,0 +1,19 @@
+<div class="search-result-count">{{ len(videos) }} results</div>
+
+<div class="container">
+    {% for v in videos %}
+        <div class="row search-result-row">
+            <div class="col-md-2"></div>
+            <div class="video search-result col-md-3">
+                <a href="/videos/play/{{ v.id }}"
+                >{{ render_partial('shared/partials/_video_image.html', video=v) }}</a>
+            </div>
+            <div class="video search-result col-md-6">
+                <div><a href="/videos/play/{{ v.id }}" class="title">{{ v.title }}</a></div>
+                <div><span class="author">{{ v.author }}</span></div>
+                <div>{{ "{:,}".format(v.views) }} views</div>
+            </div>
+            <div class="col-md-1"></div>
+        </div>
+    {% endfor %}
+</div>
@@ -16,7 +16,6 @@ <h1>Search video collector</h1>
     </div>
 
     <div class="videos search-results" id="search-results">
-        results
     </div>
 
 {% endblock %}
 
@@ -53,6 +53,7 @@ def cancel_add(cat_name: str):
 def search():
     vm = SearchViewModel()
     if vm.is_htmx_request:
-        return flask.make_response(f"There are {len(vm.videos)} videos.")
+        html = flask.render_template('videos/partials/search_results.html', videos=vm.videos)
+        return flask.make_response(html)
 
     return vm.to_dict()