active_admin_editor 0.3.6 → 1.0.0

data/app/assets/javascripts/active_admin/editor/core.js.coffee

@@ -1,114 +0,0 @@
-(($) ->
-  $.fn.active_admin_editor = (options) ->
-    active_admin_editor = $(this)
-
-    if active_admin_editor.length > 0
-      textarea_id = active_admin_editor.find('textarea').attr('id')
-      toolbar_id  = active_admin_editor.find('.active_admin_editor_toolbar').attr('id')
-
-      editor = new wysihtml5.Editor(textarea_id, {
-        toolbar: toolbar_id,
-        stylesheets: "/assets/wysiwyg.css",
-        parserRules: wysihtml5ParserRules
-      })
-
-      window.editor = editor
-
-      image_dialog = active_admin_editor.find('[data-wysihtml5-dialog="insertImage"]')
-
-      # Clears and hides the asset container
-      clear_assets = ->
-        active_admin_editor.find('#asset_uploader').hide()
-        image_dialog.find('.assets_container').html('').hide()
-        image_dialog.find('.asset_scale_selection').hide()
-
-      # Will re-load and re-render the assets
-      load_assets = (done=null) ->
-        container    = image_dialog.find('.assets_container')
-        save_button  = image_dialog.find('a[data-wysihtml5-dialog-action="save"]')
-
-        # Helper method for setting an input field within the dialog
-        setDialogInput = (field, val) ->
-          f = image_dialog.find("[data-wysihtml5-dialog-field='#{field}']")
-          f.val(val)
-
-        active_admin_editor.find('#asset_uploader').show()
-        $.getJSON '/admin/image_assets.json', (data) ->
-          list = $('<ul class="page_content"></ul>')
-
-          $.each data, (i, asset) ->
-            tag = $("""
-            <li class="asset">
-              <img data-image-width="#{asset.dimensions.width}"
-                data-image-height="#{asset.dimensions.height}"
-                title="#{asset.dimensions.width}px x #{asset.dimensions.height}px"
-                src="#{asset.storage.thumb.url}" />
-            </li>
-            """)
-            tag.find('img').data('image-src', asset.storage)
-            list.append(tag)
-
-          container.append(list).show()
-          container.append($('<div class="page_navigation"></div>'))
-          container.paginate
-            items_per_page: 10
-            show_first: false
-            show_last: false
-
-          image_dialog.find('.asset_scale_selection').show()
-
-          selectedScale = ->
-            image_dialog.find('input[name="asset_scale"]:checked').data('scale')
-
-          populateSrc = (el) ->
-            scale = selectedScale()
-            container.find('.asset').removeClass('active')
-            if scale == 'full'
-              src = $(el).data('image-src').url
-            else
-              src = $(el).data('image-src')[scale].url
-            if !src.match(/^(http|https)/gi)
-              src = el.src.match(/(http|https):\/\/[^/]*/gi) + src
-            setDialogInput 'src', src
-            $(el).parent().addClass('active')
-
-          image_dialog.find('input[name="asset_scale"]').click (e) ->
-            populateSrc(image_dialog.find('.asset.active img')[0])
-
-          container.find('img').
-            click((e) ->
-              populateSrc(this)
-            ).
-            dblclick((e) ->
-              fireEvent = (element, event) ->
-                if (document.createEvent)
-                  # dispatch for firefox + others
-                  evt = document.createEvent("HTMLEvents")
-                  evt.initEvent(event, true, true ); # event type,bubbling,cancelable
-                  return !element.dispatchEvent(evt)
-                else
-                  # dispatch for IE
-                  evt = document.createEventObject()
-                  return element.fireEvent('on'+event, evt)
-
-              fireEvent save_button[0], 'click'
-            )
-        done() if done
-
-      # HTML 5 Uploading
-      uploader = new qq.FileUploader
-        element: document.getElementById('asset_uploader'),
-        action: '/admin/image_assets.json'
-        onComplete: ->
-          clear_assets()
-          load_assets()
-
-      editor.on 'show:dialog', (dialog) ->
-        image_input = image_dialog.find('input[data-wysihtml5-dialog-field="src"]')
-        if dialog.command == 'insertImage'
-          clear_assets()
-          load_assets() if image_input.val() == 'http://'
-
-  $ ->
-    $('.active_admin_editor').each(->$(@).active_admin_editor())
-)(jQuery)

data/app/assets/javascripts/active_admin/editor/quicksave.js

@@ -1,36 +0,0 @@
-(function($) {
-    $(function(){
-        var button = $('.button.quicksave');
-        button.click(function(e) {
-            e.preventDefault();
-
-            $.ajaxSetup({
-                beforeSend: function(xhr) {
-                    xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'));
-                }
-            });
-
-            var form = $(this).closest('form');
-            var url = form.attr('action');
-            var textarea = $(this).closest('.active_admin_editor').find('textarea');
-            var fields = textarea.attr('id').split('_');
-            var content = textarea.val();
-            var data = {
-                _method: 'PUT'
-            };
-
-            data[fields[0]] = {};
-            data[fields[0]][fields[1]] = content;
-
-            $.ajax({
-                url: url,
-                type: 'POST',
-                dataType: 'json',
-                data: data,
-                success: function(response) {
-                    console.log('saved');
-                }
-            });
-        });
-    });
-})(jQuery);

data/app/models/asset.rb

@@ -1,3 +0,0 @@
-class Asset < ActiveRecord::Base
-  attr_accessible :storage, :type
-end

data/app/models/image_asset.rb

@@ -1,5 +0,0 @@
-class ImageAsset < Asset
-  attr_accessible :storage, :type
-  mount_uploader :storage, ImageAssetUploader
-  serialize :dimensions
-end

data/app/uploaders/image_asset_uploader.rb

@@ -1,62 +0,0 @@
-# encoding: utf-8
-
-class ImageAssetUploader < CarrierWave::Uploader::Base
-  include CarrierWave::RMagick
-
-  process :store_geometry
-
-  def store_geometry
-    if model
-      model.dimensions = dimensions
-    end
-  end
-
-  # Returns the dimensions of the image as a hash
-  def dimensions
-    @dimensions ||= begin
-      if @file
-        img = ::Magick::Image::read(@file.file).first
-        { width: img.columns, height: img.rows }
-      end
-    end
-  end
-
-  def scale(scale)
-    width  = dimensions[:width]  * scale
-    height = dimensions[:height] * scale
-
-    manipulate! do |img|
-      img.resize_to_fit!(width, height)
-      img = yield(img) if block_given?
-      img
-    end
-  end
-
-  # Override the directory where uploaded files will be stored.
-  # This is a sensible default for uploaders that are meant to be mounted:
-  def store_dir
-    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
-  end
-
-  version :three_quarters do
-    process scale: 0.75
-  end
-
-  version :half do
-    process scale: 0.50
-  end
-
-  version :one_quarter do
-    process scale: 0.25
-  end
-
-  # Create different versions of your uploaded files:
-  version :thumb do
-    process :resize_to_fit => [100, 100]
-  end
-
-  # Only allow images
-  def extension_white_list
-    %w(jpg jpeg gif png)
-  end
-end

data/db/migrate/20120510000541_create_assets.rb

@@ -1,10 +0,0 @@
-class CreateAssets < ActiveRecord::Migration
-  def change
-    create_table :assets do |t|
-      t.string :storage
-      t.string :type
-
-      t.timestamps
-    end
-  end
-end

data/db/migrate/20120511003637_add_dimensions_to_asset.rb

@@ -1,5 +0,0 @@
-class AddDimensionsToAsset < ActiveRecord::Migration
-  def change
-    add_column :assets, :dimensions, :string
-  end
-end

data/lib/active_admin/editor/admin/assets.rb

@@ -1,73 +0,0 @@
-ActiveAdmin.register ImageAsset do
-  menu parent: 'Assets', label: 'Images'
-  index as: :grid do |image_asset|
-    link_to(image_tag(image_asset.storage.thumb), admin_image_asset_path(image_asset))
-  end
-
-  form do |f|
-    f.inputs do
-      f.input :storage
-    end
-
-    f.buttons
-  end
-
-  show do
-    attributes_table do
-      row('Dimensions') do
-        "#{image_asset.dimensions[:width]}px x #{image_asset.dimensions[:height]}px"
-      end
-      row('Thumbnail') do
-        image_tag(image_asset.storage.thumb)
-      end
-      row('25%') do
-        image_tag(image_asset.storage.one_quarter)
-      end
-      row('50%') do
-        image_tag(image_asset.storage.half)
-      end
-      row('75%') do
-        image_tag(image_asset.storage.three_quarters)
-      end
-      row('Full Image') do
-        image_tag(image_asset.storage)
-      end
-    end
-  end
-
-  controller do
-
-    def create
-      # If an app is using Rack::RawUpload, it can just use
-      # params['file'] and not worry with original_filename parsing.
-      if params['file']
-        @image_asset = ImageAsset.new
-        @image_asset.storage = params['file']
-
-        if @image_asset.save!
-          render json: { success: true }.to_json
-        else
-          render nothing: true, status: 500 and return
-        end
-      elsif params['qqfile']
-        @image_asset = ImageAsset.new
-        io = request.env['rack.input']
-
-        def io.original_filename=(name) @original_filename = name; end
-        def io.original_filename() @original_filename; end
-
-        io.original_filename = params['qqfile']
-
-        @image_asset.storage = io
-        if @image_asset.save!
-          render json: { success: true }.to_json
-        else
-          render nothing: true, status: 500 and return
-        end
-      else
-        create!
-      end
-    end
-
-  end
-end

data/lib/generators/active_admin/editor/templates/wysiwyg.css

@@ -1,130 +0,0 @@
-
-.wysiwyg-font-size-smaller {
-  font-size: smaller;
-}
-
-.wysiwyg-font-size-larger {
-  font-size: larger;
-}
-
-.wysiwyg-font-size-xx-large {
-  font-size: xx-large;
-}
-
-.wysiwyg-font-size-x-large {
-  font-size: x-large;
-}
-
-.wysiwyg-font-size-large {
-  font-size: large;
-}
-
-.wysiwyg-font-size-medium {
-  font-size: medium;
-}
-
-.wysiwyg-font-size-small {
-  font-size: small;
-}
-
-.wysiwyg-font-size-x-small {
-  font-size: x-small;
-}
-
-.wysiwyg-font-size-xx-small {
-  font-size: xx-small;
-}
-
-.wysiwyg-color-black {
-  color: black;
-}
-
-.wysiwyg-color-silver {
-  color: silver;
-}
-
-.wysiwyg-color-gray {
-  color: gray;
-}
-
-.wysiwyg-color-white {
-  color: white;
-}
-
-.wysiwyg-color-maroon {
-  color: maroon;
-}
-
-.wysiwyg-color-red {
-  color: red;
-}
-
-.wysiwyg-color-purple {
-  color: purple;
-}
-
-.wysiwyg-color-fuchsia {
-  color: fuchsia;
-}
-
-.wysiwyg-color-green {
-  color: green;
-}
-
-.wysiwyg-color-lime {
-  color: lime;
-}
-
-.wysiwyg-color-olive {
-  color: olive;
-}
-
-.wysiwyg-color-yellow {
-  color: yellow;
-}
-
-.wysiwyg-color-navy {
-  color: navy;
-}
-
-.wysiwyg-color-blue {
-  color: blue;
-}
-
-.wysiwyg-color-teal {
-  color: teal;
-}
-
-.wysiwyg-color-aqua {
-  color: aqua;
-}
-
-.wysiwyg-text-align-right {
-  text-align: right;
-}
-
-.wysiwyg-text-align-center {
-  text-align: center;
-}
-
-.wysiwyg-text-align-left {
-  text-align: left;
-}
-
-.wysiwyg-float-left {
-  float: left;
-  margin: 0 8px 8px 0;
-}
-
-.wysiwyg-float-right {
-  float: right;
-  margin: 0 0 8px 8px;
-}
-
-.wysiwyg-clear-right {
-  clear: right;
-}
-
-.wysiwyg-clear-left {
-  clear: left;
-}