tb_media 1.0

data/app/assets/stylesheets/spud/admin/media/application.css

@@ -0,0 +1,103 @@
+/*
+*= require jcrop/css/jquery.Jcrop
+*= require spud/admin/media/plugin
+*/
+
+img.size-50-thumb {
+  width:50px;
+  padding-right:5px;
+}
+#details{
+  padding-bottom: 25px;
+}
+.page_row{
+  padding: 5px 0 5px 5px;
+}
+
+/* Crop tool
+------------------------ */
+#spud_media_cropper_outer{
+  width: 900px;
+  /*height: 800px;*/
+  margin:auto;
+  border: 1px solid #ccc;
+  border-top: none;
+}
+#spud_media_cropper{
+  position: relative;
+  overflow: hidden;
+  width: 900px;
+  /*height: 800px;*/
+  background:url('/assets/spud/admin/media/checkers.jpg');
+  margin:auto;
+}
+#spud_media_cropper_container{
+
+}
+#spud_media_cropper_jcrop_container{
+  position: absolute;
+}
+#spud_media_cropper_target{
+  position: absolute;
+}
+#spud_media_cropper_image{
+  position: absolute;
+}
+
+/* Crop toolbar
+------------------ */
+#spud_media_cropper_toolbar{
+  font-size: 11px;
+  background: #ccc;
+  width: 882px;
+  margin:0 auto;
+  padding: 5px 10px;
+  border-top-right-radius: 8px;
+  border-top-left-radius: 8px;
+  background-image: linear-gradient(bottom, rgb(204,204,204) 33%, rgb(230,230,230) 66%);
+  background-image: -o-linear-gradient(bottom, rgb(204,204,204) 33%, rgb(230,230,230) 66%);
+  background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 33%, rgb(230,230,230) 66%);
+  background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 33%, rgb(230,230,230) 66%);
+  background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 33%, rgb(230,230,230) 66%);
+  background-image: -webkit-gradient(
+    linear,
+    left bottom,
+    left top,
+    color-stop(0.33, rgb(204,204,204)),
+    color-stop(0.66, rgb(230,230,230))
+  );
+  clear: both;
+}
+#spud_media_cropper_toolbar form{
+  margin: 0;
+-webkit-touch-callout: none;
+-webkit-user-select: none;
+-khtml-user-select: none;
+-moz-user-select: none;
+-ms-user-select: none;
+user-select: none;
+}
+#spud_media_cropper_toolbar input[type=text],
+#spud_media_cropper_toolbar label{
+  display: inline-block;
+  margin: 0;
+  font-size: 11px;
+  height: 11px;
+  line-height: 11px;
+}
+#spud_media_cropper_toolbar input[type=text]{
+  width: 30px;
+}
+.spud_media_cropper_toolbar_item{
+  margin-right: 6px;
+  padding-right: 6px;
+  display: inline-block;
+  border-right: 1px solid #ccc;
+}
+#spud_media_cropper_toolbar_actions{
+  float: right;
+}
+a[id^="spud_media_cropper_resize_"]:active{
+  position: relative;
+  top: 1px;
+}

data/app/assets/stylesheets/spud/admin/media/plugin.css

@@ -0,0 +1,154 @@
+.spud_media_picker{
+  background: white;
+  font: normal 12px/12px sans-serif;
+}
+.spud_media_picker_container{
+  padding: 10px;
+}
+
+/* Picker Tabs
+-------------- */
+.spud_media_picker_tabs{
+  border-bottom: 1px solid #ccc;
+  margin: 0 0 10px;
+}
+.spud_media_picker_tab{
+  display: inline-block;
+  font: normal 12px/22px sans-serif;
+  padding: 0 5px;
+  margin: 0 5px 0 0;
+  position: relative;
+  top: 1px;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.spud_media_picker_tab_active{
+  border: 1px solid #ccc;
+  border-bottom: 1px solid white;
+}
+.spud_media_picker_tab_body{
+  display: none;
+  height: 200px;
+  padding-bottom: 40px;
+  position: relative;
+}
+
+/* Buttons
+------------ */
+.spud_media_picker_buttons{
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+.spud_media_picker_buttons a, .spud_media_picker_buttons input, .spud_media_picker_buttons button{
+  float: right;
+  margin-left: 5px;
+}
+.spud_media_picker label{
+  font-size: 12px;
+}
+
+/* Uploader 
+------------ */
+.spud_media_picker_upload_progress{
+  display: none;
+}
+.spud_media_picker_upload_progress .bar{
+  width: 0;
+}
+
+/* Picker List
+--------------- */
+.spud_media_picker_list{
+  height: 100%;
+  width: 200px;
+  overflow: auto;
+  border: 1px solid #ccc;
+  float: left;
+  margin: 0 0 10px 0;
+}
+.spud_media_picker_item{
+  cursor: pointer;
+  padding: 3px;
+  font: normal 12px/20px sans-serif;
+  border-top: 1px solid #ccc;
+  overflow: hidden;
+  height: 20px;
+  white-space: nowrap;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.spud_media_picker_item:first-child{
+  border-top: none;
+}
+.spud_media_picker_item:last-child{
+  border-bottom: 1px solid #ccc;
+}
+.spud_media_picker_item:hover{
+  background: #E6E6E6;
+}
+.spud_media_picker_item_selected{
+  background: #D6E4F5;
+}
+.spud_media_picker_item img{
+  max-width: 20px;
+  max-height: 20px;
+  float: left;
+  margin: 0 4px 0 0;
+}
+
+/* Picker  Details
+-------------------- */
+.spud_media_picker_details{
+  margin: 0 0 0 220px;
+  display: none;
+  overflow-x: hidden;
+}
+.spud_media_picker_details_thumb{
+  max-width: 100px;
+  max-height: 100px;
+}
+.spud_media_picker_details_meta{
+  font: bold 11px sans-serif;
+  margin: 10px 0 0;
+  padding: 0 0 0 15px;
+  white-space: nowrap;
+}
+.spud_media_picker_details_meta span{
+  font-weight: normal;
+}
+
+/* Advanced Options 
+------------------- */
+.spud_media_picker_tab_advanced{
+
+}
+.spud_media_picker_option{
+  margin: 10px 0;
+}
+.spud_media_picker_tab_advanced label{
+  width: 100px;
+  padding: 0 5px 0 0;
+  text-align: right;
+}
+.spud_media_picker_tab_advanced label, .spud_media_picker_tab_advanced select, .spud_media_picker_tab_advanced input{
+  display: inline-block;
+  margin: 0;
+}
+.spud_media_picker_tab_advanced select{
+  font: normal 12px/12px sans-serif;
+  height: auto;
+  padding: 0;
+}
+.spud_media_picker_option_dimensions input{
+  width: 50px;
+}

data/app/controllers/protected_media_controller.rb

@@ -0,0 +1,26 @@
+class ProtectedMediaController < Spud::ApplicationController
+
+  before_filter :require_user
+
+  def show
+    @media = SpudMedia.where(:id => params[:id]).first
+    if @media.blank?
+      flash[:error] = "The requested file could not be found"
+      redirect_to(root_url)
+    else
+      if Spud::Media.config.paperclip_storage == :s3
+        secure_url = @media.attachment.s3_object(params[:style]).url_for(:read, :secure => true, :expires => 10.minutes)
+        redirect_to(secure_url.to_s)
+      else
+        filepath = File.join(Rails.root, @media.attachment.path(params[:style]))
+        if !File.exists?(filepath)
+          flash[:error] = "The requested file could not be found"
+          redirect_to root_path
+        else
+          send_file(filepath, :disposition => 'inline')
+        end
+      end
+    end
+  end
+
+end

data/app/controllers/spud/admin/media_controller.rb

@@ -0,0 +1,73 @@
+class Spud::Admin::MediaController < Spud::Admin::ApplicationController
+	layout 'layouts/spud/admin/detail'
+	add_breadcrumb "Media", :spud_admin_media_path
+	belongs_to_spud_app :media
+	before_filter :load_media,:only => [:edit,:update,:show,:destroy,:set_private,:set_access]
+	
+	def index
+		@media = SpudMedia.order("created_at DESC").paginate :page => params[:page]
+		respond_with @media
+	end
+
+	def new
+		@page_name = "New Media"
+		add_breadcrumb "New", :new_spud_admin_medium_path
+		@media = SpudMedia.new
+		respond_with @media
+	end
+
+	def create
+		@page_name = "New Media"
+		add_breadcrumb "New", :new_spud_admin_medium_path
+		@media = SpudMedia.new(params[:spud_media])
+		location = spud_admin_media_path
+		if @media.save
+			flash[:notice] = "File uploaded successfully" 
+			if @media.is_image?
+				location = edit_spud_admin_medium_path(@media.id)
+			end
+		end
+		respond_with @media, :location => location
+	end
+
+	def show
+		@page_name = "Media: #{@media.attachment_file_name}"
+		add_breadcrumb @media.attachment_file_name, :new_spud_admin_media_path
+		respond_with @media
+	end
+
+	def edit
+		if !@media.is_image?
+			flash[:error] = "Unable to edit #{@media.attachment_file_name}"
+			redirect_to spud_admin_media_url
+		end
+	end
+
+	def update
+		if @media.update_attributes(params[:spud_media])
+			@media.attachment.reprocess!
+		end
+		respond_with @media, :location => spud_admin_media_url
+	end
+
+	def destroy
+		flash[:notice] = "File successfully destroyed" if @media.destroy
+		respond_with @media, :location => spud_admin_media_url
+	end
+
+	def set_access
+		is_protected = params[:protected] || false
+		@media.update_attribute(:is_protected, is_protected)
+		respond_with @media, :location => spud_admin_media_url
+	end
+
+private
+	def load_media
+		@media = SpudMedia.where(:id => params[:id]).first
+		if @media.blank?
+			flash[:error] = "Media Asset not found!"
+			redirect_to spud_admin_media_url() and return
+		end
+		
+	end
+end

data/app/controllers/spud/admin/media_picker_controller.rb

@@ -0,0 +1,28 @@
+class Spud::Admin::MediaPickerController < Spud::Admin::ApplicationController
+
+  include RespondsToParent
+
+  layout false
+  respond_to :html
+
+  def index
+    @media = SpudMedia.all
+    respond_with @media
+  end
+
+  def create
+    @media = SpudMedia.new(params[:spud_media])
+    if @media.save
+      if request.xhr?
+        render 'create', :status => 200
+      else
+        respond_to_parent do
+          render 'create.js', :status => 200
+        end
+      end
+    else
+      render nil, :status => 422
+    end
+  end
+
+end

data/app/helpers/protected_media_helper.rb

@@ -0,0 +1,3 @@
+module ProtectedMediaHelper
+
+end

data/app/helpers/spud/admin/users_helper.rb

@@ -0,0 +1,2 @@
+module Spud::Admin::UsersHelper
+end

data/app/helpers/spud/user_sessions_helper.rb

@@ -0,0 +1,2 @@
+module Spud::UserSessionsHelper
+end

data/app/models/spud_media.rb

@@ -0,0 +1,154 @@
+class SpudMedia < ActiveRecord::Base
+
+	has_attached_file :attachment,
+    :storage => Spud::Media.paperclip_storage,
+    :s3_credentials => Spud::Media.s3_credentials,
+    :s3_permissions => lambda { |attachment, style| 
+      attachment.instance.is_protected ? 'private' : 'public-read' 
+    },
+    :path => Spud::Media.paperclip_storage == :s3 ? Spud::Media.storage_path : lambda { |attachment| 
+      attachment.instance.is_protected ? Spud::Media.storage_path_protected : Spud::Media.storage_path
+    },
+    :url => Spud::Media.storage_url,
+    :styles => lambda { |attachment| attachment.instance.dynamic_styles }
+
+  attr_accessible :attachment_content_type,:attachment_file_name,:attachment_file_size,:attachment, :is_protected, :crop_x, :crop_y, :crop_w, :crop_h, :crop_s
+
+  validates_numericality_of :crop_x, :crop_y, :crop_w, :crop_h, :crop_s, :allow_nil => true
+
+  before_create :rename_file
+  #after_create :validate_permissions
+  before_update :validate_permissions
+
+  def rename_file
+    # remove periods and other unsafe characters from file name to make routing easier
+    extension = File.extname(attachment_file_name)
+    filename = attachment_file_name.chomp(extension).parameterize
+    attachment.instance_write :file_name, filename + extension
+  end
+
+  def image_from_type
+
+    if self.is_image? || self.is_pdf?
+      return self.attachment_url(:small)
+
+    elsif self.attachment_content_type.blank?
+    	return "spud/admin/files_thumbs/dat_thumb.png"
+    
+    elsif self.attachment_content_type.match(/jpeg|jpg/)
+    	return "spud/admin/files_thumbs/jpg_thumb.png"
+    
+    elsif self.attachment_content_type.match(/png/)
+    	return "spud/admin/files_thumbs/png_thumb.png"
+    
+    elsif self.attachment_content_type.match(/zip|tar|tar\.gz|gz/)
+    	return "spud/admin/files_thumbs/zip_thumb.png"
+    
+    elsif self.attachment_content_type.match(/xls|xlsx/)
+    	return "spud/admin/files_thumbs/xls_thumb.png"
+    
+    elsif self.attachment_content_type.match(/doc|docx/)
+    	return "spud/admin/files_thumbs/doc_thumb.png"
+    
+    elsif self.attachment_content_type.match(/ppt|pptx/)
+    	return "spud/admin/files_thumbs/ppt_thumb.png"
+    
+    elsif self.attachment_content_type.match(/txt|text/)
+    	return "spud/admin/files_thumbs/txt_thumb.png"
+    
+    elsif self.attachment_content_type.match(/pdf|ps/)
+    	return "spud/admin/files_thumbs/pdf_thumb.png"
+    
+    elsif self.attachment_content_type.match(/mp3|wav|aac/)
+    	return "spud/admin/files_thumbs/mp3_thumb.png"
+    end
+    
+    return "spud/admin/files_thumbs/dat_thumb.png"
+  end
+
+  def is_image?
+    if self.attachment_content_type.match(/jpeg|jpg|png/)
+      return true
+    else
+      return false
+    end
+  end
+
+  def is_pdf?
+    if self.attachment_content_type.match(/pdf/)
+      return true
+    else
+      return false
+    end
+  end
+
+  def has_custom_crop?
+    return (crop_x && crop_y && crop_w && crop_h && crop_s)
+  end
+
+  def dynamic_styles
+    styles = {}
+    if is_image? || is_pdf?
+      styles[:small] = '50'
+      if has_custom_crop?
+        styles[:cropped] = {:geometry => '', :convert_options => "-resize #{crop_s}% -crop #{crop_w}x#{crop_h}+#{crop_x}+#{crop_y}"}
+      end
+    end
+    return styles
+  end
+
+  # if you are using S3, attachment.url will automatically point to the S3 url
+  # protected files need to hit the rails middle-man first
+  # this method will provide the correct url for either case
+  def attachment_url(style=nil)
+    # defaults to cropped style if that style exists, otherwise use original
+    if !style
+      style = (is_image? && has_custom_crop?) ? 'cropped' : 'original'
+    end
+    if Spud::Media.paperclip_storage == :s3 && is_protected
+      return Paperclip::Interpolations.interpolate(Spud::Media.config.storage_url, attachment, style)
+    else
+      return attachment.url(style)
+    end
+  end
+
+   # If is_protected has changed, we need to make sure we are setting the appropriate permissions
+   # This means either moving the file in the filesystem or setting the appropriate ACL in S3
+  def validate_permissions
+    if Spud::Media.config.paperclip_storage == :filesystem
+      validate_permissions_filesystem
+    elsif Spud::Media.config.paperclip_storage == :s3
+      validate_permissions_s3
+    end
+  end
+
+private
+
+  def validate_permissions_filesystem
+    if is_protected
+      old_path = Paperclip::Interpolations.interpolate(Spud::Media.config.storage_path, attachment, 'original')
+      new_path = Paperclip::Interpolations.interpolate(Spud::Media.config.storage_path_protected, attachment, 'original')
+    else
+      old_path = Paperclip::Interpolations.interpolate(Spud::Media.config.storage_path_protected, attachment, 'original')
+      new_path = Paperclip::Interpolations.interpolate(Spud::Media.config.storage_path, attachment, 'original') 
+    end
+    new_base_dir = File.dirname(File.dirname(new_path))
+    old_base_dir= File.dirname(File.dirname(old_path))
+    if File.directory?(old_base_dir)
+      FileUtils.mv(old_base_dir, new_base_dir)
+    end
+  end
+
+  def validate_permissions_s3
+    if is_protected
+      attachment.s3_object(:original).acl = :private
+      attachment.s3_object(:cropped).acl = :private if attachment.s3_object(:cropped).exists?
+      attachment.s3_object(:small).acl = :private if attachment.s3_object(:small).exists?
+    else
+      attachment.s3_object(:original).acl = :public_read
+      attachment.s3_object(:cropped).acl = :public_read if attachment.s3_object(:cropped).exists?
+      attachment.s3_object(:small).acl = :public_read if attachment.s3_object(:small).exists?
+    end
+  end
+
+end

data/app/views/spud/admin/media/edit.html.erb

@@ -0,0 +1,50 @@
+<%= error_messages_for(@media) %>
+
+<div id="spud_media_cropper_toolbar">
+  <%= form_for @media, :url => spud_admin_medium_path(@media) do |f| %>
+
+    <div class="spud_media_cropper_toolbar_item">
+      <%= label_tag :x %>
+      <%= f.text_field :crop_x %>
+    </div>
+
+    <div class="spud_media_cropper_toolbar_item">
+      <%= label_tag :y %>
+      <%= f.text_field :crop_y %>
+    </div>
+
+    <div class="spud_media_cropper_toolbar_item">
+      <%= label_tag :width %>
+      <%= f.text_field :crop_w %>
+    </div>
+
+    <div class="spud_media_cropper_toolbar_item">
+      <%= label_tag :height %>
+      <%= f.text_field :crop_h %>
+    </div>
+
+    <div class="spud_media_cropper_toolbar_item">
+      <%= label_tag :scale, 'Size' %>
+      <%= f.hidden_field :crop_s %>
+      <a href="#" id="spud_media_cropper_resize_up"><i class="icon-plus"></i></a>
+      <a href="#" id="spud_media_cropper_resize_down"><i class="icon-minus"></i></a>
+    </div>
+
+    <div id="spud_media_cropper_toolbar_actions">
+      <%= f.submit 'Crop', :id => 'spud_media_cropper_submit', :class => 'btn btn-mini btn-primary' %>
+      <%= link_to "Don't Crop", spud_admin_media_path, :class => 'btn btn-mini' %>
+    </div>
+  <% end %>
+</div>
+
+<div id="spud_media_cropper_outer">
+  <div id="spud_media_cropper">
+    <div id="spud_media_cropper_jcrop_container">
+      <img src="<%= @media.attachment_url(:original) %>" id="spud_media_cropper_image" />
+    </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+  $(window).load(spud.admin.media.edit);
+</script>

data/app/views/spud/admin/media/index.html.erb

@@ -0,0 +1,37 @@
+<%=content_for :data_controls do%>
+<%=link_to "Upload File",new_spud_admin_medium_path(),:class => "btn btn-primary",:title => "Upload File"%>
+<%end%>
+<%=content_for :detail do%>
+	<div class="page_list">
+			<%@media.each do |media|%>
+				<div class="page_row">
+					
+				<span class="row_meta">
+					<% if media.is_protected && (media.is_image? || media.is_pdf?) %>
+						<img src="<%= media.image_from_type %>" class="size-50-thumb" />
+					<% else %>
+						<%= image_tag(media.image_from_type, :class => "size-50-thumb") %>
+					<% end %>
+					<%= link_to media.attachment.url.split("/").last, media.attachment_url %>					
+				</span>
+
+				<span class="edit_controls">
+					<% if media.is_image? %>
+						<%= link_to 'Crop', edit_spud_admin_medium_path(media.id), :class => 'btn' %>
+					<% end %>
+					<% if media.is_protected %>
+						<%= link_to raw('<i class="icon-lock"></i> Protected'), set_access_spud_admin_medium_path(media.id, :protected => false), :method => :put, :class => 'btn' %>
+					<% else %>
+						<%= link_to 'Public', set_access_spud_admin_medium_path(media.id, :protected => true), :method => :put, :class => 'btn' %>
+					<% end %>
+					<%=link_to "Remove", spud_admin_medium_path(:id => media.id),:method => :delete,:class => 'btn btn-danger',:confirm => "Are you sure you want to remove this file?"%>
+				</span>
+				
+				<br style="clear:both;"/>
+			</div>
+			<%end%>
+			<%=will_paginate @media%>
+
+	</div>
+
+<%end%>

data/app/views/spud/admin/media/new.html.erb

@@ -0,0 +1,26 @@
+
+  
+
+  <%=form_for @media,:url => spud_admin_media_path(),:html=>{:class=>"form-horizontal", :multipart => true} do |f|%>
+  <fieldset>
+	  <legend>Upload Media</legend>
+	  
+	  <div class="control-group">
+		  <%=f.label :attachment, "Choose File",:class =>"control-label"%>
+      <div class="controls">
+  		  <%=f.file_field :attachment%>
+      </div>
+	  </div>
+	  
+    <div class="control-group">
+      <%= f.label :is_protected, 'Protected File', :class => 'control-label' %>
+      <div class="controls">
+        <%= f.check_box :is_protected %>
+      </div>
+    </div>
+
+  <div class="form-actions">
+      <%=f.submit "Upload", :class=>"btn btn-primary","data-loading-text"=>"Uploading..."%> or <%=link_to "cancel",spud_admin_media_path,:class => "btn"%>
+    </div>
+  <%end%>
+

data/app/views/spud/admin/media_picker/_media.html.erb

@@ -0,0 +1,19 @@
+<%= content_tag :div, :class => 'spud_media_picker_item',
+  'data-id' => media.id,
+  'data-type' => (media.is_image? ? 'img' : 'file'),
+  'data-url' => media.attachment.url,
+  'data-name' => media.attachment_file_name,
+  'data-size' => media.attachment_file_size,
+  'data-lastmod' => media.attachment_updated_at.blank? == false ? media.attachment_updated_at.strftime("%l:%M %p, %D") : '',
+  'data-protected' => (media.is_protected ? 'Yes' : 'No') do %>
+  <span class="spud_media_picker_item_thumb">
+    <% if media.is_protected && (media.is_image? || media.is_pdf?) %>
+      <img src="<%= media.image_from_type %>"/>
+    <% else %>
+      <%= image_tag(media.image_from_type) %>
+    <% end %>
+  </span>
+  <span class="spud_media_picker_item_filename">
+    <%= media.attachment_file_name %>
+  </span>
+<% end %>

data/app/views/spud/admin/media_picker/create.html.erb

@@ -0,0 +1 @@
+<%= render :partial => 'media', :locals => {:media => @media} %>

data/app/views/spud/admin/media_picker/create.js.erb

@@ -0,0 +1 @@
+spud.admin.mediapicker.onLegacyUploadComplete("<%= escape_javascript(render :partial => 'media', :locals => {:media => @media}) %>");