Template for Previous content

community/event_management/web_template/previous_talk/previous_talk.html

@@ -1,46 +1,38 @@
-{% set thumbnail_url = 'https://img.youtube.com/vi/JmOJtYW-0GI/maxresdefault.jpg' %}
-
-
-  <div class="courses-header">{{title}}</div>
-  <div class="cards-parent">
-    <div class="common-card-style talk-card mt-5">
-      <div
-        class="course-image"
-        style="background-image: url({{thumbnail_url}})"
-      >
-        <div class="course-tags"></div>
+<div class="section-with-cards">
+  <div class="course-home-headings">{{title}}</div>
+<div class="speaker-cards-parent">
+  {% for video in talk_details %}
+    {% set video_details = frappe.get_doc('Previous Content', video.previous_content, filters={
+      'event': event
+    }) %}
+  <div class="common-card-style talk-card">
+    <div class="course-image" style="background-image: url({{video_details.thumbnail}})">
+      <div class="course-tags"></div>
+    </div>
+    <div class="course-card-content">
+      <div class="course-card-meta muted-text">
+        <span> ERPNext </span>
       </div>
-      <div class="course-card-content">
-        <div class="course-card-meta muted-text">
-          <span> {{topic}} </span>
-        </div>
-        <div class="course-card-title">{{topic_title}}</div>
-        <div class="card-divider"></div>
-        <div class="course-card-meta-2">
-          <a class="button-links" href="/rushabh">
-            <span class="avatar avatar-small" title="Rushabh Mehta">
-              <img
-                class="avatar-frame standard-image"
-                style="object-fit: cover"
-                src="https://secure.gravatar.com/avatar/eeca4f691bffd042fc17aea885c4b439?d=404&amp;s=200"
-                title={{name}}
-              />
-            </span>
-          </a>
-          <span class="course-instructor"> {{name}} </span>
-          <span class="small-title company-name">{{</span>
-
-        </div>
-
-        <div class="view-talk-link">
-			Vew Talk
-          <img class="ml-3" src="/assets/community/icons/black-arrow.svg" />
-        </div>
-        <a
-          class="stretched-link"
-          href="{{talk_url}}"
-        ></a>
+      <div class="course-card-title">{{video_details.title}}</div>
+      <div class="card-divider"></div>
+      <div class="course-card-meta-2">
+        <a class="button-links" href="/rushabh">
+          <span class="avatar avatar-small" title="Rushabh Mehta">
+            <img class="avatar-frame standard-image" style="object-fit: cover"
+              src="{{video_details.thumbnail}}"
+              title={{video_details.name_of_the_speaker}} />
+          </span>
+        </a>
+        <span class="course-instructor"> {{video_details.name_of_the_speaker}} </span>
+        <span class="small-title company-name"></span>
       </div>
+      <div class="view-talk-link">
+        Vew Talk
+        <img class="ml-3" src="/assets/community/icons/black-arrow.svg" />
+      </div>
+      <a class="stretched-link" href="{{video_details.url}}"></a>
     </div>
   </div>
-
+  {% endfor %}
+</div>
+</div>