display chatrooms when open

panikweb/views.py

@@ -5,9 +5,9 @@ import os
 import stat
 import time
 
+from django.core.urlresolvers import reverse
 from django.conf import settings
 from django.http import Http404
-
 from django.views.decorators.cache import cache_control
 from django.views.generic.base import TemplateView
 from django.views.generic.detail import DetailView
@@ -627,9 +627,13 @@ def onair(request):
             'url': d['episode'].get_absolute_url()
         }
     if d.get('emission'):
+        chat_url = None
+        if d['emission'].chat_open:
+            chat_url = reverse('emission-chat', kwargs={'slug': d['emission'].slug})
         d['emission'] = {
             'title': d['emission'].title,
-            'url': d['emission'].get_absolute_url()
+            'url': d['emission'].get_absolute_url(),
+            'chat': chat_url,
         }
     if d.get('nonstop'):
         d['nonstop'] = {

panikweb_templates/static/css/specifics.css

@@ -1951,3 +1951,18 @@ div.top-logo img {
 		max-width: none;
 	}
 }
+
+div#CurrentlyChatting {
+	margin-top: 1em;
+}
+
+div#CurrentlyChatting a {
+	border-radius: 5px;
+	padding: 1ex 0 0.5ex 0;
+	display: block;
+	box-sizing: border-box;
+	text-align: center;
+	width: 100%;
+	background: #FF6633;
+	color: white !important;
+}

panikweb_templates/static/js/specifics.js

@@ -220,6 +220,12 @@ $(function() {
 			else {
 				onairContainer = $('<span>Unknown (Probably Non-Stop)</span>');
 			}
+			if (onair.data.emission.chat) {
+				$('#CurrentlyChatting a').attr('href', onair.data.emission.chat);
+				$('#CurrentlyChatting').show();
+			} else {
+				$('#CurrentlyChatting').hide();
+			}
 			var current_html = WhatsOnAir.html();
 			var new_html = '<span>' + onairContainer.html() + '</span>';
 			if (new_html !== current_html) {
@@ -545,8 +551,7 @@ $(function() {
 		});
 
                 /* CHAT */
-                var $chat = $('#chat');
-                if ($chat.length) {
+                if ($('#chat').length) {
                     var $msg = $('input#msg');
                     var $send = $('button#send');
                     var chat_roster = Object();
@@ -600,7 +605,7 @@ $(function() {
                                         } else {
                                             klass = 'msg-in';
                                         }
-                                        var new_msg = $('<div class="msg new ' + klass + '"><span class="from">' + from + '</span> <span class="content">' + msg.textContent + '</span></div>').prependTo($chat);
+                                        var new_msg = $('<div class="msg new ' + klass + '"><span class="from">' + from + '</span> <span class="content">' + msg.textContent + '</span></div>').prependTo($('#chat'));
                                         new_msg[0].offsetHeight; /* trigger reflow */
                                         new_msg.removeClass('new');
                                         $('div#chat div:nth-child(20)').remove()
@@ -619,7 +624,7 @@ $(function() {
                                             if (chat_roster[nick] == true) {
                                                 for (contact in roster) {
                                                         if (chat_roster[contact] !== true) {
-                                                                var new_msg = $('<div class="msg info new"><span class="content">' + contact + ' est dans la place.</span></div>').prependTo($chat);
+                                                                var new_msg = $('<div class="msg info new"><span class="content">' + contact + ' est dans la place.</span></div>').prependTo($('#chat'));
                                                                 new_msg[0].offsetHeight; /* trigger reflow */
                                                                 new_msg.removeClass('new');
                                                         }

panikweb_templates/templates/chat.html

@@ -26,6 +26,8 @@
 
 <div class="wrapper navigation">
 	<div class="">
+
+{% if emission.chat_open %}
 <div class="chat-area">
 
 <div class="nick">Pseudo ? <input name="nick"> <button>Se connecter</button></div>
@@ -37,6 +39,15 @@
 <div id="chat" data-chatroom="{{emission.slug}}">
 </div>
 </div> <!-- .chat-area -->
+{% else %}
+
+<p class="info">
+Ce chat n'est pour le moment pas ouvert.
+</p>
+
+{% endif %}
+
+
 	</div> <!-- .leftPart -->
 
 </div>

panikweb_templates/templates/includes/player.html

@@ -17,6 +17,9 @@
 					<span id="WhatsOnAir"></span>
 					<button class="icon-refresh" id="RefreshWhatsOnAir"></button>
 				</div>
+				<div id="CurrentlyChatting" style="display: none";>
+					<a href="">CHAT</a>
+				</div>
 				<audio 
 					id="DirectStreamPanik" 
 					preload="none"