From e79e0d3c83a46aa1c962d1a946ccc80c8b732196 Mon Sep 17 00:00:00 2001
From: kez <kez@torproject.org>
Date: Thu, 1 Sep 2022 21:02:20 -0700
Subject: [PATCH] Add sample slides element

---
 flowblocks/sample_slide.ini    | 22 ++++++++++++++++++++++
 models/resource.ini            |  5 +++++
 templates/resource-detail.html | 33 ++++++++++++++++++++++++++++++++-
 3 files changed, 59 insertions(+), 1 deletion(-)
 create mode 100644 flowblocks/sample_slide.ini

diff --git a/flowblocks/sample_slide.ini b/flowblocks/sample_slide.ini
new file mode 100644
index 00000000..47e56063
--- /dev/null
+++ b/flowblocks/sample_slide.ini
@@ -0,0 +1,22 @@
+[block]
+name = Sample Slides
+
+[fields.language]
+label = Language
+type = string
+translate = False
+
+[fields.view_link]
+label = View Link
+type = string
+translate = False
+
+[fields.pdf_link]
+label = PDF Link
+type = string
+translate = False
+
+[fields.odp_link]
+label = ODP Link
+type = string
+translate = False
diff --git a/models/resource.ini b/models/resource.ini
index cc29f14d..f18ef29a 100644
--- a/models/resource.ini
+++ b/models/resource.ini
@@ -68,3 +68,8 @@ type = strings
 [fields.external_sources]
 label = External Reading Sources
 type = strings
+
+[fields.sample_slides]
+label = External Reading Sources
+type = flow
+flowblocks = sample_slide
diff --git a/templates/resource-detail.html b/templates/resource-detail.html
index 63d8c6b6..450c0588 100644
--- a/templates/resource-detail.html
+++ b/templates/resource-detail.html
@@ -1,6 +1,11 @@
 {% set sidenav_items = this.parent.parent.children %}
 {% set resource_name = this.resource_name or this._path.split('/')[-1][:-('-guide'|length)] %}
 {% set resource = bag('community-training-materials', resource_name) %}
+<style>
+#sample-slides td:not(:first-child) {
+  padding-right: 0;
+}
+</style>
 <div class="row pt-5">
   {% include 'sidenav.html' %}
   <div class="col-sm-12 col-xs-12  ml-sm-auto col-md-9 col-lg-9 {{ bag('alternatives', this.alt, 'order') }}">
@@ -55,7 +60,33 @@
             </ul>
           </div>
         {% endif %}
-        <h4 class="mb-5">{{ _('Download sample slides') }}</h4>
+        {% if this.sample_slides %}
+          <h4 class="mb-5">{{ _('Download sample slides') }}</h4>
+          <table class="resource-table mb-5" id="sample-slides">
+            {% for slide in this.sample_slides.blocks %}
+              <tr class="h5 font-weight-600">
+                <td>
+                  <span class="text-muted">{{ slide.language }}</span>
+                </td>
+                {% if slide.view_link %}
+                  <td>
+                    <a href="{{ slide.view_link }}"><button type="button" class="btn btn-sm btn-primary font-weight-600 h5">View</button></a>
+                  </td>
+                {% endif %}
+                {% if slide.pdf_link %}
+                  <td>
+                    <button type="button" class="btn btn-sm btn-outline-primary font-weight-600 h5">PDF</button>
+                  </td>
+                {% endif %}
+                {% if slide.odp_link %}
+                  <td>
+                    <button type="button" class="btn btn-sm btn-outline-primary font-weight-600 h5">ODP</button>
+                  </td>
+                {% endif %}
+              </tr>
+            {% endfor %}
+          </table>
+        {% endif %}
         {% if this.topics %}
           <div class="mb-5">
             <h4>{{ _('Topics') }}</h4>