diff --git a/app/controllers/index.js b/app/controllers/index.js index 20fc370..5bf9a5a 100644 --- a/app/controllers/index.js +++ b/app/controllers/index.js @@ -25,6 +25,9 @@ export default Controller.extend({ showUnconfirmedKredits: true, hideUnconfirmedKredits: not('showUnconfirmedKredits'), + showQuickFilterUnconfirmed: false, + showQuickFilterConfirmed: false, + actions: { vetoContribution (contributionId) { @@ -37,6 +40,14 @@ export default Controller.extend({ this.kredits.vote(proposalId).then(transaction => { console.debug('[controllers:index] Vote submitted to Ethereum blockhain: '+transaction.hash); }); + }, + + toggleQuickFilterUnconfirmed () { + this.toggleProperty('showQuickFilterUnconfirmed'); + }, + + toggleQuickFilterConfirmed () { + this.toggleProperty('showQuickFilterConfirmed'); } } diff --git a/app/styles/_buttons.scss b/app/styles/_buttons.scss index 41780e2..0e80146 100644 --- a/app/styles/_buttons.scss +++ b/app/styles/_buttons.scss @@ -11,10 +11,18 @@ button, input[type=submit], .button { cursor: pointer; letter-spacing: 0.1em; + &+button, &+input[type=submit], &+.button { + margin-left: 0.5rem; + } + &:hover { background-color: rgba(22, 21, 40, 0.8); } + &:active, &.active { + border-color: $primary-color; + } + &.small { font-size: 0.8rem; padding: 0.2rem 0.8rem; @@ -28,6 +36,9 @@ button, input[type=submit], .button { &:hover { background-color: rgba(40, 21, 21, 0.8); } + &:active, &.active { + border-color: $red; + } } &.green { @@ -38,5 +49,8 @@ button, input[type=submit], .button { &:hover { background-color: rgba(21, 40, 21, 0.8); } + &:active, &.active { + border-color: $green; + } } } diff --git a/app/templates/index.hbs b/app/templates/index.hbs index 58fc3f0..312337b 100644 --- a/app/templates/index.hbs +++ b/app/templates/index.hbs @@ -42,6 +42,7 @@

Latest Contributions

{{#if kredits.hasAccounts}} {{/if}} @@ -56,8 +57,11 @@ {{/if}}
-
+

Confirmed Contributions

+
{{contribution-list contributions=contributionsConfirmedSorted