[WIP] Swagger API console

app/api-console/route.js

@@ -0,0 +1,17 @@
+import Ember from 'ember';
+import ENV from 'dispatcher/config/environment';
+
+export default Ember.Route.extend({
+  session: Ember.inject.service(),
+  setupController(controller) {
+    let token = this.get("session").getAuthToken();
+    let authHeader = `Token token=${token}`;
+    controller.set('authorizations', {
+      name: 'Authorization',
+      value: authHeader,
+      type: 'header'
+    });
+    let swaggerJsonUrl = `${ENV.datastoreHost}/api/v1`;
+    controller.set('swaggerJsonUrl', swaggerJsonUrl);
+  }
+});

app/api-console/template.hbs

@@ -0,0 +1 @@
+{{swagger-ui url=swaggerJsonUrl showRequestHeaders=true docExpansion="list" authorizations=authorizations}}

app/application/adapter.js

@@ -10,7 +10,7 @@ export default DS.RESTAdapter.extend({
   headers: Ember.computed('session.authToken', function() {
     // Sometimes this is loaded before the session is available.
     // For example, when the users index route goes out to GET users.
-    var authToken = this.get("session.authToken") || localStorage.getItem(ENV.AUTH_TOKEN_LOCALSTORAGE_KEY);
+    var authToken = this.get("session").getAuthToken();
     return {
       'Authorization': `Token token=${authToken}`
     };

app/application/template.hbs

@@ -11,6 +11,9 @@
       {{#link-to 'users' tagName='li' href=null}}
         {{#link-to 'users'}}Users{{/link-to}}
       {{/link-to}}
+      {{#link-to 'api-console' tagName='li' href=null}}
+        {{#link-to 'api-console'}}API Console{{/link-to}}
+      {{/link-to}}
     </ul>
   </div>
   <div class="navbar-form navbar-right">

app/router.js

@@ -25,6 +25,7 @@ Router.map(function() {
     this.route('edit', { path: '/:user_id/edit' });
     this.route('new');
   });
+  this.route('api-console');
 });
 
 export default Router;

app/session/service.js

@@ -1,5 +1,13 @@
 import Ember from 'ember';
+import ENV from 'dispatcher/config/environment';
 
 export default Ember.Service.extend({
-  authToken: null
+  authToken: null,
+  getAuthToken: function() {
+    if (this.get('authToken') !== null) {
+      return this.get('authToken');
+    } else {
+      return localStorage.getItem(ENV.AUTH_TOKEN_LOCALSTORAGE_KEY);
+    }
+  }
 });

bower.json

@@ -16,6 +16,9 @@
     "moment": ">= 2.8.0",
     "moment-timezone": ">= 0.1.0",
     "loader.js": "ember-cli/loader.js#3.4.0",
-    "qunit": "~1.20.0"
+    "qunit": "~1.20.0",
+    "swagger-ui": "2.1.3",
+    "underscore": "1.8.3",
+    "jquery-migrate": "1.2.1"
   }
 }

package.json

@@ -45,6 +45,7 @@
     "ember-export-application-global": "^1.0.4",
     "ember-jsoneditor": "0.1.1",
     "ember-moment": "4.1.0",
-    "ember-power-select": "0.8.6"
+    "ember-power-select": "0.8.6",
+    "ember-swagger-ui": "0.0.19"
   }
 }

tests/unit/api-console/controller-test.js

@@ -0,0 +1,12 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('controller:api-console', 'Unit | Controller | api console', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+// Replace this with your real tests.
+test('it exists', function(assert) {
+  let controller = this.subject();
+  assert.ok(controller);
+});

tests/unit/api-console/route-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:api-console', 'Unit | Route | api console', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+test('it exists', function(assert) {
+  let route = this.subject();
+  assert.ok(route);
+});