Add following pages

Author: alexcrichton

app/controllers/me/following.js

@@ -0,0 +1,35 @@
+import Ember from 'ember';
+import PaginationMixin from 'cargo/mixins/pagination';
+
+// TODO: reduce duplicatoin with controllers/me/crates
+
+export default Ember.ArrayController.extend(PaginationMixin, {
+    needs: ['application'],
+    queryParams: ['page', 'per_page', 'sort'],
+    page: '1',
+    per_page: 10,
+    sort: 'alpha',
+    showSortBy: false,
+
+    totalItems: function() {
+        return this.store.metadataFor('crate').total;
+    }.property('model'),
+
+    currentSortBy: function() {
+        if (this.get('sort') === 'downloads') {
+            return 'Downloads';
+        } else {
+            return 'Alphabetical';
+        }
+    }.property('sort'),
+
+    actions: {
+        toggleShowSortBy: function() {
+            var opt = 'showSortBy';
+            this.get('controllers.application').resetDropdownOption(this, opt);
+
+        },
+    },
+});
+
+

app/routes/me/crates.js

@@ -1,5 +1,4 @@
 import Ember from 'ember';
-import ajax from 'ic-ajax';
 import AuthenticatedRoute from 'cargo/mixins/authenticated-route';
 
 export default Ember.Route.extend(AuthenticatedRoute, {

app/routes/me/following.js

@@ -0,0 +1,15 @@
+import Ember from 'ember';
+import AuthenticatedRoute from 'cargo/mixins/authenticated-route';
+
+export default Ember.Route.extend(AuthenticatedRoute, {
+    queryParams: {
+        page: { refreshModel: true },
+        sort: { refreshModel: true },
+    },
+
+    model: function(params) {
+        params.following = 1;
+        return this.store.find('crate', params);
+    },
+});
+

app/templates/me/following.hbs

@@ -0,0 +1,59 @@
+<div id='crates-heading'>
+    <img class='logo' src="/assets/crate.png"/>
+    <h1>My Crates</h1>
+</div>
+
+{{! TODO: reduce duplication with templates/me/crates.hbs }}
+
+<div id='results'>
+    <div class='nav'>
+        <span class='amt small'>
+            Displaying
+            <span class='cur'>{{ currentPageStart }}-{{ currentPageEnd }}</span>
+            of <span class='total'>{{ totalItems }}</span> total results
+        </span>
+    </div>
+
+    <div class='sort'>
+        <span class='small'>Sort by</span>
+        <div class='dropdown-container'>
+            <a {{action 'toggleShowSortBy'}}
+               {{bind-attr class='showSortBy:active :dropdown'}}>
+                <img src="/assets/sort.png"/>
+                {{ currentSortBy }}
+                <span class='arrow'></span>
+            </a>
+            <ul {{bind-attr class='showSortBy:open :dropdown'}}>
+                <li>
+                    {{#link-to 'me.following' (query-params sort="alpha")}}
+                        Alphabetical
+                    {{/link-to}}
+                </li>
+                <li>
+                    {{#link-to 'me.following' (query-params sort="downloads")}}
+                        Downloads
+                    {{/link-to}}
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+
+<div id='crates' class='white-rows'>
+    {{#each}}
+        {{render "crate-row" this}}
+    {{/each}}
+</div>
+
+<div class='pagination'>
+    {{#link-to 'me.following' (query-params page=prevPage) class="prev"}}
+        <img src="/assets/left-pag.png"/>
+    {{/link-to}}
+    {{#each pages}}
+        {{#link-to 'me.following' (query-params page=this)}}{{ this }}{{/link-to}}
+    {{/each}}
+    {{#link-to 'me.following' (query-params page=nextPage) class="next"}}
+        <img src="/assets/right-pag.png"/>
+    {{/link-to}}
+</div>
+