spee.ch/views/partials/publishChannel.handlebars

43 lines
1.5 KiB
Handlebars
Raw Normal View History

2017-09-21 01:04:58 +02:00
<div>
<p>
<div id="input-error-channel-select" class="info-message info-message--failure"></div>
<label for="channel-name-select">Channel:</label>
2017-09-21 09:18:34 +02:00
<select type="text" id="channel-name-select" class="select select--primary" value="channel" onclick="toggleChannel(event)">
2017-09-21 01:04:58 +02:00
{{#if user}}
2017-09-26 07:49:27 +02:00
<option value="@{{user.userName}}" >@{{user.userName}}</option>
2017-09-21 01:04:58 +02:00
{{/if}}
2017-09-22 01:03:45 +02:00
<option value="none" >None</option>
2017-09-21 01:04:58 +02:00
<option value="login">Login</option>
<option value="new" >New</option>
</select>
</p>
<div id="channel-login-details" hidden="true">
{{> channelLogin}}
</div>
<div id="channel-create-details" hidden="true">
{{> channelCreation}}
</div>
</div>
<script src="/assets/js/authFunctions.js"></script>
<script type="text/javascript">
function toggleChannel (event) {
const createChannelTool = document.getElementById('channel-create-details');
const loginToChannelTool = document.getElementById('channel-login-details');
const selectedOption = event.target.selectedOptions[0].value;
if (selectedOption === 'new') {
createChannelTool.hidden = false;
loginToChannelTool.hidden = true;
} else if (selectedOption === 'login') {
loginToChannelTool.hidden = false;
createChannelTool.hidden = true;
} else {
loginToChannelTool.hidden = true;
createChannelTool.hidden = true;
hideError(document.getElementById('input-error-channel-select'));
}
}
</script>