Skip to content

Add password confirmation to choose_password #3994

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Nov 3, 2017
+42 −3
Merged

Add password confirmation to choose_password #3994

Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
8598a5b
update choose_password to have the confirmation
pungme Jul 4, 2017
a93abd1
update commander
pungme Jul 4, 2017
ae6e5de
reverted the base
pungme Jul 4, 2017
c67baab
remove some spaces
pungme Jul 4, 2017
4eb1f1a
Merge branch 'master' into pung-updateChoosePasswordTemplate
pungme Jul 4, 2017
1dc64df
Merge branch 'master' of https://github.com/ParsePlatform/parse-server
pungme Jul 4, 2017
60ede88
nits
pungme Jul 9, 2017
2d878fb
more nits
pungme Jul 9, 2017
e1b2d61
remove inline-comment
pungme Jul 13, 2017
1466567
Merge branch 'master' of https://github.com/ParsePlatform/parse-serve…
pungme Jul 13, 2017
66fd2f7
just a merge
pungme Jul 13, 2017
27691ef
Merge branch 'master' into pung-updateChoosePasswordTemplate
pungme Jul 14, 2017
b15f3fd
Merge branch 'master' into pung-updateChoosePasswordTemplate
pungme Sep 20, 2017
91f5670
Merge branch 'master' into pung-updateChoosePasswordTemplate
pungme Oct 2, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 42 additions & 3 deletions views/choose_password
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,12 @@
background-image: -ms-linear-gradient(#00395E,#005891);
background-image: linear-gradient(#00395E,#005891);
}


button:disabled,
button[disabled] {
opacity: 0.5;
}

input {
color: black;
cursor: auto;
Expand All @@ -126,6 +131,12 @@
word-spacing: 0px;
}

#password_match_info {
margin-top: 0px;
font-size: 13px;
color: red;
}

</style>
</head>
<body>
Expand All @@ -134,11 +145,20 @@
<div class='error' id='error'></div>
<form id='form' action='#' method='POST'>
<label>New Password for <span id='username_label'></span></label>
<input name="new_password" type="password" />

<span>New Password</span>
<input name="new_password" type="password" id="password"/> <br>

<span>Confirm New Password</span>
<input name="confirm_new_password" type="password" id="password_confirm"/>
<span id="password_match_info"></span>

<input name='utf-8' type='hidden' value='✓' />
<input name="username" id="username" type="hidden" />
<input name="token" id="token" type="hidden" />
<button>Change Password</button>


<button id="change_password">Change Password</button>
</form>

<script language='javascript' type='text/javascript'>
Expand All @@ -162,6 +182,9 @@
document.getElementById('form').setAttribute('action', base + '/apps/' + id + '/request_password_reset');
document.getElementById('username').value = urlParams['username'];
document.getElementById('username_label').appendChild(document.createTextNode(urlParams['username']));
document.getElementById("password").oninput = validatePassword;
document.getElementById("password_confirm").oninput = validatePassword;
document.getElementById("change_password").disabled = true;

document.getElementById('token').value = urlParams['token'];
if (urlParams['error']) {
Expand All @@ -170,6 +193,22 @@
if (urlParams['app']) {
document.getElementById('app').appendChild(document.createTextNode(' for ' + urlParams['app']));
}

function validatePassword() {
var pass2 = document.getElementById("password").value;
var pass1 = document.getElementById("password_confirm").value;
if(pass1 !== pass2) {
if(document.getElementById("password_confirm").value) {
document.getElementById("change_password").disabled = true;
document.getElementById("password_match_info").innerHTML = "Must match the previous entry";
}
} else {
document.getElementById("change_password").disabled = false;
document.getElementById("password_match_info").innerHTML = "";
}
//empty string means no validation error
}

}
//-->
</script>
Expand Down