hyperion.ng/assets/webconfig/content/login.html

41 lines
1.5 KiB
HTML
Raw Normal View History

<div class="container" style="margin:20px auto;max-width:500px;">
2021-05-01 17:00:44 +02:00
<center>
<div>
<div class="panel panel-danger">
<div class="panel-heading panel-system">
<h3 class="panel-title">Login</h3>
</div>
<div class="panel-body">
<form>
<div class="form-group">
<input type="name="username" class="form-control" type="text" id="username" value="Hyperion" disabled/></br>
<input name="password" class="form-control" type="password" id="password" placeholder="Password" autocomplete="off"/>
2021-05-01 17:00:44 +02:00
<input name="show_pw" type="checkbox" id="show_pw" /><label for="show_pw">Show/Hide Password</label>
</div>
<div class="form-group">
<button type="submit" class="btn btn-sm btn-success" id="btn_password" onclick="requestAuthorization(document.getElementById('password').value); return false;"><i class="fa fa-fw fa-unlock"></i>Login</button>
2021-05-01 17:00:44 +02:00
</div>
</form>
</div>
</div>
</div>
</center>
</div>
<script>
2021-05-01 17:00:44 +02:00
removeOverlay();
2021-05-01 17:00:44 +02:00
$('#password').off().on('input', function (e) {
if (e.currentTarget.value.length >= 8) {
$('#btn_password').prop('disabled', false);
}
else {
$('#btn_password').prop('disabled', true);
}
2021-05-01 17:00:44 +02:00
});
2021-05-01 17:00:44 +02:00
$('#show_pw').off().on('change', function (e) {
(e.currentTarget.checked ? $('#password').attr('type', 'text') : $('#password').attr('type', 'password'))
});
</script>