galfert
8e7430ebb9
When any of the depending properties of the contribution changes, the helper recomputes its output.
54 lines
2.0 KiB
Handlebars
54 lines
2.0 KiB
Handlebars
{{#if showQuickFilter}}
|
|
<div class="quick-filter">
|
|
<p>
|
|
<label class="filter-contributor">
|
|
Contributor:
|
|
<select onchange={{action (mut contributorId) value="target.value"}}>
|
|
<option value="" selected>all</option>
|
|
{{#each contributorsActive as |contributor|}}
|
|
<option value={{contributor.id}} selected={{eq contributorId contributor.id}}>{{contributor.name}}</option>
|
|
{{/each}}
|
|
</select>
|
|
</label>
|
|
|
|
<label class="filter-contribution-kind">
|
|
Kind:
|
|
<select onchange={{action (mut contributionKind) value="target.value"}}>
|
|
<option value="" selected>all</option>
|
|
{{#each contributionKinds as |kind|}}
|
|
<option value={{kind}} selected={{eq contributionKind kind}}>{{capitalize-string kind}}</option>
|
|
{{/each}}
|
|
</select>
|
|
</label>
|
|
|
|
<label class="filter-contribution-size">
|
|
{{input type="checkbox" checked=hideSmallContributions}}
|
|
Hide small contributions
|
|
</label>
|
|
</p>
|
|
</div>
|
|
{{/if}}
|
|
|
|
<ul class="contribution-list">
|
|
{{#each contributionsFiltered as |contribution|}}
|
|
<li role="button" {{action "openContributionDetails" contribution}}
|
|
data-contribution-id={{contribution.id}}
|
|
class="{{contribution-status contribution}}{{if (eq contribution.id selectedContributionId) " selected"}}">
|
|
<p class="meta">
|
|
<span class="recipient">{{user-avatar contributor=contribution.contributor}}</span>
|
|
<span class="category {{contribution.kind}}">({{contribution.kind}})</span>
|
|
<span class="title">{{contribution.description}}</span>
|
|
</p>
|
|
<p class="kredits-amount">
|
|
<span class="amount">{{contribution.amount}}</span><span class="symbol">₭S</span>
|
|
</p>
|
|
{{#unless contribution.vetoed}}
|
|
{{#unless (is-confirmed-contribution contribution)}}
|
|
<p class="voting">
|
|
<button {{action "veto" contribution.id}} class="small danger">veto</button>
|
|
</p>
|
|
{{/unless}}
|
|
{{/unless}}
|
|
</li>
|
|
{{/each}}
|
|
</ul> |