TopherMayor/cabo-voting-app
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

Add editable option approval flow

Browse Source
This commit is contained in:
TopherMayor
2026-04-30 22:39:51 -07:00
parent 1674930435
commit 1e36d45976
3 changed files with 82 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
public/admin.html
View File

@@ -120,6 +120,8 @@
.btn-reject { background: var(--red); color: #fff; }
.btn-delete { background: transparent; border: 1px solid var(--border); color: var(--text-muted); }
.btn-delete:hover { border-color: var(--red); color: var(--red); }
.btn-edit { background: transparent; border: 1px solid var(--border); color: var(--amber); }
.btn-edit:hover { border-color: var(--amber); color: #fcd34d; }
.btn-row { display: flex; gap: 6px; flex-shrink: 0; }
/* Toast */
@@ -278,6 +280,7 @@ function renderPending() {
<div class="name">${o.name}</div>
<div class="meta">by ${o.addedBy || 'unknown'}</div>
<div class="btn-row">
<button class="btn btn-edit" onclick="editOption('${o.id}')">✎ Edit</button>
<button class="btn btn-approve" onclick="approve('${o.id}')">✓ Approve</button>
<button class="btn btn-reject" onclick="reject('${o.id}')">✕ Reject</button>
</div>
@@ -295,12 +298,45 @@ function renderAll() {
<div class="votes-badge">${o.votes.length} vote${o.votes.length !== 1 ? 's' : ''}</div>
<div class="meta">${o.addedBy !== 'system' ? 'by ' + o.addedBy : 'system'}</div>
<div class="btn-row">
<button class="btn btn-edit" onclick="editOption('${o.id}')">✎ Edit</button>
<button class="btn btn-delete" onclick="deleteOption('${o.id}')" title="Delete option">🗑</button>
</div>
</div>
`).join('');
}
async function editOption(id) {
const current = allData.options.find(o => o.id === id);
if (!current) return;
const nextName = prompt('Option name', current.name);
if (nextName === null) return;
const nextDesc = prompt('Short description', current.desc || '');
if (nextDesc === null) return;
const nextDetails = prompt('Details, one per line', Array.isArray(current.details) ? current.details.join('\\n') : '');
if (nextDetails === null) return;
const nextUrl = prompt('Website URL', current.url || '');
if (nextUrl === null) return;
const nextCategory = prompt('Category id', current.categoryId);
if (nextCategory === null) return;
const nextApproved = confirm('Approve this option now? Click OK to approve, Cancel to keep it pending.');
try {
await fetch(API + '/api/options/' + id, {
method: 'PATCH',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
name: nextName.trim(),
desc: nextDesc.trim(),
details: nextDetails,
url: nextUrl.trim(),
categoryId: nextCategory.trim(),
approved: nextApproved,
})
});
toast('Option updated', 'success');
await loadData();
} catch(e) { toast('Failed to update option', 'error'); }
}
async function togglePolls() {
try {
// Get current state first