Add contributor and kredits count to page

This commit is contained in:
2017-01-31 17:28:33 +08:00
parent 4dbeded613
commit e29ffdc319
4 changed files with 65 additions and 0 deletions
+20
View File
@@ -0,0 +1,20 @@
import Ember from 'ember';
const {
computed
} = Ember;
export default Ember.Controller.extend({
contributorsCount: computed('model.contributors.[]', function() {
return this.get('model.contributors').length;
}),
kreditsSum: computed('model.contributors.[]', function() {
let kredits = this.get('model.contributors').mapBy('kredits');
return kredits.reduce(function(previousValue, currentValue) {
return currentValue + previousValue;
});
})
});
+15
View File
@@ -21,6 +21,7 @@ $font-family-sans: 'Open Sans', sans-serif;
body { body {
background-image: url('/img/bg.jpg'); background-image: url('/img/bg.jpg');
background-repeat: none; background-repeat: none;
background-attachment: fixed;
font-family: $font-family-sans; font-family: $font-family-sans;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
@@ -47,6 +48,20 @@ section {
font-size: 2rem; font-size: 2rem;
} }
} }
&#contributors {
.content {
p.stats {
padding-top: 2rem;
font-size: 1rem;
color: lightblue;
text-align: center;
span.number {
font-weight: 600;
}
}
}
}
} }
@import "components/contributor-list"; @import "components/contributor-list";
+5
View File
@@ -6,6 +6,11 @@
<div class="content"> <div class="content">
{{contributor-list contributors=model.contributors}} {{contributor-list contributors=model.contributors}}
<p class="stats">
<span class="number">{{kreditsSum}}</span> kredits issued and distributed among
<span class="number">{{contributorsCount}}</span> contributors.
</p>
</div> </div>
</section> </section>
+25
View File
@@ -0,0 +1,25 @@
import { moduleFor, test } from 'ember-qunit';
moduleFor('controller:index', 'Unit | Controller | index');
let addFixtures = function(controller) {
controller.set('model', { contributors: [
{ github_username: "neo", github_uid: "318", kredits: 10000 },
{ github_username: "morpheus", github_uid: "843", kredits: 15000 },
{ github_username: "mouse", github_uid: "842", kredits: 5000 },
]});
};
test('#contributorsCount returns number of contributors', function(assert) {
let controller = this.subject();
addFixtures(controller);
assert.equal(controller.get('contributorsCount'), 3);
});
test('#kreditsSum returns the sum of all kredits', function(assert) {
let controller = this.subject();
addFixtures(controller);
assert.equal(controller.get('kreditsSum'), 30000);
});