Chat: Use new layout for list of chat rooms

This commit is contained in:
Ilias Trichopoulos 2015-03-05 10:26:49 +01:00 committed by Pedro Ferreira
parent 1e2142be9a
commit 1c37e49ef3
2 changed files with 53 additions and 57 deletions

View File

@ -1,65 +1,55 @@
<h2 class="page-title">{% trans %}Chat Rooms{% endtrans %}</h2>
<table class="infoTable" width="100%" align="center" border="0" cellspacing="0">
<thead>
<tr>
<td class="tableHeader">{% trans %}Name{% endtrans %}</td>
<td class="tableHeader">{% trans %}JID{% endtrans %}</td>
<td class="tableHeader">{% trans %}Server{% endtrans %}</td>
{% if 'description' in cols -%}
<td class="tableHeader">{% trans %}Description{% endtrans %}</td>
{% endif %}
{% if 'password' in cols -%}
<td class="tableHeader">{% trans %}Password{% endtrans %}</td>
{% endif %}
{% if chat_links %}
<td class="tableHeader">{% trans %}Actions{% endtrans %}</td>
{% endif %}
</tr>
</thead>
<tbody>
{% for event_chatroom in event_chatrooms %}
{% set chatroom = event_chatroom.chatroom %}
{% set server = chatroom.server %}
<tr class="infoTR" style="vertical-align: baseline;">
<td class="infoTD">{{ chatroom.name }}</td>
<td class="infoTD">{{ chatroom.jid_node }}</td>
<td class="infoTD">{{ server }}</td>
{% if 'description' in cols -%}
<td class="infoTD">{{ chatroom.description }}</td>
{% endif %}
{% if 'password' in cols %}
<td class="infoTD">
{% if chatroom.password %}
<div>
{% for event_chatroom in event_chatrooms %}
{% set chatroom = event_chatroom.chatroom %}
{% set server = chatroom.server %}
<div class="event-service-row">
<div class="event-service-row-collapsed clearfix">
<div class="event-service-info event-service-row-toggle left">
<i class="icon-bubble-quote"></i>
<span class="event-service-title">{{ chatroom.name }}</span>
</div>
<div class="event-service-toolbar toolbar right">
{% if chat_links %}
<div class="group">
<a class="i-button i-button-small arrow event-service-right-button dropDownMenu highlight join-button" data-toggle="dropdown" target="_blank"><strong>{% trans %}Join{% endtrans %}</strong></a>
<ul class="dropdown">
{% for chat_link in chat_links %}
<li><a class="fakeLink" href="{{ chat_link.link.format(room=chatroom.jid_node, server=server) }}" target="_blank">{{ chat_link.title }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
<div class="event-service-details">
<dl>
{% if chatroom.jid_node != chatroom.name.lower() %}
<dt>JID:</dt>
<dd>{{ chatroom.jid_node }}</dd>
{% endif %}
<dt>{% trans %}Server{% endtrans %}:</dt>
<dd>{{ chatroom.server }}</dd>
{% if chatroom.description %}
<dt>{% trans %}Description{% endtrans %}:</dt>
<dd>{{ chatroom.description }}</dd>
{% endif %}
{% if chatroom.password %}
<dt>{% trans %}Password{% endtrans %}:</dt>
<dd>
{% if event_chatroom.show_password %}
{{ chatroom.password }}
{% else %}
<i>{% trans %}Hidden{% endtrans %}</i>
{% endif %}
{% else %}
<i>{% trans %}None{% endtrans %}</i>
{% endif %}
</td>
{% endif %}
{% if chat_links %}
<td style="white-space: nowrap;">
<div class="toolbar js-chat-links" style="margin: 0; min-height: 0;">
<div class="group">
<a class="i-button i-button-mini arrow event-service-right-button dropDownMenu highlight join-button" data-toggle="dropdown" target="_blank"><strong>{% trans %}Join{% endtrans %}</strong></a>
<ul class="dropdown">
{% for chat_link in chat_links %}
<li><a class="fakeLink" href="{{ chat_link.link.format(room=chatroom.jid_node, server=server) }}" target="_blank">{{ chat_link.title }}</a></li>
{% endfor %}
</ul>
</div>
</div>
</td>
{% endif %}
</tr>
{% endfor %}
</tbody>
</table>
</dd>
{% endif %}
</dl>
</div>
<a class="trigger icon-expand" title="{% trans %}More info{% endtrans %}"></a>
</div>
{% endfor %}
</div>
<script>
$('.js-chat-links').dropdown();
$('.event-service-toolbar').dropdown();
</script>

View File

@ -33,6 +33,12 @@ class WPChatEventPage(WPJinjaMixinPlugin, WPConferenceDefaultDisplayBase):
WPConferenceDefaultDisplayBase._defineSectionMenu(self)
self._sectionMenu.setCurrentItem(self._sectionMenu.getLinkByName('chat-event-page'))
def getCSSFiles(self):
return WPConferenceDefaultDisplayBase.getCSSFiles(self) + self._asset_env['eventservices_sass'].urls()
def getJSFiles(self):
return WPConferenceDefaultDisplayBase.getJSFiles(self) + self._asset_env['modules_event_display_js'].urls()
class WPChatEventMgmt(WPJinjaMixinPlugin, WPConferenceModifBase):
def _setActiveSideMenuItem(self):