wood/aimodels-prices
1
0
Fork 0
mirror of https://github.com/woodchen-ink/aimodels-prices.git synced 2025-07-18 13:41:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor frontend template string usage and improve toast notification handling

Browse Source
This commit is contained in:
wood chen 2025-02-08 02:09:48 +08:00
parent 46fef56e8d
commit f077f7de73
1 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
main.ts
View File

@ -476,10 +476,9 @@ const html = `<!DOCTYPE html>
const submitTab = document.querySelector('a[href="#submit"]'); const submitTab = document.querySelector('a[href="#submit"]');
if (currentUser) { if (currentUser) {
loginStatus.innerHTML = ` loginStatus.innerHTML =
<span class="me-2">欢迎, ${currentUser}</span> '<span class="me-2">欢迎, ' + currentUser + '</span>' +
<button onclick="logout()" class="btn btn-outline-danger btn-sm">退出</button> '<button onclick="logout()" class="btn btn-outline-danger btn-sm">退出</button>';
`;
submitTab.style.display = 'block'; submitTab.style.display = 'block';
// 重新加载价格数据以更新操作列 // 重新加载价格数据以更新操作列
loadPrices(); loadPrices();
@ -532,7 +531,8 @@ const html = `<!DOCTYPE html>
thead.innerHTML = columns thead.innerHTML = columns
.filter(col => col.always || (currentUser === 'wood')) .filter(col => col.always || (currentUser === 'wood'))
.map(col => `<th>${col.title}</th>`).join(''); .map(col => '<th>' + col.title + '</th>')
.join('');
} }
// 修改加载价格数据函数 // 修改加载价格数据函数
@ -578,7 +578,7 @@ const html = `<!DOCTYPE html>
const billingTypeCell = document.createElement('td'); const billingTypeCell = document.createElement('td');
const billingTypeBadge = document.createElement('span'); const billingTypeBadge = document.createElement('span');
billingTypeBadge.className = `badge badge-${safePrice.billing_type}`; billingTypeBadge.className = 'badge badge-' + safePrice.billing_type;
billingTypeBadge.textContent = safePrice.billing_type === 'tokens' ? '按量计费' : '按次计费'; billingTypeBadge.textContent = safePrice.billing_type === 'tokens' ? '按量计费' : '按次计费';
billingTypeCell.appendChild(billingTypeBadge); billingTypeCell.appendChild(billingTypeBadge);
@ -620,7 +620,7 @@ const html = `<!DOCTYPE html>
const statusCell = document.createElement('td'); const statusCell = document.createElement('td');
const statusBadge = document.createElement('span'); const statusBadge = document.createElement('span');
statusBadge.className = `badge badge-${safePrice.status}`; statusBadge.className = 'badge badge-' + safePrice.status;
statusBadge.textContent = getStatusText(safePrice.status); statusBadge.textContent = getStatusText(safePrice.status);
statusCell.appendChild(statusBadge); statusCell.appendChild(statusBadge);
@ -725,11 +725,15 @@ const html = `<!DOCTYPE html>
loadPrices(); loadPrices();
} }
// 添加 Toast 提示函数 // 修改 Toast 提示函数
function showToast(message, type = 'success') { function showToast(message, type = 'success') {
const toast = document.querySelector('.toast'); const toast = document.querySelector('.toast');
toast.className = `toast align-items-center text-white bg-${type} border-0`; if (!toast) return;
toast.querySelector('.toast-body').textContent = message; toast.className = 'toast align-items-center text-white bg-' + type + ' border-0';
const toastBody = toast.querySelector('.toast-body');
if (toastBody) {
toastBody.textContent = message;
}
const bsToast = new bootstrap.Toast(toast); const bsToast = new bootstrap.Toast(toast);
bsToast.show(); bsToast.show();
} }