fixes, gallery

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

@@ -1,18 +1,22 @@
 {% if results %}
 <div class="title">Галерея итогов обучения</div>
-<div class="examples">
+<div class="examples gallery">
   {% for image in course.gallery.gallery_images.all %}
   <div class="examples__item">
-    <img class="examples__pic" src="{{ image.img.image.url }}">
+    <a href="{{ image.img.image.url }}">
+      <img class="examples__pic" src="{{ image.img.image.url }}">
+    </a>
   </div>
   {% endfor %}
 </div>
 {% else %}
 <div class="content-block title">{{ content.title }}</div>
-<div class="examples">
+<div class="examples gallery">
   {% for image in content.gallery_images.all %}
   <div class="examples__item">
-    <img class="examples__pic" src="{{ image.img.image.url }}">
+    <a href="{{ image.img.image.url }}">
+      <img class="examples__pic" src="{{ image.img.image.url }}">
+    </a>
   </div>
   {% endfor %}
 </div>

apps/course/templates/course/content/image.html

@@ -1,6 +1,8 @@
 <div class="content-block title">
   {{ content.title }}
 </div>
-<div>
+<div class="gallery">
-  <img class="content-block pic" src="{{ content.img.image.url }}" alt="">
+  <a href="{{ content.img.image.url }}">
-</div>
+    <img class="content-block pic" src="{{ content.img.image.url }}" alt="">
+  </a>
+</div>

apps/course/templates/course/content/imagetext.html

@@ -4,6 +4,8 @@
 <div class="content-block text">
   {{ content.txt | safe }}
 </div>
-<div>
+<div class="gallery">
-  <img class="content-block pic" src="{{ content.img.image.url }}" alt="">
+  <a href="{{ content.img.image.url }}">
+    <img class="content-block pic" src="{{ content.img.image.url }}" alt="">
+  </a>
 </div>

web/package.json

@@ -55,6 +55,7 @@
   "dependencies": {
     "axios": "^0.17.1",
     "babel-polyfill": "^6.26.0",
+    "baguettebox.js": "^1.10.0",
     "history": "^4.7.2",
     "ilyabirman-likely": "^2.3.0",
     "inputmask": "^3.3.11",

web/src/components/CourseRedactor.vue

@@ -551,7 +551,7 @@
                     clearTimeout(this.savingTimeout);
                     document.getElementById('course-redactor__saving-status').innerText = 'СОХРАНЕНИЕ';
                     const courseObject = this.course;
-                    courseObject.url = slugify(courseObject.url);
+                    courseObject.url = (courseObject.url) ? slugify(courseObject.url):courseObject.url;
                     api.saveCourse(courseObject, this.accessToken)
                         .then((response) => {
                             this.courseSaving = false;

web/src/js/modules/common.js

@@ -1,8 +1,14 @@
 import $ from 'jquery';
 import Inputmask from "inputmask";
 import SmoothScroll from 'smooth-scroll/dist/js/smooth-scroll';
+import baguetteBox from 'baguettebox.js'
+
 window.Inputmask = Inputmask;
+window.baguetteBox = baguetteBox;
+
 $(document).ready(function () {
+
+    baguetteBox.run('.gallery');
     // Добавляем заголовок X-CSRFToken для всех AJAX запросов JQuery.
     $.ajaxSetup({
         headers: {

web/src/sass/_common.sass

@@ -1857,7 +1857,7 @@ a.grey-link
       left: -10px
       right: -10px
       height: 2px
-      margin-top: -2px
+      margin-top: 5px
       background-image: linear-gradient(-225deg, #FFE2EB 0%, #D8F5F5 100%)
   &__title
     display: table

web/src/sass/app.sass

@@ -2,3 +2,4 @@
 @import helpers/all
 @import generated/sprite-svg
 @import common
+@import '../../node_modules/baguettebox.js/src/baguetteBox.scss'