27 | <% end %>
28 |
--------------------------------------------------------------------------------
/spec/dummy/app/assets/javascripts/application.js:
--------------------------------------------------------------------------------
1 | // This is a manifest file that'll be compiled into application.js, which will include all the files
2 | // listed below.
3 | //
4 | // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
5 | // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
6 | //
7 | // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
8 | // the compiled file.
9 | //
10 | // WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
11 | // GO AFTER THE REQUIRES BELOW.
12 | //
13 | //= require jquery
14 | //= require jquery_ujs
15 | //= require bootstrap-sprockets
16 | //= require bootsy
17 | //= require bootsy/locales/pt-BR
18 | //= require_tree .
19 |
--------------------------------------------------------------------------------
/spec/dummy/public/422.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | The change you wanted was rejected (422)
5 |
17 |
18 |
19 |
20 |
21 |
22 |
The change you wanted was rejected.
23 |
Maybe you tried to change something you didn't have access to.
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/config/locales/bootsy.en.yml:
--------------------------------------------------------------------------------
1 | en:
2 | bootsy:
3 | action:
4 | refresh: Refresh
5 | destroy: Delete
6 | close: Close
7 | load: Load
8 | or: or
9 | upload: Upload New Image
10 | submit_upload: Go
11 | enter_image_url: Enter a URL from the web...
12 | image_gallery: Image Gallery
13 | image:
14 | s: Image
15 | p: Images
16 | size: Size
17 | large: Large
18 | medium: Medium
19 | small: Small
20 | original: Original
21 | new: New image
22 | confirm:
23 | destroy: Are you sure you want to delete this image?
24 | position:
25 | left: Left
26 | right: Right
27 | inline: Inline
28 | no_images_uploaded: There are currently no uploaded images.
29 | js:
30 | alert_unsaved: You have unsaved changes.
31 |
--------------------------------------------------------------------------------
/app/views/bootsy/images/_new.html.erb:
--------------------------------------------------------------------------------
1 | <%= form_for([bootsy, resource_or_nil(gallery), image],
2 | html: { multipart: true, class: 'bootsy-upload-form form-inline' }, format: 'json') do |f| %>
3 | <%= hidden_field_tag :authenticity_token, form_authenticity_token %>
4 |
5 | <%= render 'bootsy/images/loader', image_class: 'bootsy-upload-loader' %>
6 |
7 |
44 |
--------------------------------------------------------------------------------
/spec/dummy/app/controllers/comments_controller.rb:
--------------------------------------------------------------------------------
1 | class CommentsController < ApplicationController
2 |
3 | # POST /comments
4 | # POST /comments.json
5 | def create
6 | @post = Post.find params[:post_id]
7 | @comment = @post.comments.new(comment_params)
8 |
9 | respond_to do |format|
10 | if @comment.save
11 | format.html { redirect_to @post, notice: 'Comment was successfully created.' }
12 | format.json { render json: @comment, status: :created, location: @comment }
13 | else
14 | format.html { render action: "new" }
15 | format.json { render json: @comment.errors, status: :unprocessable_entity }
16 | end
17 | end
18 | end
19 |
20 | # DELETE /comments/1
21 | # DELETE /comments/1.json
22 | def destroy
23 | @post = Post.find params[:post_id]
24 | @comment = Comment.find(params[:id])
25 | @comment.destroy
26 |
27 | respond_to do |format|
28 | format.html { redirect_to @post }
29 | format.json { head :no_content }
30 | end
31 | end
32 |
33 | def update
34 | @post = Post.find params[:post_id]
35 | @comment = @post.comments.find(params[:id])
36 |
37 | respond_to do |format|
38 | if @comment.update_attributes(comment_params)
39 | format.html { redirect_to @post, notice: 'Comment was successfully updated.' }
40 | format.json { head :no_content }
41 | else
42 | format.html { redirect_to @post, alert: 'Unable to update comment.' }
43 | format.json { render json: @comment.errors, status: :unprocessable_entity }
44 | end
45 | end
46 | end
47 |
48 | private
49 | # Never trust parameters from the scary internet, only allow the white list through.
50 | def comment_params
51 | params.require(:comment).permit(:author, :content)
52 | end
53 | end
54 |
--------------------------------------------------------------------------------
/spec/features/editor_customization_spec.rb:
--------------------------------------------------------------------------------
1 | require 'rails_helper'
2 |
3 | describe 'editor customization', type: :feature, js: true do
4 | let(:options) do
5 | {
6 | color: ['Black'],
7 | emphasis: %w(Bold Italic Underline),
8 | font_styles: ['Normal text'],
9 | html: ['Edit HTML'],
10 | image: ['Insert image'],
11 | link: ['Insert link'],
12 | lists: ['Unordered list', 'Ordered list', 'Indent', 'Outdent']
13 | }
14 | end
15 |
16 | it 'allows enabling editor features' do
17 | options.keys.each do |config|
18 | allow(Bootsy).to receive(:editor_options).and_return(config => true)
19 |
20 | visit new_post_path
21 |
22 | toolbar = find('ul.wysihtml5-toolbar')
23 |
24 | options[config].each do |label|
25 | expect(
26 | toolbar.has_css?('a', text: label) ||
27 | toolbar.has_css?("a[title='#{label}']")
28 | ).to be(true), "expected toolbar to include #{label}"
29 | end
30 | end
31 | end
32 |
33 | it 'allows disabling editor features' do
34 | options.keys.each do |config|
35 | allow(Bootsy).to receive(:editor_options).and_return(config => false)
36 |
37 | visit new_post_path
38 |
39 | toolbar = find('ul.wysihtml5-toolbar')
40 |
41 | options[config].each do |label|
42 | expect(toolbar).not_to have_css('a', text: label)
43 | expect(toolbar).not_to have_css("a[title='#{label}']")
44 | end
45 | end
46 | end
47 |
48 | it 'allows disabling unsaved changes prompt' do
49 | allow(Bootsy).to receive(
50 | :editor_options).and_return('alert-unsaved' => false)
51 | visit new_post_path
52 |
53 | page.execute_script "Bootsy.areas.post_content.editor.fire('change')"
54 | visit root_path
55 |
56 | expect(current_path).to eq root_path
57 | end
58 | end
59 |
--------------------------------------------------------------------------------
/lib/bootsy.rb:
--------------------------------------------------------------------------------
1 | require 'carrierwave'
2 | require 'bootsy/engine'
3 | require 'bootsy/container'
4 | require 'bootsy/form_helper'
5 | require 'bootsy/form_builder'
6 | require 'bootsy/core_ext'
7 |
8 | autoload :BootsyInput, 'bootsy/simple_form/bootsy_input'
9 |
10 | # Public: Top Bootsy module
11 | module Bootsy
12 | ## CONFIGURATION OPTIONS
13 |
14 | # Default editor options
15 | mattr_accessor :editor_options
16 | @@editor_options = {
17 | font_styles: true,
18 | emphasis: true,
19 | lists: true,
20 | html: false,
21 | link: true,
22 | image: true,
23 | color: true
24 | }
25 |
26 | # Image versions available
27 | mattr_accessor :image_versions_available
28 | @@image_versions_available = [:small, :medium, :large, :original]
29 |
30 | # Whether user can destroy uploaded files
31 | mattr_accessor :allow_destroy
32 | @@allow_destroy = true
33 |
34 | # Settings for small images
35 | mattr_accessor :small_image
36 | @@small_image = { width: 160, height: 160 }
37 |
38 | # Settings for medium images
39 | mattr_accessor :medium_image
40 | @@medium_image = { width: 360, height: 360 }
41 |
42 | # Settings for large images
43 | mattr_accessor :large_image
44 | @@large_image = { width: 760, height: 760 }
45 |
46 | # Settings for the original version of images
47 | mattr_accessor :original_image
48 | @@original_image = {}
49 |
50 | # Storage mode
51 | mattr_accessor :storage
52 | @@storage = :file
53 |
54 | # Store directory (inside 'public')
55 | mattr_accessor :store_dir
56 | @@store_dir = 'uploads'
57 |
58 | # Specify which controller to inherit from
59 | mattr_accessor :base_controller
60 | @@base_controller = ActionController::Base
61 |
62 | # Default way to setup Bootsy. Run rails generate bootsy:install
63 | # to create a fresh initializer with all configuration values.
64 | def self.setup
65 | yield self
66 | end
67 | end
68 |
--------------------------------------------------------------------------------
/spec/dummy/db/schema.rb:
--------------------------------------------------------------------------------
1 | # encoding: UTF-8
2 | # This file is auto-generated from the current state of the database. Instead
3 | # of editing this file, please use the migrations feature of Active Record to
4 | # incrementally modify your database, and then regenerate this schema definition.
5 | #
6 | # Note that this schema.rb definition is the authoritative source for your
7 | # database schema. If you need to create the application database on another
8 | # system, you should be using db:schema:load, not running all the migrations
9 | # from scratch. The latter is a flawed and unsustainable approach (the more migrations
10 | # you'll amass, the slower it'll run and the greater likelihood for issues).
11 | #
12 | # It's strongly recommended to check this file into your version control system.
13 |
14 | ActiveRecord::Schema.define(:version => 20120710181942) do
15 |
16 | create_table "bootsy_image_galleries", :force => true do |t|
17 | t.integer "bootsy_resource_id"
18 | t.string "bootsy_resource_type"
19 | t.datetime "created_at", :null => false
20 | t.datetime "updated_at", :null => false
21 | end
22 |
23 | create_table "bootsy_images", :force => true do |t|
24 | t.string "image_file"
25 | t.integer "image_gallery_id"
26 | t.datetime "created_at", :null => false
27 | t.datetime "updated_at", :null => false
28 | end
29 |
30 | create_table "comments", :force => true do |t|
31 | t.string "author"
32 | t.text "content"
33 | t.integer "post_id"
34 | t.datetime "created_at", :null => false
35 | t.datetime "updated_at", :null => false
36 | end
37 |
38 | add_index "comments", ["post_id"], :name => "index_comments_on_post_id"
39 |
40 | create_table "posts", :force => true do |t|
41 | t.string "title"
42 | t.text "content"
43 | t.datetime "created_at", :null => false
44 | t.datetime "updated_at", :null => false
45 | end
46 |
47 | end
48 |
--------------------------------------------------------------------------------
/spec/lib/simple_form/bootsy_input_spec.rb:
--------------------------------------------------------------------------------
1 | require 'rails_helper'
2 |
3 | describe BootsyInput do
4 | let(:builder){ double.as_null_object }
5 |
6 | subject {
7 | BootsyInput.new(builder, :my_text_attr, '', 'bootsy',
8 | placeholder: 'a placeholder', maxlength: 50, container: :a_container,
9 | editor_options: :some_options, uploader: :uploader_value)
10 | }
11 |
12 | it 'has the proper options enabled' do
13 | expect(subject.input_options).to have_key(:placeholder)
14 | expect(subject.input_options).to have_key(:container)
15 | expect(subject.input_options).to have_key(:editor_options)
16 | expect(subject.input_options).to have_key(:maxlength)
17 | expect(subject.input_options).to have_key(:uploader)
18 | end
19 |
20 | describe '#input' do
21 | it 'passes the attribute_name to the bootsy_area' do
22 | expect(builder).to receive(:bootsy_area).with(:my_text_attr, anything)
23 | subject.input
24 | end
25 |
26 | it 'passes the input_html_options to the bootsy_area' do
27 | expect(builder).to receive(:bootsy_area).with(anything, subject.input_html_options)
28 | subject.input
29 | end
30 |
31 | context 'when a :container is passed' do
32 | it 'adds the :container to input_html_options[:container]' do
33 | expect(builder).to receive(:bootsy_area).with(anything, hash_including(container: :a_container))
34 | subject.input
35 | end
36 | end
37 |
38 | context 'when :editor_options are passed' do
39 | it 'adds the :editor_options to input_html_options[:editor_options]' do
40 | expect(builder).to receive(:bootsy_area).with(anything, hash_including(editor_options: :some_options))
41 | subject.input
42 | end
43 | end
44 |
45 | context 'when :uploader is passed' do
46 | it 'adds :uploader to input_html_options[:uploader]' do
47 | expect(builder).to receive(:bootsy_area).with(anything, hash_including(uploader: :uploader_value))
48 | subject.input
49 | end
50 | end
51 |
52 | it 'passes the wrapper options to bootsy_area' do
53 | expect(builder).to receive(:bootsy_area).with(anything, hash_including(maxlength: 10))
54 | subject.input(maxlength: 10)
55 | end
56 | end
57 | end
58 |
--------------------------------------------------------------------------------
/config/initializers/bootsy.rb:
--------------------------------------------------------------------------------
1 | # Use this setup block to configure all options available in Bootsy.
2 | Bootsy.setup do |config|
3 | # Default editor options
4 | # You can also override them locally by passing an
5 | # editor_options hash to bootsy_area
6 | # config.editor_options = {
7 | # font_styles: true,
8 | # emphasis: true,
9 | # lists: true,
10 | # html: false,
11 | # link: true,
12 | # image: true,
13 | # color: true
14 | # }
15 | #
16 | # Image versions available
17 | # Possible values: :small, :medium, :large and/or :original
18 | config.image_versions_available = [:small, :medium, :large, :original]
19 | #
20 | #
21 | # SMALL IMAGES
22 | #
23 | # Width limit for small images
24 | # config.small_image[:width] = 160
25 | #
26 | # Height limit for small images
27 | # config.small_image[:height] = 160
28 | #
29 | #
30 | # MEDIUM IMAGES
31 | #
32 | # Width limit for medium images
33 | # config.medium_image[:width] = 360
34 | #
35 | # Height limit for medium images
36 | # config.medium_image[:height] = 360
37 | #
38 | #
39 | # LARGE IMAGES
40 | #
41 | # Width limit for large images
42 | # config.large_image[:width] = 760
43 | #
44 | # Height limit for large images
45 | # config.large_image[:height] = 760
46 | #
47 | #
48 | # Whether user can destroy uploaded files
49 | # config.allow_destroy = true
50 | #
51 | #
52 | # Storage mode
53 | # You can change the sorage mode below from :file to :fog if you want
54 | # to use Amazon S3 and other cloud services. If you do that, please add
55 | # 'fog' to your Gemfile and create and configure your credentials in an
56 | # initializer file, as described in Carrierwave's docs:
57 | # https://github.com/carrierwaveuploader/carrierwave#using-amazon-s3
58 | # config.storage = :file
59 | #
60 | #
61 | # Store directory (inside 'public') for storage = :file
62 | # BE CAREFUL! Changing this may break previously uploaded file paths!
63 | # config.store_dir = 'uploads'
64 | #
65 | #
66 | # Specify the controller to inherit from. Using ApplicationController
67 | # allows you to perform authentication from within your app.
68 | # config.base_controller = ActionController::Base
69 | end
70 |
--------------------------------------------------------------------------------
/spec/dummy/app/controllers/posts_controller.rb:
--------------------------------------------------------------------------------
1 | class PostsController < ApplicationController
2 | # GET /posts
3 | # GET /posts.json
4 | def index
5 | @posts = Post.all
6 |
7 | respond_to do |format|
8 | format.html # index.html.erb
9 | format.json { render json: @posts }
10 | end
11 | end
12 |
13 | # GET /posts/1
14 | # GET /posts/1.json
15 | def show
16 | @post = Post.find(params[:id])
17 |
18 | respond_to do |format|
19 | format.html # show.html.erb
20 | format.json { render json: @post }
21 | end
22 | end
23 |
24 | # GET /posts/new
25 | # GET /posts/new.json
26 | def new
27 | @post = Post.new
28 |
29 | if params[:with_comment]
30 | @post.comments << Comment.new
31 |
32 | render(action: 'new_with_comment') and return
33 | end
34 | end
35 |
36 | # GET /posts/1/edit
37 | def edit
38 | @post = Post.find(params[:id])
39 | end
40 |
41 | # POST /posts
42 | # POST /posts.json
43 | def create
44 | @post = Post.new(post_params)
45 |
46 | respond_to do |format|
47 | if @post.save
48 | format.html { redirect_to @post, notice: 'Post was successfully created.' }
49 | format.json { render json: { post: render_to_string(file: 'posts/_post', formats: [:html], layout: false, locals: { post: @post }) } }
50 | else
51 | format.html { render action: "new" }
52 | format.json { render json: @post.errors, status: :unprocessable_entity }
53 | end
54 | end
55 | end
56 |
57 | # PUT /posts/1
58 | # PUT /posts/1.json
59 | def update
60 | @post = Post.find(params[:id])
61 |
62 | respond_to do |format|
63 | if @post.update_attributes(post_params)
64 | format.html { redirect_to @post, notice: 'Post was successfully updated.' }
65 | format.json { head :no_content }
66 | else
67 | format.html { render action: "edit" }
68 | format.json { render json: @post.errors, status: :unprocessable_entity }
69 | end
70 | end
71 | end
72 |
73 | # DELETE /posts/1
74 | # DELETE /posts/1.json
75 | def destroy
76 | @post = Post.find(params[:id])
77 | @post.destroy
78 |
79 | respond_to do |format|
80 | format.html { redirect_to posts_url }
81 | format.json { head :no_content }
82 | end
83 | end
84 |
85 | private
86 | # Never trust parameters from the scary internet, only allow the white list through.
87 | def post_params
88 | params.require(:post).permit(:title, :content, :bootsy_image_gallery_id, comments_attributes: [:content, :author])
89 | end
90 | end
91 |
--------------------------------------------------------------------------------
/spec/features/image_upload_spec.rb:
--------------------------------------------------------------------------------
1 | require 'rails_helper'
2 | require 'sham_rack'
3 |
4 | describe 'image upload', type: :feature, js: true do
5 | let(:thumb_selector) do
6 | "//div[contains(@class, 'bootsy-gallery')]//img[contains(@src, "\
7 | "'/thumb_test.jpg')]"
8 | end
9 |
10 | before do
11 | visit new_post_path
12 | click_on 'Insert image'
13 |
14 | ShamRack.at('stubhost.com').rackup do
15 | run Rack::Directory.new(Rails.root.join('public').to_s)
16 | end
17 | end
18 |
19 | it 'works with local files' do
20 | attach_file 'image[image_file]', Rails.root.to_s + '/public/test.jpg'
21 |
22 | expect(page).to have_selector(:xpath, thumb_selector, visible: true)
23 | end
24 |
25 | it 'works with remote files' do
26 | fill_in 'image[remote_image_file_url]', with: 'http://stubhost.com/test.jpg'
27 | click_on 'Go'
28 |
29 | expect(page).to have_selector(:xpath, thumb_selector, visible: true)
30 | end
31 |
32 | it 'handles invalid images' do
33 | attach_file 'image[image_file]', Rails.root.to_s + '/public/test.fake'
34 |
35 | expect(page).not_to have_selector(
36 | :xpath, "//div[contains(@class, 'bootsy-gallery')]//img", visible: true)
37 | expect(page).to have_content('You are not allowed to upload')
38 | click_on 'Refresh'
39 | expect(page).not_to have_content('You are not allowed to upload')
40 | end
41 |
42 | it 'handles invalid remote images' do
43 | fill_in 'image[remote_image_file_url]',
44 | with: 'http://stubhost.com/test.fake'
45 | click_on 'Go'
46 |
47 | expect(page).not_to have_selector(
48 | :xpath, "//div[contains(@class, 'bootsy-gallery')]//img", visible: true)
49 | expect(page).to have_content('You are not allowed to upload')
50 | end
51 |
52 | it 'associates the uploaded image with the resource' do
53 | attach_file 'image[image_file]', Rails.root.to_s + '/public/test.jpg'
54 | find(:xpath, "//div[contains(@class, 'bootsy-gallery')]//img[contains(@src"\
55 | ", '/thumb_test.jpg')]").click
56 | script = "$('.dropdown-submenu .dropdown-menu').hide(); "\
57 | "$('a:contains(Small):visible').parent()."\
58 | "find('.dropdown-menu').show()"
59 | page.execute_script(script)
60 | find(
61 | 'li.dropdown-submenu ul.dropdown-menu li a',
62 | visible: true,
63 | text: /Left/
64 | ).click
65 | fill_in 'Title', with: 'Awesome post'
66 | click_on 'Create Post'
67 | click_on 'Edit'
68 | click_on 'Insert image'
69 |
70 | expect(page).to have_selector(:xpath, thumb_selector, visible: true)
71 | end
72 | end
73 |
--------------------------------------------------------------------------------
/spec/rails_helper.rb:
--------------------------------------------------------------------------------
1 | # This file is copied to spec/ when you run 'rails generate rspec:install'
2 | ENV['RAILS_ENV'] ||= 'test'
3 | require File.expand_path('../../spec/dummy/config/environment', __FILE__)
4 | require 'rspec/rails'
5 | require 'database_cleaner'
6 | require 'capybara/poltergeist'
7 |
8 | Capybara.javascript_driver = :poltergeist
9 |
10 | # Requires supporting ruby files with custom matchers and macros, etc, in
11 | # spec/support/ and its subdirectories. Files matching `spec/**/*_spec.rb` are
12 | # run as spec files by default. This means that files in spec/support that end
13 | # in _spec.rb will both be required and run as specs, causing the specs to be
14 | # run twice. It is recommended that you do not name files matching this glob to
15 | # end with _spec.rb. You can configure this pattern with with the --pattern
16 | # option on the command line or in ~/.rspec, .rspec or `.rspec-local`.
17 | Dir[Rails.root.join('spec/support/**/*.rb')].each { |f| require f }
18 |
19 | # Checks for pending migrations before tests are run.
20 | # If you are not using ActiveRecord, you can remove this line.
21 | ActiveRecord::Migrator.migrations_paths = ['spec/dummy/db/migrate']
22 | ActiveRecord::Migration.maintain_test_schema!
23 |
24 | RSpec.configure do |config|
25 | # Remove this line if you're not using ActiveRecord or ActiveRecord fixtures
26 | config.fixture_path = "#{::Rails.root}/spec/fixtures"
27 |
28 | config.use_transactional_fixtures = false
29 |
30 | config.before(:suite) do
31 | DatabaseCleaner.clean_with(:truncation)
32 | end
33 |
34 | config.before(:each) do |example|
35 | DatabaseCleaner.strategy = example.metadata[:js] ? :truncation : :transaction
36 | DatabaseCleaner.start
37 | end
38 |
39 | config.after(:each) do
40 | DatabaseCleaner.clean
41 | end
42 |
43 | # RSpec Rails can automatically mix in different behaviours to your tests
44 | # based on their file location, for example enabling you to call `get` and
45 | # `post` in specs under `spec/controllers`.
46 | #
47 | # You can disable this behaviour by removing the line below, and instead
48 | # explicitly tag your specs with their type, e.g.:
49 | #
50 | # RSpec.describe UsersController, :type => :controller do
51 | # # ...
52 | # end
53 | #
54 | # The different available types are documented in the features, such as in
55 | # https://relishapp.com/rspec/rspec-rails/docs
56 | config.infer_spec_type_from_file_location!
57 |
58 | config.include(FactoryGirl::Syntax::Methods)
59 |
60 | # Manually config FactoryGirl
61 | FactoryGirl.definition_file_paths = [
62 | Rails.root.join('../factories')
63 | ]
64 | FactoryGirl.find_definitions
65 | end
66 |
--------------------------------------------------------------------------------
/app/controllers/bootsy/images_controller.rb:
--------------------------------------------------------------------------------
1 | require_dependency 'bootsy/application_controller'
2 |
3 | module Bootsy
4 | class ImagesController < Bootsy::ApplicationController
5 | before_action :set_gallery, only: [:index, :create]
6 |
7 | def index
8 | @images = @gallery.images
9 |
10 | respond_to do |format|
11 | format.html # index.html.erb
12 |
13 | format.json do
14 | render json: {
15 | images: @images.map { |image| image_markup(image) },
16 | form: new_image_markup(@gallery)
17 | }
18 | end
19 | end
20 | end
21 |
22 | def create
23 | @gallery.save!
24 | @image = @gallery.images.new(image_params)
25 |
26 | create_and_respond
27 | end
28 |
29 | def destroy
30 | @image = Image.find(params[:id])
31 | @image.destroy
32 |
33 | respond_to do |format|
34 | format.json do
35 | render json: { id: params[:id] }
36 | end
37 |
38 | format.html { redirect_to images_url }
39 | end
40 | end
41 |
42 | private
43 |
44 | def set_gallery
45 | @gallery = ImageGallery.find(params[:image_gallery_id])
46 | end
47 |
48 | # Private: Returns the String markup to render
49 | # an image in the gallery modal.
50 | #
51 | # image - The `Bootsy::Image` instance that will
52 | # be rendered.
53 | def image_markup(image)
54 | render_to_string(
55 | file: 'bootsy/images/_image',
56 | formats: [:html],
57 | locals: { image: image },
58 | layout: false
59 | )
60 | end
61 |
62 | # Private: Returns the String markup to render
63 | # a form to upload a new image in a given gallery.
64 | #
65 | # gallery - The `Bootsy::ImageGallery` instance which
66 | # the image will be uploaded to.
67 | def new_image_markup(gallery)
68 | render_to_string(
69 | file: 'bootsy/images/_new',
70 | formats: [:html],
71 | locals: { gallery: gallery, image: gallery.images.new },
72 | layout: false
73 | )
74 | end
75 |
76 | def image_params
77 | params.require(:image).permit(:image_file, :remote_image_file_url)
78 | end
79 |
80 | def create_and_respond
81 | respond_to do |format|
82 | if @image.save
83 | format.json do
84 | render json: {
85 | image: image_markup(@image),
86 | form: new_image_markup(@gallery),
87 | gallery_id: @gallery.id
88 | }
89 | end
90 | else
91 | format.json do
92 | render json: @image.errors, status: :unprocessable_entity
93 | end
94 | end
95 | end
96 | end
97 | end
98 | end
99 |
--------------------------------------------------------------------------------
/app/assets/javascripts/bootsy/area.js:
--------------------------------------------------------------------------------
1 | /* global Bootsy */
2 |
3 | window.Bootsy = window.Bootsy || {};
4 |
5 | Bootsy.Area = function($el) {
6 | var self = this;
7 |
8 | this.$el = $el;
9 | this.unsavedChanges = false;
10 | this.locale = $el.data('bootsy-locale') || $('html').attr('lang');
11 | if (!$.fn.wysihtml5.locale.hasOwnProperty(this.locale)) this.locale = 'en';
12 |
13 | this.options = {
14 | locale: this.locale,
15 | alertUnsavedChanges: $el.data('bootsy-alert-unsaved'),
16 | uploader: $el.data('bootsy-uploader'),
17 | color: $el.data('bootsy-color'),
18 | emphasis: $el.data('bootsy-emphasis'),
19 | 'font-styles': $el.data('bootsy-font-styles'),
20 | html: $el.data('bootsy-html'),
21 | image: $el.data('bootsy-image'),
22 | link: $el.data('bootsy-link'),
23 | lists: $el.data('bootsy-lists'),
24 | events: {
25 | change: function() {
26 | self.unsavedChanges = true;
27 | $el.trigger('change');
28 | }
29 | }
30 | };
31 | };
32 |
33 | // Alert for unsaved changes
34 | Bootsy.Area.prototype.unsavedChangesAlert = function () {
35 | if (this.unsavedChanges) {
36 | return $.fn.wysihtml5.locale[this.locale].bootsy.alertUnsaved;
37 | }
38 | };
39 |
40 | // Clear everything
41 | Bootsy.Area.prototype.clear = function () {
42 | this.editor.clear();
43 | this.setImageGalleryId('');
44 | this.modal.$el.data('gallery-loaded', false);
45 | };
46 |
47 | Bootsy.Area.prototype.setImageGalleryId = function(id) {
48 | this.$el.data('gallery-id', id);
49 | this.$el.siblings('.bootsy_image_gallery_id').val(id);
50 | };
51 |
52 | // Init components
53 | Bootsy.Area.prototype.init = function() {
54 | if (!this.$el.data('bootsy-initialized')) {
55 | if ((this.options.image === true) && (this.options.uploader === true)) {
56 | this.modal = new Bootsy.Modal(this);
57 | this.options.image = false;
58 | this.options.customCommand = true;
59 | this.options.customCommandCallback = this.modal.show.bind(this.modal);
60 | this.options.customTemplates = { customCommand: Bootsy.imageTemplate };
61 | }
62 |
63 | this.editor = this.$el.wysihtml5($.extend(true, {}, Bootsy.options, this.options)).data('wysihtml5').editor;
64 |
65 | // Mechanism for unsaved changes alert
66 | if (this.options.alertUnsavedChanges !== false) {
67 | window.onbeforeunload = this.unsavedChangesAlert.bind(this);
68 | }
69 |
70 | this.$el.closest('form').submit(function() {
71 | this.unsavedChanges = false;
72 |
73 | return true;
74 | }.bind(this));
75 |
76 | this.$el.data('bootsy-initialized', true);
77 | }
78 | };
79 |
80 | // Insert image in the text
81 | Bootsy.Area.prototype.insertImage = function(image) {
82 | this.editor.currentView.element.focus();
83 |
84 | if (this.caretBookmark) {
85 | this.editor.composer.selection.setBookmark(this.caretBookmark);
86 | this.caretBookmark = null;
87 | }
88 |
89 | this.editor.composer.commands.exec('insertImage', image);
90 | };
91 |
--------------------------------------------------------------------------------
/app/views/bootsy/images/_loader.html.erb:
--------------------------------------------------------------------------------
1 |
40 |
--------------------------------------------------------------------------------
/spec/dummy/config/environments/production.rb:
--------------------------------------------------------------------------------
1 | Dummy::Application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # Code is not reloaded between requests.
5 | config.cache_classes = true
6 |
7 | # Eager load code on boot. This eager loads most of Rails and
8 | # your application in memory, allowing both thread web servers
9 | # and those relying on copy on write to perform better.
10 | # Rake tasks automatically ignore this option for performance.
11 | config.eager_load = true
12 |
13 | # Full error reports are disabled and caching is turned on.
14 | config.consider_all_requests_local = false
15 | config.action_controller.perform_caching = true
16 |
17 | # Enable Rack::Cache to put a simple HTTP cache in front of your application
18 | # Add `rack-cache` to your Gemfile before enabling this.
19 | # For large-scale production use, consider using a caching reverse proxy like nginx, varnish or squid.
20 | # config.action_dispatch.rack_cache = true
21 |
22 | # Disable Rails's static asset server (Apache or nginx will already do this).
23 | config.public_file_server.enabled = false
24 |
25 | # Compress JavaScripts and CSS.
26 | config.assets.js_compressor = :uglifier
27 | # config.assets.css_compressor = :sass
28 |
29 | # Do not fallback to assets pipeline if a precompiled asset is missed.
30 | config.assets.compile = false
31 |
32 | # Generate digests for assets URLs.
33 | config.assets.digest = true
34 |
35 | # Version of your assets, change this if you want to expire all your assets.
36 | config.assets.version = '1.0'
37 |
38 | # Specifies the header that your server uses for sending files.
39 | # config.action_dispatch.x_sendfile_header = "X-Sendfile" # for apache
40 | # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for nginx
41 |
42 | # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
43 | # config.force_ssl = true
44 |
45 | # Set to :debug to see everything in the log.
46 | config.log_level = :info
47 |
48 | # Prepend all log lines with the following tags.
49 | # config.log_tags = [ :subdomain, :uuid ]
50 |
51 | # Use a different logger for distributed setups.
52 | # config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)
53 |
54 | # Use a different cache store in production.
55 | # config.cache_store = :mem_cache_store
56 |
57 | # Enable serving of images, stylesheets, and JavaScripts from an asset server.
58 | # config.action_controller.asset_host = "http://assets.example.com"
59 |
60 | # Precompile additional assets.
61 | # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
62 | # config.assets.precompile += %w( search.js )
63 |
64 | # Ignore bad email addresses and do not raise email delivery errors.
65 | # Set this to true and configure the email server for immediate delivery to raise delivery errors.
66 | # config.action_mailer.raise_delivery_errors = false
67 |
68 | # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
69 | # the I18n.default_locale when a translation can not be found).
70 | config.i18n.fallbacks = true
71 |
72 | # Send deprecation notices to registered listeners.
73 | config.active_support.deprecation = :notify
74 |
75 | # Disable automatic flushing of the log to improve performance.
76 | # config.autoflush_log = false
77 |
78 | # Use default logging formatter so that PID and timestamp are not suppressed.
79 | config.log_formatter = ::Logger::Formatter.new
80 | end
81 |
--------------------------------------------------------------------------------
/spec/spec_helper.rb:
--------------------------------------------------------------------------------
1 | # This file was generated by the `rails generate rspec:install` command. Conventionally, all
2 | # specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
3 | # The generated `.rspec` file contains `--require spec_helper` which will cause this
4 | # file to always be loaded, without a need to explicitly require it in any files.
5 | #
6 | # Given that it is always loaded, you are encouraged to keep this file as
7 | # light-weight as possible. Requiring heavyweight dependencies from this file
8 | # will add to the boot time of your test suite on EVERY test run, even for an
9 | # individual file that may not need all of that loaded. Instead, make a
10 | # separate helper file that requires this one and then use it only in the specs
11 | # that actually need it.
12 | #
13 | # The `.rspec` file also contains a few flags that are not defaults but that
14 | # users commonly want.
15 | #
16 | # See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
17 | RSpec.configure do |config|
18 | # The settings below are suggested to provide a good initial experience
19 | # with RSpec, but feel free to customize to your heart's content.
20 | =begin
21 | # These two settings work together to allow you to limit a spec run
22 | # to individual examples or groups you care about by tagging them with
23 | # `:focus` metadata. When nothing is tagged with `:focus`, all examples
24 | # get run.
25 | config.filter_run :focus
26 | config.run_all_when_everything_filtered = true
27 |
28 | # Many RSpec users commonly either run the entire suite or an individual
29 | # file, and it's useful to allow more verbose output when running an
30 | # individual spec file.
31 | if config.files_to_run.one?
32 | # Use the documentation formatter for detailed output,
33 | # unless a formatter has already been configured
34 | # (e.g. via a command-line flag).
35 | config.default_formatter = 'doc'
36 | end
37 |
38 | # Print the 10 slowest examples and example groups at the
39 | # end of the spec run, to help surface which specs are running
40 | # particularly slow.
41 | config.profile_examples = 10
42 |
43 | # Run specs in random order to surface order dependencies. If you find an
44 | # order dependency and want to debug it, you can fix the order by providing
45 | # the seed, which is printed after each run.
46 | # --seed 1234
47 | config.order = :random
48 |
49 | # Seed global randomization in this process using the `--seed` CLI option.
50 | # Setting this allows you to use `--seed` to deterministically reproduce
51 | # test failures related to randomization by passing the same `--seed` value
52 | # as the one that triggered the failure.
53 | Kernel.srand config.seed
54 |
55 | # rspec-expectations config goes here. You can use an alternate
56 | # assertion/expectation library such as wrong or the stdlib/minitest
57 | # assertions if you prefer.
58 | config.expect_with :rspec do |expectations|
59 | # Enable only the newer, non-monkey-patching expect syntax.
60 | # For more details, see:
61 | # - http://myronmars.to/n/dev-blog/2012/06/rspecs-new-expectation-syntax
62 | expectations.syntax = :expect
63 | end
64 |
65 | # rspec-mocks config goes here. You can use an alternate test double
66 | # library (such as bogus or mocha) by changing the `mock_with` option here.
67 | config.mock_with :rspec do |mocks|
68 | # Enable only the newer, non-monkey-patching expect syntax.
69 | # For more details, see:
70 | # - http://teaisaweso.me/blog/2013/05/27/rspecs-new-message-expectation-syntax/
71 | mocks.syntax = :expect
72 |
73 | # Prevents you from mocking or stubbing a method that does not exist on
74 | # a real object. This is generally recommended.
75 | mocks.verify_partial_doubles = true
76 | end
77 | =end
78 | end
79 |
--------------------------------------------------------------------------------
/lib/bootsy/form_helper.rb:
--------------------------------------------------------------------------------
1 | module Bootsy
2 | # Public: Module to include Bootsy in `ActionView::Base`.
3 | module FormHelper
4 | # Public: Return a textarea element with proper attributes to
5 | # be loaded as a WYSIWYG editor.
6 | #
7 | # object_name - The String or Symbol identifier of the object assigned
8 | # to the template.
9 | #
10 | # method - The Symbol attribute name on the object assigned to the
11 | # form builder that will tailor the editor.
12 | #
13 | # options - The Hash of options used to enable/disable features of
14 | # the editor (default: {}):
15 | # :container - The `Bootsy::Container` instance model
16 | # that will be referenced by the editor's
17 | # image gallery. Defaults to the object
18 | # assigned to the template, if it is a
19 | # `Container`.
20 | # :uploader - The Boolean value used to enable/disable
21 | # the image upload feature. Default: true,
22 | # if a`Container` is found, false otherwise.
23 | # :editor_options - The Hash of options with Boolean values
24 | # usedto enable/disable features of the
25 | # editor. Available options are described ib
26 | # the Bootsyinitializer file (which is the
27 | # default for this argument).
28 | def bootsy_area(object_name, method, options = {})
29 | container = options[:container] || options[:object]
30 |
31 | set_gallery_id(container, options)
32 |
33 | text_area(object_name, method, text_area_options(options)) +
34 | modal(options, container) +
35 | gallery_id_param(object_name, container, options)
36 | end
37 |
38 | private
39 |
40 | def enable_uploader?(options)
41 | if options[:uploader] == false
42 | false
43 | elsif options[:container].is_a?(Container)
44 | true
45 | elsif options[:container].blank? && options[:object].is_a?(Container)
46 | true
47 | else
48 | false
49 | end
50 | end
51 |
52 | def tag_class(options)
53 | classes =
54 | if options[:class].blank?
55 | []
56 | elsif options[:class].is_a?(Array)
57 | options[:class]
58 | else
59 | [options[:class]]
60 | end
61 |
62 | classes << 'bootsy_text_area'
63 | end
64 |
65 | def data_options(options)
66 | (options[:data] || {}).deep_merge(
67 | Hash[bootsy_options(options).map do |key, value|
68 | ["bootsy-#{key}", value]
69 | end]
70 | )
71 | end
72 |
73 | def bootsy_options(options)
74 | Bootsy.editor_options.merge(options[:editor_options] || {})
75 | .merge(uploader: enable_uploader?(options))
76 | end
77 |
78 | def text_area_options(options)
79 | options.except(
80 | :container,
81 | :uploader,
82 | :editor_options
83 | ).merge(
84 | data: data_options(options),
85 | class: tag_class(options)
86 | )
87 | end
88 |
89 | def set_gallery_id(container, options)
90 | return unless enable_uploader?(options)
91 |
92 | container.bootsy_image_gallery_id ||= Bootsy::ImageGallery.create!.id
93 | options.deep_merge!(
94 | data: { gallery_id: container.bootsy_image_gallery_id }
95 | )
96 | end
97 |
98 | def gallery_id_param(object_name, container, options)
99 | return unless enable_uploader?(options) && container.new_record?
100 |
101 | hidden_field(
102 | object_name,
103 | :bootsy_image_gallery_id,
104 | class: 'bootsy_image_gallery_id'
105 | )
106 | end
107 |
108 | def modal(options, container)
109 | return unless enable_uploader?(options)
110 | render('bootsy/images/modal', container: container)
111 | end
112 | end
113 | end
114 |
--------------------------------------------------------------------------------
/spec/dummy/config/initializers/simple_form_bootstrap.rb:
--------------------------------------------------------------------------------
1 | # Use this setup block to configure all options available in SimpleForm.
2 | SimpleForm.setup do |config|
3 | config.button_class = 'btn btn-default'
4 | config.boolean_label_class = nil
5 | config.error_notification_class = 'alert alert-danger'
6 |
7 | config.wrappers :vertical_form, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
8 | b.use :html5
9 | b.use :placeholder
10 | b.use :label, class: 'control-label'
11 |
12 | b.wrapper tag: 'div' do |ba|
13 | ba.use :input, class: 'form-control'
14 | ba.use :error, wrap_with: { tag: 'span', class: 'help-block' }
15 | ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
16 | end
17 | end
18 |
19 | config.wrappers :vertical_file_input, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
20 | b.use :html5
21 | b.use :placeholder
22 | b.use :label, class: 'control-label'
23 |
24 | b.wrapper tag: 'div' do |ba|
25 | ba.use :input
26 | ba.use :error, wrap_with: { tag: 'span', class: 'help-block' }
27 | ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
28 | end
29 | end
30 |
31 | config.wrappers :vertical_boolean, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
32 | b.use :html5
33 | b.use :placeholder
34 |
35 | b.wrapper tag: 'div', class: 'checkbox' do |ba|
36 | ba.use :label_input
37 | end
38 |
39 | b.use :error, wrap_with: { tag: 'span', class: 'help-block' }
40 | b.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
41 | end
42 |
43 | config.wrappers :vertical_radio_and_checkboxes, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
44 | b.use :html5
45 | b.use :placeholder
46 | b.use :label_input
47 | b.use :error, wrap_with: { tag: 'span', class: 'help-block' }
48 | b.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
49 | end
50 |
51 | config.wrappers :horizontal_form, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
52 | b.use :html5
53 | b.use :placeholder
54 | b.use :label, class: 'col-sm-3 control-label'
55 |
56 | b.wrapper tag: 'div', class: 'col-sm-9' do |ba|
57 | ba.use :input, class: 'form-control'
58 | ba.use :error, wrap_with: { tag: 'span', class: 'help-block' }
59 | ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
60 | end
61 | end
62 |
63 | config.wrappers :horizontal_file_input, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
64 | b.use :html5
65 | b.use :placeholder
66 | b.use :label, class: 'col-sm-3 control-label'
67 |
68 | b.wrapper tag: 'div', class: 'col-sm-9' do |ba|
69 | ba.use :input
70 | ba.use :error, wrap_with: { tag: 'span', class: 'help-block' }
71 | ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
72 | end
73 | end
74 |
75 | config.wrappers :horizontal_boolean, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
76 | b.use :html5
77 | b.use :placeholder
78 |
79 | b.wrapper tag: 'div', class: 'col-sm-offset-3 col-sm-9' do |wr|
80 | wr.wrapper tag: 'div', class: 'checkbox' do |ba|
81 | ba.use :label_input, class: 'col-sm-9'
82 | end
83 |
84 | wr.use :error, wrap_with: { tag: 'span', class: 'help-block' }
85 | wr.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
86 | end
87 | end
88 |
89 | config.wrappers :horizontal_radio_and_checkboxes, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
90 | b.use :html5
91 | b.use :placeholder
92 |
93 | b.use :label, class: 'col-sm-3 control-label'
94 |
95 | b.wrapper tag: 'div', class: 'col-sm-9' do |ba|
96 | ba.use :input
97 | ba.use :error, wrap_with: { tag: 'span', class: 'help-block' }
98 | ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
99 | end
100 | end
101 |
102 | # Wrappers for forms and inputs using the Bootstrap toolkit.
103 | # Check the Bootstrap docs (http://getbootstrap.com)
104 | # to learn about the different styles for forms and inputs,
105 | # buttons and other elements.
106 | config.default_wrapper = :vertical_form
107 | end
108 |
--------------------------------------------------------------------------------
/app/assets/javascripts/bootsy/vendor/bootstrap.file-input.js:
--------------------------------------------------------------------------------
1 | /*
2 | Bootstrap - File Input
3 | ======================
4 |
5 | This is meant to convert all file input tags into a set of elements that displays consistently in all browsers.
6 |
7 | Converts all
8 |
9 | into Bootstrap buttons
10 | Browse
11 |
12 | */
13 | $(function() {
14 |
15 | $.fn.bootstrapFileInput = function() {
16 |
17 | this.each(function(i,elem){
18 |
19 | var $elem = $(elem);
20 |
21 | // Maybe some fields don't need to be standardized.
22 | if (typeof $elem.attr('data-bfi-disabled') != 'undefined') {
23 | return;
24 | }
25 |
26 | // Set the word to be displayed on the button
27 | var buttonWord = 'Browse';
28 |
29 | if (typeof $elem.attr('title') != 'undefined') {
30 | buttonWord = $elem.attr('title');
31 | }
32 |
33 | // Start by getting the HTML of the input element.
34 | // Thanks for the tip http://stackoverflow.com/a/1299069
35 | var input = $('
').append( $elem.eq(0).clone() ).html();
36 | var className = '';
37 |
38 | if (!!$elem.attr('class')) {
39 | className = ' ' + $elem.attr('class');
40 | }
41 |
42 | // Now we're going to replace that input field with a Bootstrap button.
43 | // The input will actually still be there, it will just be float above and transparent (done with the CSS).
44 | $elem.replaceWith(''+buttonWord+input+'');
45 | })
46 |
47 | // After we have found all of the file inputs let's apply a listener for tracking the mouse movement.
48 | // This is important because the in order to give the illusion that this is a button in FF we actually need to move the button from the file input under the cursor. Ugh.
49 | .promise().done( function(){
50 |
51 | // As the cursor moves over our new Bootstrap button we need to adjust the position of the invisible file input Browse button to be under the cursor.
52 | // This gives us the pointer cursor that FF denies us
53 | $('.file-input-wrapper').mousemove(function(cursor) {
54 |
55 | var input, wrapper,
56 | wrapperX, wrapperY,
57 | inputWidth, inputHeight,
58 | cursorX, cursorY;
59 |
60 | // This wrapper element (the button surround this file input)
61 | wrapper = $(this);
62 | // The invisible file input element
63 | input = wrapper.find("input");
64 | // The left-most position of the wrapper
65 | wrapperX = wrapper.offset().left;
66 | // The top-most position of the wrapper
67 | wrapperY = wrapper.offset().top;
68 | // The with of the browsers input field
69 | inputWidth= input.width();
70 | // The height of the browsers input field
71 | inputHeight= input.height();
72 | //The position of the cursor in the wrapper
73 | cursorX = cursor.pageX;
74 | cursorY = cursor.pageY;
75 |
76 | //The positions we are to move the invisible file input
77 | // The 20 at the end is an arbitrary number of pixels that we can shift the input such that cursor is not pointing at the end of the Browse button but somewhere nearer the middle
78 | moveInputX = cursorX - wrapperX - inputWidth + 20;
79 | // Slides the invisible input Browse button to be positioned middle under the cursor
80 | moveInputY = cursorY- wrapperY - (inputHeight/2);
81 |
82 | // Apply the positioning styles to actually move the invisible file input
83 | input.css({
84 | left:moveInputX,
85 | top:moveInputY
86 | });
87 | });
88 |
89 | $('.file-input-wrapper input[type=file]').change(function(){
90 |
91 | var fileName;
92 | fileName = $(this).val();
93 |
94 | // Remove any previous file names
95 | $(this).parent().next('.file-input-name').remove();
96 | if (!!$(this).prop('files') && $(this).prop('files').length > 1) {
97 | fileName = $(this)[0].files.length+' files';
98 | //$(this).parent().after(''+$(this)[0].files.length+' files');
99 | }
100 | else {
101 | // var fakepath = 'C:\\fakepath\\';
102 | // fileName = $(this).val().replace('C:\\fakepath\\','');
103 | fileName = fileName.substring(fileName.lastIndexOf('\\')+1,fileName.length);
104 | }
105 |
106 | $(this).parent().after(''+fileName+'');
107 | });
108 |
109 | });
110 |
111 | };
112 |
113 | // Add the styles before the first stylesheet
114 | // This ensures they can be easily overridden with developer styles
115 | var cssHtml = '';
120 | $('link[rel=stylesheet]').eq(0).before(cssHtml);
121 |
122 | });
123 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Bootsy
2 |
3 | [](http://badge.fury.io/rb/bootsy)
4 | [](http://travis-ci.org/volmer/bootsy)
5 | [](https://gemnasium.com/volmer/bootsy)
6 | [](https://codeclimate.com/github/volmer/bootsy)
7 |
8 | *Bootsy* is a WYSIWYG editor for Rails based on
9 | [Bootstrap-wysihtml5](https://github.com/jhollingworth/bootstrap-wysihtml5) with image uploads using
10 | [CarrierWave](https://github.com/carrierwaveuploader/carrierwave).
11 |
12 | ### Live demo
13 |
14 | * [bootsy-demo.herokuapp.com](http://bootsy-demo.herokuapp.com/)
15 | [](http://bootsy-demo.herokuapp.com/)
16 |
17 |
18 | ## Requirements
19 |
20 | * ImageMagick or GraphicsMagick (for MiniMagick);
21 | * [Bootstrap 3](http://getbootstrap.com/) fully installed in your app.
22 |
23 |
24 | ## Installation
25 |
26 | 1. Add Bootsy to your Gemfile and `bundle install` it:
27 | ```ruby
28 | gem 'bootsy'
29 | ```
30 |
31 | ```console
32 | bundle install
33 | ```
34 |
35 | 2. Mount Bootsy at the beginning of your `config/routes.rb`:
36 | ```ruby
37 | Rails.application.routes.draw do
38 | mount Bootsy::Engine => '/bootsy', as: 'bootsy'
39 |
40 | ...
41 |
42 | end
43 | ```
44 |
45 | 3. Require Bootsy in the asset pipeline:
46 |
47 | In your `app/assets/javascripts/application.js`, put this **after**
48 | requiring jQuery and Bootstrap:
49 |
50 | ```javascript
51 | //= require bootsy
52 | ```
53 |
54 | In your `app/assets/stylesheets/application.css`, put this line **after**
55 | requiring Bootstrap:
56 |
57 | ```css
58 | *= require bootsy
59 | ```
60 |
61 | 4. Add and run migrations:
62 | ```console
63 | bundle exec rake bootsy:install:migrations
64 | bundle exec rake db:migrate
65 | ```
66 |
67 |
68 | ## Usage
69 |
70 | Just call `bootsy_area` in your `FormBuilder` instances, the
71 | same way you'd call `textarea`. Example:
72 | ```erb
73 | <%= form_for(@post) do |f| %>
74 | <%= f.label :title %>
75 | <%= f.text_field :title %>
76 |
77 | <%= f.label :content %>
78 | <%= f.bootsy_area :content %>
79 |
80 | <%= f.submit %>
81 | <% end %>
82 | ```
83 |
84 | Bootsy will group the uploaded images as galleries and associate them to one of
85 | your models. For instance, if you have a `Post` model and you want to use `bootsy_area`
86 | with it, you must include the `Bootsy::Container` module:
87 | ```ruby
88 | class Post < ActiveRecord::Base
89 | include Bootsy::Container
90 | end
91 | ```
92 |
93 | Don't forget to ensure the association between your model objects with Bootsy
94 | image galleries. For `strong_parameters`, you must whitelist the `bootsy_image_gallery_id` parameter
95 | in your controller:
96 | ```ruby
97 | private
98 |
99 | def post_params
100 | params.require(:post).permit(:title, :content, :bootsy_image_gallery_id)
101 | end
102 | ```
103 |
104 |
105 | ## Bootsy with [Simple Form](https://github.com/plataformatec/simple_form) builders
106 |
107 | You can use `bootsy` as an input type in `SimpleForm::FormBuilder` instances. Example:
108 | ```erb
109 | <%= simple_form_for @post do |f| %>
110 | <%= f.input :title %>
111 |
112 | <%= f.input :content, as: :bootsy %>
113 |
114 | <%= f.button :submit %>
115 | <% end %>
116 | ```
117 |
118 |
119 | ## Editor options
120 |
121 | You can customize Bootsy through a hash of `editor_options`:
122 |
123 |
124 | ### Enable/disable features
125 |
126 | You can enable and disable features as you like. For instance, if you don't want link and color features:
127 | ```erb
128 | <%= f.bootsy_area :my_attribute, editor_options: { link: false, color: false } %>
129 | ```
130 | Available options are: `:blockquote`, `:font_styles`, `:emphasis`, `:lists`, `:html`, `:link`, `:image` and `:color`.
131 |
132 |
133 | ### Alert of unsaved changes
134 |
135 | By default Bootsy alerts the user about unsaved changes if the page is closed or reloaded. You can disable
136 | this feature with:
137 | ```erb
138 | <%= f.bootsy_area :my_attribute, editor_options: { alert_unsaved: false } %>
139 | ```
140 |
141 | ## Uploads
142 |
143 | If you don't want to have image uploads, just call `bootsy_area` in a form builder not
144 | associated to a `Bootsy::Container` model. This way users will still be able to insert
145 | images in the text area using an external image URL.
146 |
147 |
148 | ## Configuration
149 |
150 | You can set the default editor options, image sizes available (small, medium,
151 | large and/or its original), dimensions and more. Create a copy of [Bootsy's initalizer
152 | file](https://github.com/volmer/bootsy/tree/master/config/initializers/bootsy.rb)
153 | in your `config/initializers` and feel free to uncomment and change the options
154 | as you like.
155 |
156 |
157 | ## I18n
158 |
159 | You can translate Bootsy to your own language. Simply create a locale file for
160 | it in your `config/locales` directory similar to [Bootsy's master English file](https://github.com/volmer/bootsy/tree/master/config/locales/bootsy.en.yml).
161 |
162 | You also need to translate Bootsy on the JavaScript side. Just follow
163 | [this example](https://github.com/volmer/bootsy/blob/master/app/assets/javascripts/bootsy/locales/en.js).
164 | Bootsy will try to guess the locale based on the `lang` attribute of the page's `` tag.
165 | You can set the locale directly by setting a `data-bootsy-locale` attribute on your `
5 | <%= raw comment.content %> 6 |
7 | 8 | <%= link_to 'Edit comment', '#edit' %> 9 |