spee.ch/views/partials/channelCreationForm.handlebars

37 lines
1.7 KiB
Handlebars
Raw Normal View History

2017-09-27 00:12:47 +02:00
<form id="publish-channel-form">
2017-10-28 00:15:05 +02:00
<p id="input-error-channel-name" class="info-message-placeholder info-message--failure"></p>
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-30 18:07:23 +01:00
<div class="input-text--primary flex-container--row flex-container--left-bottom">
2017-10-11 21:59:51 +02:00
<span>@</span>
<input type="text" name="new-channel-name" id="new-channel-name" class="input-text" placeholder="exampleChannelName" value="" oninput="validationFunctions.checkChannelName(event.target.value)">
2017-10-28 00:15:05 +02:00
<span id="input-success-channel-name" class="info-message--success"></span>
2017-10-11 21:59:51 +02:00
</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-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>
2017-10-24 18:30:47 +02:00
<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>