Naviation to other versions and libraries

Author: trek

app/components/evented-select.js

@@ -0,0 +1,14 @@
+import Ember from 'ember';
+
+export default Ember.Select.extend(Ember.TargetActionSupport, {
+  target: Ember.computed.alias('controller'),
+
+  onChange: function(){
+    this.triggerAction({
+      action: this.get('action'),
+      actionContext: [this.selection, this._oldValue]
+    });
+    this._oldValue = this.selection;
+  }.on('change')
+
+});

app/routes/application.js

@@ -4,6 +4,31 @@ import config from '../config/environment';
 
 export default Ember.Route.extend({
   model: function(){
-    return ajax('/%@/docs/index.json'.fmt(config.baseURL));
+    var libraries = ajax('/config/libraries.json');
+    var versions = ajax('/%@/versions.json'.fmt(config.projectName));
+    var library  = ajax('/%@/docs/index.json'.fmt(config.baseURL));
+
+    return Ember.RSVP.hash({
+      library: library,
+      libraries: libraries,
+      versions: versions
+    }).then(function(responses){
+      var library = responses.library;
+      library.libraries = responses.libraries;
+      library.versions = responses.versions;
+
+      return library;
+    });
+  },
+  actions: {
+    versionChanged: function(version){
+      var parser = document.createElement('a');
+      parser.href = window.location;
+
+      var port = parser.port ? ":%@".fmt(parser.port) : "";
+      var location = [parser.protocol, '//', parser.hostname, port, '/', config.projectName, '/', version].join('');
+
+      window.location = location;
+    }
   }
 });

app/templates/application.hbs

@@ -29,17 +29,17 @@
       <li class="level-1">
         <a href="#">Projects</a>
         <ol>
-          <li class="level-3 sub-selected">
-            <a href="/api">Ember</a>
-          </li>
-          <li class="level-3 ">
-            <a href="/api/data">Ember Data</a>
-          </li>
+          {{#each library in model.libraries}}
+           <li class="level-3">
+              <a {{bind-attr href=library.slug}}>{{library.name}}</a>
+            </li>
+          {{/each}}
         </ol>
       </li>
 
       <li class="level-1">
         <a {{bind-attr href=githubHREF}} target="_blank"> Tag: {{rev}}</a>
+        {{evented-select content=model.versions action="versionChanged"}}
       </li>
 
       <li class="level-1 selected">

package.json

@@ -30,6 +30,7 @@
     "ember-data": "1.0.0-beta.10",
     "ember-export-application-global": "^1.0.0",
     "express": "^4.8.5",
-    "glob": "^4.0.5"
+    "glob": "^4.0.5",
+    "http-proxy": "^1.8.1"
   }
 }

server/mocks/libraries.js

@@ -0,0 +1,12 @@
+module.exports = function(app) {
+  var express = require('express');
+  var librariesRouter = express.Router();
+  librariesRouter.get('*', function(req, res) {
+    res.send([
+      {name: 'Ember.js', slug: '/ember.js'},
+      {name: 'Ember Data', slug: '/ember-data'},
+      {name: 'RSVP', slug: '/rsvp'}
+    ]);
+  });
+  app.use('/config/libraries.json', librariesRouter);
+};

server/mocks/versions.js

@@ -0,0 +1,8 @@
+module.exports = function(app) {
+  var express = require('express');
+  var versionsRouter = express.Router();
+  versionsRouter.get('*', function(req, res) {
+    res.send(["v1.7.0", "v1.8.0"]);
+  });
+  app.use('/*/versions.json', versionsRouter);
+};