GithubBackup/cloudflare_temp_email
1
0
Fork 0
mirror of https://github.com/dreamhunter2333/cloudflare_temp_email.git synced 2026-09-05 15:38:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add loading when get settings (#19)

Browse Source
This commit is contained in:
Dream Hunter
2023-09-07 21:16:26 +08:00
committed by GitHub
parent 6fd96988ce
commit 9d18f7b59b
2 changed files with 52 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/package.json
+1 -1
View File
@@ -4,7 +4,7 @@
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build", "build": "vite build -m prod --emptyOutDir",
"preview": "vite preview", "preview": "vite preview",
"deploy": "wrangler pages deploy ../dist --branch production" "deploy": "wrangler pages deploy ../dist --branch production"
}, },
frontend/src/Content.vue
+51 -38
View File
@@ -86,8 +86,8 @@ const refresh = async () => {
if (typeof address.value != 'string' || address.value.trim() === '') { if (typeof address.value != 'string' || address.value.trim() === '') {
return; return;
} }
loading.value = true;
try { try {
loading.value = true;
const response = await fetch(`${API_BASE}/api/mails`, { const response = await fetch(`${API_BASE}/api/mails`, {
method: "GET", method: "GET",
headers: { headers: {
@@ -148,53 +148,66 @@ const newEmail = async () => {
} }
}; };
const getOpenSettings = async (jwt) => { const getOpenSettings = async () => {
const response = await fetch(`${API_BASE}/open_api/settings`, { loading.value = true;
method: "GET", try {
headers: { const response = await fetch(`${API_BASE}/open_api/settings`, {
"Content-Type": "application/json" method: "GET",
}, headers: {
}); "Content-Type": "application/json"
},
});
if (!response.ok) { if (!response.ok) {
message.error(`${response.status} ${await response.text()}` || "error"); message.error(`${response.status} ${await response.text()}` || "error");
console.error(response); return;
return; }
let res = await response.json();
openSettings.value = {
prefix: res["prefix"] || "",
domains: res["domains"].map((domain) => {
return {
label: domain,
value: domain
}
})
};
emailDomain.value = openSettings.value.domains[0].value;
} catch (error) {
message.error(error.message || "error");
console.error(error);
}
finally {
loading.value = false;
} }
let res = await response.json();
openSettings.value = {
prefix: res["prefix"] || "",
domains: res["domains"].map((domain) => {
return {
label: domain,
value: domain
}
})
};
emailDomain.value = openSettings.value.domains[0].value;
} }
const getSettings = async (jwt) => { const getSettings = async (jwt) => {
if (typeof jwt != 'string' || jwt.trim() === '' || jwt === 'undefined') { if (typeof jwt != 'string' || jwt.trim() === '' || jwt === 'undefined') {
return; return;
} }
const response = await fetch(`${API_BASE}/api/settings`, { loading.value = true;
method: "GET", try {
headers: { const response = await fetch(`${API_BASE}/api/settings`, {
"Authorization": `Bearer ${jwt}`, method: "GET",
"Content-Type": "application/json" headers: {
}, "Authorization": `Bearer ${jwt}`,
}); "Content-Type": "application/json"
},
});
if (!response.ok) { if (!response.ok) {
message.error(`${response.status} ${await response.text()}` || "error"); message.error(`${response.status} ${await response.text()}` || "error");
console.error(response); console.error(response);
address.value = ""; address.value = "";
return; return;
}
let res = await response.json();
address.value = res["address"];
await refresh();
} finally {
loading.value = false;
} }
let res = await response.json();
address.value = res["address"];
await refresh();
} }
watch(jwt, async (jwt, old) => getSettings(jwt)) watch(jwt, async (jwt, old) => getSettings(jwt))