KJZH001/nezha-2024
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix viewpassword bug.

Browse Source
This commit is contained in:
MikoyChinese 2022-01-10 18:36:38 +08:00
parent 9b8c8101b5
commit bfb67b719e
1 changed files with 32 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
resource/template/theme-mdui/viewpassword.html vendored
View File

@ -17,18 +17,30 @@
<body> <body>
<div class="mdui-container" id="container"> <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> </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/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 src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
<script> <script>
var content = '<div class="mdui-textfield">' + var $input = mdui.$('#container').find('.mdui-textfield-input');
'<i class="mdui-icon material-icons">lock</i>' + var $dialog = new mdui.Dialog(mdui.$('.mdui-dialog'));
'<label class="mdui-textfield-label">密码</label>' + var onConfirm = async function() {
'<input class="mdui-textfield-input" type="password">' + var pwd = $input.val();
'</div>';
var onConfirm = async function(pwd) {
const res = await fetch("/view-password", { const res = await fetch("/view-password", {
method: 'POST', method: 'POST',
headers: {'Content-Type': 'application/json'}, headers: {'Content-Type': 'application/json'},
@ -39,49 +51,30 @@
if (res.redirected) { if (res.redirected) {
window.location.href = res.url; window.location.href = res.url;
} else { } else {
window.location.reload();
mdui.snackbar({ mdui.snackbar({
message: '密码错误', message: '密码错误',
position: 'top', position: 'top',
timeout: 2000,
}); });
mdui.mutation(); mdui.mutation();
$input[0].focus();
} }
} }
}; };
var onConfirmClick = function (dialog) { mdui.updateTextFields($input);
var value = dialog.$element.find('.mdui-textfield-input').val(); $input.on('keydown', function (event) {
onConfirm(value, dialog); if (event.keyCode === 13) {
}; var value = $input.val();
onConfirm(value);
var checkPwd = mdui.dialog({ return false;
title: '验证查看密码', }
content: content, return;
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();
$input.on('keydown', function (event) {
if (event.keyCode === 13) {
var value = dialog.$element.find('.mdui-textfield-input').val();
onConfirm(value, dialog);
return false;
}
return;
});
},
}); });
document.getElementById('confimBtn').addEventListener('click', onConfirm);
$('#container').add(checkPwd); $dialog.open();
$input[0].focus();
mdui.mutation(); mdui.mutation();
</script> </script>
</body> </body>