fullstack-ckeditor 0.1.1 → 0.1.2

data/VERSION

@@ -1 +1 @@
-0.1.1
+0.1.2

data/app/assets/javascripts/fullstack/ckeditor.js.coffee

@@ -1,6 +1,66 @@
-#= require 'fullstack/ckeditor/ckeditor
-
 $(document).ready ->
-  $( 'textarea.markup, textarea.markup-ckeditor' ).each ->
-      CKEDITOR.replace( $(this).attr('id') );
+  if typeof CKEDITOR is "undefined"
+    
+    window.CKEDITOR_BASEPATH = '/ckeditor/'
     
+    $.getScript "/ckeditor/ckeditor.js", ->
+      
+      # Integrate Rails CSRF token into file upload dialogs (link, image, attachment and flash)
+      CKEDITOR.on "dialogDefinition", (ev) ->
+  
+       # Take the dialog name and its definition from the event data.
+       dialogName = ev.data.name
+       dialogDefinition = ev.data.definition
+       content = undefined
+       upload = undefined
+       if CKEDITOR.tools.indexOf(["link", "image", "attachment", "flash"], dialogName) > -1
+         content = (dialogDefinition.getContents("Upload") or dialogDefinition.getContents("upload"))
+         upload = ((if not content? then null else content.get("upload")))
+         if upload and not upload.filebrowser["params"]?
+           upload.filebrowser["params"] = config.filebrowserParams()
+           upload.action = config.addQueryString(upload.action, upload.filebrowser["params"])
+ 
+      
+      $( 'textarea.markup, textarea.markup-ckeditor' ).each ->
+        textarea = $(@)
+        id = textarea.attr('id')
+        
+        config = {}
+        config.width = textarea.outerWidth()
+        config.filebrowserBrowseUrl = "/ckeditor/attachment_files"
+        config.filebrowserFlashBrowseUrl = "/ckeditor/attachment_files"
+        config.filebrowserFlashUploadUrl = "/ckeditor/attachment_files"
+        config.filebrowserImageBrowseLinkUrl = "/ckeditor/pictures"
+        config.filebrowserImageBrowseUrl = "/ckeditor/pictures"
+        config.filebrowserImageUploadUrl = "/ckeditor/pictures"
+        config.filebrowserUploadUrl = "/ckeditor/attachment_files"
+        
+        config.filebrowserParams = ->
+          csrf_token = undefined
+          csrf_param = undefined
+          meta = undefined
+          metas = document.getElementsByTagName("meta")
+          params = new Object()
+          i = 0
+
+          while i < metas.length
+            meta = metas[i]
+            switch meta.name
+              when "csrf-token"
+                csrf_token = meta.content
+              when "csrf-param"
+                csrf_param = meta.content
+            i++
+          params[csrf_param] = csrf_token  if csrf_param isnt `undefined` and csrf_token isnt `undefined`
+          params
+
+        config.addQueryString = (url, params) ->
+          queryString = []
+          unless params
+            return url
+          else
+            for i of params
+              queryString.push i + "=" + encodeURIComponent(params[i])
+          url + ((if (url.indexOf("?") isnt -1) then "&" else "?")) + queryString.join("&")
+        
+        CKEDITOR.replace( id , config )

data/app/controllers/ckeditor/application_controller.rb

@@ -0,0 +1,32 @@
+class Ckeditor::ApplicationController < ::ApplicationController
+  respond_to :html, :json
+  
+  before_filter :set_locale
+  before_filter :find_asset, :only => [:destroy]
+  before_filter :authenticate_administrator!
+  
+  protected
+    
+    def set_locale
+      if !params[:langCode].blank? && I18n.available_locales.include?(params[:langCode].to_sym)
+        I18n.locale = params[:langCode]
+      end
+    end
+    
+    def respond_with_asset(asset)
+      file = params[:CKEditor].blank? ? params[:qqfile] : params[:upload]
+	    asset.data = Ckeditor::Http.normalize_param(file, request)
+	    
+	    callback = ckeditor_before_create_asset(asset)
+	    
+      if callback && asset.save
+        body = params[:CKEditor].blank? ? asset.to_json(:only=>[:id, :type]) : %Q"<script type='text/javascript'>
+          window.parent.CKEDITOR.tools.callFunction(#{params[:CKEditorFuncNum]}, '#{Ckeditor::Utils.escape_single_quotes(asset.url_content)}');
+        </script>"
+        
+        render :text => body
+      else
+        render :nothing => true
+      end
+    end
+end

data/app/controllers/ckeditor/attachment_files_controller.rb

@@ -0,0 +1,23 @@
+class Ckeditor::AttachmentFilesController < Ckeditor::ApplicationController
+
+  def index
+    @attachments = Ckeditor.attachment_file_model.find_all(ckeditor_attachment_files_scope)
+    respond_with(@attachments)
+  end
+  
+  def create
+    @attachment = Ckeditor::AttachmentFile.new
+	  respond_with_asset(@attachment)
+  end
+  
+  def destroy
+    @attachment.destroy
+    respond_with(@attachment, :location => attachment_files_path)
+  end
+  
+  protected
+  
+    def find_asset
+      @attachment = Ckeditor.attachment_file_model.get!(params[:id])
+    end
+end

data/app/controllers/ckeditor/pictures_controller.rb

@@ -0,0 +1,23 @@
+class Ckeditor::PicturesController < Ckeditor::ApplicationController
+
+  def index
+    @pictures = Ckeditor.picture_model.find_all(ckeditor_pictures_scope)
+    respond_with(@pictures) 
+  end
+  
+  def create
+    @picture = Ckeditor::Picture.new
+	  respond_with_asset(@picture)
+  end
+  
+  def destroy
+    @picture.destroy
+    respond_with(@picture, :location => pictures_path)
+  end
+  
+  protected
+  
+    def find_asset
+      @picture = Ckeditor.picture_model.get!(params[:id])
+    end
+end

data/app/models/ckeditor/asset.rb

@@ -1,4 +1,44 @@
 class Ckeditor::Asset < ActiveRecord::Base
-  include Ckeditor::Orm::ActiveRecord::AssetBase
-  include Ckeditor::Backend::Paperclip
-end
+  belongs_to :assetable, :polymorphic => true
+  inheritable
+  timestamps
+  
+
+  def filename
+    data_file_name
+  end
+          
+  def has_dimensions?
+    respond_to?(:width) && respond_to?(:height)
+  end
+          
+  def image?
+    Ckeditor::IMAGE_TYPES.include?(data_content_type)
+  end
+
+  def format_created_at
+    self.created_at.strftime("%d.%m.%Y")
+  end
+
+  def url_content
+    url
+  end
+
+  def url_thumb
+    url(:thumb)
+  end
+          
+  def as_json_methods
+    [:url_content, :url_thumb, :size, :filename, :format_created_at]
+  end
+
+  def as_json(options = nil)
+    options = {
+      :methods => as_json_methods,
+      :root => "asset"
+    }.merge(options || {})
+
+    super options
+  end
+  
+end

data/app/models/ckeditor/attachment_file.rb

@@ -1,7 +1,8 @@
 class Ckeditor::AttachmentFile < Ckeditor::Asset
+
   has_attached :data
-  
-  validates_attachment_size :data, :less_than => 100.megabytes
+
+  validates_attachment_size :data, :less_than => 50.megabytes
   validates_attachment_presence :data
 	
 	def url_thumb

data/app/models/ckeditor/picture.rb

@@ -1,9 +1,12 @@
 class Ckeditor::Picture < Ckeditor::Asset
   has_attached :data, :styles => { :content => '800>', :thumb => '118x100#' }
 	
-	validates_attachment_size :data, :less_than => 2.megabytes
+	validates_attachment_size :data, :less_than => 5.megabytes
 	validates_attachment_presence :data
 	
+  field :width
+  field :height
+  
 	def url_content
 	  url(:content)
 	end

data/config/routes.rb

@@ -0,0 +1,6 @@
+Rails.application.routes.draw do
+    namespace :ckeditor do    
+      resources :pictures, :only => [:index, :create, :destroy]
+      resources :attachment_files, :only => [:index, :create, :destroy]
+    end  
+end

data/fullstack-ckeditor.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = "fullstack-ckeditor"
-  s.version = "0.1.1"
+  s.version = "0.1.2"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["mcasimir"]
@@ -22,18 +22,54 @@ Gem::Specification.new do |s|
     "Rakefile",
     "VERSION",
     "app/assets/javascripts/fullstack/ckeditor.js.coffee",
-    "app/assets/javascripts/fullstack/ckeditor/ckeditor.js",
+    "app/controllers/ckeditor/application_controller.rb",
+    "app/controllers/ckeditor/attachment_files_controller.rb",
+    "app/controllers/ckeditor/pictures_controller.rb",
     "app/inputs/markup_input.rb",
     "app/models/ckeditor/asset.rb",
     "app/models/ckeditor/attachment_file.rb",
     "app/models/ckeditor/picture.rb",
+    "config/routes.rb",
     "fullstack-ckeditor.gemspec",
     "lib/fullstack-ckeditor.rb",
     "lib/fullstack/ckeditor.rb",
     "lib/fullstack/ckeditor/engine.rb",
     "lib/generators/fullstack/ckeditor/install_generator.rb",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/ckeditor.js",
     "lib/generators/fullstack/ckeditor/templates/ckeditor/config.js",
     "lib/generators/fullstack/ckeditor/templates/ckeditor/contents.css",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/gal_add.jpg",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/gal_add.png",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/gal_del.png",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/gal_more.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/preloader.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/avi.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/ckfnothumb.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/doc.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/docx.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/exe.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/gz.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/htm.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/jpg.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/mp3.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/mpg.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/pdf.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/psd.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/rar.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/swf.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/tar.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/txt.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/unknown.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/wmv.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/xls.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/xlsx.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/images/thumbs/zip.gif",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/javascripts/application.js",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/javascripts/fileuploader.js",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/javascripts/jquery.min.js",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/javascripts/jquery.tmpl.min.js",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/javascripts/rails.js",
+    "lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/stylesheets/uploader.css",
     "lib/generators/fullstack/ckeditor/templates/ckeditor/lang/af.js",
     "lib/generators/fullstack/ckeditor/templates/ckeditor/lang/ar.js",
     "lib/generators/fullstack/ckeditor/templates/ckeditor/lang/bg.js",

data/lib/fullstack/ckeditor/engine.rb

@@ -3,7 +3,19 @@ require 'rails'
 module Fullstack
   module Ckeditor
     class Engine < ::Rails::Engine
-  
+      # initializer "fullstack-admin precompile" do |app|
+      #   app.config.assets.precompile += Ckeditor.assets
+      # end
+      #   
+      # initializer 'fullstack.autoload', :after => :set_autoload_paths do |app|
+      #   Ckeditor.setup do |config|
+      #     require "ckeditor/orm/active_record"
+      #   end
+      #   Ckeditor::ApplicationController.class_eval do
+      #     before_filter :authenticate_administrator!
+      #   end
+      # end
+      
     end
   end
 end

data/lib/generators/fullstack/ckeditor/install_generator.rb

@@ -1,12 +1,16 @@
 module Fullstack
   module Ckeditor
-    class InstallGenerator < Rails::Generators::NamedBase
+    class InstallGenerator < Rails::Generators::Base
       source_root File.expand_path('../templates', __FILE__)
       
       def install_assets
         directory "ckeditor", Rails.root.join("public", "ckeditor")
       end
       
+      def install_migration
+        generate "migration:from Ckeditor::Asset Ckeditor::AttachmentFile Ckeditor::Picture"
+      end
+      
     end
   end
 end

data/lib/generators/fullstack/ckeditor/templates/ckeditor/config.js

@@ -4,7 +4,21 @@
  */
 
 CKEDITOR.editorConfig = function( config ) {
-	// Define changes to default configuration here. For example:
-	// config.language = 'fr';
-	// config.uiColor = '#AADC6E';
+
+	// config.language = 'it';
+
+  config.toolbar = 'Easy';  
+  config.toolbar_Easy =
+    [
+        ['Source','-','Preview'],
+        ['Cut','Copy','Paste','PasteText','PasteFromWord',],
+        ['Undo','Redo','-','SelectAll','RemoveFormat'],
+        ['Styles','Format'], ['Subscript', 'Superscript', 'TextColor'], ['Maximize','-','About'], '/',
+        ['Bold','Italic','Underline','Strike'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
+        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
+        ['Link','Unlink','Anchor'], ['Image', 'Attachment', 'Flash', 'Embed'],
+        ['Table','HorizontalRule','Smiley','SpecialChar','PageBreak']
+    ];
+
+
 };

data/lib/generators/fullstack/ckeditor/templates/ckeditor/filebrowser/javascripts/application.js

@@ -0,0 +1,221 @@
+$.QueryString = (function(a) {
+  if (a == "") return {};
+  var b = {};
+  for (var i = 0; i < a.length; ++i)
+  {
+    var p=a[i].split('=');
+    if (p.length != 2) continue;
+    b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
+  }
+  return b;
+})(window.location.search.substr(1).split('&'))
+
+$(document).ready(function(){
+  $("div.gal-item div.gal-inner-holder")
+    .live('mouseover', function(e){
+      $(this).addClass('hover');
+    })
+    .live('mouseout', function(e){
+      $(this).removeClass('hover');
+    })
+    .live('click', function(e){
+      var url = $(this).parents('div.gal-item').data('url');
+      CKEDITOR.tools.callFunction(CKEditorFuncNum, url);
+      window.close();
+    });
+  
+  $("div.gal-item a.gal-del").live('ajax:complete', function(xhr, status){
+    $(this).parents('div.gal-item').remove();
+  });
+});
+
+// Collection of all instances on page
+qq.FileUploader.instances = new Object();
+
+/**
+ * Class that creates upload widget with drag-and-drop and file list
+ * @inherits qq.FileUploaderBasic
+ */
+qq.FileUploaderInput = function(o){
+    // call parent constructor
+    qq.FileUploaderBasic.apply(this, arguments);
+    
+    // additional options    
+    qq.extend(this._options, {
+        element: null,
+        // if set, will be used instead of qq-upload-list in template
+        listElement: null,
+        
+        template_id: '#fileupload_tmpl',       
+        
+        classes: {
+            // used to get elements from templates
+            button: 'fileupload-button',
+            drop: 'fileupload-drop-area',
+            dropActive: 'fileupload-drop-area-active',
+            list: 'fileupload-list',
+            preview: 'fileupload-preview',
+                        
+            file: 'fileupload-file',
+            spinner: 'fileupload-spinner',
+            size: 'fileupload-size',
+            cancel: 'fileupload-cancel',
+
+            // added to list item when upload completes
+            // used in css to hide progress spinner
+            success: 'fileupload-success',
+            fail: 'fileupload-fail'
+        }
+    });
+    // overwrite options with user supplied    
+    qq.extend(this._options, o);       
+
+    this._element = document.getElementById(this._options.element);
+    this._listElement = this._options.listElement || this._find(this._element, 'list');
+    
+    this._classes = this._options.classes;
+        
+    this._button = this._createUploadButton(this._find(this._element, 'button'));  
+    this._path = $('meta[name="ckeditor-path"]').attr('content');
+    
+    //this._setupDragDrop();
+    
+    qq.FileUploader.instances[this._element.id] = this;
+};
+
+// inherit from Basic Uploader
+qq.extend(qq.FileUploaderInput.prototype, qq.FileUploaderBasic.prototype);
+
+qq.extend(qq.FileUploaderInput.prototype, {
+    /**
+     * Gets one of the elements listed in this._options.classes
+     **/
+    _find: function(parent, type){                                
+        var element = qq.getByClass(parent, this._options.classes[type])[0];        
+        if (!element){
+          alert(type);
+            throw new Error('element not found ' + type);
+        }
+        
+        return element;
+    },
+    _setupDragDrop: function(){
+        var self = this,
+            dropArea = this._find(this._element, 'drop');                        
+
+        var dz = new qq.UploadDropZone({
+            element: dropArea,
+            onEnter: function(e){
+                qq.addClass(dropArea, self._classes.dropActive);
+                e.stopPropagation();
+            },
+            onLeave: function(e){
+                e.stopPropagation();
+            },
+            onLeaveNotDescendants: function(e){
+                qq.removeClass(dropArea, self._classes.dropActive);  
+            },
+            onDrop: function(e){
+                dropArea.style.display = 'none';
+                qq.removeClass(dropArea, self._classes.dropActive);
+                self._uploadFileList(e.dataTransfer.files);    
+            }
+        });
+                
+        dropArea.style.display = 'none';
+
+        qq.attach(document, 'dragenter', function(e){     
+            if (!dz._isValidFileDrag(e)) return; 
+            
+            dropArea.style.display = 'block';            
+        });                 
+        qq.attach(document, 'dragleave', function(e){
+            if (!dz._isValidFileDrag(e)) return;            
+            
+            var relatedTarget = document.elementFromPoint(e.clientX, e.clientY);
+            // only fire when leaving document out
+            if ( ! relatedTarget || relatedTarget.nodeName == "HTML"){               
+                dropArea.style.display = 'none';                                            
+            }
+        });                
+    },
+    _onSubmit: function(id, fileName){
+        qq.FileUploaderBasic.prototype._onSubmit.apply(this, arguments);
+        this._addToList(id, fileName);  
+    },
+    _onProgress: function(id, fileName, loaded, total){
+        qq.FileUploaderBasic.prototype._onProgress.apply(this, arguments);
+
+        var item = this._getItemByFileId(id);
+        var size = this._find(item, 'size');
+        
+        var text; 
+        if (loaded != total){
+            text = Math.round(loaded / total * 100) + '% from ' + this._formatSize(total);
+        } else {                                   
+            text = this._formatSize(total);
+        }          
+        
+        qq.setText(size, text);
+    },
+    _onComplete: function(id, fileName, result){
+        qq.FileUploaderBasic.prototype._onComplete.apply(this, arguments);
+
+        var item = this._getItemByFileId(id);
+        var asset = result.asset ? result.asset : result;
+        
+        if (asset && asset.id){
+            qq.addClass(item, this._classes.success);
+            
+            asset.size = this._formatSize(asset.size);
+            asset.controller = (asset.type.toLowerCase() == "ckeditor::picture" ? "pictures" : "attachment_files");
+            
+            $(item).replaceWith($(this._options.template_id).tmpl(asset));
+        } else {
+            qq.addClass(item, this._classes.fail);
+        }
+    },
+    _addToList: function(id, fileName){
+        if (this._listElement) {
+          if (this._options.multiple === false) {
+            $(this._listElement).empty();
+          }
+          
+          var asset = {
+            id: 0, 
+            filename: this._formatFileName(fileName), 
+            size: 0,
+            format_created_at: '',
+            url_content: "#",
+            controller: "assets",
+            url_thumb: this._path + "/filebrowser/images/preloader.gif"
+          };
+          
+          var item = $(this._options.template_id)
+            .tmpl(asset)
+            .attr('qqfileid', id)
+            .prependTo( this._listElement );
+          
+          item.find('div.img').addClass('preloader');
+          
+          this._bindCancelEvent(item);
+        }
+    },
+    _getItemByFileId: function(id){
+        return $(this._listElement).find('div[qqfileid=' + id  +']').get(0); 
+    },
+    /**
+     * delegate click event for cancel link 
+     **/
+    _bindCancelEvent: function(element){
+        var self = this,
+            item = $(element);        
+        
+        item.find('a.' + this._classes.cancel).bind('click', function(e){
+          self._handler.cancel( item.attr('qqfileid') );
+          item.remove();
+          qq.preventDefault(e);
+          return false;
+        });
+    }
+});