Rocket.Chat/packages/rocketchat-ui/views/app/room.html

<template name="room">
	<div class="dropzone">
		<div class="dropzone-overlay">
			<div>
				{{_ "Drop_to_upload_file"}}
			</div>
		</div>
		<section class="messages-container {{adminClass}}" id="{{windowId}}" aria-label="{{_ "Channel"}}">
			<header class="fixed-title">
				{{> burger}}
				<h2>
					{{#if showToggleFavorite}}
						<a href="#favorite" class="toggle-favorite"><i class="{{favorite}}" aria-label="{{_ favoriteLabel}}"></i></a>
					{{/if}}
					<i class="{{roomIcon}} status-{{userStatus}}"></i>
					<span class="room-title">{{roomName}}</span>
					<span class="room-topic">{{roomTopic}}</span>
				</h2>
			</header>
			<div class="container-bars">
				{{#each uploading}}
					<div class="upload-progress {{#if error}}upload-error{{/if}}">
						{{#if error}}
							{{error}}
							<a href="##">
								close
							</a>
						{{else}}
							<div class="upload-progress-progress" style="width: {{percentage}}%;"></div>
							<div class="upload-progress-text">
								{{name}}... {{percentage}}%
								<a href="#">
									cancel
								</a>
							</div>
						{{/if}}
					</div>
				{{/each}}
				{{#if unreadCount}}
					{{#if unreadSince}}
						<div class="unread-bar">
							{{_ "S_new_messages_since_s" unreadCount formatUnreadSince}}
							<a>
								{{_ "Mark_as_read"}}
							</a>
						</div>
					{{/if}}
				{{/if}}
			</div>
			<div class="messages-box {{#if selectable}}selectable{{/if}} {{compactView}}">
				<div class="ticks-bar"></div>
				<div class="wrapper {{#if hasMoreNext}}has-more-next{{/if}}">
					<ul aria-live="polite">
						{{#if hasMore}}
							<li class="load-more">
								{{#if isLoading}}
									<div class="load-more-loading">{{_ "Loading_more_from_history"}}...</div>
								{{else}}
									<a href="">{{_ "Has_more"}}...</a>
								{{/if}}
							</li>
						{{else}}
							<li class="start">
								{{_ "Start_of_conversation"}}
							</li>
						{{/if}}
						{{#each messagesHistory}}
							{{#nrr nrrargs 'message' .}}{{/nrr}}
						{{/each}}
						{{#if hasMoreNext}}
							<li class="load-more">
								{{#if isLoading}}
									<div class="load-more-loading">{{_ "Loading_more_from_history"}}...</div>
								{{else}}
									<a href="">{{_ "Has_more"}}...</a>
								{{/if}}
							</li>
						{{/if}}
					</ul>
				</div>
				<div class="new-message not">
					<i class="icon-down-big"></i>
					<span>{{_ "New_messages"}}</span>
				</div>
				<div class="jump-recent {{#unless hasMoreNext}}not{{/unless}}">
					<span class="jump-link">{{_ "Jump_to_recent_messages"}} <i class="icon-level-down"></i></span>
				</div>
			</div>
			<footer class="footer">
				{{> messageBox}}
			</footer>
		</section>
		<section class="flex-tab">
			{{> Template.dynamic template=flexTemplate data=flexData}}
		</section>
	</div>
</template>