Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #2443 from TDT-AG/pr/20190109-luci-mod-system-password

Browse source 
luci-mod-system: add password strength info
This commit is contained in:
Florian Eckert 2019-04-24 09:40:38 +02:00 committed by GitHub
commit 3ffdf4160f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
modules/luci-mod-system/luasrc/view/admin_system/password.htm
View file

@ -2,6 +2,27 @@
<input type="password" aria-hidden="true" style="position:absolute; left:-10000px" />
<script type="text/javascript">
function checkPassword() {
var pw1 = document.body.querySelector('[name="pw1"]');
var view = document.getElementById("passstrength");
var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
var enoughRegex = new RegExp("(?=.{6,}).*", "g");
if (false == enoughRegex.test(pw1.value)) {
view.innerHTML = '<%:Password strength%>: <span style="color:red"><%:More Characters%></span>';
} else if (strongRegex.test(pw1.value)) {
view.innerHTML = '<%:Password strength%>: <span style="color:green"><%:Strong%></span>';
} else if (mediumRegex.test(pw1.value)) {
view.innerHTML = '<%:Password strength%>: <span style="color:orange"><%:Medium%></span>';
} else {
view.innerHTML = '<%:Password strength%>: <span style="color:red"><%:Weak%></span>';
}
return true;
}
</script>
<div class="cbi-map">
<h2><%:Router Password%></h2>
@ -13,7 +34,7 @@
<div class="cbi-value">
<label class="cbi-value-title" for="image"><%:Password%></label>
<div class="cbi-value-field">
<input type="password" name="pw1" /><!--
<input type="password" name="pw1" onkeyup="checkPassword()"/><!--
--><button class="cbi-button cbi-button-neutral" title="<%:Reveal/hide password%>" aria-label="<%:Reveal/hide password%>" onclick="var e = this.previousElementSibling; e.type = (e.type === 'password') ? 'text' : 'password'">∗</button>
</div>
</div>
@ -23,6 +44,7 @@
<div class="cbi-value-field">
<input type="password" name="pw2" onkeydown="if (event.keyCode === 13) submitPassword(event)" /><!--
--><button class="cbi-button cbi-button-neutral" title="<%:Reveal/hide password%>" aria-label="<%:Reveal/hide password%>" onclick="var e = this.previousElementSibling; e.type = (e.type === 'password') ? 'text' : 'password'">∗</button>
<div id="passstrength" class="cbi-value-description"></div>
</div>
</div>
</div>