Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-06-06 21:24:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix(login): reliably render turnstile on register tab

Browse source
This commit is contained in:
Sora39831 2026-04-05 02:55:28 +08:00
parent 67e0fb62b4
commit 7db5b9e214
1 changed files with 22 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
web/html/login.html
View file

@ -149,6 +149,7 @@
{{template "component/aThemeSwitch" .}}
<script>
var turnstileToken = '';
var turnstileWidgetId = null;
const app = new Vue({
delimiters: ['[[', ']]'],
@ -169,7 +170,7 @@
this.twoFactorEnable = await this.getTwoFactorEnable();
this.turnstileSiteKey = await this.getTurnstileSiteKey();
if (this.turnstileSiteKey) {
this.renderTurnstile();
this.$nextTick(() => this.ensureTurnstileRendered());
}
},
computed: {
@ -180,6 +181,9 @@
methods: {
switchTab(key) {
this.activeTab = key;
if (key === 'register') {
this.$nextTick(() => this.ensureTurnstileRendered());
}
},
async doLogin() {
this.loadingStates.spinning = true;
@ -210,26 +214,28 @@
this.user.username = this.regUser.username;
this.regUser = { username: "", password: "", confirmPassword: "" };
turnstileToken = '';
if (window.turnstile) {
var container = document.getElementById('turnstile-widget');
if (container) {
turnstile.reset(container);
}
if (window.turnstile && turnstileWidgetId !== null) {
turnstile.reset(turnstileWidgetId);
}
}
this.loadingStates.registerSpinning = false;
},
renderTurnstile() {
if (window.turnstile) {
var container = document.getElementById('turnstile-widget');
if (container) {
turnstile.render(container, {
sitekey: this.turnstileSiteKey,
callback: function(token) { turnstileToken = token; },
size: this.turnstileSize,
});
}
ensureTurnstileRendered(retries = 20) {
if (!this.turnstileSiteKey || turnstileWidgetId !== null) {
return;
}
var container = document.getElementById('turnstile-widget');
if (!container || !window.turnstile) {
if (retries > 0) {
setTimeout(() => this.ensureTurnstileRendered(retries - 1), 150);
}
return;
}
turnstileWidgetId = turnstile.render(container, {
sitekey: this.turnstileSiteKey,
callback: function(token) { turnstileToken = token; },
size: this.turnstileSize,
});
},
async getTurnstileSiteKey() {
const msg = await HttpUtil.post('/getTurnstileSiteKey');