move static & templates to panikweb project directory

[panikweb.git] / panikweb / templates / chat.html

diff --git a/panikweb/templates/chat.html b/panikweb/templates/chat.html
new file mode 100644 (file)
index 0000000..8515330
--- /dev/null
+++ b/panikweb/templates/chat.html
@@ -0,0 +1,83 @@
+{% extends "base.html"%}
+{% load paniktags i18n thumbnail %}
+{% block title %}{% trans 'Chat' %}{% endblock %}
+{% block toptitle %}
+<h1 class="top"><span class="chat {% if emission.image %}with-logo{% endif %}"><a href="{% url 'emission-view' slug=object.slug %}">{{object.title}}</a> - Chat</span></h1>
+{% if emission.image %}
+       {% thumbnail emission.image "120x120" crop="50% 25%" as im %}
+       <div class="top-logo">
+               <img height="120" width="120" src="{{im.url}}"/>
+       </div>
+       {% endthumbnail %}
+{% endif %}
+
+{% endblock %}
+{% block nav %}
+{% endblock %}
+{% block main %}
+
+<div class="wrapper">
+</div>
+<div>
+
+<div class="wrapper navigation chat-page">
+
+       <div class="leftPart chatPart">
+
+       {% if emission.subtitle %}<h3>{{ emission.subtitle }}</h3>{% endif %}
+       {% if emission.text %}
+       <div class="description-emission-chat">
+               {{ emission.text|safe|striptags|truncatewords:75}}
+       </div>
+       {% endif %}
+
+{% if emission.chat_open %}
+
+       <p>
+       Pour réagir en direct et suivre les réactions au cours de l'émission,
+       entrez dans la place !
+       </p>
+
+<div class="chat-area">
+
+<div class="nick">Pseudo ? <input name="nick"> <button>Se connecter</button></div>
+
+<div class="commands" style="display: none;">
+  <span class="prompt">&gt;</span>&nbsp;&nbsp;<input id="msg" name="msg">&nbsp;&nbsp;<button id="send">ok</button>
+</div>
+
+<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 class="rightPart">
+               <p><b>Quelques règles de bonne conduite quand même.</b></p>
+               <p>
+               Ici comme ailleurs on est des grandes personnes, on évite les
+               propos injurieux, sexistes, homophobes, racistes, etc.
+               </p>
+               <p style="display: none">
+               On garde la violence pour l'état.
+               </p>
+               <p>
+               En cas de problème, n'hésitez pas à contacter le conseil
+               d'administration de la radio, ca-panik@radiopanik.org.
+               </p>
+       </div>
+
+</div>
+</div>
+{% endblock %}
+{% block links %}
+{% endblock %}
+