feat(*): Add basic example estimation page

This commit is contained in:
Josh Creek
2023-06-30 14:08:59 +00:00
parent c7f1c6c652
commit 1815b08e88
5 changed files with 128 additions and 1 deletions
+8
View File
@@ -0,0 +1,8 @@
<script lang="ts">
export let average: string | number;
</script>
<div id="average-estimate">
<h2>Average Estimate</h2>
<p>{average}</p>
</div>
+23
View File
@@ -0,0 +1,23 @@
<script lang="ts">
export let estimateGroups: any;
</script>
<div id="estimate-groups-list">
<h2>Estimate Groups</h2>
<ul>
{#each Object.keys(estimateGroups) as estimate}
<li>
Estimate: {estimate}
<ul>
{#if estimateGroups[estimate].length >= 5}
<li>5+ people</li>
{:else}
{#each estimateGroups[estimate] as user}
<li>{user}</li>
{/each}
{/if}
</ul>
</li>
{/each}
</ul>
</div>
+20
View File
@@ -0,0 +1,20 @@
<script lang="ts">
export let estimates: any;
export let handleEstimateChange: any;
</script>
<div id="users-list">
<h2>Users</h2>
<ul>
{#each estimates as user}
<li>
{user.name}
<input
type="number"
value={user.estimate}
on:input={(e) => handleEstimateChange(e, user)}
/>
</li>
{/each}
</ul>
</div>