From 01c1a9c80404087dd9690193d6b1a9763f7b4694 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Sun, 19 Feb 2017 11:13:14 +0800
Subject: [PATCH] Toggle metadata visibility by clicking name

---
 app/components/contributor-list/component.js | 16 +++++++++++++++-
 app/components/contributor-list/template.hbs |  4 ++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/app/components/contributor-list/component.js b/app/components/contributor-list/component.js
index f515211..135ba32 100644
--- a/app/components/contributor-list/component.js
+++ b/app/components/contributor-list/component.js
@@ -3,6 +3,20 @@ import Ember from 'ember';
 export default Ember.Component.extend({
 
   tagName: 'table',
-  classNames: 'contributor-list'
+  classNames: 'contributor-list',
+  selectedContributor: null,
+
+  actions: {
+
+    toggleContributorInfo(contributor) {
+      if (contributor.get('showMetadata')) {
+        contributor.set('showMetadata', false);
+      } else {
+        this.get('contributors').setEach('showMetadata', false);
+        contributor.set('showMetadata', true);
+      }
+    }
+
+  }
 
 });
diff --git a/app/components/contributor-list/template.hbs b/app/components/contributor-list/template.hbs
index d402dac..dae31e5 100644
--- a/app/components/contributor-list/template.hbs
+++ b/app/components/contributor-list/template.hbs
@@ -1,6 +1,6 @@
 <tbody>
   {{#each contributors as |contributor|}}
-    <tr class="{{if contributor.isCurrentUser 'current-user'}}">
+    <tr class="{{if contributor.isCurrentUser 'current-user'}}" {{action "toggleContributorInfo" contributor}}>
       <td class="person">
         <img class="avatar" src={{contributor.avatarURL}}>
         {{contributor.github_username}}
@@ -10,7 +10,7 @@
         <span class="symbol">₭S</span>
       </td>
     </tr>
-    <tr class="metadata visible {{if contributor.isCurrentUser 'current-user'}}">
+    <tr class="metadata {{if contributor.isCurrentUser 'current-user'}} {{if contributor.showMetadata 'visible'}}">
       <td colspan="2">
         <dl>
           <dt>Ethereum address</dt>