You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.3 KiB
Smarty
33 lines
1.3 KiB
Smarty
<h1>Login</h1>
|
|
<div class="row-fluid">
|
|
<div class="well {login_window:spansize}">
|
|
<h4>Login via Username & Password</h4>
|
|
<div class="alert alert-error" id="error" style="display:none">
|
|
<button type="button" class="close" data-dismiss="alert">×</button>
|
|
<strong>Failed Login Attempt</strong> <p></p>
|
|
</div>
|
|
<form method="post" action="/login">
|
|
<label>Username</label><input type="text" placeholder="Enter Username" name="username" id="username" /><br />
|
|
<label>Password</label><input type="password" placeholder="Enter Password" name="password" id="password" /><br />
|
|
<button class="btn btn-primary" id="login" type="submit">Login</button> <a href="/reset">Forgot Password?</a>
|
|
</form>
|
|
</div>
|
|
<div class="well span6 {alternate_logins:display}">
|
|
<h4>Alternative Logins</h4>
|
|
<ul class="alt-logins">
|
|
<li data-url="/auth/twitter" class="twitter {twitter:display}"></li>
|
|
<li data-url="/auth/google" class="google {google:display}"></li>
|
|
<li data-url="/auth/facebook" class="facebook {facebook:display}">Login via Facebook</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var altLoginEl = document.querySelector('.alt-logins');
|
|
|
|
altLoginEl.addEventListener('click', function(e) {
|
|
if (e.target.nodeName === 'LI') {
|
|
document.location.href = e.target.getAttribute('data-url');
|
|
}
|
|
});
|
|
</script> |