diff options
Diffstat (limited to '')
| -rw-r--r-- | pyblackbird_cc/templates/resources/resource_detail.html | 50 |
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 %} |