Show categories on a crate's page

Author: carols10cents

app/controllers/crate/version.js

@@ -19,6 +19,7 @@ export default Ember.Controller.extend({
     currentVersion: computed.alias('model'),
     requestedVersion: null,
     keywords: computed.alias('crate.keywords'),
+    categories: computed.alias('crate.categories'),
 
     sortedVersions: computed.readOnly('crate.versions'),
 
@@ -49,6 +50,7 @@ export default Ember.Controller.extend({
     }),
 
     anyKeywords: computed.gt('keywords.length', 0),
+    anyCategories: computed.gt('categories.length', 0),
 
     currentDependencies: computed('currentVersion.dependencies', function() {
         var deps = this.get('currentVersion.dependencies');

app/models/crate.js

@@ -20,6 +20,7 @@ export default DS.Model.extend({
     owners: DS.hasMany('users', { async: true }),
     version_downloads: DS.hasMany('version-download', { async: true }),
     keywords: DS.hasMany('keywords', { async: true }),
+    categories: DS.hasMany('categories', { async: true }),
     reverse_dependencies: DS.hasMany('dependency', { async: true }),
 
     follow() {

app/templates/crate/version.hbs

@@ -104,6 +104,19 @@
                 {{/if}}
             {{/unless}}
 
+            {{#unless crate.categories.isPending}}
+                {{#if anyCategories}}
+                    <div>
+                        <h3>Categories</h3>
+                        <ul class='categories'>
+                            {{#each categories as |category|}}
+                                <li>{{link-to category.id 'category' category}}</li>
+                            {{/each}}
+                        </ul>
+                    </div>
+                {{/if}}
+            {{/unless}}
+
             <div>
                 <h3>Owners</h3>
                 <ul class='owners'>