LIL-314. Fix gallery images

apps/course/templates/course/content/gallery.html

@@ -1,10 +1,13 @@
+{% load thumbnail %}
 {% if results %}
 <div class="title">Галерея итогов обучения</div>
 <div class="examples gallery">
   {% for image in course.gallery.gallery_images.all %}
   <div class="examples__item">
     <a href="{{ image.img.image.url }}">
-      <img class="examples__pic" src="{{ image.img.image.url }}">
+      {% thumbnail image.img.image "140x140" crop="center" as im %}
+      <img class="examples__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
+      {% endthumbnail %}
     </a>
   </div>
   {% endfor %}
@@ -15,9 +18,10 @@
   {% for image in content.gallery_images.all %}
   <div class="examples__item">
     <a href="{{ image.img.image.url }}">
-      <img class="examples__pic" src="{{ image.img.image.url }}">
+      {% thumbnail image.img.image "140x140" crop="center" as im %}
-    </a>
+      <img class="examples__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
+      {% endthumbnail %}    </a>
   </div>
   {% endfor %}
 </div>
-{% endif %}
+{% endif %}

project/settings.py

@@ -52,6 +52,7 @@ INSTALLED_APPS = [
     'corsheaders',
     'constance',
     'constance.backends.database',
+    'sorl.thumbnail',
 ] + [
     'apps.auth.apps',
     'apps.user',

requirements.txt

@@ -16,9 +16,10 @@ drf-yasg[validation]==1.5.0
 facepy==1.0.9
 gunicorn==19.7.1
 mixpanel==4.3.2
-requests==2.18.4
 psycopg2-binary==2.7.4
 Pillow==5.0.0
+requests==2.18.4
+sorl-thumbnail==12.4.1
 twilio==6.10.5
 # paymentwall-python==1.0.7
 git+https://github.com/ivlevdenis/paymentwall-python.git