Add quick filters

app/components/contribution-list/component.js

@@ -1,9 +1,45 @@
 import Component from '@ember/component';
+import { computed } from '@ember/object';
+import { sort } from '@ember/object/computed';
+import { isPresent } from '@ember/utils';
+import { inject as service } from '@ember/service';
 
 export default Component.extend({
 
-  tagName: 'ul',
-  classNames: ['contribution-list'],
+  tagName: 'div',
+  classNames: ['contributions'],
+
+  kredits: service(),
+
+  contributorsSorting: Object.freeze(['name:asc']),
+  contributors: sort('kredits.contributors', 'contributorsSorting'),
+
+  contributorsActive: computed('contributors.[]', 'contributions', function() {
+    let activeIds = this.contributions.mapBy('contributorId')
+                                      .map(id => id.toString())
+                                      .uniq();
+    return this.contributors.filter(c => {
+      return activeIds.includes(c.id.toString());
+    });
+  }),
+
+  showQuickFilter: false,
+  hideSmallContributions: false,
+  contributorId: null,
+
+  contributionsFiltered: computed('contributions.[]', 'hideSmallContributions', 'contributorId', function() {
+    return this.contributions.filter(c => {
+      let included = true;
+
+      if (this.hideSmallContributions &&
+          c.amount <= 500) { included = false; }
+
+      if (isPresent(this.contributorId) &&
+          (c.contributorId.toString() !== this.contributorId.toString())) { included = false; }
+
+      return included;
+    });
+  }),
 
   actions: {