35 lines
No EOL
1.4 KiB
Handlebars
35 lines
No EOL
1.4 KiB
Handlebars
<p>
|
|
<form id="channel-login-form">
|
|
<div id="login-error-display-element" class="info-message info-message--failure"></div>
|
|
<div>
|
|
<label for="login-channel-name">Channel Name: </label>
|
|
@<input type="text" name="login-channel-name" id="login-channel-name" class="input-text input-text--primary" placeholder="" value="">
|
|
</div>
|
|
<div>
|
|
<label for="login-channel-password" >Password: </label>
|
|
<input type="password" name="login-channel-password" id="login-channel-password" class="input-text input-text--primary" placeholder="" value="">
|
|
</div>
|
|
|
|
</form>
|
|
</p>
|
|
<button onclick="loginToChannel(event)">Login</button>
|
|
|
|
<script type="text/javascript">
|
|
function loginToChannel (event) {
|
|
const channelName = `@${document.getElementById('login-channel-name').value}`;
|
|
const password = document.getElementById('login-channel-password').value;
|
|
const loginErrorDisplayElement = document.getElementById('login-error-display-element');
|
|
// prevent default
|
|
event.preventDefault()
|
|
// send request
|
|
sendAuthRequest(channelName, password, '/login')
|
|
.then(() => {
|
|
console.log('login success');
|
|
window.location.href = '/';
|
|
})
|
|
.catch(error => {
|
|
showError(loginErrorDisplayElement, error);
|
|
console.log('login failure:', error);
|
|
})
|
|
}
|
|
</script> |