Fix viewpassword bug.
This commit is contained in:
parent
9b8c8101b5
commit
bfb67b719e
67
resource/template/theme-mdui/viewpassword.html
vendored
67
resource/template/theme-mdui/viewpassword.html
vendored
@ -17,18 +17,30 @@
|
||||
|
||||
<body>
|
||||
<div class="mdui-container" id="container">
|
||||
<div class="mdui-dialog mdui-dialog-prompt mdui-dialog-open">
|
||||
<div class="mdui-dialog-title">验证查看密码</div>
|
||||
|
||||
<div class="mdui-dialog-content">
|
||||
<div class="mdui-textfield">
|
||||
<i class="mdui-icon material-icons">lock</i>
|
||||
<label class="mdui-textfield-label">密码</label>
|
||||
<input class="mdui-textfield-input" type="password" id="password">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mdui-dialog-actions">
|
||||
<button class="mdui-btn mdui-ripple mdui-text-color-primary" id="confimBtn">验证</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/mdui@1.0.2/dist/js/mdui.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
|
||||
<script>
|
||||
var content = '<div class="mdui-textfield">' +
|
||||
'<i class="mdui-icon material-icons">lock</i>' +
|
||||
'<label class="mdui-textfield-label">密码</label>' +
|
||||
'<input class="mdui-textfield-input" type="password">' +
|
||||
'</div>';
|
||||
|
||||
var onConfirm = async function(pwd) {
|
||||
var $input = mdui.$('#container').find('.mdui-textfield-input');
|
||||
var $dialog = new mdui.Dialog(mdui.$('.mdui-dialog'));
|
||||
var onConfirm = async function() {
|
||||
var pwd = $input.val();
|
||||
const res = await fetch("/view-password", {
|
||||
method: 'POST',
|
||||
headers: {'Content-Type': 'application/json'},
|
||||
@ -39,49 +51,30 @@
|
||||
if (res.redirected) {
|
||||
window.location.href = res.url;
|
||||
} else {
|
||||
window.location.reload();
|
||||
mdui.snackbar({
|
||||
message: '密码错误',
|
||||
position: 'top',
|
||||
timeout: 2000,
|
||||
});
|
||||
mdui.mutation();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var onConfirmClick = function (dialog) {
|
||||
var value = dialog.$element.find('.mdui-textfield-input').val();
|
||||
onConfirm(value, dialog);
|
||||
};
|
||||
|
||||
var checkPwd = mdui.dialog({
|
||||
title: '验证查看密码',
|
||||
content: content,
|
||||
buttons: [
|
||||
{
|
||||
text: '验证',
|
||||
bold: false,
|
||||
onClick: onConfirmClick,
|
||||
}
|
||||
],
|
||||
cssClass: 'mdui-dialog-prompt',
|
||||
modal: true,
|
||||
onOpen: function (dialog) {
|
||||
var $input = dialog.$element.find('.mdui-textfield-input');
|
||||
mdui.updateTextFields($input);
|
||||
$input[0].focus();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
mdui.updateTextFields($input);
|
||||
$input.on('keydown', function (event) {
|
||||
if (event.keyCode === 13) {
|
||||
var value = dialog.$element.find('.mdui-textfield-input').val();
|
||||
onConfirm(value, dialog);
|
||||
var value = $input.val();
|
||||
onConfirm(value);
|
||||
return false;
|
||||
}
|
||||
return;
|
||||
});
|
||||
},
|
||||
});
|
||||
document.getElementById('confimBtn').addEventListener('click', onConfirm);
|
||||
|
||||
$('#container').add(checkPwd);
|
||||
$dialog.open();
|
||||
$input[0].focus();
|
||||
mdui.mutation();
|
||||
</script>
|
||||
</body>
|
||||
|
Loading…
x
Reference in New Issue
Block a user