project images uploadify

haml used

Author: jineok12

app/assets/javascripts/project_images.js.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/

app/assets/stylesheets/project_images.css.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the ProjectImages controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

app/controllers/project_images_controller.rb

@@ -0,0 +1,49 @@
+class ProjectImagesController < ApplicationController
+  before_filter :find_project
+  before_filter :find_or_build_photo, :except => [:index, :sort]
+  def index
+  end
+  def new
+  end
+
+  def edit
+  end
+
+  def show
+  end
+
+  def create
+    if @photo.save
+      respond_to do |format|
+        format.js
+      end
+    else
+    end
+  end
+
+  def sort
+    params[:image].each_with_index do |id, idx|
+      @project.project_images.find(id).position = idx
+    end
+    @project.save
+    render :nothing => true
+  end
+
+  def destroy
+    @photo.destroy
+    redirect_to @project
+  end
+
+  private
+
+  def find_project
+    @project = Project.find(params[:project_id])
+    @story = @project
+  end
+
+  def find_or_build_photo
+    @photo = params[:id] ? @project.project_images.find(params[:id]) : @project.project_images.build(params[:photo])
+  end
+
+
+end

app/controllers/projects_controller.rb

@@ -1,19 +1,22 @@
 class ProjectsController < ApplicationController
+  before_filter :find_or_build_story, :except => :index
   def index
     @projects = Project.all
     @sketches = Sketch.all
-
   end
 
   def new
-    @project = Project.new
-    
   end
 
   def edit
   end
 
   def create
+    if @project.save
+      redirect_to edit_project_path(@project)
+    else
+      render :new
+    end
   end
 
   def update
@@ -22,4 +25,9 @@ def update
   def destroy
   end
 
+private
+  def find_or_build_story
+    @project = params[:id] ? Project.find(params[:id]) : Project.new(params[:project])
+    @story = @project
+  end
 end

app/helpers/application_helper.rb

@@ -1,2 +1,44 @@
 module ApplicationHelper
+
+  def photo_uploadify
+    # Putting the uploadify trigger script in the helper gives us
+    # full access to the view and native rails objects without having
+    # to set javascript variables.
+    #
+    # ScriptData:
+    #   Sets the http headers to accept javascript plus adds
+    #   the session key and authenticity token for XSS protection.
+    #   The "FlashSessionCookieMiddleware" rack module deconstructs these 
+    #   parameters into something Rails will actually use.
+
+    session_key_name = Rails.application.config.session_options[:key]
+    %Q{
+
+    <script type='text/javascript'>
+      $(document).ready(function() {
+        $('#photo_upload').uploadify({
+          script          : '#{project_project_images_path(@story)}',
+          fileDataName    : 'photo[image]',
+          uploader        : '/uploadify/uploadify.swf',
+          cancelImg       : '/uploadify/cancel.png',
+          fileDesc        : 'Images',
+          fileExt         : '*.jpg;*.jpeg;*.png;*.gif',
+          multi           : true,
+          auto            : true,
+          buttonText      : 'upload Photos',
+          scriptData      : {
+            '_http_accept': 'application/javascript',
+            '#{session_key_name}' : encodeURIComponent('#{u(cookies[session_key_name])}'),
+            'authenticity_token'  : encodeURIComponent('#{u(form_authenticity_token)}')
+          },
+          onComplete  : function(event, ID, fileObj, response, data){ eval(response) },
+          onError     : function(event, ID, fileObj, errorObj){ 
+            alert(errorObj.type + ' Error: ' + errorObj.info);
+          }
+        });
+      });
+    </script>
+
+    }.gsub(/[\n ]+/, ' ').strip.html_safe
+  end
 end

app/helpers/project_images_helper.rb

@@ -0,0 +1,2 @@
+module ProjectImagesHelper
+end

app/models/project.rb

@@ -2,9 +2,11 @@
 class Project
   include Mongoid::Document
   include Mongoid::Timestamps
+  include Mongoid::Paperclip
   field :title, :type => String
   field :description, :type => String
   field :mail, :type => String
+  has_mongoid_attached_file :avatar
 
   has_many :project_images
   has_and_belongs_to_many :designers, class_name:  "Member", inverse_of: :project

app/models/project_image.rb

@@ -6,11 +6,11 @@ class ProjectImage
   include Mongoid::Paperclip
   field :featured, :type => Boolean
 
-  belongs_to :project
-
   def self.styles_dict
     {:large => "500x300", :small => "100x100"}
   end
 
+  belongs_to :project, :inverse_of => :project_images
+
   include ::ItemImageTemplate
 end

app/views/project_images/_form.html.haml

@@ -0,0 +1,15 @@
+= form_for [@story, @photo], :html => { :multipart => true } do |f|
+  -if @photo.errors.any?
+    #errorExplanation
+      %h2= "#{pluralize(@photo.errors.count, "error")} prohibited this photo from being saved:"
+      %ul
+        - @photo.errors.full_messages.each do |msg|
+          %li= msg
+
+  .field
+    = f.label :image
+    = f.file_field :image
+  .actions
+    = f.submit
+    or
+    = link_to 'Cancel', [@story, @photo]

app/views/project_images/_project_image.html.haml

@@ -0,0 +1,8 @@
+.photo[project_image]
+  = link_to(image_tag(project_image.image.url(:small)), [@story, project_image]) if project_image.image.url(:small)
+  %br
+  = project_image.image_file_name
+  %br
+  = link_to 'edit', edit_project_project_image_path(@story, project_image)
+  |
+  = link_to 'del', [@story, project_image], :confirm => 'Are you sure?', :method => :delete