Basic active search up and running.

mikeckennedy · mikeckennedy · commit 2f666b339ee0 · 2021-09-21T12:40:07.000-07:00
diff --git a/code/ch6_active_search/ch6_final_video_collector/templates/shared/partials/_video_image.html b/code/ch6_active_search/ch6_final_video_collector/templates/shared/partials/_video_image.html
@@ -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 }}">
diff --git a/code/ch6_active_search/ch6_final_video_collector/templates/videos/partials/search_results.html b/code/ch6_active_search/ch6_final_video_collector/templates/videos/partials/search_results.html
@@ -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>
diff --git a/code/ch6_active_search/ch6_final_video_collector/templates/videos/search.html b/code/ch6_active_search/ch6_final_video_collector/templates/videos/search.html
@@ -16,7 +16,6 @@ <h1>Search video collector</h1>
     </div>
 
     <div class="videos search-results" id="search-results">
-        results
     </div>
 
 {% endblock %}
diff --git a/code/ch6_active_search/ch6_final_video_collector/views/videos.py b/code/ch6_active_search/ch6_final_video_collector/views/videos.py
@@ -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()
