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

<template name="messageBox">
	<div class="rc-message-box rc-new {{#if embeddedVersion}}rc-message-box--embedded{{/if}}">
		{{#if subscribed}}
			{{#with usersTyping}}
				<div class="rc-message-box__typing">
					<b class="rc-message-box__typing__user">{{users}}</b>
					{{#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}}
				</div>
			{{/with}}
			{{#if allowedToSend}}
				{{> messagePopupConfig getPopupConfig}}
				<label class="rc-message-box__container">
					<div class="rc-message-box__icon emoji-picker-icon {{#unless isEmojiEnable}}emoji-picker-icon--disabled{{/unless}}">
						{{> icon block="rc-input__icon-svg" icon="emoji"}}
					</div>
					<textarea autofocus name="msg" maxlength="{{maxMessageLength}}" placeholder="{{_ 'Message'}}" rows="1" class="rc-message-box__textarea js-input-message autogrow-short"></textarea>
					{{#unless disableSendIcon}}
						<div class="rc-message-box__icon rc-message-box__send js-send" data-desktop>
							{{> icon block="rc-input__icon-svg" icon="send"}}
						</div>
					{{else}}
						{{> messageBox__actions}}
					{{/unless}}
					{{# messageBox__actionsSmall}}
						<span class="rc-message-box__send js-message-action js-send" {{disableSendIcon}} data-small>
							{{> icon block="rc-message-box__action" icon="send"}}
						</span>
					{{/messageBox__actionsSmall}}
				</label>
				{{#unless embeddedVersion}}
					{{#if showFormattingTips}}
						<div class="rc-message-box__toolbar-markdown">
							{{#each mdButtons}}
								<button class="rc-message-box__toolbar-markdown-item rc-tooltip js-md" aria-label={{_ label}} data-link="{{link}}">
									{{#if icon}}
										{{> icon block="rc-message-box__toolbar-markdown-icon" icon=icon }}
									{{else}}
										{{#if link}}
											<a href="{{link}}" target="_blank" class="rc-message-box__toolbar-markdown-link">{{label}}</a>
										{{/if}}
									{{/if}}
								</button>
							{{/each}}
						</div>
					{{/if}}
				{{/unless}}
			{{else}}
				<div class="stream-info">
					{{#if isBlockedOrBlocker}}
						{{_ "room_is_blocked"}}
					{{else}}
						{{_ "room_is_read_only"}}
					{{/if}}
				</div>
			{{/if}}
		{{else}}
			{{#with notSubscribedTpl}}
				{{> Template.dynamic . }}
			{{else}}
				{{#if canJoin}}
					<div>
						{{{_ "you_are_in_preview_mode_of" room_name=roomName}}}
						{{#if joinCodeRequired}}
							<input type="text" name="joinCode" placeholder="{{_ 'Password'}}" style="width: 100px">
						{{/if}}
						<button class="button join"><span><i class="icon-login"></i> {{_ "join"}}</span></button>
					</div>
				{{/if}}
				{{#if anonymousRead}}
					<div>
						<button class="button register"><span>{{_ "Sign_in_to_start_talking"}}</span></button>
						{{#if anonymousWrite}}
							<button class="button register-anonymous"><span>{{_ "Or_talk_as_anonymous"}}</span></button>
						{{/if}}
					</div>
				{{/if}}
			{{/with}}
		{{/if}}
	</div>
</template>
<template name="messageBox__actionsSmall">
	<div class="js-message-actions rc-message-box__action-label" data-small>
		{{#each actions }}
			<span class="js-message-action">
				{{> icon block="rc-message-box__action" icon=icon }}
			</span>
		{{/each}}
	</div>
	{{> Template.contentBlock}}
</template>
<template name="messageBox__actions">
	<div class="rc-message-box__action-menu" data-desktop>
		{{#if actions}}
			<div class="rc-message-box__icon">
				{{> icon block="rc-input__icon-svg" icon="plus"}}
			</div>
		{{/if}}
	</div>
</template>