settings: Hide password change controls behind a link

(imported from commit 6d0f3861ef97f45231d388378f429974e876ddbe)
This commit is contained in:
Keegan McAllister
2013-04-08 14:03:21 -04:00
parent 525c0bcd3f
commit f399e29fe9
3 changed files with 44 additions and 24 deletions

View File

@@ -68,37 +68,47 @@
</div> </div>
</div> </div>
<div class="control-group"> <div class="control-group" id="pw_change_link">
<label for="old_password" class="control-label">Old password</label> <label class="control-label">
<div class="controls"> <a href="#settings">Change password</a>
<input type="password" autocomplete="off" </label>
name="old_password" id="old_password" value="" />
</div>
</div> </div>
<div class="control-group"> <div id="pw_change_controls">
<label for="new_password" class="control-label">New password</label>
<div class="controls">
<input type="password" autocomplete="off"
name="new_password" id="new_password" value="" />
</div>
</div>
<div class="control-group"> <div class="control-group">
<label class="control-label">Password strength</label> <label for="old_password" class="control-label">Old password</label>
<div class="controls"> <div class="controls">
<div class="progress" id="pw_strength_outer"> <input type="password" autocomplete="off"
<div class="bar" id="pw_strength" style="width: 10%;"></div> name="old_password" id="old_password" value="" />
</div> </div>
</div> </div>
</div>
<div class="control-group"> <div class="control-group">
<label for="confirm_password" class="control-label">Confirm password</label> <label for="new_password" class="control-label">New password</label>
<div class="controls"> <div class="controls">
<input type="password" autocomplete="off" <input type="password" autocomplete="off"
name="confirm_password" id="confirm_password" value="" /> name="new_password" id="new_password" value="" />
</div>
</div> </div>
<div class="control-group">
<label class="control-label">Password strength</label>
<div class="controls">
<div class="progress" id="pw_strength_outer">
<div class="bar" id="pw_strength" style="width: 10%;"></div>
</div>
</div>
</div>
<div class="control-group">
<label for="confirm_password" class="control-label">Confirm password</label>
<div class="controls">
<input type="password" autocomplete="off"
name="confirm_password" id="confirm_password" value="" />
</div>
</div>
</div> </div>
<div class="control-group"> <div class="control-group">

View File

@@ -756,6 +756,12 @@ $(function () {
// have it (and instead to scroll to a weird place.) // have it (and instead to scroll to a weird place.)
$('#gear-menu a[href="#subscriptions"]').on('shown', subs.setup_page); $('#gear-menu a[href="#subscriptions"]').on('shown', subs.setup_page);
$('#pw_change_link').on('click', function (e) {
e.preventDefault();
$('#pw_change_link').hide();
$('#pw_change_controls').show();
});
$('#new_password').on('change keyup', function () { $('#new_password').on('change keyup', function () {
var pw_quality = password_quality($('#new_password').val()); var pw_quality = password_quality($('#new_password').val());
if (pw_quality !== undefined) if (pw_quality !== undefined)

View File

@@ -1087,3 +1087,7 @@ table.floating_recipient {
.form-horizontal .label_for_text { .form-horizontal .label_for_text {
padding-top: 0; padding-top: 0;
} }
#pw_change_controls {
display: none;
}