panikweb/templates/chat.html

   1 {% extends "base.html"%}
   2 {% load paniktags i18n thumbnail %}
   3 {% block title %}{% trans 'Chat' %}{% endblock %}
   4 {% block toptitle %}
   5 <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>
   6 {% if emission.image %}
   7         {% thumbnail emission.image "120x120" crop="50% 25%" as im %}
   8         <div class="top-logo">
   9                 <img height="120" width="120" src="{{im.url}}"/>
  10         </div>
  11         {% endthumbnail %}
  12 {% endif %}
  13
  14 {% endblock %}
  15 {% block nav %}
  16 {% endblock %}
  17 {% block main %}
  18
  19 <div class="wrapper">
  20 </div>
  21 <div>
  22
  23 <div class="wrapper navigation chat-page">
  24
  25         <div class="leftPart chatPart">
  26
  27         {% if emission.subtitle %}<h3>{{ emission.subtitle }}</h3>{% endif %}
  28         {% if emission.text %}
  29         <div class="description-emission-chat">
  30                 {{ emission.text|safe|striptags|truncatewords:75}}
  31         </div>
  32         {% endif %}
  33
  34 {% if emission.chat_open %}
  35
  36         <p>
  37         Pour réagir en direct et suivre les réactions au cours de l'émission,
  38         entrez dans la place !
  39         </p>
  40
  41 <div class="chat-area">
  42
  43 <div class="nick">Pseudo ? <input name="nick"> <button>Se connecter</button></div>
  44
  45 <div class="commands" style="display: none;">
  46   <span class="prompt">&gt;</span>&nbsp;&nbsp;<input id="msg" name="msg">&nbsp;&nbsp;<button id="send">ok</button>
  47 </div>
  48
  49 <div id="chat" data-chatroom="{{emission.slug}}">
  50 </div>
  51 </div> <!-- .chat-area -->
  52 {% else %}
  53
  54 <p class="info">
  55 Ce chat n'est pour le moment pas ouvert.
  56 </p>
  57
  58 {% endif %}
  59
  60
  61         </div> <!-- .leftPart -->
  62
  63         <div class="rightPart">
  64                 <p><b>Quelques règles de bonne conduite quand même.</b></p>
  65                 <p>
  66                 Ici comme ailleurs on est des grandes personnes, on évite les
  67                 propos injurieux, sexistes, homophobes, racistes, etc.
  68                 </p>
  69                 <p style="display: none">
  70                 On garde la violence pour l'état.
  71                 </p>
  72                 <p>
  73                 En cas de problème, n'hésitez pas à contacter le conseil
  74                 d'administration de la radio, ca-panik@radiopanik.org.
  75                 </p>
  76         </div>
  77
  78 </div>
  79 </div>
  80 {% endblock %}
  81 {% block links %}
  82 {% endblock %}
  83