tracman-server/views/password.html

61 lines
2.2 KiB
HTML
Raw Permalink Normal View History

2017-04-12 11:41:27 -06:00
{% extends 'templates/base.html' %}
{% block title %}{{super()}} | Set Password{% endblock %}
2017-08-22 17:32:25 -06:00
{% block head %}
{{super()}}
<link rel="stylesheet" type="text/css" href="/static/css/.form.min.css">
<link rel="stylesheet" type="text/css" href="/static/css/.settings.min.css">
{% endblock %}
2017-06-30 14:38:30 -06:00
{% block javascript %}
2017-04-12 11:41:27 -06:00
{{super()}}
<script type="application/javascript" src="/static/js/lib/.zxcvbn.min.js"></script>
<script type="application/javascript" src="/static/js/.password.min.js"></script>
2017-04-12 11:41:27 -06:00
{% endblock %}
{% block main %}
2017-04-13 23:00:18 -06:00
<section class='container'>
2017-04-13 23:00:18 -06:00
<h1>Set Password</h1>
2017-04-13 23:00:18 -06:00
<form id='password-form' role="form" method="post">
2018-03-04 13:15:43 -07:00
<input type="hidden" name="_csrf" value="{{csrfToken}}">
<style>
#password-form .password {
flex-grow: 1;
min-width: 0;
margin: 2%;
}
#password-help {
display: none;
}
.form-group > span {
display: flex;
flex-wrap: wrap;
}
</style>
<p>Your password must be at least 8 characters long. You can use any letter, number, symbol, emoji, or spaces. Your password will be checked using <a href="https://github.com/dropbox/zxcvbn">zxcvbn</a>. All passwords are stored on the server as salted hashes. </p>
2017-04-15 08:22:13 -06:00
<div class='form-group' style="flex-wrap:wrap">
2017-04-15 08:48:56 -06:00
<span title="Enter your new password here" style="flex-grow:1; max-width:70vw">
<input id='p1' class='form-control password' name="password" type="password" placeholder="enter password" minlength="8" maxlength="160">
<input id='p2' class='form-control password' name="repassword" type="password" placeholder="retype password" minlength="8" maxlength="160">
</span>
2017-04-15 08:22:13 -06:00
<span title="Show your passwords if nobody's looking over your shoulder. " style="margin:auto">
2017-04-15 08:48:56 -06:00
<input id='show' name="show" type="checkbox" style="margin:8px auto">
<label for="show" style="width:100%; text-align:center;">show</label>
2017-04-15 08:22:13 -06:00
</span>
2017-04-13 23:00:18 -06:00
</div>
2017-06-30 11:14:59 -06:00
<p id='password-help' title="Your passwords are checked using zxcvbn. "></p>
2017-04-15 08:22:13 -06:00
<div id='submit-group' class='form-group flexbox' style="justify-content:space-around">
<input id='submit' class='btn main' style="min-width:50%" type="submit" value="Save" title="You need to enter a password first. " disabled>
2017-04-13 23:00:18 -06:00
</div>
2017-04-13 23:00:18 -06:00
</form>
2017-04-13 23:00:18 -06:00
</section>
2017-04-15 08:22:13 -06:00
{% endblock %}