You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.3 KiB
Smarty
55 lines
2.3 KiB
Smarty
<!-- IF roomId -->
|
|
<div component="chat/messages" class="expanded-chat" data-roomid="{roomId}">
|
|
<div component="chat/header">
|
|
<button type="button" class="close" data-action="pop-out"><span aria-hidden="true"><i class="fa fa-compress"></i></span><span class="sr-only">[[modules:chat.pop-out]]</span></button>
|
|
|
|
<div class="dropdown pull-right">
|
|
<button class="close" data-toggle="dropdown" component="chat/controlsToggle"><i class="fa fa-gear"></i></button>
|
|
<ul class="dropdown-menu dropdown-menu-right pull-right" component="chat/controls">
|
|
<!-- IF users.length -->
|
|
<li class="dropdown-header">[[modules:chat.in-room]]</li>
|
|
<!-- BEGIN users -->
|
|
<li>
|
|
<a href="{config.relative_path}/uid/{../uid}">
|
|
<!-- IF ../picture -->
|
|
<img class="avatar avatar-sm" component="user/picture" src="{../picture}" itemprop="image" />
|
|
<!-- ELSE -->
|
|
<div class="avatar avatar-sm" component="user/picture" style="background-color: {../icon:bgColor};">{../icon:text}</div><!-- END -->{../username}
|
|
</a>
|
|
</li>
|
|
<!-- END -->
|
|
<li role="separator" class="divider"></li>
|
|
<!-- END -->
|
|
<li class="dropdown-header">[[modules:chat.options]]</li>
|
|
<li>
|
|
<a href="#" data-action="members"><i class="fa fa-fw fa-cog"></i> [[modules:chat.manage-room]]</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" data-action="rename"><i class="fa fa-fw fa-edit"></i> [[modules:chat.rename-room]]</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" data-action="leave"><i class="fa fa-fw fa-sign-out"></i> [[modules:chat.leave]]</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<span class="members">
|
|
[[modules:chat.chatting_with]]:
|
|
<!-- BEGIN users -->
|
|
<a href="{config.relative_path}/uid/{../uid}">{../username}</a><!-- IF !@last -->,<!-- END -->
|
|
<!-- END -->
|
|
</span>
|
|
</div>
|
|
<ul class="chat-content">
|
|
<!-- IMPORT partials/chats/messages.tpl -->
|
|
</ul>
|
|
<div component="chat/composer">
|
|
<textarea component="chat/input" placeholder="[[modules:chat.placeholder]]" class="form-control chat-input mousetrap" rows="2"></textarea>
|
|
<button class="btn btn-primary" type="button" data-action="send"><i class="fa fa-fw fa-2x fa-paper-plane"></i></button>
|
|
<span component="chat/message/remaining">{maximumChatMessageLength}</span>
|
|
</div>
|
|
</div>
|
|
<!-- ELSE -->
|
|
<div class="alert alert-info">
|
|
[[modules:chat.no-messages]]
|
|
</div>
|
|
<!-- ENDIF roomId --> |