Checklists

{#each checklists as cl} {@const p = progress(cl)}
{cl.title}
{p.done}/{p.total} {#if canEdit} {/if}
{#if p.total > 0}
{/if}
{#each cl.items as item}
{#if canEdit} toggleItem(cl.id, item)} class="rounded border-gray-300 text-[var(--color-primary)]" /> {:else} {/if} {item.title} {#if canEdit} {/if}
{/each}
{#if canEdit}
{ e.preventDefault(); addItem(cl.id); }} class="flex gap-1 mt-2" >
{/if}
{/each} {#if canEdit} {#if addingChecklist}
{ e.preventDefault(); addChecklist(); }} class="flex gap-1 mt-2">
{:else} {/if} {/if}