Merge pull request #61 from huonw/user-link

Add user-links & tweak alignment

Author: alexcrichton

app/components/user-link.js

@@ -0,0 +1,17 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  user: null,
+  attributeBindings: ['title', 'href'],
+  tagName: 'a',
+
+  title: function() {
+      return this.get('user.login');
+  }.property('user'),
+
+  'href': function() {
+      // TODO replace this with a link to a native crates.io profile
+      // page when they exist.
+      return 'https://github.com/' + this.get('user.login');
+  }.property('user'),
+});

app/styles/app.scss

@@ -105,6 +105,10 @@ body {
             background: rgb(42, 79, 39);
             box-shadow: inset -2px 2px 4px 0px rgb(36, 61, 38);
         }
+
+        img {
+          vertical-align: top;
+        }
     }
 
     #current-user-links {

app/styles/me.scss

@@ -5,7 +5,7 @@
 
     .info { @include display-flex; }
     dl {
-        margin-left: 30px;
+        margin: 0 0 0 30px;
         line-height: 150%;
         font-size: 110%;
         dt {

app/templates/crate/index.hbs

@@ -94,8 +94,11 @@
                 <h3>Owners</h3>
                 <ul class='owners'>
                     {{#each owners}}
-                        {{! TODO: hyperlink to a profile page }}
-                        <li>{{user-avatar user=this size='medium-small'}}</li>
+                        <li>
+                          {{#user-link user=this}}
+                            {{user-avatar user=this size='medium-small'}}
+                          {{/user-link}}
+                        </li>
                     {{/each}}
                 </ul>
             </div>

app/templates/me/index.hbs

@@ -7,7 +7,7 @@
     <h2>Profile Information</h2>
 
     <div class='info'>
-        {{user-avatar user=this size='medium'}}
+        {{#user-link user=this }} {{user-avatar user=this size='medium'}} {{/user-link}}
 
         <dl>
             <dt>Name</dt>