kredits/kredits-web
9
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Releases 18 Activity

WIP Group contributions in UI

Browse Source
This commit is contained in:
Râu Cao
2026-07-26 16:04:56 +02:00
parent a7e017971a
commit 3cab203498
9 changed files with 416 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/contribution-list/template.hbs
+71 -22
View File
@@ -30,27 +30,76 @@
{{/if}}
<ul class="item-list contribution-list {{if @loading 'loading'}}">
{{#each this.contributionsFiltered as |contribution|}}
<li role="button" data-contribution-id={{contribution.id}}
{{action "openContributionDetails" contribution}}
class="{{item-status contribution}}{{if (eq contribution.id @selectedContributionId) " selected"}}">
<p class="meta">
<span class="recipient"><UserAvatar @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">
{{input type="button" class="button small danger" value="veto"
click=(action "veto" contribution.id)
disabled=contribution.hasPendingChanges}}
{{#each this.groupedContributions as |group|}}
{{#if group.isGrouped}}
<li role="button" data-group-id={{group.groupId}}
{{action "toggleGroup" group}}
class="grouped {{if (eq this.expandedGroup group.groupId) "expanded"}}">
<p class="meta">
<span class="avatars">
{{#each group.visibleContributors as |contributor|}}
<UserAvatar @contributor={{contributor}} />
{{/each}}
{{#if group.extraContributorCount}}
<span class="avatar-overflow">+{{group.extraContributorCount}}</span>
{{/if}}
</span>
<span class="category {{group.kind}}">({{group.kind}})</span>
<span class="title">{{group.description}}</span>
</p>
<p class="kredits-amount">
<span class="amount">{{group.amount}}</span><span class="symbol">₭S</span>
</p>
</li>
{{#if (eq this.expandedGroup group.groupId)}}
{{#each group.items key="id" as |contribution|}}
<li role="button" data-contribution-id={{contribution.id}}
{{action "openContributionDetails" contribution}}
class="group-item {{item-status contribution}}{{if (eq contribution.id @selectedContributionId) " selected"}}">
<p class="meta">
<span class="recipient"><UserAvatar @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">
{{input type="button" class="button small danger" value="veto"
click=(action "veto" contribution.id)
disabled=contribution.hasPendingChanges}}
</p>
{{/unless}}
{{/unless}}
</li>
{{/each}}
{{/if}}
{{else}}
{{#each group.items as |contribution|}}
<li role="button" data-contribution-id={{contribution.id}}
{{action "openContributionDetails" contribution}}
class="{{item-status contribution}}{{if (eq contribution.id @selectedContributionId) " selected"}}">
<p class="meta">
<span class="recipient"><UserAvatar @contributor={{contribution.contributor}} /></span>
<span class="category {{contribution.kind}}">({{contribution.kind}})</span>
<span class="title">{{contribution.description}}</span>
</p>
{{/unless}}
{{/unless}}
</li>
<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">
{{input type="button" class="button small danger" value="veto"
click=(action "veto" contribution.id)
disabled=contribution.hasPendingChanges}}
</p>
{{/unless}}
{{/unless}}
</li>
{{/each}}
{{/if}}
{{/each}}
</ul>
</ul>