mix-rails 0.12.1 → 0.12.2

data/MIX_RAILS_VERSION

@@ -1 +1 @@
-0.12.1
+0.12.2

data/admix/app/assets/javascripts/admix/application.js.coffee

@@ -1,17 +1,21 @@
-//= require jquery
-//= require jquery_ujs
-//= require jquery/jquery.livequery
-//= require fancybox
-//= require jquery.ui.datepicker
-//= require ../../bootstrap/js/bootstrap.min
-//= require ./dates
-//= require ./underscore-min
-//= require ./backbone-min
-//= require ../../nicedit/nicEdit
-//= require ./nicedit_applier
-//= require ../../tipsy/src/javascripts/jquery.tipsy
-//= require ./tipsy_init
+#= require jquery
+#= require jquery_ujs
+#= require underscore
+#= require backbone
+#= require backbone_rails_sync
+#= require backbone_datalink
+#= require_tree .
+#= require jquery/jquery.livequery
+#= require fancybox
+#= require jquery.ui.datepicker
+#= require ../../bootstrap/js/bootstrap.min
+#= require ./dates
+#= require ../../nicedit/nicEdit
+#= require ./nicedit_applier
+#= require ../../tipsy/src/javascripts/jquery.tipsy
+#= require ./tipsy_init
 
 $ ->
+  
   $('.fancybox').livequery ->
     $(@).fancybox();

data/admix/app/assets/stylesheets/admix/application.css

@@ -8,9 +8,15 @@
  * You're free to add application-wide styles to this file and they'll appear at the top of the
  * compiled file, but it's generally better to create a new file per style scope.
  *
- *= require_self
+ 
  *= require jquery.ui.all
  *= require ../../tipsy/src/stylesheets/tipsy
  *= require fancybox
  *= require_tree .
+ *= require_self
  */
+
+.admix-photo-modal {
+  width: 61%;
+  margin-left: -30%;
+}

data/admix/app/controllers/admix/inherited_controller.rb

@@ -38,7 +38,7 @@ module Admix
       elsif resource.respond_to?(:email)
         :email
       else
-        raise "Implement crumb_field method in #{self}"
+        "Implement crumb_field method in #{self}"
       end
     end
 

data/admix/lib/admix/version.rb

@@ -2,7 +2,7 @@ module Admix
   module VERSION #:nodoc:
     MAJOR = 0
     MINOR = 12
-    TINY  = 1
+    TINY  = 2
     PRE   = nil
 
     STRING = [MAJOR, MINOR, TINY, PRE].compact.join('.')

data/mix-rails-albums/app/assets/javascripts/admix/photos.js.erb

@@ -1,6 +1,4 @@
 //= require hamlcoffee
-//= require ../photo_uploader
-//
 //= require_tree ../models
 //= require_tree ../collections
 //= require_tree ../views
@@ -9,25 +7,14 @@
 
 <% url = Rails.application.routes.url_helpers %>
 
-var oldSet = Backbone.Model.prototype.set;
-_.extend(Backbone.Model.prototype, {
-    set: function(attrs, options) {
-        if ('_id' in attrs) { this.id = attrs._id; }
-        oldSet.apply(this, [attrs, options]);
-        return this;
-    }
-});
+new PhotoRouter();
 
+jQuery(function() {
 
-jQuery(function(){
-
-  var fileZip, fileZipView;
-  
-
+  var fileZip, fileZipView, fileListView;
   var fileList = new FileList();
   fileList.url = $("#files").data('url');
-  var fileListView;
-
+  
   jQuery("#uploader").change(function(el) {        
       
       var files = el.currentTarget.files;

data/mix-rails-albums/app/assets/javascripts/backbone/application.js.coffee

@@ -0,0 +1,12 @@
+#= require hamlcoffee
+#= require_self
+#= require_tree ./templates
+#= require_tree ./models
+#= require_tree ./views
+#= require_tree ./routers
+
+window.Application =
+  Models: {}
+  Collections: {}
+  Routers: {}
+  Views: {}

data/mix-rails-albums/app/assets/javascripts/backbone/models/photo.js.coffee

@@ -0,0 +1,39 @@
+class Application.Models.Photo extends Backbone.Model
+  paramRoot: 'photo'
+  idAttribute: '_id'
+  defaults:
+    image: null
+    description: null
+    progress: 0
+  
+  initialize: ->
+    @on 'add', @onAdd, @
+
+  onAdd: ->
+    xhr = new XMLHttpRequest()
+    xhr.open "POST", @url
+    datas = new FormData()
+    datas.append "image", @get("image")
+    xhr.upload.addEventListener "progress", (e) =>
+      if e.lengthComputable
+        currentState = (e.loaded / e.total) * 100
+        @set progress: currentState
+
+    xhr.onreadystatechange = (e) =>
+      if e.currentTarget.readyState is 4
+        @set progress: 100
+        @trigger "uploadCompleted"
+        if xhr.responseText
+          responseObject = JSON.parse(xhr.responseText)
+          @set responseObject
+        else
+          console.log "Não foi possível enviar o arquivo"
+
+
+    # Start send the file.
+    xhr.send datas
+
+class Application.Collections.PhotosCollection extends Backbone.Collection
+  model: Application.Models.Photo
+  url: '/photos'
+

data/mix-rails-albums/app/assets/javascripts/backbone/routers/photos_router.js.coffee

@@ -0,0 +1,36 @@
+class Application.Routers.PhotosRouter extends Backbone.Router
+  initialize: (options) ->
+    @photos = new Application.Collections.PhotosCollection()
+    @photos.reset options.photos
+
+  routes:
+    "new"      : "newPhoto"
+    "index"    : "index"
+    "upload_index" : "upload_index"
+    ":id/edit" : "edit"
+    ":id"      : "show"
+    ".*"        : "index"
+
+  newPhoto: ->
+    @view = new Application.Views.Photos.NewView(collection: @photos)
+    $("#photos").html(@view.render().el)
+
+  index: ->
+    @view = new Application.Views.Photos.IndexView(photos: @photos)
+    $("#photos").html(@view.render().el)
+
+  upload_index: ->
+    @view = new Application.Views.Photos.UploadIndexView(photos: @photos)
+    $("#photos").html(@view.render().el)
+
+  show: (id) ->
+    photo = @photos.get(id)
+
+    @view = new Application.Views.Photos.ShowView(model: photo)
+    $("#photos").html(@view.render().el)
+
+  edit: (id) ->
+    photo = @photos.get(id)
+
+    @view = new Application.Views.Photos.EditView(model: photo)
+    $("#photos").html(@view.render().el)

data/mix-rails-albums/app/assets/javascripts/backbone/templates/photos/edit.jst.ejs

@@ -0,0 +1,20 @@
+<h1>Edit photo</h1>
+
+<form id="edit-photo" name="photo">
+  <div class="field">
+    <label for="image"> image:</label>
+    <input type="text" name="image" id="image" value="<%= image %>" >
+  </div>
+
+  <div class="field">
+    <label for="description"> description:</label>
+    <input type="text" name="description" id="description" value="<%= description %>" >
+  </div>
+
+  <div class="actions">
+    <input type="submit" value="Update Photo" />
+  </div>
+
+</form>
+
+<a href="#/index">Back</a>

data/mix-rails-albums/app/assets/javascripts/backbone/templates/photos/index.jst.ejs

@@ -0,0 +1,15 @@
+<h1>Listing photos</h1>
+
+<table id="photos-table">
+  <tr>
+    <th>Image</th>
+    <th>Description</th>
+    <th></th>
+    <th></th>
+    <th></th>
+  </tr>
+</table>
+
+<br/>
+
+<a href="#/new">New Photo</a>

data/mix-rails-albums/app/assets/javascripts/backbone/templates/photos/modal.hamlc.erb

@@ -0,0 +1,14 @@
+.modal.hide.fade.admix-photo-modal{id: "photo-modal-#{@id}"}
+  .modal-header
+    %button.close{"aria-hidden" => "true", "data-dismiss" => "modal", :type => "button"} ×
+    %h3 Detalhes da foto
+  .modal-body
+    .edit-area.pull-right
+      %textarea.span5{id: "input_photo_description_#{@id}",placeholder: 'Adicione uma descrição para esta foto.'}
+        #{@description}
+    .photo
+      %img{src: @image.medium.url}
+    %p One fine body…
+  .modal-footer
+    %a.btn{href:"#", "data-dismiss": "modal"} Cancelar
+    %a.btn.btn-primary.save{:href => "#"} Salvar mudanças

data/mix-rails-albums/app/assets/javascripts/backbone/templates/photos/new.jst.ejs

@@ -0,0 +1,20 @@
+<h1>New photo</h1>
+
+<form id="new-photo" name="photo">
+  <div class="field">
+    <label for="image"> image:</label>
+    <input type="text" name="image" id="image" value="<%= image %>" >
+  </div>
+
+  <div class="field">
+    <label for="description"> description:</label>
+    <input type="text" name="description" id="description" value="<%= description %>" >
+  </div>
+
+  <div class="actions">
+    <input type="submit" value="Create Photo" />
+  </div>
+
+</form>
+
+<a href="#/index">Back</a>

data/mix-rails-albums/app/assets/javascripts/backbone/templates/photos/photo.jst.ejs

@@ -0,0 +1,6 @@
+<td><%= image %></td>
+<td><%= description %></td>
+
+<td><a href="#/<%= id %>">Show</td>
+<td><a href="#/<%= id %>/edit">Edit</td>
+<td><a href="#/<%= id %>/destroy" class="destroy">Destroy</a></td>

data/mix-rails-albums/app/assets/javascripts/backbone/templates/photos/show.jst.ejs

@@ -0,0 +1,12 @@
+<p>
+  <b>Image:</b>
+  <%= image %>
+</p>
+
+<p>
+  <b>Description:</b>
+  <%= description %>
+</p>
+
+
+<a href="#/index">Back</a>

data/mix-rails-albums/app/assets/javascripts/backbone/templates/photos/thumbnail.hamlc.erb

@@ -0,0 +1,16 @@
+.thumbnail.file-item
+  .file-title
+    = @title
+  %a.link-popover{"data-content" => "<i class=icon-edit></i> Edit"}
+    .loading-file
+      - if @image.url
+        %a.photo-link{href: "#"}
+          %img{src: ROOT_PATH + @image.thumb.url}
+      - else
+        %img{src: "http://placehold.it/130x90&text=Carregando"}
+    -if (@progress != null && @progress < 100)
+      %div{class: (@progress < 100) ? 'progress progress-striped active' : 'progress'}
+        .bar{style: "width:#{@progress}%;"}
+  .caption
+    %a.file-action.delete{href: "#"} 
+      <%= image_tag "albums/delete.png" %>

data/mix-rails-albums/app/assets/javascripts/backbone/templates/photos/upload_index.hamlc.erb

@@ -0,0 +1 @@
+.photos-container

data/mix-rails-albums/app/assets/javascripts/backbone/views/photos/edit_view.js.coffee

@@ -0,0 +1,24 @@
+Application.Views.Photos ||= {}
+
+class Application.Views.Photos.EditView extends Backbone.View
+  template: JST["backbone/templates/photos/edit"]
+
+  events:
+    "submit #edit-photo": "update"
+
+  update: (e) ->
+    e.preventDefault()
+    e.stopPropagation()
+
+    @model.save(null,
+      success: (photo) =>
+        @model = photo
+        window.location.hash = "/#{@model.id}"
+    )
+
+  render: ->
+    @$el.html(@template(@model.toJSON() ))
+
+    this.$("form").backboneLink(@model)
+
+    return this

data/mix-rails-albums/app/assets/javascripts/backbone/views/photos/index_view.js.coffee

@@ -0,0 +1,20 @@
+Application.Views.Photos ||= {}
+
+class Application.Views.Photos.IndexView extends Backbone.View
+  template: JST["backbone/templates/photos/index"]
+
+  initialize: () ->
+    @options.photos.bind('reset', @addAll)
+
+  addAll: () =>
+    @options.photos.each(@addOne)
+
+  addOne: (photo) =>
+    view = new Application.Views.Photos.PhotoView({model : photo})
+    @$("tbody").append(view.render().el)
+
+  render: =>
+    @$el.html(@template(photos: @options.photos.toJSON() ))
+    @addAll()
+
+    return this

data/mix-rails-albums/app/assets/javascripts/backbone/views/photos/new_view.js.coffee

@@ -0,0 +1,37 @@
+Application.Views.Photos ||= {}
+
+class Application.Views.Photos.NewView extends Backbone.View
+  template: JST["backbone/templates/photos/new"]
+
+  events:
+    "submit #new-photo": "save"
+
+  constructor: (options) ->
+    super(options)
+    @model = new @collection.model()
+
+    @model.bind("change:errors", () =>
+      this.render()
+    )
+
+  save: (e) ->
+    e.preventDefault()
+    e.stopPropagation()
+
+    @model.unset("errors")
+
+    @collection.create(@model.toJSON(),
+      success: (photo) =>
+        @model = photo
+        window.location.hash = "/#{@model.id}"
+
+      error: (photo, jqXHR) =>
+        @model.set({errors: $.parseJSON(jqXHR.responseText)})
+    )
+
+  render: ->
+    @$el.html(@template(@model.toJSON() ))
+
+    this.$("form").backboneLink(@model)
+
+    return this

data/mix-rails-albums/app/assets/javascripts/backbone/views/photos/photo_view.js.coffee

@@ -0,0 +1,19 @@
+Application.Views.Photos ||= {}
+
+class Application.Views.Photos.PhotoView extends Backbone.View
+  template: JST["backbone/templates/photos/photo"]
+
+  events:
+    "click .destroy" : "destroy"
+
+  tagName: "tr"
+
+  destroy: () ->
+    @model.destroy()
+    this.remove()
+
+    return false
+
+  render: ->
+    @$el.html(@template(@model.toJSON() ))
+    return this