{#if form?.error}

{form.error}

{/if}

Templates โ€” Drag to assign

{#each templates as t}
handleDragStart(e, t.id)} style="border-left-color:{outlineColor(t.color)}; background:{accentBg(t.color)}" >
{t.name} {t.defaultFrequency} {t.defaultType}
{t.defaultType === 'money' ? `ยฃ${Number(t.defaultValue).toFixed(2)}` : t.defaultValue}
{/each} {#if templates.length === 0}

No templates yet

{/if}
{#each members as m}
handleDrop(e, m.id)} >

{m.name}

{todosForMember(m.id).length} {#if accordionState[m.id]?.todos ?? true}
{#each sortedTodosForMember(m.id) as a} {@const completed = isTodoCompleted(a.id)} {@const urgency = todoUrgency(a)}
!completed && openEdit(a)} role="button" tabindex={completed ? -1 : 0} >
{a.customName || 'Todo'}
{#if a.type === 'emoji'} {a.emoji || '๐ŸŽ‰'} celebration {:else if a.type === 'money'} ยฃ{Number(a.value).toFixed(2)} cash {:else} {a.value} pts {/if} {#if a.completeBy} due {formatHumanDate(a.completeBy)} {/if}
{#if completed} {@html checkCircleIcon} TBC completed {:else} {/if}
{/each}
{/if}
{assignedForMember(m.id).length} {#if accordionState[m.id]?.chores ?? true}
{#each assignedForMember(m.id) as a} {@const tName = templateName(a.templateId)}
openEdit(a)} role="button" tabindex="0" style="border-left-color:{outlineColor(a.color)}; background:{accentBg( a.color )}" >
{a.customName || tName} {a.frequency} {#each a.seasonIds || [] as sid} {/each} {#if (a.seasonIds || []).length === 0} All year {/if}
{a.type === 'money' ? `ยฃ${Number(a.value).toFixed(2)}` : `${a.value} pts`}
{/each} {#if assignedForMember(m.id).length === 0}

Drop a chore here

{/if}
{/if}
{/each} {#if members.length < 3} {#each Array(3 - members.length) as _}
{/each} {/if}
{#snippet seasonPills(list: Season[] = [], selected: string[] = [], set: (v: string[]) => void)}
{#each list as s} {/each}
{/snippet} {#if assignModal}
{ if (e.target === e.currentTarget) assignModal = null; }} role="presentation" >
e.stopPropagation()} role="dialog">

Assign: {assignModal.t.name}

Copies this platform template into {members.find((m) => m.id === assignModal?.memberId) ?.name}'s chores. Amend, then Assign.

Colour
{#each TEMPLATE_COLORS as c} {/each}
Seasons {@render seasonPills(seasons, assignSeasonIds, (v: string[]) => (assignSeasonIds = v))}
{/if} {#if showEditModal && editingAssignment}
{ if (e.target === e.currentTarget) closeEdit(); }} role="presentation" >
e.stopPropagation()} role="dialog">

{#if editingAssignment.isTodo} Edit Todo: {editingAssignment.customName || 'Todo'} {:else} Edit: {editingAssignment.customName || templateName(editingAssignment.templateId)} {/if}

{#if editingAssignment.isTodo} {#if editType === 'points'} {:else if editType === 'money'} {:else}
{editEmoji}
{#if showTodoEmojiPicker}
{#each EMOJI_CHOICES as e} {/each}
{/if} {/if} {:else}
Colour
{#each TEMPLATE_COLORS as c} {/each}
Seasons {@render seasonPills(seasons, editSeasonIds, (v: string[]) => (editSeasonIds = v))}
{/if}
{/if} {#if showTodoModal && todoMemberId}
{ if (e.target === e.currentTarget) showTodoModal = false; }} role="presentation" >
e.stopPropagation()} role="dialog">

Add Todo for {members.find((m) => m.id === todoMemberId)?.name || 'Member'}

{ return async ({ result }: any) => { if (result.type === 'success') { showTodoModal = false; todoMemberId = ''; } }; }} > {#if todoType === 'points'} {:else if todoType === 'money'} {:else}
{todoEmoji}
{#if showTodoEmojiPicker}
{#each EMOJI_CHOICES as e} {/each}
{/if} {/if} {#if todoCompleteBy === 'custom'} {/if}
{/if}