Adding random picture button

app/templates/index.tpl

@@ -13,5 +13,6 @@
   <div id="image"></div>
   <div id="image_credit"></div>
   <div id="explanation"></div>
-  <a id="download" class="btn" download="" href="">Download</a>
+  <a id="download" class="bottomControls btn" download="" href="">Download</a>
+  <a id="random" class="bottomControls btn" href="#">Random</a>
 </div>

assets/css/application.css

@@ -83,6 +83,6 @@ body{
   width: 1000px;
 }
 
-#download{
+.bottomControls {
   margin-top: 20px;
 }

assets/javascript/application.js

@@ -2,7 +2,6 @@ Apod = {};
 
 // TODOS
 // - Calendar
-// - Random button
 
 var ratyOptions = {
   hints      : ['1', '2', '3', '4', '5'],
@@ -41,9 +40,10 @@ Apod.View = Backbone.View.extend({
   router: null,
 
   events: {
-    "click .next":     "nextApod",
-    "click .previous": "previousApod",
-    "click #rating":   "vote"
+    "click .next"     : "nextApod",
+    "click .previous" : "previousApod",
+    "click #rating"   : "vote",
+    "click #random"   : "random"
   },
 
   initialize: function () {
@@ -163,6 +163,15 @@ Apod.View = Backbone.View.extend({
       var formattedDate = century + date[0] + date[1] + "-" + date[2] + date[3] + "-" + date[4] + date[5];
       this.currentDate = moment(formattedDate);
     }
+  },
+
+  random: function(event){
+    event.preventDefault();
+    var oldest = new Date(1995, 6, 16); // First APOD
+    var newest = new Date();
+    var randomDate = new Date(oldest.getTime() + Math.random() * (newest.getTime() - oldest.getTime()));
+    this.currentDate = moment(randomDate);
+    this.router.navigate(this.param(), {trigger: true});
   }
 
 });

test.py

@@ -2,7 +2,7 @@
 from app import models
 from app.apod import Apod
 
-apod = Apod('991204')
+apod = Apod('970608')
 #apod.vote(5)
 
 print apod.id