[Glitch] Convert entrypoints/sign_up
to Typescript
Port 4527e012da
to glitch-soc
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
parent
fe7db7905f
commit
494d28bb56
2 changed files with 48 additions and 42 deletions
|
@ -1,42 +0,0 @@
|
|||
import '@/entrypoints/public-path';
|
||||
import axios from 'axios';
|
||||
|
||||
import ready from 'flavours/glitch/ready';
|
||||
|
||||
ready(() => {
|
||||
setInterval(() => {
|
||||
axios.get('/api/v1/emails/check_confirmation').then((response) => {
|
||||
if (response.data) {
|
||||
window.location = '/start';
|
||||
}
|
||||
}).catch(error => {
|
||||
console.error(error);
|
||||
});
|
||||
}, 5000);
|
||||
|
||||
document.querySelectorAll('.timer-button').forEach(button => {
|
||||
let counter = 30;
|
||||
|
||||
const container = document.createElement('span');
|
||||
|
||||
const updateCounter = () => {
|
||||
container.innerText = ` (${counter})`;
|
||||
};
|
||||
|
||||
updateCounter();
|
||||
|
||||
const countdown = setInterval(() => {
|
||||
counter--;
|
||||
|
||||
if (counter === 0) {
|
||||
button.disabled = false;
|
||||
button.removeChild(container);
|
||||
clearInterval(countdown);
|
||||
} else {
|
||||
updateCounter();
|
||||
}
|
||||
}, 1000);
|
||||
|
||||
button.appendChild(container);
|
||||
});
|
||||
});
|
48
app/javascript/flavours/glitch/entrypoints/sign_up.ts
Normal file
48
app/javascript/flavours/glitch/entrypoints/sign_up.ts
Normal file
|
@ -0,0 +1,48 @@
|
|||
import '@/entrypoints/public-path';
|
||||
import axios from 'axios';
|
||||
|
||||
import ready from 'flavours/glitch/ready';
|
||||
|
||||
async function checkConfirmation() {
|
||||
const response = await axios.get('/api/v1/emails/check_confirmation');
|
||||
|
||||
if (response.data) {
|
||||
window.location.href = '/start';
|
||||
}
|
||||
}
|
||||
|
||||
ready(() => {
|
||||
setInterval(() => {
|
||||
void checkConfirmation();
|
||||
}, 5000);
|
||||
|
||||
document
|
||||
.querySelectorAll<HTMLButtonElement>('button.timer-button')
|
||||
.forEach((button) => {
|
||||
let counter = 30;
|
||||
|
||||
const container = document.createElement('span');
|
||||
|
||||
const updateCounter = () => {
|
||||
container.innerText = ` (${counter})`;
|
||||
};
|
||||
|
||||
updateCounter();
|
||||
|
||||
const countdown = setInterval(() => {
|
||||
counter--;
|
||||
|
||||
if (counter === 0) {
|
||||
button.disabled = false;
|
||||
button.removeChild(container);
|
||||
clearInterval(countdown);
|
||||
} else {
|
||||
updateCounter();
|
||||
}
|
||||
}, 1000);
|
||||
|
||||
button.appendChild(container);
|
||||
});
|
||||
}).catch((e: unknown) => {
|
||||
throw e;
|
||||
});
|
Loading…
Reference in a new issue