spee.ch/views/partials/channelCreationForm.handlebars

42 lines
1.9 KiB
Handlebars
Raw Normal View History

2017-09-27 00:12:47 +02:00
<form id="publish-channel-form">
2017-10-06 20:18:51 +02:00
<div class="row row--wide row--short">
2017-10-04 01:26:43 +02:00
<div class="column column--3 column--sml-10">
2017-09-29 23:11:00 +02:00
<label class="label" for="new-channel-name">Name:</label>
2017-10-04 01:26:43 +02:00
</div><div class="column column--6 column--sml-10">
2017-10-12 18:24:03 +02:00
<div class="info-message-placeholder">
<div id="input-error-channel-name" class="info-message info-message--failure"></div>
</div>
2017-10-11 21:59:51 +02:00
<div class="input-text--primary">
<span>@</span>
<input type="text" name="new-channel-name" id="new-channel-name" class="input-text" placeholder="exampleChannelName" value="" oninput="checkChannelName(event.target.value)">
<span id="input-success-channel-name" class="info-message info-message--success"></span>
</div>
2017-09-27 00:12:47 +02:00
</div>
</div>
2017-10-06 20:18:51 +02:00
<div class="row row--wide row--short">
2017-10-04 01:26:43 +02:00
<div class="column column--3 column--sml-10">
2017-09-29 23:11:00 +02:00
<label class="label" for="new-channel-password">Password:</label>
2017-10-04 01:26:43 +02:00
</div><div class="column column--6 column--sml-10">
2017-10-12 18:24:03 +02:00
<div class="info-message-placeholder">
<div id="input-error-channel-password" class="info-message info-message--failure"></div>
</div>
2017-10-11 21:59:51 +02:00
<div class="input-text--primary">
<input type="password" name="new-channel-password" id="new-channel-password" class="input-text" placeholder="" value="" >
</div>
2017-09-29 23:11:00 +02:00
</div>
2017-09-27 00:12:47 +02:00
</div>
<div class="row row--wide">
<button class="button--primary" onclick="publishNewChannel(event)">Create Channel</button>
</div>
2017-09-27 00:12:47 +02:00
</form>
2017-09-21 01:04:58 +02:00
2017-09-27 00:12:47 +02:00
<div id="channel-publish-in-progress" hidden="true">
<p>Creating your new channel. This may take a few seconds...</p>
<div id="create-channel-progress-bar"></div>
</div>
<div id="channel-publish-done" hidden="true">
<p>Your channel has been successfully created!</p>
</div>