Add playlist title and description on pages

diff --git a/app/templates/media/inc/playlist_audio_detail.html b/app/templates/media/inc/playlist_audio_detail.html
index b8c81edbfea2fa386a185c9195e4ba02bfae69e3..8b295e74279bcbcee058236bc5ed3a160d93b775 100644 (file)
--- a/app/templates/media/inc/playlist_audio_detail.html
+++ b/app/templates/media/inc/playlist_audio_detail.html
@@ -1,8 +1,13 @@
 {% load mezzanine_tags keyword_tags i18n organization_tags %}
 
-<p>
-    {{playlist.description}}
-</p>
+{% if playlist.title %}
+    <h3>{{playlist.title}}</h3>
+{% endif %}
+{% if playlist.description %}
+    <p>
+        {{playlist.description}}
+    </p>
+{% endif %}
 
 <audio preload="true"></audio>
 

diff --git a/app/templates/media/inc/playlist_video_detail.html b/app/templates/media/inc/playlist_video_detail.html
index 4806d6f78debdbfa0e184a26574f68d04b2a2c8b..977394f4b4705494f6f43a010a6c5205eb260056 100644 (file)
--- a/app/templates/media/inc/playlist_video_detail.html
+++ b/app/templates/media/inc/playlist_video_detail.html
@@ -1,5 +1,14 @@
 {% load mezzanine_tags keyword_tags i18n organization_tags %}
 
+{% if playlist.title %}
+    <h3>{{playlist.title}}</h3>
+{% endif %}
+{% if playlist.description %}
+    <p>
+        {{playlist.description}}
+    </p>
+{% endif %}
+
 <div class="embed-responsive">
     <video controls id="video-js-playlist" class="video-js vjs-ircam-skin" data-title="{{ media.title }}" {% if media.poster_url %}poster="{{ media.poster_url }}"{% endif %}>
     </video>

diff --git a/app/templates/media/inc/playlist_video_slider.html b/app/templates/media/inc/playlist_video_slider.html
index 3be44eab4ab6310848bdb4fb3ed9c2b4a4ae88ab..7269983451d211541779c7d7e13b94898a2870ff 100644 (file)
--- a/app/templates/media/inc/playlist_video_slider.html
+++ b/app/templates/media/inc/playlist_video_slider.html
@@ -1,5 +1,24 @@
 {% load mezzanine_tags %}
+
 <div class="page__slider">
+
+    {% if playlist.title or playlist.description %}
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-9 col-sm-push-3 col-lg-8 col-lg-push-2">
+                    {% if playlist.title %}
+                        <h3 class="mt0">{{playlist.title}}</h3>
+                    {% endif %}
+                    {% if playlist.description %}
+                        <p>
+                            {{playlist.description}}
+                        </p>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    {% endif %}
+
     <ul class="slider-page" data-slider-page>
         {% for media in playlist.medias.all %}
           {% with media.media as media %}