Add basic submissions template
This commit is contained in:
parent
71c0be6c83
commit
59def7382e
GPG key ID:
583642324A1D2070
1 changed files with 147 additions and 0 deletions
147
archivist/apps/templates/sites/submission.html
Normal file
147
archivist/apps/templates/sites/submission.html
Normal file
|
|
@ -0,0 +1,147 @@
|
|||
{% extends "layouts/base-electric.html" %}
|
||||
|
||||
{% load static %}
|
||||
|
||||
{% load media_filters %}
|
||||
|
||||
{% load string_helper %}
|
||||
|
||||
{% block title %}
|
||||
{% if submission.content_object.title %}
|
||||
{{ submission.content_object.title }}
|
||||
{% else %}
|
||||
{% if submission.content_object.description|length > 16 %}
|
||||
{{ submission.content_object.description|slice:"0:16"|add:"..." }}
|
||||
{% else %}
|
||||
{{ submission.content_object.description }}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
by {{ submission.content_object.author.artist }}
|
||||
{% if submission.category.name == "twitter" %}
|
||||
(@{{ submission.content_object.author.artist_url }}) from Twitter
|
||||
|
||||
{% elif submission.category.name == "furaffinity" %}
|
||||
{{ submission.content_object.artist }} from FurAffinity
|
||||
{% endif %}
|
||||
|
||||
{% endblock title %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% include "includes/navigation-transparent.html" %}
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row row-gap-3 column-gap-0">
|
||||
|
||||
<div class="col-xl-9 col-lg-8 pe-lg-0">
|
||||
<div class="e-container-border e-container-radius">
|
||||
<div id="submission_container" class="e-container e-container-radius bg-black d-flex justify-content-center align-items-center overflow-hidden">
|
||||
{% if submission.content_object.files.exists %}
|
||||
|
||||
{% if submission.content_object.files.all|length == 1 %}
|
||||
|
||||
|
||||
{% elif submission.content_object.files.first.file_mime|is_image %}
|
||||
<img class="img-fluid" width="100%" height="auto"
|
||||
src="{% url 'files:serve_content_file' 'submission' submission.content_object.files.first.file_hash %}"
|
||||
alt="{{ submission.content_object.title }}"/>
|
||||
|
||||
|
||||
class="border-0 m-auto flex-grow-1 p-0">
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="m-auto center-block bg-body-secondary p-4 rounded-2 border border-3">
|
||||
<h3 class="text-center"><i class="nf nf-md-image_broken p-2 me-2 mb-1"></i>No content</h3>
|
||||
<hr>
|
||||
<p class="text-center">This submission has no media or is missing media.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-lg-4">
|
||||
<div class="d-none d-sm-none d-md-none d-lg-block e-container-border e-container-radius">
|
||||
<div class="e-container e-container-radius p-2">
|
||||
{% include "sites/partials/post-info.html" with submission=submission %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="e-container-border e-container-radius row my-3 mt-lg-3 mt-0" tabindex="1">
|
||||
<div class="e-container e-container-radius p-4">
|
||||
|
||||
{% if submission.content_object.title %}
|
||||
<h3 class="bg-body-tertiary p-2 rounded">{{ submission.content_object.title }}</h3>
|
||||
<hr>
|
||||
{% endif %}
|
||||
|
||||
<div class="d-flex flex-wrap justify-content-center gap-2">
|
||||
{% if next_submission %}
|
||||
<a class="btn btn-primary" href="{% url 'sites:submission' next_submission %}">Next</a>
|
||||
{% else %}
|
||||
<span class="btn btn-outline-primary disabled text-decoration-line-through">Next</span>
|
||||
{% endif %}
|
||||
|
||||
<a class="btn btn-secondary" href="{% url 'sites:artist_profile' submission.author.user_hash %}">View Artist</a>
|
||||
|
||||
{% if prev_submission %}
|
||||
<a class="btn btn-primary" href="{% url 'sites:submission' prev_submission %}">Prev</a>
|
||||
{% else %}
|
||||
<span class="btn btn-outline-primary disabled text-decoration-line-through">Prev</span>
|
||||
{% endif %}
|
||||
|
||||
{% if submission.category.name == "twitter" %}
|
||||
<a class="btn btn-outline-secondary ms-auto"
|
||||
href="https://twitter.com/{{ submission.content_object.author.artist_url }}/status/{{submission.content_object.submission_id}}"
|
||||
target="_blank">
|
||||
View Source
|
||||
</a>
|
||||
{% elif submission.category.name == "furaffinity" %}
|
||||
<a class="btn btn-outline-secondary ms-auto"
|
||||
href="https://www.furaffinity.net/view/{{submission.content_object.submission_id}}"
|
||||
target="_blank">
|
||||
View Source
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
{% if request.user.is_staff or request.user.is_superuser %}
|
||||
<button type="button" class="btn btn-danger"
|
||||
hx-delete="{% url 'sites:submission' submission.submission_hash %}"
|
||||
hx-confirm="Are you sure you want to delete this post?"
|
||||
hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
|
||||
Delete Post
|
||||
</button>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
{% if submission.content_object.description %}
|
||||
{% if submission.category.name == "twitter" %}
|
||||
<p class="lg-px-12">{{ submission.content_object.description|clickable_urls|get_twitter_username_from_str|get_tags_from_str|safe }}</p>
|
||||
{% else %}
|
||||
<p>{{ submission.content_object.description|stylizeDescription|clickable_urls|safe }}</p>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<p>No description</p>
|
||||
{% endif %}
|
||||
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-md-block d-lg-none e-container-border e-container-radius row my-3" tabindex="1">
|
||||
<div class="e-container e-container-radius p-4">
|
||||
{% include "sites/partials/post-info.html" with submission=submission %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
Loading…
Reference in a new issue