The communications platform that puts data protection first.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
Rocket.Chat/client/views/app/chatWindowDashboard.html

181 lines
5.4 KiB

<template name="chatWindowDashboard">
<section class="messages-container" id="{{windowId}}">
<head class="fixed-title">
<div class="burger">
<i></i>
<i></i>
<i></i>
</div>
<h2>
<a href="#favorite" class="toggle-favorite"><i class="{{favorite}}"></i></a>
<i class="{{roomTypeIcon}}"></i>
<span class="room-title {{editingTitle}}">{{roomName}}</span>
{{#if canEditName}}
<input type="text" id="room-title-field" class="{{showEditingTitle}}" value="{{roomNameEdit}}">
<a href="#edit" class="edit-room-title"><i class="icon-pencil"></i></a>
{{/if}}
</h2>
</head>
<div class="messages-box">
<div class="wrapper">
<ul>
{{#if hasMore}}
<li class="load-more">
<button class="button secondary load-more {{isLoading}}">{{_ "general.Load_more"}}</button>
</li>
{{else}}
<li class="chat-begin">
<span>{{_ "chatWindowDashboard.Start_of_conversation"}}</span>
</li>
{{/if}}
{{#each messagesHistory}}
{{#if newDateHistory}}
<li class="date">
<span>{{messageDate}}</span>
</li>
{{/if}}
{{> chatMessageDashboard data=this}}
{{/each}}
{{#each messages}}
{{#unless showTyping}}
{{#if newDate}}
<li class="date">
<span>{{messageDate}}</span>
</li>
{{/if}}
{{> chatMessageDashboard data=this scroll="true"}}
{{/unless}}
{{/each}}
</ul>
</div>
<div class="new-message not">
<i class="icon-down-big"></i>
<span>{{_ "chatWindowDashboard.New_messages"}}</span>
</div>
</div>
<footer class="footer">
<form class="message-form" method="post" action="/">
<div>
<!--input type="text" class="input-message" value="" /-->
{{> messagePopupConfig getPupupConfig}}
<textarea name="msg" class="input-message"></textarea>
<i class="icon-paper-plane" title="{{_ "chatWindowDashboard.Send_Message"}}"></i>
</div>
<div class="users-typing">
{{#with usersTyping}}
<strong>{{users}}</strong>
{{#if multi}}
{{#if selfTyping}}
{{_ "chatWindowDashboard.are_also_typing"}}
{{else}}
{{_ "chatWindowDashboard.are_typing"}}
{{/if}}
{{else}}
{{#if selfTyping}}
{{_ "chatWindowDashboard.is_also_typing"}}
{{else}}
{{_ "chatWindowDashboard.is_typing"}}
{{/if}}
{{/if}}
{{/with}}
</div>
</form>
</footer>
</section>
<section class="flex-tab">
<div class="control">
<button class="more"><span class="arrow {{arrowPosition}}"></span></button>
{{#if canAddUser}}
<form class="search-form" role="form">
<div class="input-line search">
{{> inputAutocomplete settings=autocompleteSettingsAddUser id="user-add-search" class="search" placeholder=tAddUsers}}
<i class="icon-plus"></i>
</div>
</form>
{{else}}
{{#if isChannel}}
<form class="search-form" role="form">
<div class="input-line search">
{{> inputAutocomplete settings=autocompleteSettingsRoomSearch id="room-search" class="search" placeholder=tQuickSearch autocomplete="off"}}
<i class="icon-search"></i>
</div>
</form>
{{/if}}
{{/if}}
</div>
<div class="content">
{{#if isGroupChat}}
<div class="list-view{{#if $.Session.get 'showUserInfo'}} -hidden{{/if}}">
{{#with roomUsers}}
<div class="status">
<h2>{{_ "chatWindowDashboard.Members_List"}}</h2>
{{!--<p>
{{{_ "chatWindowDashboard.Showing_online_users" total_online=totalOnline total=total}}}
<button class="see-all">{{seeAll}}</button>
</p>--}}
</div>
<ul class='list cf_ lines'>
{{#each users}}
{{> userImageProfile}}
{{/each}}
</ul>
{{/with}}
</div>
<div class="user-view animated{{#unless $.Session.get 'showUserInfo'}} -hidden{{/unless}}">
{{#with flexUserInfo}}
<div class="about cf_">
<div class="thumb">
{{> avatar userId=uid}}
</div>
<div class="info">
<h3>{{username}}</h3>
{{#if contactCode}}
<div class="contact-code">{{_ "general.Contact"}} {{contactCode}}</div>
{{/if}}
{{!--
{{#each emails}}
<p><i class="icon-mail"></i> {{address}}</p>
{{/each}}
{{#if phone}}
<p><i class="icon-phone"></i> {{phone}}</p>
{{/if}}
--}}
</div>
</div>
<nav>
<button class='button secondary back'><span>{{_ "chatWindowDashboard.View_All"}} <i class='icon-angle-right'></i></span></button>
<button class='button pvt-msg'><span><i class='icon-chat'></i> {{_ "general.Conversation"}}</span></button>
</nav>
{{/with}}
</div>
{{else}}
<div class="user-view">
{{#with userData}}
<div class="about cf_">
<div class="thumb">
{{> avatar userId=uid}}
</div>
<div class="info">
<h3>{{username}}</h3>
{{#if contactCode}}
<div class="contact-code">{{_ "general.contact"}} {{contactCode}}</div>
{{/if}}
{{!--
{{#each emails}}
<p><i class="icon-mail"></i> {{address}}</p>
{{/each}}
{{#each phone}}
<p><i class="icon-phone"></i> {{phoneNumber}}</p>
{{/each}}
--}}
</div>
</div>
{{/with}}
</div>
{{/if}}
</div>
<footer>
{{> social}}
</footer>
</section>
</template>