muck-contents 0.1.12 → 0.2.0

data/README.rdoc

@@ -5,25 +5,27 @@ it easy to add this content to your website.
 
 === Gems
 Note that all gems below should be installed automatically as a muck-contents has them set as a dependency.  
-Many of the gems are found on github so before installing do:
-  gem sources -a http://gems.github.com
-
-  sudo gem install muck-acts_as_git                   # Versioning. Requires a git installation.
-  sudo gem install collectiveidea-awesome_nested_set  # Nested pages.  Used to setup navigation hierarchy (http://github.com/collectiveidea/awesome_nested_set/tree/master)
-  sudo gem install rgrove-sanitize                    # Remove harmful html. (http://github.com/rgrove/sanitize/tree/master.)
-  sudo gem install mbleigh-acts-as-taggable-on        # Tagging.  (http://github.com/mbleigh/acts-as-taggable-on/tree/master)
-  sudo gem install friendly_id                        # Pretty urls (http://github.com/norman/friendly_id/tree/master)
-  sudo gem install babelphish                         # Translations
-  sudo gem install muck-solr                          # Search Install muck_solr (or another version of acts_as_solr)
-
+  sudo gem install muck-contents
+  
 === Configure environment.rb
 Paste in the following:
-  config.gem "collectiveidea-awesome_nested_set", :lib => 'awesome_nested_set'
-  config.gem "sanitize"
-  config.gem "mbleigh-acts-as-taggable-on", :source => "http://gems.github.com", :lib => "acts-as-taggable-on"
+  config.gem "will_paginate"
+  config.gem "authlogic"
+  config.gem "searchlogic"
+  config.gem "bcrypt-ruby", :lib => "bcrypt", :version => ">=2.0.5"
+  config.gem "acts-as-taggable-on"
+  config.gem "awesome_nested_set"
   config.gem "friendly_id"
+  config.gem "sanitize"
+  config.gem 'paperclip'
+  config.gem 'tiny_mce'
+  config.gem "uploader"
   config.gem "babelphish"
-
+  config.gem 'muck-engine', :lib => 'muck_engine'
+  config.gem 'muck-users', :lib => 'muck_users'
+  config.gem 'muck-activities', :lib => 'muck_activities'
+  config.gem 'muck-solr', :lib => 'acts_as_solr'
+  config.gem 'muck-comments', :lib => 'muck_comments'
 
 === Gem configuration and setup
 In your app do
@@ -33,6 +35,11 @@ In your app do
 
 == Setup
 
+=== Initializer
+Running rake muck:contents:sync will copy all the needed javascript, image and css files into your project.  It will also create an initializer called mce_options.rb.  That file
+contains two basic configurations for tinymce as well as examples on how to create templates.  It is recommended that you don't modify that file as it will be overwritten the
+next time you run rake muck:contents:sync.  Instead use it as an example and create the desired tinymce setup.
+
 === User model
 Add the following method to your user model and modify it according to your specific needs:
   
@@ -106,5 +113,105 @@ Override the contents controller to change the the security model.  For example:
     
   end
 
+=== Uploader
+muck-contents uses the uploader gem and thus requires all the configuration to make that gem function.  This includes the addition of
+and uploads controller and upload model.  See that gem for more information.  If you have generated your project using the rails template generator
+(http://github.com/jbasdf/rails-templates) then it should be setup for you.  The actual uploading of files and images will be handled by
+the uploads controller.  The security for uploads to your site should be handled in that controller.
+
+==== Example uploads controller:
+
+  class UploadsController < Uploader::UploadsController
+
+    before_filter :login_required
+    before_filter :setup_parent, :only => [:index, :create, :swfupload, :photos, :files]
+
+    def index
+      @upload = Upload.new
+      @uploads = @parent.uploads.paginate(:page => @page, :per_page => @per_page, :order => 'created_at desc')
+      respond_to do |format|
+        format.html { render }
+        format.rss { render :layout => false }
+      end
+    end
+  
+    def photos
+      @images = @parent.uploads.images.paginate(:page => @page, :per_page => @per_page, :order => 'created_at desc')
+      respond_to do |format|
+        format.html { render }
+        format.rss { render :layout => false }
+      end
+    end
+  
+    def files
+      @files = @parent.uploads.files.paginate(:page => @page, :per_page => @per_page, :order => 'created_at desc')
+      respond_to do |format|
+        format.js { render :json => basic_uploads_json(@files) }
+      end
+    end
+
+    protected
+  
+      def get_upload_text(upload)
+        render_to_string( :partial => 'uploads/upload_row', :object => upload, :locals => { :style => 'style="display:none;"', :parent => @parent } )
+      end
+    
+      def get_redirect
+        @parent
+      end
+
+      def has_permission_to_upload(user, upload_parent)
+        return true if upload_parent.blank?
+        upload_parent.can_edit?(user)
+      end
+  
+      def permission_denied
+        message = t("uploader.permission_denied")
+        respond_to do |format|
+          format.html do
+            flash[:notice] = message
+            redirect_to get_redirect
+          end
+          format.js { render :text => message }
+          format.json { render :json => { :success => false, :message => message } }
+        end
+      end
+  
+  end
+
+==== Example upload model:
+NOTE: you must define icon, thumb, small, medium and large as styles.  They can be any size you like.
+
+  class Upload < ActiveRecord::Base
+  
+    acts_as_uploader  :enable_s3 => false,
+                      :has_attached_file => {
+                        :url     => "/system/:attachment/:id_partition/:style/:basename.:extension",
+                        :path    => ":rails_root/public/system/:attachment/:id_partition/:style/:basename.:extension",
+                        :styles  => { :icon => "30x30!", 
+                                      :thumb => "100>", 
+                                      :small => "150>", 
+                                      :medium => "300>", 
+                                      :large => "660>" },
+                        :default_url => "/images/profile_default.jpg",
+                        :storage => :s3,
+                        :s3_credentials => AMAZON_S3_CREDENTIALS,
+                        :bucket => "assets.#{GlobalConfig.application_url}",
+                        :s3_host_alias => "assets.#{GlobalConfig.application_url}",
+                        :convert_options => {
+                           :all => '-quality 80'
+                         }
+                      },
+                      :s3_path => ':id_partition/:style/:basename.:extension'
+
+  
+    acts_as_taggable
+  
+    named_scope :public, :conditions => "is_public = true"
+    named_scope :tagged_with, lambda {|tag_name| {:conditions => ["tags.name = ?", tag_name], :include => :tags} }
+  
+  end
+
+
 
 Copyright (c) 2009 Tatemae, released under the MIT license

data/VERSION

@@ -1 +1 @@
-0.1.12
+0.2.0

data/app/controllers/muck/tiny_mce_controller.rb

@@ -0,0 +1,47 @@
+class Muck::TinyMceController < ApplicationController
+  
+  layout 'tiny_mce'
+  
+  before_filter :get_parent
+  
+  def tiny_mce_files
+    @body_tag = 'advfile'
+    @load_files_path = files_for_content_url(make_parent_params(@parent).merge(:format => 'json'))
+    respond_to do |format|
+      format.html { render :template => 'tiny_mce/files'}
+    end
+  end
+  
+  def tiny_mce_images
+    @body_tag = 'advimage'
+    @load_files_path = images_for_content_url(make_parent_params(@parent).merge(:format => 'json'))
+    respond_to do |format|
+      format.html { render :template => 'tiny_mce/images'}
+    end
+  end
+  
+  def tiny_mce_links
+    @body_tag = 'advlink'
+    @load_files_path = files_for_content_url(make_parent_params(@parent).merge(:format => 'json'))
+    respond_to do |format|
+      format.html { render :template => 'tiny_mce/links'}
+    end
+  end
+  
+  def images_for_content
+    @parent = current_user if @parent.blank?
+    @images = @parent.uploads.images.paginate(:page => @page, :per_page => @per_page, :order => 'created_at desc')
+    respond_to do |format|
+      format.json { render :json => @images.to_json(:only => [:id], :methods => [:thumb, :file_name]) }
+    end
+  end
+  
+  def files_for_content
+    @parent = current_user if @parent.blank?
+    @files = @parent.uploads.files.paginate(:page => @page, :per_page => @per_page, :order => 'created_at desc')
+    respond_to do |format|
+      format.json { render :json => @files.to_json(:only => [:id], :methods => [:icon, :file_name]) }
+    end
+  end
+
+end

data/app/helpers/tinymce_helper.rb

@@ -1,13 +1,28 @@
 module TinymceHelper
   
-  # Pass paths into the tiny mce image and file dialog via hidden fields
-  # auto_complete_pages_path is for the tinymce link dialog.  It will use that value to 
-  # retrieve a list of content pages to link to
-  def mce_fields(upload_path, auto_complete_pages_path)
-    '<input id="upload-path" type="hidden" value="' + upload_path + '">' + 
-    '<input id="pages-path" type="hidden" value="' + auto_complete_pages_path + '">' + 
-    '<input id="session-key" type="hidden" value="' + GlobalConfig.session_key + '">' + 
-    '<input id="session-id" type="hidden" value="' + request.session_options[:id] + '">'
+  # Pass paths into the tiny mce image, link and file dialog via hidden fields
+  # options:
+  #       tiny_mce_files_width: width of file dialog. Default is 675
+  #       tiny_mce_files_height: height of file dialog. Default is 540
+  #       tiny_mce_images_width: width of image dialog. Default is 675
+  #       tiny_mce_images_height height of image dialog. Default is 540
+  def mce_fields(parent, options = {})
+    parent_params = make_muck_parent_fields(parent) || {}
+    tiny_mce_files_path = tiny_mce_files_url(parent_params)
+    tiny_mce_images_path = tiny_mce_images_url(parent_params)
+    tiny_mce_links_path = tiny_mce_links_url(parent_params)
+    
+    %Q{<input id="tiny_mce_files_path" type="hidden" value="#{tiny_mce_files_path}">
+    <input id="tiny_mce_files_width" type="hidden" value="#{options[:tiny_mce_files_width] || 675}">
+    <input id="tiny_mce_files_height" type="hidden" value="#{options[:tiny_mce_files_height] || 540}">
+    <input id="tiny_mce_images_path" type="hidden" value="#{tiny_mce_images_path}">
+    <input id="tiny_mce_images_width" type="hidden" value="#{options[:tiny_mce_images_width] || 675}">
+    <input id="tiny_mce_images_height" type="hidden" value="#{options[:tiny_mce_images_height] || 560}">
+    <input id="tiny_mce_links_path" type="hidden" value="#{tiny_mce_links_path}">}
   end
   
+  def tiny_mce_upload_form(parent)
+    upload_form(parent, true, '', :upload_url =>new_upload_path_with_session_information(parent, 'json'))
+  end
+    
 end

data/app/views/contents/_form.html.erb

@@ -23,13 +23,12 @@ message_id = "#{content.dom_id}_message"
       <%= f.hidden_field :uri_path unless content.uri_path.blank? %>
       <%= f.hidden_field :custom_scope unless content.custom_scope.blank? %>
     </div>
-    <%= mce_fields(polymorphic_url([@parent, :uploads], :format => 'js'), contents_url(:format => 'js')) -%>
+    <%= mce_fields(@parent) -%>
   <% end %>
 </div>
 
 <% content_for :head do  -%>
   <%= include_tiny_mce_if_needed %>
-  <%= javascript_include_tag 'tiny_mce_helper' %>
 <% end -%>
 
 <script language="javascript" type="text/javascript">

data/app/views/contents/new.html.erb

@@ -1,5 +1,6 @@
 <div id="add_content">
   <%= output_errors(t('muck.contents.problem_adding_content'), {:class => 'help-box'}, @content) %>
   <% content_form(@content) do |f| -%>
+    <%# can add form fields as desired here -%>
   <% end -%>
 </div>

data/app/views/layouts/tiny_mce.html.erb

@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="<%= I18n.locale %>" xml:lang="<%= I18n.locale %>">
+  <head>
+    <title><%= @page_title || GlobalConfig.application_name %></title>
+    <%= javascript_include_tag %w{
+      jquery/jquery.js
+      jquery/jquery.queryString.js
+      jquery/jquery.autocomplete.min.js
+      tiny_mce/tiny_mce_popup.js
+      tiny_mce/utils/mctabs.js
+      tiny_mce/utils/form_utils.js
+      tiny_mce/utils/validate.js
+      application.js }, :cache => 'tinymce_js_cached' %>
+    <%= javascript_tag %[const AUTH_TOKEN = #{form_authenticity_token.inspect};] if protect_against_forgery? %>
+    <%= stylesheet_link_tag %W{ tinymce jquery/jquery.autocomplete }, :cache => true %>
+    <%= yield :head -%>
+    <base target="_self" />
+  </head>
+  <body>
+    <%= yield :layout %>
+    <script type="text/javascript" language="JavaScript">
+      <%= yield :javascript %>
+    </script>
+  </body>
+</html>

data/app/views/tiny_mce/files.html.erb

@@ -0,0 +1,136 @@
+<div id="file-upload">
+  <fieldset>
+    <legend>Upload New File</legend>
+    <%= tiny_mce_upload_form(@parent) %>
+  </fieldset>
+</div>  
+<br />
+  
+<form name="insert_file" id="insert_file" onsubmit="insertAction();return false;" action="#">
+  <div class="tabs">
+    <ul>        
+      <li id="dynamic_select_tab" class="current"><span><a href="javascript:mcTabs.displayTab('dynamic_select_tab','dynamic_select_panel');" onmousedown="return false;">Files</a></span></li>
+      <li id="general_tab"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advfile_dlg.tab_general}</a></span></li>
+    </ul>
+  </div>
+
+  <div class="panel_wrapper">
+
+    <div id="dynamic_select_panel" class="panel current" style='overflow:auto'>
+      <fieldset>
+        <legend>Available Files - Click to Add</legend>
+        <div id="upload-list-message">
+          Loading Files...<br />
+          <img src="/images/spinner.gif">
+        </div>
+        <ul id="upload-list" class="file-list">
+        </ul>
+      </fieldset>
+    </div>
+
+    <div id="general_panel" class="panel">
+      <fieldset>
+        <legend>{#advfile_dlg.general_props}</legend>
+        <table border="0" cellpadding="4" cellspacing="0">
+          <tr>
+            <td nowrap="nowrap"><label id="hreflabel" for="href">{#advfile_dlg.url}</label></td>
+            <td><table border="0" cellspacing="0" cellpadding="0">
+              <tr>
+                <td><input id="href" name="href" type="text" class="mceFocus" value="" onchange="selectByValue(this.form,'linklisthref',this.value);" /></td>
+                <td id="hrefbrowsercontainer">&nbsp;</td>
+              </tr>
+            </table></td>
+          </tr>
+          <tr>
+            <td nowrap="nowrap"><label id="titlelabel" for="title">{#advfile_dlg.titlefield}</label></td>
+            <td><input id="title" name="title" type="text" value="" /></td>
+          </tr>
+          <tr>
+            <td><label id="classlabel" for="classlist">{#class_name}</label></td>
+            <td>
+              <select id="classlist" name="classlist" onchange="changeClass();">
+                <option value="" selected>{#not_set}</option>
+              </select>
+            </td>
+          </tr>
+          <tr>
+            <td><label id="stylelabel" for="style">{#advfile_dlg.style}</label></td>
+            <td><input type="text" id="style" name="style" value="" /></td>
+          </tr>
+          <tr>
+            <td class="column1"><label id="idlabel" for="id">{#advfile_dlg.id}</label></td> 
+            <td><input id="id" name="id" type="text" value="" /></td> 
+          </tr>
+        </table>
+      </fieldset>
+    </div>
+
+  </div>
+
+  <div class="mceActionPanel">
+    <div style="float: left">
+      <input type="button" id="insert" name="insert" value="{#insert}" onclick="insertAction();" />
+    </div>
+    <div style="float: right">
+      <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
+    </div>
+  </div>
+  
+</form>
+
+<% content_for :head do  -%>
+  <%= javascript_include_tag 'tiny_mce/plugins/advfiletoo/js/functions.js' -%>
+<% end -%>
+<script language="javascript" type="text/javascript">
+jQuery(document).ready(function()
+{
+  jQuery.getJSON('<%=@load_files_path%>', function(json){
+    if (json.length <= 0){
+      jQuery("#upload-list-message").html('<%= t('muck.contents.no_files') %>');
+    } else {
+      jQuery('#upload-list-message').html('');
+      for(i=0;i<json.length;i++){
+        add_file(json[i], 'append');
+      }
+    }
+  });
+});
+function upload_completed_callback(data){
+  jQuery('#upload-list-message').html('');
+  var json = eval('(' + data + ')');
+	add_file(json, 'prepend');
+}
+function add_file(file, location){
+	var file_html = '<li id="file-' + file.id + '">' +
+		'<img class="icon" src="' + file.icon + '" alt="" />' +
+		'<a onclick="select_file(this);return false;" href="#">' + file.file_name + '</a>' +
+		'<a onclick="delete_file(this, ' + file.id + ');return false;" href="#"><img src="/images/icons/delete.png" /></a>' +
+		'<input type="hidden" value="' + file.file_name + '" /></li>';	
+	if ('prepend' == location){
+		jQuery('#upload-list').prepend(file_html);
+	} else {
+		jQuery('#upload-list').append(file_html);
+	}
+}
+function delete_file(element, id){
+	jQuery(element).parents('li').removeClass('selected');
+	jQuery(element).parents('li').fadeOut();
+	jQuery.post('/uploads/' + id + '.js', {action: 'destroy', _method: 'delete' },
+	  function(data){
+			// just chuck the message
+	  });
+}
+function select_file(element){
+	var anchor = jQuery(element);
+	var url = anchor.parents('li').children('input').val();
+	var name = anchor.html();
+	insert_file_too(url, name);	
+}
+function insert_file_too(url, name){
+	jQuery('input#href').val(url);
+	if(jQuery('input#title').val().length <= 0){
+		jQuery('input#title').val(name);
+	}
+	mcTabs.displayTab('general_tab','general_panel');
+}
+</script>