Show preview of answered images

This commit is contained in:
Raphael Michel
2019-07-16 09:28:16 +02:00
parent fb1f6c65af
commit a79a156a28
3 changed files with 20 additions and 0 deletions

View File

@@ -870,6 +870,10 @@ class QuestionAnswer(models.Model):
return url
return ""
@property
def is_image(self):
return any(self.file.name.endswith(e) for e in ('.jpg', '.png', '.gif', '.tiff', '.bmp', '.jpeg'))
@property
def file_name(self):
return self.file.name.split('.', 1)[-1]

View File

@@ -332,6 +332,13 @@
title="{% trans "This file has been uploaded by a user and could contain viruses or other malicious content." %}">
{% trans "UNSAFE" %}
</span>
{% if q.answer.is_image %}
<br>
<a href="{{ q.answer.backend_file_url }}?token={% answer_token request q.answer %}" data-lightbox="order"
class="answer-thumb">
<img src="{{ q.answer.backend_file_url }}?token={% answer_token request q.answer %}">
</a>
{% endif %}
{% else %}
{{ q.answer|linebreaksbr }}
{% endif %}

View File

@@ -634,6 +634,15 @@ h1 .label {
margin-left: 120px;
}
}
.answer-thumb img {
width: auto;
height: auto;
max-height: 100px;
max-width: 100%;
margin-top: 5px;
}
@media(max-width: $screen-sm-max) {
.timeline {
.col-date {