<div id="chat-modal" class="chat-modal hide" tabindex="-1" role="dialog" aria-labelledby="Chat" aria-hidden="true" data-backdrop="none"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="chat-close-btn" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <button type="button" class="close hidden-xs hidden-sm" data-action="maximize"><span aria-hidden="true"><i class="fa fa-expand"></i></span><span class="sr-only">[[modules:chat.maximize]]</span></button> <button type="button" class="close hidden-xs hidden-sm" data-action="minimize"><span aria-hidden="true"><i class="fa fa-minus"></i></span><span class="sr-only">[[modules:chat.minimize]]</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"> <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> <!-- IF users.length --> <li role="separator" class="divider"></li> <li class="dropdown-header">[[modules:chat.in-room]]</li> {{{each users}}} <li> <a href="{config.relative_path}/uid/{../uid}">{buildAvatar(users, "sm", true)} {../username}</a> </li> {{{end}}} <!-- END --> </ul> </div> <h4 component="chat/room/name"><!-- IF roomName -->{roomName}<!-- ELSE -->{usernames}<!-- ENDIF roomName --></h4> </div> <div class="modal-body"> <div component="chat/messages/scroll-up-alert" class="scroll-up-alert alert alert-info" role="button">[[modules:chat.scroll-up-alert]]</div> <ul class="chat-content" component="chat/messages"> <!-- 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="1"></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> </div> </div> </div>