From 525644ddc212234c664c6f7633ff8d7edb5d6255 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Mon, 12 Sep 2016 13:49:05 +0200
Subject: [PATCH] Move the videos in a different slider than the images

---
 app/templates/core/inc/slider.html       | 16 ----------------
 app/templates/core/inc/slider_video.html | 21 +++++++++++++++++++++
 app/templates/pages/custompage.html      |  8 +++++++-
 app/templates/pages/departmentpage.html  | 11 ++++++++---
 app/templates/pages/page.html            |  2 ++
 app/templates/pages/teampage.html        | 11 +++++++++--
 6 files changed, 47 insertions(+), 22 deletions(-)
 create mode 100644 app/templates/core/inc/slider_video.html

diff --git a/app/templates/core/inc/slider.html b/app/templates/core/inc/slider.html
index 39993ce5..4b101319 100644
--- a/app/templates/core/inc/slider.html
+++ b/app/templates/core/inc/slider.html
@@ -17,21 +17,5 @@
                 </div>
             </li>
         {% endfor %}
-        {% for video in videos %}
-            <li class="slider-page__slide">
-                <div class="slider-page__wrapper">
-                    <div class="slider-page__video">
-                        <video controls class="video-js vjs-ircam-skin" data-setup='{"aspectRatio":"905:520"}' {% if video.poster_url %}poster="{{ video.poster_url }}"{% endif %}>
-                            <source src="{{ video.closed_source_url }}" type="{{ video.closed_source_mime_type }}">
-                            <source src="{{ video.open_source_url }}" type="{{ video.open_source_mime_type }}">
-                            Your browser does not support the video tag.
-                        </video>
-                    </div>
-                    <div class="slider-page__caption">
-                        {{ video.title }}
-                    </div>
-                </div>
-            </li>
-        {% endfor %}
     </ul>
 </div>
diff --git a/app/templates/core/inc/slider_video.html b/app/templates/core/inc/slider_video.html
new file mode 100644
index 00000000..30ebaad2
--- /dev/null
+++ b/app/templates/core/inc/slider_video.html
@@ -0,0 +1,21 @@
+{% load mezzanine_tags %}
+<div class="page__slider">
+    <ul class="slider-page" data-slider-page>
+        {% for video in videos %}
+            <li class="slider-page__slide">
+                <div class="slider-page__wrapper">
+                    <div class="slider-page__video">
+                        <video controls class="video-js vjs-ircam-skin" data-setup='{"aspectRatio":"905:520"}' {% if video.poster_url %}poster="{{ video.poster_url }}"{% endif %}>
+                            <source src="{{ video.closed_source_url }}" type="{{ video.closed_source_mime_type }}">
+                            <source src="{{ video.open_source_url }}" type="{{ video.open_source_mime_type }}">
+                            Your browser does not support the video tag.
+                        </video>
+                    </div>
+                    <div class="slider-page__caption">
+                        {{ video.title }}
+                    </div>
+                </div>
+            </li>
+        {% endfor %}
+    </ul>
+</div>
diff --git a/app/templates/pages/custompage.html b/app/templates/pages/custompage.html
index de79eb92..8820e006 100644
--- a/app/templates/pages/custompage.html
+++ b/app/templates/pages/custompage.html
@@ -68,11 +68,17 @@
 
 {% block page_slider %}
   {% with page.custompage.images.all|get_type:'page_slider' as slider_images %}
-  {% with page.custompage.videos.all as videos %}
     {% if slider_images %}
       {% include 'core/inc/slider.html' %}
     {% endif %}
   {% endwith %}
+{% endblock %}
+
+{% block page_video %}
+  {% with page.custompage.videos.all as videos %}
+    {% if videos %}
+      {% include 'core/inc/slider_video.html' %}
+    {% endif %}
   {% endwith %}
 {% endblock %}
 
diff --git a/app/templates/pages/departmentpage.html b/app/templates/pages/departmentpage.html
index 1715a7e6..ee2a6926 100644
--- a/app/templates/pages/departmentpage.html
+++ b/app/templates/pages/departmentpage.html
@@ -58,15 +58,20 @@
   {% endwith %}
 {% endblock %}
 
-
 {% block page_slider %}
 {% with page.departmentpage.images.all|get_type:'page_slider' as slider_images %}
-{% with page.departmentpage.videos.all as videos %}
   {% if slider_images %}
     {% include 'core/inc/slider.html' %}
   {% endif %}
 {% endwith %}
-{% endwith %}
+{% endblock %}
+
+{% block page_video %}
+  {% with page.departmentpage.videos.all as videos %}
+    {% if videos %}
+      {% include 'core/inc/slider_video.html' %}
+    {% endif %}
+  {% endwith %}
 {% endblock %}
 
 {% block page_sub_content %}
diff --git a/app/templates/pages/page.html b/app/templates/pages/page.html
index f353fbda..0c6c0f48 100644
--- a/app/templates/pages/page.html
+++ b/app/templates/pages/page.html
@@ -61,6 +61,8 @@
         </div>
         {% block page_slider %}
         {% endblock %}
+        {% block page_video %}
+        {% endblock %}
         {% block page_audio %}
         {% endblock %}
         {% block page_sub_content %}
diff --git a/app/templates/pages/teampage.html b/app/templates/pages/teampage.html
index da260abb..7560e1ba 100644
--- a/app/templates/pages/teampage.html
+++ b/app/templates/pages/teampage.html
@@ -70,14 +70,21 @@
 
 {% block page_slider %}
     {% with page.teampage.images.all|get_type:'page_slider' as slider_images %}
-    {% with page.teampage.videos.all as videos %}
       {% if slider_images %}
         {% include 'core/inc/slider.html' %}
       {% endif %}
     {% endwith %}
-    {% endwith %}
 {% endblock %}
 
+{% block page_video %}
+  {% with page.teampage.videos.all as videos %}
+    {% if videos %}
+      {% include 'core/inc/slider_video.html' %}
+    {% endif %}
+  {% endwith %}
+{% endblock %}
+
+
 {% block page_sub_content %}
   {% with page.teampage.blocks.all as blocks %}
     {% include "core/inc/block.html" %}
-- 
2.39.5