ux: select all aligned left with checkboxes; add selected → save my selection (saves immediately)

This commit is contained in:
James 2026-03-20 01:02:16 -04:00
parent e0910a943b
commit 3e93fee954
1 changed files with 6 additions and 7 deletions

View File

@ -425,13 +425,12 @@
if (newPeople.length > 0) { if (newPeople.length > 0) {
html += '<div class="mb-3">' html += '<div class="mb-3">'
+ '<div class="flex items-center justify-between mb-2">' + '<p class="text-xs font-medium mb-2" style="color:var(--ds-tx2)">New people found — select to add:</p>'
+ '<p class="text-xs font-medium" style="color:var(--ds-tx2)">New people found — select to add:</p>'
+ '<label class="flex items-center gap-1.5 text-xs cursor-pointer" style="color:var(--ds-tx2)">'
+ '<input type="checkbox" id="rescrapeSelectAll" class="accent-[#c9a84c]" onchange="toggleAllRescrape(this.checked)"> Select all'
+ '</label>'
+ '</div>'
+ '<div class="space-y-1.5">'; + '<div class="space-y-1.5">';
html += '<label class="flex items-center gap-3 px-3 py-2 rounded-lg cursor-pointer mb-1" style="background:var(--ds-hv)">'
+ '<input type="checkbox" id="rescrapeSelectAll" class="accent-[#c9a84c] shrink-0" onchange="toggleAllRescrape(this.checked)">'
+ '<span class="text-sm font-medium" style="color:var(--ds-tx2)">Select all</span>'
+ '</label>';
newPeople.forEach((p, i) => { newPeople.forEach((p, i) => {
html += '<div class="rounded-lg overflow-hidden" style="background:var(--ds-sf);border:1px solid var(--ds-bd)">' html += '<div class="rounded-lg overflow-hidden" style="background:var(--ds-sf);border:1px solid var(--ds-bd)">'
// checkbox + name row // checkbox + name row
@ -456,7 +455,7 @@
+ '</div>'; + '</div>';
}); });
html += '</div>' html += '</div>'
+ '<button onclick="addRescrapeSelected()" class="mt-2 px-3 py-1.5 bg-[#c9a84c] hover:bg-[#b8973f] text-[#0a1628] font-semibold rounded-lg text-xs transition">Add selected</button>' + '<button onclick="saveRescrapeSelection()" class="mt-2 px-3 py-1.5 bg-[#c9a84c] hover:bg-[#b8973f] text-[#0a1628] font-semibold rounded-lg text-xs transition">Save my selection</button>'
+ '</div>'; + '</div>';
} }
if (notFound.length > 0) { if (notFound.length > 0) {