mercury-rails 0.1.0

data/app/views/mercury/modals/media.html.haml

@@ -0,0 +1,33 @@
+= semantic_form_for 'media', { html: { id: 'mercury_media', style: 'width:600px' } } do |f|
+
+  .mercury-modal-pane-container
+    .mercury-modal-pane
+
+      = f.inputs 'Images' do
+        = f.input :image_url, required: false, input_html: { class: 'selectable' },
+                  label: '<input name="media_type" type="radio" value="image_url" checked="checked"/>URL'.html_safe
+
+      = f.inputs 'Videos' do
+        = f.input :youtube_url, required: false, input_html: { class: 'selectable' },
+                  label: '<input name="media_type" type="radio" value="youtube_url"/>YouTube Share URL'.html_safe
+        = f.input :vimeo_url, required: false, input_html: { class: 'selectable' },
+                  label: '<input name="media_type" type="radio" value="vimeo_url"/>Vimeo URL'.html_safe
+
+      = f.inputs 'Options' do
+
+        #image_url.media-options
+          = f.input :image_alignment, as: :select, required: false, label: 'Alignment', include_blank: 'None',
+                    collection: [['Left', 'left'], ['Right', 'right'], ['Top', 'top'], ['Middle', 'middle'], ['Bottom', 'bottom'], ['Absolute Middle', 'absmiddle'], ['Absolute Bottom', 'absbottom']]
+
+        #youtube_url.media-options{ :style => 'display:none' }
+          = f.input :youtube_width, required: false, label: 'Width', input_html: { value: '560' }
+          = f.input :youtube_height, required: false, label: 'Height', input_html: { value: '349' }
+
+        #vimeo_url.media-options{ :style => 'display:none' }
+          = f.input :vimeo_width, required: false, label: 'Width', input_html: { value: '400' }
+          = f.input :vimeo_height, required: false, label: 'Height', input_html: { value: '225' }
+
+  .mercury-modal-controls
+
+    = f.buttons do
+      = f.commit_button 'Insert Media'

data/app/views/mercury/modals/sanitizer.html.haml

@@ -0,0 +1,4 @@
+#mercury_sanitizer{ style: 'width:450px' }
+  .information It looks like you've pasted directly from Microsoft Office!<br/><br/>Sadly though, your browser wasn't able to properly handle what you pasted.  But that's ok, because I've sanitized it for you!
+  %textarea{ rows: '20', wrap: 'off' }
+  %strong You can just copy and paste the sanitized content that appears above.

data/app/views/mercury/modals/table.html.haml

@@ -0,0 +1,49 @@
+= semantic_form_for 'table', { html: { id: 'mercury_table', style: 'width:700px' } } do |f|
+
+  .mercury-modal-pane-container
+    .mercury-modal-pane
+
+      #table_display
+
+        %table{ border: 1, cellspacing: 0 }
+          %tr
+            %td
+            %td
+            %td
+          %tr
+            %td
+            %td
+            %td
+
+      #table_options
+        = f.inputs do
+          %li{ class: "select input optional", id: "table_rows_input" }
+            %label{ for: "table_rows" } Rows
+            %input{ type: 'button', name: 'insertrowbefore', class: 'action', value: 'Add Before' }/
+            %input{ type: 'button', name: 'insertrowafter', class: 'action', value: 'Add After' }/
+            %input{ type: 'button', name: 'deleterow', class: 'action', value: 'Remove' }/
+          %li{ class: "select input optional", id: "table_columns_input" }
+            %label{ for: "table_columns" } Columns
+            %input{ type: 'button', name: 'insertcolumnbefore', class: 'action', value: 'Add Before' }/
+            %input{ type: 'button', name: 'insertcolumnafter', class: 'action', value: 'Add After' }/
+            %input{ type: 'button', name: 'deletecolumn', class: 'action', value: 'Remove' }/
+          %hr
+          %li{ class: "select input optional", id: "table_row_adjust_input" }
+            %label{ for: "table_row_adjust" } Row Span
+            %input{ type: 'button', name: 'increaserowspan', class: 'action', value: '+' }/
+            %input{ type: 'button', name: 'decreaserowspan', class: 'action', value: '-' }/
+          %li{ class: "select input optional", id: "table_column_adjust_input" }
+            %label{ for: "table_column_adjust" } Column Span
+            %input{ type: 'button', name: 'increasecolspan', class: 'action', value: '+' }/
+            %input{ type: 'button', name: 'decreasecolspan', class: 'action', value: '-' }/
+
+        = f.inputs 'Options' do
+          = f.input :alignment, as: :select, required: false, include_blank: 'None',
+            collection: [['Left', 'left'], ['Right', 'right']]
+          = f.input :border, required: false, input_html: { value: 1 }
+          = f.input :spacing, required: false, input_html: { value: 0 }
+
+  .mercury-modal-controls
+
+    = f.buttons do
+      = f.commit_button 'Insert Table'

data/app/views/mercury/palettes/backcolor.html.haml

@@ -0,0 +1,79 @@
+.mercury-color-picker
+	.picker{ style: "background:#FFFFFF" }
+	.picker{ style: "background:#FFCCCC" }
+	.picker{ style: "background:#FFCC99" }
+	.picker{ style: "background:#FFFF99" }
+	.picker{ style: "background:#FFFFCC" }
+	.picker{ style: "background:#99FF99" }
+	.picker{ style: "background:#99FFFF" }
+	.picker{ style: "background:#CCFFFF" }
+	.picker{ style: "background:#CCCCFF" }
+	.picker{ style: "background:#FFCCFF" }
+
+	.picker{ style: "background:#CCCCCC" }
+	.picker{ style: "background:#FF6666" }
+	.picker{ style: "background:#FF9966" }
+	.picker{ style: "background:#FFFF66" }
+	.picker{ style: "background:#FFFF33" }
+	.picker{ style: "background:#66FF99" }
+	.picker{ style: "background:#33FFFF" }
+	.picker{ style: "background:#66FFFF" }
+	.picker{ style: "background:#9999FF" }
+	.picker{ style: "background:#FF99FF" }
+
+	.picker{ style: "background:#C0C0C0" }
+	.picker{ style: "background:#FF0000" }
+	.picker{ style: "background:#FF9900" }
+	.picker{ style: "background:#FFCC66" }
+	.picker{ style: "background:#FFFF00" }
+	.picker{ style: "background:#33FF33" }
+	.picker{ style: "background:#66CCCC" }
+	.picker{ style: "background:#33CCFF" }
+	.picker{ style: "background:#6666CC" }
+	.picker{ style: "background:#CC66CC" }
+
+	.picker{ style: "background:#999999" }
+	.picker{ style: "background:#CC0000" }
+	.picker{ style: "background:#FF6600" }
+	.picker{ style: "background:#FFCC33" }
+	.picker{ style: "background:#FFCC00" }
+	.picker{ style: "background:#33CC00" }
+	.picker{ style: "background:#00CCCC" }
+	.picker{ style: "background:#3366FF" }
+	.picker{ style: "background:#6633FF" }
+	.picker{ style: "background:#CC33CC" }
+
+	.picker{ style: "background:#666666" }
+	.picker{ style: "background:#990000" }
+	.picker{ style: "background:#CC6600" }
+	.picker{ style: "background:#CC9933" }
+	.picker{ style: "background:#999900" }
+	.picker{ style: "background:#009900" }
+	.picker{ style: "background:#339999" }
+	.picker{ style: "background:#3333FF" }
+	.picker{ style: "background:#6600CC" }
+	.picker{ style: "background:#993399" }
+
+	.picker{ style: "background:#333333" }
+	.picker{ style: "background:#660000" }
+	.picker{ style: "background:#993300" }
+	.picker{ style: "background:#996633" }
+	.picker{ style: "background:#666600" }
+	.picker{ style: "background:#006600" }
+	.picker{ style: "background:#336666" }
+	.picker{ style: "background:#000099" }
+	.picker{ style: "background:#333399" }
+	.picker{ style: "background:#663366" }
+
+	.picker{ style: "background:#000000" }
+	.picker{ style: "background:#330000" }
+	.picker{ style: "background:#663300" }
+	.picker{ style: "background:#663333" }
+	.picker{ style: "background:#333300" }
+	.picker{ style: "background:#003300" }
+	.picker{ style: "background:#003333" }
+	.picker{ style: "background:#000066" }
+	.picker{ style: "background:#330099" }
+	.picker{ style: "background:#330033" }
+
+	.last-picked Last Color Picked

data/app/views/mercury/palettes/forecolor.html.haml

@@ -0,0 +1,79 @@
+.mercury-color-picker
+	.picker{ style: "background:#FFFFFF" }
+	.picker{ style: "background:#FFCCCC" }
+	.picker{ style: "background:#FFCC99" }
+	.picker{ style: "background:#FFFF99" }
+	.picker{ style: "background:#FFFFCC" }
+	.picker{ style: "background:#99FF99" }
+	.picker{ style: "background:#99FFFF" }
+	.picker{ style: "background:#CCFFFF" }
+	.picker{ style: "background:#CCCCFF" }
+	.picker{ style: "background:#FFCCFF" }
+
+	.picker{ style: "background:#CCCCCC" }
+	.picker{ style: "background:#FF6666" }
+	.picker{ style: "background:#FF9966" }
+	.picker{ style: "background:#FFFF66" }
+	.picker{ style: "background:#FFFF33" }
+	.picker{ style: "background:#66FF99" }
+	.picker{ style: "background:#33FFFF" }
+	.picker{ style: "background:#66FFFF" }
+	.picker{ style: "background:#9999FF" }
+	.picker{ style: "background:#FF99FF" }
+
+	.picker{ style: "background:#C0C0C0" }
+	.picker{ style: "background:#FF0000" }
+	.picker{ style: "background:#FF9900" }
+	.picker{ style: "background:#FFCC66" }
+	.picker{ style: "background:#FFFF00" }
+	.picker{ style: "background:#33FF33" }
+	.picker{ style: "background:#66CCCC" }
+	.picker{ style: "background:#33CCFF" }
+	.picker{ style: "background:#6666CC" }
+	.picker{ style: "background:#CC66CC" }
+
+	.picker{ style: "background:#999999" }
+	.picker{ style: "background:#CC0000" }
+	.picker{ style: "background:#FF6600" }
+	.picker{ style: "background:#FFCC33" }
+	.picker{ style: "background:#FFCC00" }
+	.picker{ style: "background:#33CC00" }
+	.picker{ style: "background:#00CCCC" }
+	.picker{ style: "background:#3366FF" }
+	.picker{ style: "background:#6633FF" }
+	.picker{ style: "background:#CC33CC" }
+
+	.picker{ style: "background:#666666" }
+	.picker{ style: "background:#990000" }
+	.picker{ style: "background:#CC6600" }
+	.picker{ style: "background:#CC9933" }
+	.picker{ style: "background:#999900" }
+	.picker{ style: "background:#009900" }
+	.picker{ style: "background:#339999" }
+	.picker{ style: "background:#3333FF" }
+	.picker{ style: "background:#6600CC" }
+	.picker{ style: "background:#993399" }
+
+	.picker{ style: "background:#333333" }
+	.picker{ style: "background:#660000" }
+	.picker{ style: "background:#993300" }
+	.picker{ style: "background:#996633" }
+	.picker{ style: "background:#666600" }
+	.picker{ style: "background:#006600" }
+	.picker{ style: "background:#336666" }
+	.picker{ style: "background:#000099" }
+	.picker{ style: "background:#333399" }
+	.picker{ style: "background:#663366" }
+
+	.picker{ style: "background:#000000" }
+	.picker{ style: "background:#330000" }
+	.picker{ style: "background:#663300" }
+	.picker{ style: "background:#663333" }
+	.picker{ style: "background:#333300" }
+	.picker{ style: "background:#003300" }
+	.picker{ style: "background:#003333" }
+	.picker{ style: "background:#000066" }
+	.picker{ style: "background:#330099" }
+	.picker{ style: "background:#330033" }
+
+	.last-picked Last Color Picked

data/app/views/mercury/panels/snippets.html.haml

@@ -0,0 +1,10 @@
+.mercury-snippet-panel
+
+  .filter
+    %input.filter{ :type => 'text' }
+
+  %ul
+    %li{ 'data-filter' => "example-snippet" }
+      = image_tag('mercury/default-snippet.png', 'data-snippet' => 'example' )
+      %h4 Snippet Name
+      .description A one to two line long description of what this snippet does.

data/app/views/mercury/selects/formatblock.html.haml

@@ -0,0 +1,10 @@
+.mercury-select-options
+  %h1{ data: {tag: "h1"} } Heading 1 <h1>
+  %h2{ data: {tag: "h2"} } Heading 2 <h2>
+  %h3{ data: {tag: "h3"} } Heading 3 <h3>
+  %h4{ data: {tag: "h4"} } Heading 4 <h4>
+  %h5{ data: {tag: "h5"} } Heading 5 <h5>
+  %h6{ data: {tag: "h6"} } Heading 6 <h6>
+  %div{ data: {tag: "p"} } Paragraph <p>
+  %div{ data: {tag: "blockquote"} } Blockquote <blockquote>
+  %div{ data: {tag: "pre"} } Formatted <pre>

data/app/views/mercury/selects/style.html.haml

@@ -0,0 +1,4 @@
+.mercury-select-options
+  .red{ data: {class: "red"} } Red text
+  .large-bold{ data: {class: "large-bold"} } Large bold text
+  .blue{ data: {class: "blue"} } Blue background

data/app/views/mercury/snippets/example.html.haml

@@ -0,0 +1,2 @@
+%h1= params[:options][:first_name]
+%h2= "likes #{params[:options][:favorite_beer]}"

data/app/views/mercury/snippets/example_options.html.haml

@@ -0,0 +1,16 @@
+= semantic_form_for 'options', { html: { style: 'width:600px' } } do |f|
+
+  .mercury-modal-pane-container
+    .mercury-modal-pane
+
+      = f.inputs do
+        = f.input :first_name, required: false, label: 'First Name'
+
+      = f.inputs 'Options' do
+        = f.input :favorite_beer, as: :select, required: false, label: 'Favorite Beer', include_blank: false,
+                  collection: [['Miller Lite', 'miller_lite'], ['PBR', 'pbr'], ['Coors', 'coors']]
+
+  .mercury-modal-controls
+
+    = f.buttons do
+      = f.commit_button 'Insert Snippet'

data/config/engine.rb

@@ -0,0 +1,6 @@
+require "rails"
+
+module Mercury
+  class Engine < Rails::Engine
+  end
+end

data/config/routes.rb

@@ -0,0 +1,15 @@
+Rails.application.routes.draw do
+
+  resources :images
+
+  match '/edit(/*requested_uri)' => "mercury#edit"
+  namespace :mercury do
+    match ':type/:resource' => "mercury#resource"
+    match 'snippets/:name/options' => "mercury#snippet_options"
+    match 'snippets/:name/preview' => "mercury#snippet_preview"
+  end
+
+  if defined?(Mercury::Application)
+    root to: "application#show"
+  end
+end

data/db/migrate/20110526035601_create_images.rb

@@ -0,0 +1,11 @@
+class CreateImages < ActiveRecord::Migration
+  def change
+    create_table :images do |t|
+      t.string :image_file_name
+      t.string :image_content_type
+      t.integer :image_file_size
+      t.datetime :image_updated_at
+      t.timestamps
+    end
+  end
+end

data/features/editing/basic.feature

@@ -0,0 +1,11 @@
+Feature:
+  As a content editor type person
+  In order to manage content
+  I should be able to edit content using a toolbar
+
+  @javascript
+  Scenario: A user can expect to see the editor load
+    When I go to an edit page
+    Then I should see "Save" within the toolbar
+    And I should see "Preview" within the toolbar
+    And I should see "Bold" within the toolbar

data/features/step_definitions/debug_steps.rb

@@ -0,0 +1,14 @@
+# DEBUG / DELAY STEPS
+#------------------------------------------------------------------------------
+
+When /^(?:|I )sleep for (\d+) seconds?$/ do |seconds|
+  sleep(seconds.to_i)
+end
+
+When /^I debug?$/ do
+  put 'Debugging...'
+  unless ENV['RUBYMINE'].present?
+    require 'debug'
+    debugger
+  end
+end

data/features/step_definitions/web_steps.rb

@@ -0,0 +1,211 @@
+# TL;DR: YOU SHOULD DELETE THIS FILE
+#
+# This file was generated by Cucumber-Rails and is only here to get you a head start
+# These step definitions are thin wrappers around the Capybara/Webrat API that lets you
+# visit pages, interact with widgets and make assertions about page content.
+#
+# If you use these step definitions as basis for your features you will quickly end up
+# with features that are:
+#
+# * Hard to maintain
+# * Verbose to read
+#
+# A much better approach is to write your own higher level step definitions, following
+# the advice in the following blog posts:
+#
+# * http://benmabey.com/2008/05/19/imperative-vs-declarative-scenarios-in-user-stories.html
+# * http://dannorth.net/2011/01/31/whose-domain-is-it-anyway/
+# * http://elabs.se/blog/15-you-re-cuking-it-wrong
+#
+
+
+require 'uri'
+require 'cgi'
+require File.expand_path(File.join(File.dirname(__FILE__), "..", "support", "paths"))
+require File.expand_path(File.join(File.dirname(__FILE__), "..", "support", "selectors"))
+
+module WithinHelpers
+  def with_scope(locator)
+    locator ? within(*selector_for(locator)) { yield } : yield
+  end
+end
+World(WithinHelpers)
+
+# Single-line step scoper
+When /^(.*) within ([^:]+)$/ do |step, parent|
+  with_scope(parent) { When step }
+end
+
+# Multi-line step scoper
+When /^(.*) within ([^:]+):$/ do |step, parent, table_or_string|
+  with_scope(parent) { When "#{step}:", table_or_string }
+end
+
+Given /^(?:|I )am on (.+)$/ do |page_name|
+  visit path_to(page_name)
+end
+
+When /^(?:|I )go to (.+)$/ do |page_name|
+  visit path_to(page_name)
+end
+
+When /^(?:|I )press "([^"]*)"$/ do |button|
+  click_button(button)
+end
+
+When /^(?:|I )follow "([^"]*)"$/ do |link|
+  click_link(link)
+end
+
+When /^(?:|I )fill in "([^"]*)" with "([^"]*)"$/ do |field, value|
+  fill_in(field, :with => value)
+end
+
+When /^(?:|I )fill in "([^"]*)" for "([^"]*)"$/ do |value, field|
+  fill_in(field, :with => value)
+end
+
+# Use this to fill in an entire form with data from a table. Example:
+#
+#   When I fill in the following:
+#     | Account Number | 5002       |
+#     | Expiry date    | 2009-11-01 |
+#     | Note           | Nice guy   |
+#     | Wants Email?   |            |
+#
+# TODO: Add support for checkbox, select og option
+# based on naming conventions.
+#
+When /^(?:|I )fill in the following:$/ do |fields|
+  fields.rows_hash.each do |name, value|
+    When %{I fill in "#{name}" with "#{value}"}
+  end
+end
+
+When /^(?:|I )select "([^"]*)" from "([^"]*)"$/ do |value, field|
+  select(value, :from => field)
+end
+
+When /^(?:|I )check "([^"]*)"$/ do |field|
+  check(field)
+end
+
+When /^(?:|I )uncheck "([^"]*)"$/ do |field|
+  uncheck(field)
+end
+
+When /^(?:|I )choose "([^"]*)"$/ do |field|
+  choose(field)
+end
+
+When /^(?:|I )attach the file "([^"]*)" to "([^"]*)"$/ do |path, field|
+  attach_file(field, File.expand_path(path))
+end
+
+Then /^(?:|I )should see "([^"]*)"$/ do |text|
+  if page.respond_to? :should
+    page.should have_content(text)
+  else
+    assert page.has_content?(text)
+  end
+end
+
+Then /^(?:|I )should see \/([^\/]*)\/$/ do |regexp|
+  regexp = Regexp.new(regexp)
+
+  if page.respond_to? :should
+    page.should have_xpath('//*', :text => regexp)
+  else
+    assert page.has_xpath?('//*', :text => regexp)
+  end
+end
+
+Then /^(?:|I )should not see "([^"]*)"$/ do |text|
+  if page.respond_to? :should
+    page.should have_no_content(text)
+  else
+    assert page.has_no_content?(text)
+  end
+end
+
+Then /^(?:|I )should not see \/([^\/]*)\/$/ do |regexp|
+  regexp = Regexp.new(regexp)
+
+  if page.respond_to? :should
+    page.should have_no_xpath('//*', :text => regexp)
+  else
+    assert page.has_no_xpath?('//*', :text => regexp)
+  end
+end
+
+Then /^the "([^"]*)" field(?: within (.*))? should contain "([^"]*)"$/ do |field, parent, value|
+  with_scope(parent) do
+    field = find_field(field)
+    field_value = (field.tag_name == 'textarea') ? field.text : field.value
+    if field_value.respond_to? :should
+      field_value.should =~ /#{value}/
+    else
+      assert_match(/#{value}/, field_value)
+    end
+  end
+end
+
+Then /^the "([^"]*)" field(?: within (.*))? should not contain "([^"]*)"$/ do |field, parent, value|
+  with_scope(parent) do
+    field = find_field(field)
+    field_value = (field.tag_name == 'textarea') ? field.text : field.value
+    if field_value.respond_to? :should_not
+      field_value.should_not =~ /#{value}/
+    else
+      assert_no_match(/#{value}/, field_value)
+    end
+  end
+end
+
+Then /^the "([^"]*)" checkbox(?: within (.*))? should be checked$/ do |label, parent|
+  with_scope(parent) do
+    field_checked = find_field(label)['checked']
+    if field_checked.respond_to? :should
+      field_checked.should be_true
+    else
+      assert field_checked
+    end
+  end
+end
+
+Then /^the "([^"]*)" checkbox(?: within (.*))? should not be checked$/ do |label, parent|
+  with_scope(parent) do
+    field_checked = find_field(label)['checked']
+    if field_checked.respond_to? :should
+      field_checked.should be_false
+    else
+      assert !field_checked
+    end
+  end
+end
+
+Then /^(?:|I )should be on (.+)$/ do |page_name|
+  current_path = URI.parse(current_url).path
+  if current_path.respond_to? :should
+    current_path.should == path_to(page_name)
+  else
+    assert_equal path_to(page_name), current_path
+  end
+end
+
+Then /^(?:|I )should have the following query string:$/ do |expected_pairs|
+  query = URI.parse(current_url).query
+  actual_params = query ? CGI.parse(query) : {}
+  expected_params = {}
+  expected_pairs.rows_hash.each_pair{|k,v| expected_params[k] = v.split(',')}
+
+  if actual_params.respond_to? :should
+    actual_params.should == expected_params
+  else
+    assert_equal expected_params, actual_params
+  end
+end
+
+Then /^show me the page$/ do
+  save_and_open_page
+end