Add contributor and kredits count to page
This commit is contained in:
@@ -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;
|
||||||
|
});
|
||||||
|
})
|
||||||
|
|
||||||
|
});
|
||||||
@@ -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";
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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);
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user