upload new photos using backbone.

4 files changed, 18 insertions, 22 deletions

diff --git a/app/assets/javascripts/backbone/models/photo.js.coffee b/app/assets/javascripts/backbone/models/photo.js.coffee
index c4f9bf3a..5b52d3a2 100644
--- a/app/assets/javascripts/backbone/models/photo.js.coffee
+++ b/app/assets/javascripts/backbone/models/photo.js.coffee
@@ -11,4 +11,4 @@ class Cake.Collections.PhotosCollection extends Backbone.Collection
   url: '/api/v1/cakes/1/photos'
 
   initialize: (options) ->
-    console.log(options)
+    @url="/api/v1/cakes/#{options.cake_id}/photos"
diff --git a/app/assets/javascripts/backbone/routers/photos_router.js.coffee b/app/assets/javascripts/backbone/routers/photos_router.js.coffee
index 4b710a43..fd4000a3 100644
--- a/app/assets/javascripts/backbone/routers/photos_router.js.coffee
+++ b/app/assets/javascripts/backbone/routers/photos_router.js.coffee
@@ -1,15 +1,13 @@
 class Cake.Routers.PhotosRouter extends Backbone.Router
-  initialize: (options) ->
-    @photos = new Cake.Collections.PhotosCollection()
-
   routes:
-    ":cake_id/photos/new"      : "newPhoto"
+    "cakes/:cake_id/photos/new"      : "newPhoto"
     "photos/index"    : "index"
     "photos/:id/edit" : "edit"
     "photos/:id"      : "show"
     "photos/.*"        : "index"
 
   newPhoto: (cake_id) ->
+    @photos = new Cake.Collections.PhotosCollection(cake_id: cake_id)
     @view = new Cake.Views.Photos.NewView(collection: @photos)
     $("#backbone-content").html(@view.render().el)
 
diff --git a/app/assets/javascripts/backbone/templates/photos/new.jst.ejs b/app/assets/javascripts/backbone/templates/photos/new.jst.ejs
index 3fec3308..2f66004e 100644
--- a/app/assets/javascripts/backbone/templates/photos/new.jst.ejs
+++ b/app/assets/javascripts/backbone/templates/photos/new.jst.ejs
@@ -1,20 +1,18 @@
-<h1>New photo</h1>
-
-<form id="new-photo" name="photo">
-  <div class="field">
-    <label for="thumb_url"> thumb_url:</label>
-    <input type="text" name="thumb_url" id="thumb_url" value="<%= thumb_url %>" >
-  </div>
-
-  <div class="field">
-    <label for="large_url"> large_url:</label>
-    <input type="text" name="large_url" id="large_url" value="<%= large_url %>" >
-  </div>
-
-  <div class="actions">
-    <input type="submit" value="Create Photo" />
-  </div>
+<h1>Upload photo</h1>
 
+<form id="new-photo" name="photo" class="form-horizontal">
+  <fieldset>
+    <div class="control-group">
+      <label class="control-label" for="photo_image">Photo</label>
+      <div class="controls">
+        <input class="input-xxlarge" id="photo_image" name="image" type="file">
+      </div>
+    </div>
+    <div class="form-actions">
+      <button type="submit" class="btn btn-primary">Upload Photo</button>
+      <a href="#/" class="btn">Cancel</a>
+    </div>
+  </fieldset>
 </form>
 
 <a href="#/index">Back</a>
diff --git a/app/assets/javascripts/backbone/views/cakes/new_view.js.coffee b/app/assets/javascripts/backbone/views/cakes/new_view.js.coffee
index dcaba3db..1cfd50c5 100644
--- a/app/assets/javascripts/backbone/views/cakes/new_view.js.coffee
+++ b/app/assets/javascripts/backbone/views/cakes/new_view.js.coffee
@@ -23,7 +23,7 @@ class Cake.Views.Cakes.NewView extends Backbone.View
     @collection.create(@model.toJSON(),
       success: (cake) =>
         @model = cake
-        window.location.hash = "/#{@model.id}/photos/new"
+        window.location.hash = "/cakes/#{@model.id}/photos/new"
 
       error: (cake, jqXHR) =>
         #@model.set({errors: $.parseJSON(jqXHR.responseText)})