yx lin
7 months ago
committed by
GitHub
GitHub
11 changed files with 608 additions and 129 deletions
@ -0,0 +1,27 @@ |
|||
using System.Linq; |
|||
|
|||
namespace Microsoft.AspNetCore.Mvc.ModelBinding; |
|||
|
|||
public static class ModelStateExtensions |
|||
{ |
|||
public static void RemoveModelErrors(this ModelStateDictionary modelState, string modelName) |
|||
{ |
|||
var keys = modelState.Keys |
|||
.Where(k => k.StartsWith(modelName + ".") || k == modelName) |
|||
.ToList(); |
|||
|
|||
foreach (var key in keys) |
|||
{ |
|||
modelState.Remove(key); |
|||
} |
|||
} |
|||
|
|||
public static bool IsValidForModel(this ModelStateDictionary modelState, string modelName) |
|||
{ |
|||
modelState.RemoveModelErrors(modelName); |
|||
|
|||
return modelState.Keys |
|||
.Where(k => k.StartsWith(modelName + ".") || k == modelName) |
|||
.All(key => modelState[key].ValidationState == ModelValidationState.Valid); |
|||
} |
|||
} |
|||
@ -0,0 +1,144 @@ |
|||
$(function () { |
|||
let checkQrCodeTimer; |
|||
let isQrCodeInitialized = false; |
|||
var qrCodeService = labp.account.qrCodeLogin; |
|||
|
|||
let sendSmsCodeTimer; |
|||
let sendSmsCodeCountDown = 0; |
|||
var authService = labp.account.account; |
|||
|
|||
var l = abp.localization.getResource('AbpAccount'); |
|||
var il = abp.localization.getResource('AbpIdentity'); |
|||
|
|||
$("#SendVerifyCodeButton").click(function (e) { |
|||
const button = $(this); |
|||
e.preventDefault(); |
|||
|
|||
var isValid = $('#PhoneNumberForm').validate().element('#PhoneNumberInput'); |
|||
if (!isValid) { |
|||
return false; |
|||
} |
|||
|
|||
var input = $('#PhoneNumberForm').serializeFormToObject(); |
|||
|
|||
abp.ui.setBusy({ busy: true }); |
|||
authService.sendPhoneSigninCode({ |
|||
phoneNumber: input.phoneLoginInput.phoneNumber, |
|||
}).then(function () { |
|||
abp.ui.clearBusy(); |
|||
sendSmsCodeCountDown = 60; |
|||
sendSmsCodeTimer = setInterval(function () { |
|||
button.prop('disabled', true); |
|||
button.text(`${sendSmsCodeCountDown}`); |
|||
if (sendSmsCodeCountDown === 0) { |
|||
clearInterval(sendSmsCodeTimer); |
|||
button.prop('disabled', false); |
|||
button.text(l('SendVerifyCode')); |
|||
} |
|||
sendSmsCodeCountDown--; |
|||
}, 1000); |
|||
}).catch(function () { |
|||
abp.ui.clearBusy(); |
|||
}); |
|||
}); |
|||
|
|||
$("#PasswordVisibilityButton").click(function (e) { |
|||
let button = $(this); |
|||
let passwordInput = button.parent().find("input"); |
|||
if (!passwordInput) { |
|||
return; |
|||
} |
|||
|
|||
if (passwordInput.attr("type") === "password") { |
|||
passwordInput.attr("type", "text"); |
|||
} |
|||
else { |
|||
passwordInput.attr("type", "password"); |
|||
} |
|||
|
|||
let icon = button.find("i"); |
|||
if (icon) { |
|||
icon.toggleClass("fa-eye-slash").toggleClass("fa-eye"); |
|||
} |
|||
}); |
|||
|
|||
$('#LoginFormTabs').on('shown.bs.tab', function (e) { |
|||
const tabName = e.target.name; |
|||
if (tabName === 'QrCodeLogin') { |
|||
initQrCode(); |
|||
} else { |
|||
releaseQrCodeTimer(); |
|||
} |
|||
// 切换tab移除错误提示
|
|||
$('#AbpPageAlerts').remove(); |
|||
}); |
|||
|
|||
function initQrCode() { |
|||
if (isQrCodeInitialized) { |
|||
return; |
|||
} |
|||
if (checkQrCodeTimer) { |
|||
clearInterval(checkQrCodeTimer); |
|||
checkQrCodeTimer = undefined; |
|||
} |
|||
abp.ui.setBusy({ busy: true }); |
|||
qrCodeService.generate().then(function (result) { |
|||
abp.ui.clearBusy(); |
|||
$('#QrCodeKey').val(result.key); |
|||
const qrCodeUrl = 'QRCODE_LOGIN:' + result.key; |
|||
$('#QrCode').empty(); |
|||
new QRCode(document.getElementById("QrCode"), { |
|||
text: qrCodeUrl, |
|||
width: 150, |
|||
height: 150 |
|||
}); |
|||
$('#QrCodeStatus').text(il('QrCode:NotScaned')); |
|||
checkQrCodeTimer = setInterval(function () { |
|||
checkQrCode(result.key); |
|||
}, 5000); |
|||
}).catch(function () { |
|||
abp.ui.clearBusy(); |
|||
}); |
|||
|
|||
isQrCodeInitialized = true; |
|||
} |
|||
|
|||
function checkQrCode(key) { |
|||
qrCodeService.check(key, { |
|||
abpHandleError: false |
|||
}).then(function (result) { |
|||
switch (result.status) { |
|||
case 10: |
|||
releaseQrCodeTimer(); |
|||
$('#QrCodeForm').submit(); |
|||
break; |
|||
case 5: |
|||
$('#QrCodeStatus').text(il('QrCode:Scaned')); |
|||
// TODO: 替换用户头像?
|
|||
if (result.picture) { |
|||
$('#QrCode').html('<img src="' + result.picture + '" alt="User Avatar" style="width: 150px; height: 150px; border-radius: 50%;">'); |
|||
} |
|||
break; |
|||
case 0: |
|||
$('#QrCodeStatus').text(il('QrCode:NotScaned')); |
|||
break; |
|||
case -1: |
|||
$('#QrCodeStatus').text(il('QrCode:Invalid')); |
|||
releaseQrCodeTimer(); |
|||
initQrCode(); |
|||
break; |
|||
} |
|||
}).catch(function () { |
|||
console.warn('Check for QR code errors'); |
|||
releaseQrCodeTimer(); |
|||
}); |
|||
} |
|||
|
|||
function releaseQrCodeTimer() { |
|||
if (checkQrCodeTimer) { |
|||
clearInterval(checkQrCodeTimer); |
|||
checkQrCodeTimer = undefined; |
|||
isQrCodeInitialized = false; |
|||
} |
|||
} |
|||
}); |
|||
@ -0,0 +1,33 @@ |
|||
/* This file is automatically generated by ABP framework to use MVC Controllers from javascript. */ |
|||
|
|||
|
|||
// module account
|
|||
|
|||
(function(){ |
|||
|
|||
// controller labp.account.qrCodeLogin
|
|||
|
|||
(function(){ |
|||
|
|||
abp.utils.createNamespace(window, 'labp.account.qrCodeLogin'); |
|||
|
|||
labp.account.qrCodeLogin.generate = function(ajaxParams) { |
|||
return abp.ajax($.extend(true, { |
|||
url: abp.appPath + 'api/account/qrcode/generate', |
|||
type: 'POST', |
|||
dataType: null, |
|||
}, ajaxParams)); |
|||
}; |
|||
|
|||
labp.account.qrCodeLogin.check = function(key, ajaxParams) { |
|||
return abp.ajax($.extend(true, { |
|||
url: abp.appPath + 'api/account/qrcode/' + key + '/check', |
|||
type: 'GET' |
|||
}, ajaxParams)); |
|||
}; |
|||
|
|||
})(); |
|||
|
|||
})(); |
|||
|
|||
|
|||
Loading…
Reference in new issue