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