Rocket.Chat/packages/rocketchat-ui/client/views/app/createChannel.html

<template name="createChannel">
	<section class="create-channel">
		<header class="create-channel__header">
			<h1 class="create-channel__title">{{_ "Create_A_New_Channel"}}</h1>
			<p class="create-channel__description">{{_ "Channels_are_where_your_team_communicate"}}</p>
		</header>
		<form class="create-channel__content">
			<div class="create-channel__switches">
				<div class="rc-switch">
					<label class="rc-switch__label" tabindex="-1">
						<input type="checkbox" class="rc-switch__input" name="type" value="d" checked>
						<span class="rc-switch__button">
							<span class="rc-switch__button-inside"></span>
						</span>
						<span class="rc-switch__text">
							{{typeLabel}}
						</span>
					</label>
					<span class="rc-switch__description">{{typeDescription}}</span>
				</div>
				<div class="rc-switch">
					<label class="rc-switch__label">
						<input type="checkbox" class="rc-switch__input" name="readOnly" {{readOnlyIsDisabled}}>
						<span class="rc-switch__button">
							<span class="rc-switch__button-inside"></span>
						</span>
						<span class="rc-switch__text">
							{{_ "Read_only_channel"}}
						</span>
					</label>
				</div>
			</div>
			<div class="create-channel__inputs">
				<div class="rc-input {{#if invalidChannel}}rc-input--error{{/if}}">
					<label class="rc-input__label">
						<div class="rc-input__title">{{_ "Channel_name"}}</div>
						<div class="rc-input__wrapper">
							<div class="rc-input__icon">
								<svg class="rc-input__icon-svg rc-input__icon-svg--{{iconType}}">
									<use xlink:href="#icon-{{iconType}}"></use>
								</svg>
							</div>
							<input name="name" type="text" class="rc-input__element" placeholder="Type channel name" autofocus>
						</div>
					</label>
					{{!--<div class="rc-input__description">Names must be all lower case and shorter than 22 characters</div>--}}
					{{#if inUse}}
						<div class="rc-input__error">
							<div class="rc-input__error-icon">
								<svg class="rc-input__error-icon-svg rc-input__error-icon--warning">
									<use xlink:href="#icon-warning"></use>
								</svg>
							</div>
							<div class="rc-input__error-message">{{_ "Channel_already_exist_static"}}</div>
						</div>
					{{/if}}
				</div>
				<div class="rc-input">
					<label class="rc-input__label">
						<div class="rc-input__title">{{_ "Invite_Users"}}</div>
						<div class="rc-input__wrapper">
							<div class="rc-input__icon">
								<svg class="rc-input__icon-svg rc-input__icon-svg--at">
									<use xlink:href="#icon-at"></use>
								</svg>
							</div>
							<div class="rc-tags">
								{{#each user in selectedUsers}}
									{{> tag user}}
								{{/each}}
								<input type="text" class="rc-tags__input" placeholder="{{_ "username"}}" name="users" autocomplete="off"/>
							</div>
						</div>
						{{#with config}}
							{{#if autocomplete 'isShowing'}}
								<div class="fadeInDown">
									{{#if autocomplete 'isLoaded'}}
										{{> popupList data=config items=items}}
									{{/if}}
								</div>
							{{/if}}
						{{/with}}
					</label>
				</div>
			</div>
			<button class="rc-button rc-button--primary" type='submit' data-button="create" {{createIsDisabled}}>{{_ "Create"}}</button>
		</form>
	</section>
</template>

<template name='tag'>
	<span class="rc-tags__tag">
		<span class="rc-tags__tag-avatar">
			{{> avatar username=username}}
		</span>
		<span class="rc-tags__tag-username">{{username}}</span>
		<svg class="rc-tags__tag-icon">
			<use xlink:href="#icon-cross"></use>
		</svg>
	</span>
</template>