Add ligthbox preview for previous schedule works

apps/school/templates/blocks/_schedule_purchased_item.html

@@ -55,11 +55,11 @@
       <div class="timing__head">Результаты прошлых уроков</div>
       <div class="timing__works">
         {% for image in school_schedule.schoolschedule_images.all %}
-        <a class="timing__work" href="#">
-          {% thumbnail image.img.image "48x48" crop="center" as im %}
-          <img class="timing__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />
-          {% endthumbnail %}
+        {% thumbnail image.img.image "48x48" crop="center" as im %}
+        <a class="timing__work" href="{{ image.img.image.url }}">
+          <img class="timing__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"/>
         </a>
+        {% endthumbnail %}
         {% endfor %}
       </div>
       {% endif %}

apps/school/templates/blocks/schedule.html

@@ -55,13 +55,13 @@
               </div>
               {% if school_schedule.schoolschedule_images.exists %}
               <div class="timing__head">Результаты прошлых уроков</div>
-              <div class="timing__works">
+              <div class="timing__works gallery">
                 {% for image in school_schedule.schoolschedule_images.all %}
-                <a class="timing__work" href="#">
-                  {% thumbnail image.img.image "48x48" crop="center" as im %}
+                {% thumbnail image.img.image "48x48" crop="center" as im %}
+                <a class="timing__work" href="{{ image.img.image.url }}">
                   <img class="timing__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"/>
-                  {% endthumbnail %}
                 </a>
+                {% endthumbnail %}
                 {% endfor %}
               </div>
               {% endif %}