diff --git a/app/components/contributor-list/template.hbs b/app/components/contributor-list/template.hbs
index e163997..d402dac 100644
--- a/app/components/contributor-list/template.hbs
+++ b/app/components/contributor-list/template.hbs
@@ -10,5 +10,17 @@
₭S
+
+
+
+ - Ethereum address
+ - {{contributor.address}}
+ {{#if contributor.ipfsHash}}
+ - IPFS profile data
+ - {{contributor.ipfsHash}}
+ {{/if}}
+
+ |
+
{{/each}}
diff --git a/app/services/kredits.js b/app/services/kredits.js
index 6479360..d109acd 100644
--- a/app/services/kredits.js
+++ b/app/services/kredits.js
@@ -65,11 +65,12 @@ export default Ember.Service.extend({
this.getValueFromContract('contributorAddresses', i).then(address => {
this.getValueFromContract('contributors', address).then(person => {
this.getValueFromContract('balanceOf', address).then(balance => {
+ console.debug('person', person);
let contributor = Contributor.create({
address: address,
github_username: person[1],
github_uid: person[0],
- ipfsHash: person[3],
+ ipfsHash: person[2],
kredits: balance.toNumber(),
isCurrentUser: this.get('currentUserAccounts').includes(address)
});
diff --git a/app/styles/components/_contributor-list.scss b/app/styles/components/_contributor-list.scss
index 748de1e..63554e9 100644
--- a/app/styles/components/_contributor-list.scss
+++ b/app/styles/components/_contributor-list.scss
@@ -7,12 +7,68 @@ table.contributor-list {
&:first-of-type {
border-top: 1px solid rgba(255,255,255,0.2);
}
+ background-color: rgba(255,255,255,0.1);
+
+ &.current-user {
+ background-color: rgba(255,255,255,0.2);
+ }
+
+ &.metadata {
+ height: 0;
+
+ td {
+ padding: 0 1.2rem;
+ transition: all 0.2s ease-out;
+ }
+
+ a {
+ color: lightblue;
+ &:hover, &:active {
+ color: #fff;
+ }
+ }
+
+ dl {
+ display: block;
+ width: 100%;
+ font-size: 1rem;
+ dt, dd {
+ display: inline-block;
+ overflow: hidden;
+ height: 0;
+ line-height: 1.6rem;
+ transition: all 0.2s ease-out;
+ }
+ dt {
+ clear: both;
+ float: left;
+ width: 30%;
+ }
+ dd {
+ float: right;
+ width: 70%;
+ text-align: right;
+ }
+ }
+
+ &.visible {
+ td {
+ padding: 1rem 1.2rem;
+ }
+
+ dl {
+ dt, dd {
+ height: auto;
+ }
+ }
+ }
+
+ }
td {
padding: 0 1.2rem;
line-height: 4.2rem;
- background-color: rgba(255,255,255,0.1);
&.person {
text-align: left;
font-size: 1.4rem;
@@ -36,11 +92,5 @@ table.contributor-list {
}
}
}
-
- &.current-user {
- td {
- background-color: rgba(255,255,255,0.2);
- }
- }
}
}