Can now upload to Spaces

1 files changed, 50 insertions, 0 deletions

diff --git a/pyblackbird_cc/templates/resources/resource_detail.html b/pyblackbird_cc/templates/resources/resource_detail.html
new file mode 100644
index 0000000..61d9265
--- /dev/null
+++ b/pyblackbird_cc/templates/resources/resource_detail.html
@@ -0,0 +1,50 @@
+{% extends 'base.html' %}
+
+{% block content %}
+  <div class="resource-metadata-panel">
+    <div>
+      <h1 class="resource-title">{{ resource.name }}</h1>
+    </div>
+    <div class="resource-details">
+      <div>Subject: {{ resource.main_resource_category }}</div>
+      <div>Age range: {{ resource.age_range }}</div>
+      <div>Resource type: {{ resource.resource_type }}</div>
+    </div>
+  </div>
+  <div>
+    <h3 class="feature-pdf-page-title">Feature images</h3>
+    <div class="resource-img-detail">
+      {% for tn_url, tn_filename in resource.thumbnails %}<img src="{{ tn_url }}" alt="{{ tn_filename }}" />{% endfor %}
+    </div>
+    <h3 class="feature-pdf-page-title">Resource preview</h3>
+    <div class="resource-img-detail">
+      {% for snapshot_filename, snapshot_urls in resource.snapshot_urls.items %}
+        <div>
+          <h4>{{ snapshot_filename }}</h4>
+        </div>
+        <div>
+          {% for snapshot_url in snapshot_urls %}<img src="{{ snapshot_url }}" alt="{{ snapshot_filename }}"{% endfor %} </div />
+          {% endfor %}
+        </div>
+        <div class="resource-description-panel">
+          <h3>What's included?</h3>
+          <div>{{ resource.description }}</div>
+          <h3>What's it for?</h3>
+          <div>{% lorem %}</div>
+          <h3>Resource Details</h3>
+          <div>{% lorem %}</div>
+        </div>
+        <div class="resource-download-panel">
+          <h4>Download the resource</h4>
+          <div>
+            Click
+            <button hx-get="/hx-download-btn?rn={{ resource.pdf_filename }}"
+                    hx-target="next #download-reveal">here</button>
+            to download the resource
+          </div>
+          <div id="download-reveal"></div>
+        </div>
+      </div>
+    </div>
+    <div>Logged in as {{ request.user.username }}</div>
+  {% endblock content %}