radiant-paperclipped-extension 0.8.1

data/lib/tasks/paperclip_tasks.rake

@@ -0,0 +1,79 @@
+def obtain_class
+  class_name = ENV['CLASS'] || ENV['class']
+  raise "Must specify CLASS" unless class_name
+  @klass = Object.const_get(class_name)
+end
+
+def obtain_attachments
+  name = ENV['ATTACHMENT'] || ENV['attachment']
+  raise "Class #{@klass.name} has no attachments specified" unless @klass.respond_to?(:attachment_definitions)
+  if !name.blank? && @klass.attachment_definitions.keys.include?(name)
+    [ name ]
+  else
+    @klass.attachment_definitions.keys
+  end
+end
+
+def for_all_attachments
+  klass = obtain_class
+  names = obtain_attachments
+  ids   = klass.connection.select_values(klass.send(:construct_finder_sql, :select => 'id'))
+
+  ids.each do |id|
+    instance = klass.find(id)
+    names.each do |name|
+      result = if instance.send("#{ name }?")
+                 yield(instance, name)
+               else
+                 true
+               end
+      print result ? "." : "x"; $stdout.flush
+    end
+  end
+  puts " Done."
+end
+
+namespace :paperclip do
+  desc "Refreshes both metadata and thumbnails."
+  task :refresh => ["paperclip:refresh:metadata", "paperclip:refresh:thumbnails"]
+
+  namespace :refresh do
+    desc "Regenerates thumbnails for a given CLASS (and optional ATTACHMENT)."
+    task :thumbnails => :environment do
+      errors = []
+      for_all_attachments do |instance, name|
+        result = instance.send(name).reprocess!
+        errors << [instance.id, instance.errors] unless instance.errors.blank?
+        result
+      end
+      errors.each{|e| puts "#{e.first}: #{e.last.full_messages.inspect}" }
+    end
+
+    desc "Regenerates content_type/size metadata for a given CLASS (and optional ATTACHMENT)."
+    task :metadata => :environment do
+      for_all_attachments do |instance, name|
+        if file = instance.send(name).to_file
+          instance.send("#{name}_file_name=", instance.send("#{name}_file_name").strip)
+          instance.send("#{name}_content_type=", file.content_type.strip)
+          instance.send("#{name}_file_size=", file.size) if instance.respond_to?("#{name}_file_size")
+          instance.save(false)
+        else
+          true
+        end
+      end
+    end
+  end
+
+  desc "Cleans out invalid attachments. Useful after you've added new validations."
+  task :clean => :environment do
+    for_all_attachments do |instance, name|
+      instance.send(name).send(:validate)
+      if instance.send(name).valid?
+        true
+      else
+        instance.send("#{name}=", nil)
+        instance.save
+      end
+    end
+  end
+end

data/lib/url_additions.rb

@@ -0,0 +1,10 @@
+module UrlAdditions
+  
+  Paperclip.interpolates :no_original_style do |attachment, style|
+    style ||= :original
+    style == attachment.default_style ? nil : "_#{style}"
+  end
+  
+end
+  
+

data/paperclipped_extension.rb

@@ -0,0 +1,56 @@
+require_dependency 'application_controller'
+require File.dirname(__FILE__) + '/lib/url_additions'
+include UrlAdditions
+
+class PaperclippedExtension < Radiant::Extension
+  version "0.8.1"
+  description "Assets extension based on the lightweight Paperclip plugin."
+  url "http://github.com/kbingman/paperclipped"
+  
+  def activate
+    
+    Radiant::AdminUI.send :include, AssetsAdminUI unless defined? admin.asset # UI is a singleton and already loaded
+    admin.asset = Radiant::AdminUI.load_default_asset_regions
+    
+    Admin::PagesController.class_eval {
+      helper Admin::AssetsHelper
+    }
+
+    %w{page}.each do |view|
+      # admin.send(view).edit.add :main, "/admin/assets/show_bucket_link", :before => "edit_header"  
+      admin.pages.edit.add :part_controls, 'admin/assets/show_bucket_link'   
+      admin.send(view).edit.add :main, "/admin/assets/assets_bucket", :after => "edit_buttons"
+      admin.send(view).edit.asset_tabs.concat %w{attachment_tab upload_tab bucket_tab search_tab}
+      admin.send(view).edit.bucket_pane.concat %w{bucket_notes bucket bucket_bottom}
+      admin.send(view).edit.asset_panes.concat %w{page_attachments upload search}
+    end
+    
+    Page.class_eval {
+      has_many :page_attachments, :order => :position
+      has_many :assets, :through => :page_attachments
+      include AssetPageTags
+    }
+    
+    # Make asset tags available in stylesheets and javascripts
+    if defined?(TextAsset)
+      TextAsset.send :include, AssetTags
+    end
+
+    # connect UserActionObserver with my models 
+    UserActionObserver.instance.send :add_observer!, Asset 
+    
+    # This is just needed for testing if you are using mod_rails
+    if Radiant::Config.table_exists? && Radiant::Config["assets.image_magick_path"]
+      Paperclip.options[:image_magick_path] = Radiant::Config["assets.image_magick_path"]
+    end
+    
+    tab 'Content' do
+      add_item I18n.translate("paperclipped.assets_title"), "/admin/assets", :after => "Pages"
+    end
+  end
+  
+  def deactivate
+    
+  end
+  
+end

data/public/images/assets/_page_assets.html.haml

@@ -0,0 +1,26 @@
+- unless @page.assets.empty?
+  - @page.page_attachments.each do |a|
+    - asset = a.asset
+    - dom_id = "attachment_#{a.id}"
+    %li{ :id => dom_id }
+      - asset_type = asset.image? ? "image" : "link"
+      %div{ :class => "#{asset_type} asset" }
+        = link_to image_tag(asset.thumbnail(:thumbnail)), asset.thumbnail, :onclick => "return false;", :title => "Insert #{asset.title}"
+      .info{ :id => "#{dom_id}_info" }
+        %strong
+          = link_to "edit", edit_asset_url(asset.id), :id => "edit_asset", :title => "Edit #{asset.title}"
+        - if @page
+          = link_to_remote "remove", :html => { :id => "remove_asset", :title => "remove asset" }, :url => remove_page_asset_url(:asset => asset.id, :page => @page.id), | 
+            :confirm => "Are you sure you want to remove this asset from the page?", |
+            :after => "Effect.Fade('#{dom_id}', { duration: 0.5 })", :complete => "Element.remove('#{dom_id}'); Element.highlight('assets')" |
+          = image_tag "/images/assets/reorder_assets.png", :class => "reorder", :title => "Reorder"
+    
+- else
+  %li
+    %p.note You have no attached assets.
+    
+%script{ :type => "text/javascript" }
+  $$('#assets .asset').each(function(element){
+  new Draggable(element, { revert: true });
+  element.addClassName('move');
+  });

data/public/javascripts/admin/assets.js

@@ -0,0 +1,173 @@
+document.observe("dom:loaded", function() {
+  if($('asset-bucket')){
+    new Draggable('asset-bucket', { starteffect: false, endeffect: false });
+  }
+  if($('page-attachments')){
+    Asset.ChooseTabByName('page-attachments');
+  }
+});
+
+var Asset = {};
+
+Asset.Tabs = Behavior.create({
+  onclick: function(e){
+    e.stop();
+    Asset.ChooseTab(this.element);
+  }
+});
+
+// factored out so that it can be called in an ajax response
+
+Asset.ChooseTab = function (element) {
+  var pane = $(element.href.split('#')[1]);
+  var panes = $('assets').select('.pane');
+  
+  var tabs = $('asset-tabs').select('.asset-tab');
+  tabs.each(function(tab) {tab.removeClassName('here');});
+  
+  element.addClassName('here');;
+  panes.each(function(pane) {Element.hide(pane);});
+  Element.show($(pane));
+}
+
+Asset.ChooseTabByName = function (tabname) {
+  var element = $('tab_' + tabname);
+  Asset.ChooseTab(element);
+}
+
+// factored out so that it can be called after new page part creation
+
+Asset.MakeDraggables = function () { 
+  $$('div.asset').each(function(element){
+    new Draggable(element, { revert: true });
+    element.addClassName('move');
+  });
+}
+
+Asset.DisableLinks = Behavior.create({
+  onclick: function(e){
+    e.stop();
+  }
+});
+
+Asset.AddToPage = Behavior.create({
+  onclick: function(e){
+    e.stop();
+    url = this.element.href;
+    new Ajax.Updater('attachments', url, {
+      asynchronous : true, 
+      evalScripts  : true, 
+      method       : 'get'
+      // onComplete   : Element.highlight('page-attachments')
+    });
+    
+  }
+});
+
+Asset.MakeDroppables = function () {
+  $$('.textarea').each(function(box){
+    if (!box.hasClassName('droppable')) {
+      Droppables.add(box, {
+        accept: 'asset',
+        onDrop: function(element) {
+          var link = element.select('a.bucket_link')[0];
+          var asset_id = element.id.split('_').last();
+          var classes = element.className.split(' ');
+          var tag_type = classes[0];
+          var tag = '<r:assets:' + tag_type + ' id="' + asset_id + '" size="original" />';
+          //Form.Element.focus(box);
+        	if(!!document.selection){
+        		box.focus();
+        		var range = (box.range) ? box.range : document.selection.createRange();
+        		range.text = tag;
+        		range.select();
+        	}else if(!!box.setSelectionRange){
+        		var selection_start = box.selectionStart;
+        		box.value = box.value.substring(0,selection_start) + tag + box.value.substring(box.selectionEnd);
+        		box.setSelectionRange(selection_start + tag.length,selection_start + tag.length);
+        	}
+        	box.focus();
+        }
+      });      
+    	box.addClassName('droppable');
+    }
+  });
+}
+
+Asset.ShowBucket = Behavior.create({
+  onclick: function(e){
+    e.stop();
+    var element = $('asset-bucket');
+    element.centerInViewport();
+    element.toggle();
+    Asset.MakeDroppables();
+  }
+});
+
+Asset.HideBucket = Behavior.create({
+  onclick: function(e){
+    e.stop();
+    var element = $('asset-bucket');
+    element.hide();
+  }
+});
+
+Asset.FileTypes = Behavior.create({
+  onclick: function(e){
+    e.stop();
+    var element = this.element;
+    var type_id = element.text.downcase();
+    var type_check = $(type_id + '-check');
+    var search_form = $('filesearchform');
+    if(element.hasClassName('pressed')) {
+      element.removeClassName('pressed');
+      type_check.removeAttribute('checked');
+    } else {
+      element.addClassName('pressed');
+      type_check.setAttribute('checked', 'checked');
+    }
+    new Ajax.Updater('assets_table', search_form.action, {
+      asynchronous: true, 
+      evalScripts:  true, 
+      parameters:   Form.serialize(search_form),
+      method: 'get',
+      onComplete: 'assets_table'
+    });
+  }
+});
+
+Asset.WaitingForm = Behavior.create({
+  onsubmit: function(e){
+    this.element.addClassName('waiting');
+    return true;
+  }
+});
+
+Asset.ResetForm = function (name) {
+  var element = $('asset-upload');
+  element.removeClassName('waiting');
+  element.reset();
+  Asset.MakeDroppables();
+}
+
+Asset.AddAsset = function (name) {
+  element = $(name); 
+  asset = element.select('.asset')[0];
+  if (window.console && window.console.log) {
+    console.log('inserted element is ', element);
+    console.log('contained asset is ', asset);
+  }
+  if (asset) {
+    new Draggable(asset, { revert: true });
+  }
+}
+
+Event.addBehavior({
+  '#asset-tabs a'     : Asset.Tabs,
+  '#close-link a'     : Asset.HideBucket,
+  '#show-bucket a'    : Asset.ShowBucket,
+  '#filesearchform a' : Asset.FileTypes,
+  '#asset-upload'     : Asset.WaitingForm,
+  'div.asset a'       : Asset.DisableLinks,
+  'a.add_asset'       : Asset.AddToPage
+});

data/public/stylesheets/admin/assets.css

@@ -0,0 +1,163 @@
+#content { padding-bottom: 50px;} /*fix main css for #actions part*/
+
+.asset_filters {
+  background: #ccc;
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+}
+.asset_filters form { margin: 10px;}
+.regenerator { float: right; margin-top: -40px; }
+.regenerator a { background: #000; color: #ccc; padding: 5px; font-size: 80%; text-decoration: none; }
+
+
+td.asset { width: 72px; }
+
+td.asset a {   }
+td.asset a img { padding: 2px; background-color: #eee; border: 1px solid #ccc;}
+
+td.asset-title, td.tag-name { font-size: 115%; font-weight: bold;}
+td.asset-title a, td.tag-name a { text-decoration: none; color: black; }
+
+td.asset-tags a { color: black; text-decoration:none; }
+table td.asset-title a:hover, td.asset-tags a:hover, td.tag-name a:hover {
+ color: blue; text-decoration: underline; }
+table .caption { color: #9eb3bf; font-style: italic; font-weight: normal; margin: 10px; }
+
+table th.content_type { width: 120px; }
+table td.content_type { width: 120px; color: #9eb3bf; font-style: italic; font-weight: normal; }
+table td.add-to-bucket { width: 90px;}
+table td.add-to-bucket a { background: url("../../images/admin/plus.png") no-repeat scroll 4px 0 transparent; color: black; font-size: 80%; padding: 0 0 0 20px; text-decoration: none;}
+
+#asset-bucket {
+  width: 70%;
+  padding: 20px;
+  cursor: move;
+}
+
+#assets-container, #asset-bucket {
+  background-color: #9e9e9e;
+}
+
+#page #assets-container {
+  margin-left: -20px;
+  margin-right: -20px;
+  padding: 20px;
+}
+#content #asset-bucket form label { color: black; text-shadow: none; }
+#content #asset-bucket #search-assets form label { display: inline; }
+#close-link { margin-top: 10px; }
+
+#assets {
+  clear: both;
+  position: relative;
+  margin-bottom: 4px;
+  padding: 0;
+  cursor: default;
+  min-height: 150px;
+  height: auto !important;
+  height: 150px;
+  background: white;
+}
+
+#asset-bucket, #assets .pane {
+  -webkit-box-shadow: rgba(0, 0, 0, 0.148438) 2px 2px 3px;
+  -moz-box-shadow: rgba(0, 0, 0, 0.148438) 2px 2px 3px;
+  -box-shadow: rgba(0, 0, 0, 0.148438) 2px 2px 3px;
+}
+
+#assets .pane,
+#content .form-area .asset {
+  background: #F5F1E2 url(/images/admin/vertical_tan_gradient.png) repeat-x 0% 0%;
+  padding: 12px 20px;
+}
+   
+#assets h4 { font-size: 100%; font-weight: bold; margin: 0; } 
+#assets p { padding: 0; margin: 0; line-height: 22px; }
+#assets .note { font-weight: normal; color: black; font-size: 80%; }
+
+.note:first-letter { text-transform: uppercase; }
+
+#assets p.note { margin: 5px 0; font-style: italic;}
+
+#clear-bucket, #reorder, #done {position: absolute; right: 10px;}
+#clear-bucket a, #reorder a, #done a { text-align: right; font-weight: bold; font-size: 85%;
+  color: black; text-decoration: none; }
+#clear-bucket a:hover, #reorder a:hover, #done a:hover { color: blue; text-decoration: underline; }
+   
+
+#asset-tabs { margin: 0  }
+#asset-tabs .asset-tab {
+  background-color: #CAC8C0;
+  color: #7F7F7F;
+  border-top-left-radius: 6px 6px;
+  border-top-right-radius: 6px 6px;
+  display: inline-block;
+  font-weight: bold;
+  text-align: left;
+  font-size: 90%;
+  margin-right: 5px;
+  padding: 7px 10px 4px; text-decoration: none; text-transform: titlecase; outline: none; -moz-outline: none;
+}
+
+#asset-tabs .asset-tab.here {
+  background-color: white;
+  color: black;
+}
+
+
+#bucket ul, #page-attachments ul, #search-results ul { list-style: none; margin: 0; padding: 0 10px 0 0;}
+
+#assets li { position: relative; float:left; margin: 8px 8px 0 8px; height: 106px; padding-right: 24px;}
+#assets .asset  { position: relative; }
+#assets .asset img { padding: 3px; background-color:#eaeaea; border: 1px solid #ccc; }
+  
+#assets .info { position: absolute; top: 0; right: 0; }
+#assets .info p { margin: 0; }
+#assets .info a { display: block; color: black; text-decoration: none; height: 16; width: 16px; border: 1px solid #ccc; margin: 0 0 5px 0; }
+  
+#assets .info a#edit_asset { background: #fff url('/images/assets/edit.png') center center no-repeat; } 
+#assets .info a#add_asset { background: #fff url('/images/admin/plus.png') center center no-repeat; } 
+#assets .info a#remove_asset { background: #fff url('/images/admin/minus.png') center center no-repeat; } 
+#assets .info img.reorder { border: 1px solid #ccc; cursor: move; }
+  
+#assets .info  a:hover { color: blue; text-decoration: underline; }
+#assets .image_info h4 { margin: 0 0 10px 0; padding: 0; background: none; }
+
+#content .form-area .asset {padding-top: 20px;padding-bottom:20px;}
+#content .form-area .upload {}
+#content p.content label.filename { margin-bottom: -5px; display: block; }
+#content .form-area p.upload  label { margin-bottom: 5px; display: block; }
+p#asset-name { padding-top: 8px; font-size: 80%; }
+p.info { font-size: 85%; }
+
+.asset-buttons { font-size: 80%; }
+
+table#site-map td.assets, table#site-map th.assets  { text-align: right; border: 1px solid red;}
+
+#upload-assets { }
+#upload-assets a { color: black; font-weight: bold; text-decoration: none; }
+#upload-assets a:hover { color: blue; text-decoration: underline; }
+#upload-form .file { padding: 10px 10px 5px; }
+#upload-form .upload-buttons { padding: 0 10px; font-size: 80%; }
+#upload-form label { margin-bottom: 5px; display: block; font-weight: bold;  }
+#upload-form iframe { width: 1px; height: 1px; border: 0; }
+
+#asset-upload .spinner { display: none; width: 16px; height: 16px; background-image: url(/images/admin/spinner.gif);}
+#asset-upload.waiting { color: #666;}
+#asset-upload.waiting .spinner { display: block;}
+#asset-upload.waiting .button { display: none;}
+
+#filesearchform {  }
+#filesearchform #search p input{ margin: -3px 0 -3px; padding: 1px; }
+#filesearchform label { font-weight: bold; }
+#filesearchform a { background: #999; color: #000; border: 1px solid #777; padding: 3px; text-decoration: none; outline: none; -moz-outline: none; font-size: 80%; }
+#filesearchform a:hover { background: #eee; text-decoration: underline; }
+#filesearchform a.pressed { background: #eee; }
+
+.move a { cursor: move; }
+
+#show-bucket { font-size: 85%; padding: 0 0 0 4px; }
+#content form #show-bucket a { color: #44e; }
+
+.highlight { color: #fff; }
+.pagination { float: right; margin: 14px 10px 0 0;}