website/views/partials/progress-list.handlebars
Jonathan Barrow 481b051213 moved checkboxes out of JS
checkbox code now lives entirely in the handlebars views and not inside the JS
2021-04-23 18:06:47 -04:00

45 lines
1.2 KiB
Handlebars

<div class="feature-list-wrapper">
<div class="feature-list-top">
<div>
<div class="feature-progress-chart">
<p class="percentage-label">{{ data.percent }}</p>
<canvas></canvas>
</div>
</div>
</div>
<div class="core">
<div class="progress-title">
<h3>{{ data.title }}</h3>
</div>
<div class="feature-list">
{{#each data.progress.completed}}
<div class="feature">
<div class="custom-checkbox done">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<span>{{ this }}</span>
</div>
{{/each}}
{{#each data.progress.started}}
<div class="feature">
<div class="custom-checkbox ongoing">
<div class="small-dot"></div>
</div>
<span>{{ this }}</span>
</div>
{{/each}}
{{#each data.progress.not_started}}
<div class="feature">
<div class="custom-checkbox incomplete"></div>
<span>{{ this }}</span>
</div>
{{/each}}
</div>
</div>
</div>