Rocket.Chat/packages/rocketchat-ui-message/message/messageBox.html

<template name="messageBox">
	{{#if subscribed}}
		<form class="message-form" method="post" action="/">
			<div style="display: flex">
				<div class="file">
					<i class="icon-attach file"></i>
					<input type="file" accept="{{fileUploadAllowedMediaTypes}}">
				</div>
				<div class="input-message-container">
					{{> messagePopupConfig getPopupConfig}}
					<textarea dir="auto" name="msg" maxlength="{{maxMessageLength}}" class="input-message autogrow-short" placeholder="{{_ 'Message'}}"></textarea>

					<div class="inner-right-toolbar">
						<img class="emoji-picker-icon" src="/packages/rocketchat_emojione/category_icons/people.svg">
					</div>
				</div>

				<div class="message-buttons {{showMic}} {{showSend}}">
					<div class="mic">
						<i class="icon-mic" aria-label="{{_ "Record"}}"></i>
					</div>
					<div class="stop-mic hidden">
						<i class="icon-stop" aria-label="{{_ "Stop_Recording"}}"></i>
					</div>
					<div class="send-button">
						<i class="icon-paper-plane" aria-label="{{_ "Send"}}"></i>
					</div>
				</div>
			</div>
			<div class="users-typing">
				{{#with usersTyping}}
					<strong>{{users}}</strong>
					{{#if multi}}
						{{#if selfTyping}}
							{{_ "are_also_typing"}}
						{{else}}
							{{_ "are_typing"}}
						{{/if}}
					{{else}}
						{{#if selfTyping}}
							{{_ "is_also_typing" context="male"}}
						{{else}}
							{{_ "is_typing" context="male"}}
						{{/if}}
					{{/if}}
				{{/with}}
			</div>

			{{#if showFormattingTips}}
			<div class="formatting-tips" aria-hidden="true" dir="auto">
				{{#if showMarkdown}}
				<b>*{{_ "bold"}}*</b>
				<i>_{{_ "italics"}}_</i>
				<span>~<strike>{{_ "strike"}}</strike>~</span>
				<code class="inline">`{{_ "inline_code"}}`</code>
				{{/if}}
				{{#if showHighlight}}
				<code class="inline"><span class="hidden-br"><br></span>```<span class="hidden-br"><br></span><i class="icon-level-down"></i>{{_ "multi"}}<span class="hidden-br"><br></span><i class="icon-level-down"></i>{{_ "line"}}<span class="hidden-br"><br></span><i class="icon-level-down"></i>```</code>
				{{/if}}
				{{#if showMarkdown}}
				<q><span class="hidden-br"><br></span>&gt;{{_ "quote"}}</q>
				{{/if}}

			</div>
			{{/if}}
			<div class="editing-commands" aria-hidden="true" dir="auto">
				<div class="editing-commands-cancel">{{_ 'Esc_to'}} <a href="#">{{_ 'Cancel'}}</a></div>
				<div class="editing-commands-save">{{_ 'Enter_to'}} <a href="#">{{_ 'Save_changes'}}</a></div>
			</div>
		</form>
	{{else}}
		{{#if canJoin}}
		<div>
			{{{_ "you_are_in_preview_mode_of" room_name=roomName}}}
			<button class="button join"><span><i class="icon-login"></i> {{_ "join"}}</span></button>
		</div>
		{{/if}}
	{{/if}}
</template>