diff --git a/app/components/contributor-list/component.js b/app/components/contributor-list/component.js index a9ae31e..a5b42fd 100644 --- a/app/components/contributor-list/component.js +++ b/app/components/contributor-list/component.js @@ -7,7 +7,7 @@ export default Component.extend({ tagName: 'table', classNames: 'contributor-list', - selectedContributor: null, + selectedContributorId: null, actions: { diff --git a/app/components/contributor-list/template.hbs b/app/components/contributor-list/template.hbs index 63c962b..e187a2a 100644 --- a/app/components/contributor-list/template.hbs +++ b/app/components/contributor-list/template.hbs @@ -1,6 +1,8 @@ {{#each contributorList as |c|}} - + {{user-avatar contributor=c.contributor}} {{c.contributor.name}} diff --git a/app/controllers/dashboard.js b/app/controllers/dashboard.js index caccbb6..28c183f 100644 --- a/app/controllers/dashboard.js +++ b/app/controllers/dashboard.js @@ -7,6 +7,7 @@ export default Controller.extend({ kredits: service(), showDetailsPane: false, + selectedContributorId: null, currentBlock: alias('kredits.currentBlock'), diff --git a/app/routes/dashboard/contributors/show.js b/app/routes/dashboard/contributors/show.js index b301518..c7e5d3b 100644 --- a/app/routes/dashboard/contributors/show.js +++ b/app/routes/dashboard/contributors/show.js @@ -11,14 +11,22 @@ export default Route.extend({ return this.contributors.findBy('id', params.id); }, - activate () { + setupController (controller, model) { + this._super(controller, model); + this.controllerFor('dashboard') - .set('showDetailsPane', true); + .setProperties({ + showDetailsPane: true, + selectedContributorId: model.id + }); }, deactivate () { this.controllerFor('dashboard') - .set('showDetailsPane', false); + .setProperties({ + showDetailsPane: false, + selectedContributorId: null + }); } }); diff --git a/app/styles/components/_contributor-list.scss b/app/styles/components/_contributor-list.scss index c5d5bf1..e35419d 100644 --- a/app/styles/components/_contributor-list.scss +++ b/app/styles/components/_contributor-list.scss @@ -4,16 +4,20 @@ table.contributor-list { margin-bottom: 1.5rem; tr { + background-color: rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.2); + cursor: pointer; + &:first-of-type { border-top: 1px solid rgba(255,255,255,0.2); } - background-color: rgba(255,255,255,0.1); - &.current-user { + &.selected { background-color: rgba(255,255,255,0.2); } + &.current-user { + font-weight: 500; } td { @@ -31,20 +35,17 @@ table.contributor-list { &.kredits { text-align: right; + .amount { font-size: 1.2rem; font-weight: 500; } + .symbol { font-size: 0.8rem; padding-left: 0.2rem; } } - - pre { - line-height: 1rem; - padding-bottom: 1rem; - } } } } diff --git a/app/templates/dashboard.hbs b/app/templates/dashboard.hbs index ba85e93..3ed82d9 100644 --- a/app/templates/dashboard.hbs +++ b/app/templates/dashboard.hbs @@ -12,7 +12,8 @@
{{contributor-list contributorList=kreditsToplist - showUnconfirmedKredits=showUnconfirmedKredits}} + showUnconfirmedKredits=showUnconfirmedKredits + selectedContributorId=selectedContributorId}}

{{await kredits.totalKreditsEarned}} kredits confirmed and issued to