st-rich 1.5.1

data/app/assets/stylesheets/rich/editor.css

@@ -0,0 +1,20 @@
+/*	
+	This file defines the default set of CSS styles available in the Rich editor
+*/
+
+p.caption {
+	font-style: italic;
+	color: grey;
+}
+
+span.highlight {
+	background: yellow;
+}
+
+img.left {
+	float: left;
+}
+
+img.right {
+	float: right;
+}

data/app/assets/stylesheets/rich/files.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/rich/mixins/reset.css.scss

@@ -0,0 +1,58 @@
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
+audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
+audio:not([controls]) { display: none; }
+[hidden] { display: none; }
+
+html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+body { margin: 0; font-size: 13px; line-height: 1.231; }
+body, button, input, select, textarea { font-family: sans-serif; color: #222; }
+
+::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
+::selection { background: #fe57a1; color: #fff; text-shadow: none; }
+
+a { color: #00e; }
+a:visited { color: #551a8b; }
+a:hover { color: #06e; }
+a:focus { outline: thin dotted; }
+a:hover, a:active { outline: 0; }
+
+abbr[title] { border-bottom: 1px dotted; }
+b, strong { font-weight: bold; }
+blockquote { margin: 1em 40px; }
+dfn { font-style: italic; }
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+ins { background: #ff9; color: #000; text-decoration: none; }
+mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
+pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
+q { quotes: none; }
+q:before, q:after { content: ""; content: none; }
+small { font-size: 85%; }
+sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
+dd { margin: 0 0 0 40px; }
+nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
+img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
+svg:not(:root) { overflow: hidden; }
+figure { margin: 0; }
+
+form { margin: 0; }
+fieldset { border: 0; margin: 0; padding: 0; }
+label { cursor: pointer; }
+legend { border: 0; *margin-left: -7px; padding: 0; }
+button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
+button, input { line-height: normal; *overflow: visible; }
+table button, table input { *overflow: auto; }
+button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
+input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
+input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
+input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
+button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
+textarea { overflow: auto; vertical-align: top; resize: vertical; }
+input:valid, textarea:valid {  }
+input:invalid, textarea:invalid { background-color: #f0dddd; }
+
+table { border-collapse: collapse; border-spacing: 0; }
+td { vertical-align: top; }

data/app/controllers/rich/files_controller.rb

@@ -0,0 +1,82 @@
+module Rich
+  class FilesController < ApplicationController
+
+    before_action :authenticate_rich_user
+    before_action :set_rich_file, only: [:show, :destroy]
+
+    layout "rich/application"
+
+    def index
+      @type = params[:type]
+
+      if(@type == "image")
+        @items = RichFile.images.order("created_at DESC").where(:owner_type => params[:scope_type], :owner_id => params[:scope_id]).page params[:page]
+      else
+        @items = RichFile.files.order("created_at DESC").where(:owner_type => params[:scope_type],  :owner_id => params[:scope_id]).page params[:page]
+      end
+
+      # stub for new file
+      @rich_asset = RichFile.new
+
+      respond_to do |format|
+        format.html
+        format.js
+      end
+
+    end
+
+    def show
+      # show is used to retrieve single files through XHR requests after a file has been uploaded
+
+      if(params[:id])
+        # list all files
+        @file = @rich_file
+        render :layout => false
+      else
+        render :text => "File not found"
+      end
+
+    end
+
+    def create
+
+      @file = RichFile.new
+      @file.simplified_type = params[:simplified_type]
+
+      if(params[:scoped] == 'true')
+        @file.owner_type = params[:scope_type]
+        @file.owner_id = params[:scope_id].to_i
+      end
+
+      # use the file from Rack Raw Upload
+      file_params = params[:file] || params[:qqfile]
+      if(file_params)
+        file_params.content_type = Mime::Type.lookup_by_extension(file_params.original_filename.split('.').last.to_sym)
+        @file.rich_file = file_params
+      end
+
+      if @file.save
+        response = { :success => true, :rich_id => @file.id }
+      else
+        response = { :success => false,
+                     :error => "Could not upload your file:\n- "+@file.errors.to_a[-1].to_s,
+                     :params => params.inspect }
+      end
+
+      render :json => response, :content_type => "text/html"
+    end
+
+    def destroy
+      if(params[:id])
+        @rich_file.destroy
+        @fileid = params[:id]
+      end
+    end
+
+    private
+      # Use callbacks to share common setup or constraints between actions.
+      def set_rich_file
+        @rich_file = RichFile.find(params[:id])
+      end
+  end
+end

data/app/helpers/rich/application_helper.rb

@@ -0,0 +1,4 @@
+module Rich
+  module ApplicationHelper
+  end
+end

data/app/helpers/rich/files_helper.rb

@@ -0,0 +1,13 @@
+module Rich
+  module FilesHelper
+    
+    def thumb_for_file(file)
+      if file.simplified_type == "image"
+        file.rich_file.url(:rich_thumb)
+      else
+        asset_path "rich/document-thumb.png"
+      end
+    end
+    
+  end
+end

data/app/inputs/rich_input.rb

@@ -0,0 +1,19 @@
+if (Object.const_defined?("Formtastic") && Gem.loaded_specs["formtastic"].version.version[0,1] == "2")
+
+  class RichInput < ::Formtastic::Inputs::TextInput  
+    def to_html
+
+      scope_type = object_name
+      scope_id = object.id
+      editor_options = Rich.options(options[:config], scope_type, scope_id)
+
+      input_wrapping do
+        label_html <<
+        builder.text_area(method, input_html_options) <<
+        "<script>CKEDITOR.replace('#{dom_id}', #{editor_options.to_json.html_safe});</script>".html_safe  
+      end
+    end
+  end
+
+end
+

data/app/inputs/rich_picker_input.rb

@@ -0,0 +1,88 @@
+if (Object.const_defined?("Formtastic") && Gem.loaded_specs["formtastic"].version.version[0,1] == "2")
+
+    class RichPickerInput < ::Formtastic::Inputs::StringInput
+      include Formtastic::Helpers::InputHelper
+      attr_reader :editor_options
+
+      def to_html
+        @editor_options = Rich.options(options[:config], object_name, object.id)
+
+        local_input_options = {
+          :class => 'rich-picker',
+          :style => editor_options[:style]
+        }
+
+        input_wrapping do
+          label_html <<
+          input_field(local_input_options) <<
+          button <<
+          preview <<
+          javascript
+
+        end
+      end
+private
+
+      def input_field(local_input_options)
+        if editor_options[:hidden_input] == true
+          builder.hidden_field(method, local_input_options.merge(input_html_options))
+        else
+          builder.text_field(method, local_input_options.merge(input_html_options))
+        end
+      end
+
+      def preview_image_path
+        method_value = object.send(method)
+
+        # return placeholder image if this is a non-image picker OR if there is no value set
+        return editor_options[:placeholder_image] if editor_options[:type].to_s == 'file'
+        return editor_options[:placeholder_image] unless method_value.present?
+
+        column_type = column_for(method) ? column_for(method).type : :string
+        if column_type == :integer
+          file = Rich::RichFile.find(method_value)
+          file.rich_file.url(:rich_thumb) #we ask paperclip directly for the file, so asset paths should not be an issue
+        else # should be :string
+          method_value
+        end
+      end
+
+      def button
+        %Q{
+            <a href='#{Rich.editor[:richBrowserUrl]}' class='button'>
+              #{I18n.t('picker_browse')}
+            </a>
+        }.html_safe
+      end
+
+      def javascript
+        %Q{
+            <script>
+              $(function(){
+                $('##{input_html_options[:id]}_input a').click(function(e){
+                  e.preventDefault(); assetPicker.showFinder('##{input_html_options[:id]}', #{editor_options.to_json})
+                });
+              });
+            </script>
+        }.html_safe
+      end
+
+      def preview
+        return unless editor_options[:type] != 'file'
+
+        path = preview_image_path
+        klass = "class='rich-image-preview'"
+        style = "style='max-width:#{editor_options[:preview_size]}; max-height:#{editor_options[:preview_size]};'"
+        if path
+          %Q{
+             </br></br><img src='#{preview_image_path}' #{klass} #{style} />
+          }.html_safe
+        else
+          %Q{
+             </br></br><div #{klass} #{style}></div>
+          }.html_safe
+        end
+      end
+    end
+
+end

data/app/models/rich/rich_file.rb

@@ -0,0 +1,75 @@
+require 'cgi'
+require 'mime/types'
+require 'kaminari'
+
+module Rich
+  class RichFile < ActiveRecord::Base
+
+    scope :images,  -> { where("rich_rich_files.simplified_type = 'image'") }
+    scope :files,   -> { where("rich_rich_files.simplified_type = 'file'") }
+
+    paginates_per Rich.options[:paginates_per]
+
+    has_attached_file :rich_file,
+                      :styles => Proc.new {|a| a.instance.set_styles },
+                      :convert_options => Proc.new { |a| Rich.convert_options[a] },
+                      :restricted_characters => /[&$+,\/:;=?@<>\[\]\{\}\|\\\^~#]/,
+                      :validate_media_type => false
+    if self.respond_to?(:do_not_validate_attachment_file_type)
+      do_not_validate_attachment_file_type :rich_file
+    end
+    validates_attachment_presence :rich_file
+    validate :check_content_type
+    validates_attachment_size :rich_file, :less_than=>15.megabyte, :message => "must be smaller than 15MB"
+
+    before_create :clean_file_name
+
+    after_create :cache_style_uris_and_save
+    before_update :cache_style_uris
+
+
+
+
+    def set_styles
+      if self.simplified_type=="image"
+        Rich.image_styles
+      else
+        {}
+      end
+    end
+
+    private
+
+    def cache_style_uris_and_save
+      cache_style_uris
+      self.save!
+    end
+
+    def cache_style_uris
+      uris = {}
+
+      rich_file.styles.each do |style|
+        uris[style[0]] = rich_file.url(style[0].to_sym, false)
+      end
+
+      # manualy add the original size
+      uris["original"] = rich_file.url(:original, false)
+
+      self.uri_cache = uris.to_json
+    end
+
+    def clean_file_name
+      filename = CGI::unescape(rich_file_file_name)
+      self.rich_file.instance_write(:file_name, filename)
+    end
+
+    def check_content_type
+      self.rich_file.instance_write(:content_type, MIME::Types.type_for(rich_file_file_name)[0].content_type)
+
+      unless Rich.validate_mime_type(self.rich_file_content_type, self.simplified_type)
+        self.errors[:base] << "'#{self.rich_file_file_name}' is not the right type."
+      end
+    end
+
+  end
+end

data/app/views/layouts/rich/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Rich Browser</title>
+  <%= stylesheet_link_tag    "rich/application" %>
+  <%= javascript_include_tag "rich/application" %>
+  <%= csrf_meta_tags %>
+  </head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/app/views/rails_admin/main/_form_rich_picker.html.haml

@@ -0,0 +1,7 @@
+/= javascript_include_tag "rich/base.js"
+= form.send field.view_helper, field.method_name, field.html_attributes.merge({:style=> (if field.editor_options[:hidden_input]==true then "visibility:hidden;position:absolute" else "" end )})
+= link_to t('picker_browse').capitalize, Rich.editor[:richBrowserUrl], :class => "btn create"
+- unless field.editor_options[:type]==:file
+  %img{:src => field.preview_image_path, :style => "padding: 10px 0; display: block; max-width: #{field.editor_options[:preview_size]}; max-width: #{field.editor_options[:preview_size]};", :class => 'rich-image-preview'}
+= javascript_tag do
+  $(function(){$('##{form.dom_id(field)}_field a').click(function(e){ e.preventDefault(); assetPicker.showFinder('##{form.dom_id(field)}', #{field.editor_options.to_json.html_safe})})})

data/app/views/rails_admin/main/_form_rich_text.html.haml

@@ -0,0 +1,7 @@
+= form.send 'text_area', field.method_name, field.html_attributes.reverse_merge((hdv = field.form_default_value).nil? ? {} : { :value => hdv })
+
+/= javascript_include_tag "rich/base.js"
+:javascript
+  var instance = CKEDITOR.instances['#{form.dom_id(field)}'];
+  if(instance) { CKEDITOR.remove(instance); }
+  CKEDITOR.replace('#{form.dom_id(field)}', #{Rich.options(field.config, field.scope_type, field.scope_id).to_json.html_safe});

data/app/views/rich/files/_file.html.erb

@@ -0,0 +1,11 @@
+<li class="clickable">
+  <img  id="file<%= file.id %>"
+        src="<%= thumb_for_file(file) %>" 
+        data-uris="<%= file.uri_cache %>"
+        data-rich-asset-id="<%= file.id %>"
+				data-rich-asset-type="<%= file.simplified_type %>"
+				data-rich-asset-name="<%= file.rich_file_file_name %>"
+  />
+  <p><%= file.rich_file_file_name %></p>
+  <%= link_to "delete", "/rich/files/"+file.id.to_s, :method => :delete, :remote => true, :data => { :confirm => t(:delete_confirm) }, :class => "delete", :title => t(:delete) %>
+</li>

data/app/views/rich/files/destroy.js.erb

@@ -0,0 +1 @@
+$("#file<%= @fileid %>").parent().remove();

data/app/views/rich/files/index.html.erb

@@ -0,0 +1,38 @@
+<header>
+  
+	<div id="loading" style="display:none;"></div>
+
+  <div id="view-toggle">
+    <a href="#" id="view-grid" title="<%= t(:view_grid_tip) %>"><%= t(:view_grid) %></a>
+    <a href="#" id="view-list" title="<%= t(:view_list_tip) %>"><%= t(:view_list) %></a>
+  </div>
+
+  <div id="insert-toggle">
+    <a href="#" id="insert-many" title="<%= t(:insert_many_tip) %>"><%= t(:insert_many) %></a>
+    <a href="#" id="insert-one" title="<%= t(:insert_one_tip) %>"><%= t(:insert_one) %></a>  
+  </div>
+
+  <ul id="styles" class="scopes">
+    <li class="label"><%= t(:available_styles) %></li>
+  </ul>
+  
+</header>
+
+<div id="legacy-form"><%= form_for(@rich_asset, :url => files_path) do |f| %>
+  <p><%= f.file_field :rich_file%></p>
+  <%= f.submit("Upload") %>
+<% end %>
+</div>
+
+<ul id="items">
+  
+  <li id="uploadBlock">
+    <div id="upload" class="qq-upload-button placeholder">
+      <div class="spinner"></div>
+    </div>
+    <p><%= t(:upload_a_file) %></p>
+  </li>
+
+	<%= render :partial => "file", :collection => @items, :as => :file %>
+
+</ul>