mercury-rails 0.5.0 → 0.6.0

data/app/assets/javascripts/mercury_overrides.js

@@ -1,6 +0,0 @@
-/*!
- * Mercury Editor is a Coffeescript and jQuery based WYSIWYG editor.  Documentation and other useful information can be
- * found at https://github.com/jejacks0n/mercury
- *
- * This file is intended to provide a standard way to override or add JS that comes default with Mercury Editor.
- */

data/app/assets/stylesheets/mercury_overrides.css

@@ -1,17 +0,0 @@
-/*!
- * Mercury Editor is a Coffeescript and jQuery based WYSIWYG editor.  Documentation and other useful information can be
- * found at https://github.com/jejacks0n/mercury
- *
- * This file is intended to provide a standard way to override the CSS that comes default with Mercury Editor, and
- * includes an example button style, should you ever need to add new ones yourself.  Read the toolbar configuration in
- * mercury.js for more on how to add your own buttons to the toolbar.
- */
-
-/* Disable text sizing in webkit (ipad/iphone etc -- should apply to mercury only) */
-html { -webkit-text-size-adjust: none; }
-
-/* Button example */
-.mercury-primary-toolbar .mercury-inspector-button em,
-.mercury-expander-button[data-button="inspector"] em {
-  background-image: url(/assets/mercury/toolbar/primary/inspectorpanel.png);
-}

data/features/regions/editable/basic_editing.feature

@@ -1,196 +0,0 @@
-@javascript
-Feature:
-  As a content editor type person
-  In order to manage content
-  I should be able to manipulate it in various ways (eg. bold, add italics, set headers, colors, etc.)
-
-  Background:
-    Given I am on an editable page
-    And the editor won't prompt when leaving the page
-
-  # Scenario: A user can expect all this!
-
-
- Scenario: A user can set and unset bold content
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the bold editor button
-    Then the contents of the editable region should be "this is <b><span>simple</span></b> <b>content</b>"
-
-    When I click on the bold editor button
-    Then the contents of the editable region should be "this is <span>simple</span> <b>content</b>"
-
-
- Scenario: A user can italicize content
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the italicize editor button
-    Then the contents of the editable region should be "this is <i><span>simple</span></i> <b>content</b>"
-
-    When I click on the italicize editor button
-    Then the contents of the editable region should be "this is <span>simple</span> <b>content</b>"
-
-
- Scenario: A user can overline content
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the overline editor button
-    Then the contents of the editable region should be "this is <span style='text-decoration:overline'><span>simple</span></span> <b>content</b>"
-    # doesn't remove overlines
-
-
- Scenario: A user can strikeout content
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the strikethrough editor button
-    Then the contents of the editable region should be "this is <strike><span>simple</span></strike> <b>content</b>"
-
-    When I click on the strikethrough editor button
-    Then the contents of the editable region should be "this is <span>simple</span> <b>content</b>"
-
- Scenario: A user can underline content
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the underline editor button
-    Then the contents of the editable region should be "this is <u><span>simple</span></u> <b>content</b>"
-
-    When I click on the underline editor button
-    Then the contents of the editable region should be "this is <span>simple</span> <b>content</b>"
-
-
- Scenario: A user can make content superscript
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the superscript editor button
-    Then the contents of the editable region should be "this is <sup><span>simple</span></sup> <b>content</b>"
-
-    When I click on the superscript editor button
-    Then the contents of the editable region should be "this is <span>simple</span> <b>content</b>"
-
-
- Scenario: A user can make content subscript
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the subscript editor button
-    Then the contents of the editable region should be "this is <sub><span>simple</span></sub> <b>content</b>"
-
-    When I click on the subscript editor button
-    Then the contents of the editable region should be "this is <span>simple</span> <b>content</b>"
-
-
- Scenario: A user can justify content to the left, center, right, or fully justified
-    # firefox: this isn't possible on the first line due to a bug in gecko, so we have special content for it
-    Given the content of the editable region has justifiable content
-    And I make a selection
-
-    When I click on the justify left editor button
-    Then the contents of the editable region should be "<div>first line</div><br><div align='left'>this is <span>justifiable</span><b>content</b></div>"
-
-    When I click on the justify center editor button
-    Then the contents of the editable region should be "<div>first line</div><br><div align='center'>this is <span>justifiable</span><b>content</b></div>"
-
-    When I click on the justify right editor button
-    Then the contents of the editable region should be "<div>first line</div><br><div align='right'>this is <span>justifiable</span><b>content</b></div>"
-
-    When I click on the full justification editor button
-    Then the contents of the editable region should be "<div>first line</div><br><div align='justify'>this is <span>justifiable</span><b>content</b></div>"
-
-
- Scenario: A user can make an unordered list
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the insert unordered list editor button
-    Then the contents of the editable region should be "<ul><li>this is <span>simple</span> <b>content</b></li></ul>"
-
-    # todo: we should test enter and tab, and shift+tab in advanced editing
-
- Scenario: A user can make an ordered list
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the insert ordered list editor button
-    Then the contents of the editable region should be "<ol><li>this is <span>simple</span> <b>content</b></li></ol>"
-
-    # todo: we should test enter and tab, and shift+tab in advanced editing
-
-
- Scenario: A user can indent and outdent content
-    # firefox: this isn't possible on the first line due to a bug in gecko, so we have special content for it
-    Given the content of the editable region has justifiable content
-    And I make a selection
-
-    When I click on the indent editor button
-    Then the contents of the editable region should be "<div>first line</div><br><blockquote>this is <span>justifiable</span><b>content</b></blockquote>"
-
-    When I click on the indent editor button
-    Then the contents of the editable region should be "<div>first line</div><br><blockquote><blockquote>this is <span>justifiable</span><b>content</b></blockquote></blockquote>"
-
-    When I click on the outdent editor button
-    Then the contents of the editable region should be "<div>first line</div><br><blockquote>this is <span>justifiable</span><b>content</b></blockquote>"
-
-    When I click on the outdent editor button
-    Then the contents of the editable region should be "<div>first line</div><br>this is <span>justifiable</span><b>content</b>"
-
-
- Scenario: A user can insert horizontal rules
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the insert hr editor button
-    Then the contents of the editable region should be "this is&nbsp;<hr size='2' width='100%'> <b>content</b>"
-
-    When I click on the insert hr editor button
-    Then the contents of the editable region should be "this is&nbsp;<hr size='2' width='100%'><hr size='2' width='100%'> <b>content</b>"
-
-
- Scenario: A user can clean/remove formatting on their selection
-    Given the content of the editable region has wrapped content
-    And I make a selection
-
-    When I click on the remove formatting editor button
-    Then the contents of the editable region should be "this is wrapped content"
-
-
- Scenario: A user can wrap content within predefined styles
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the style editor dropdown
-    And select the red style from the dropdown
-    Then the contents of the editable region should be "this is <span class='red'><span>simple</span></span> <b>content</b>"
-
-
- Scenario: A user can wrap content in formatted block tags
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the block format editor dropdown
-    And select the heading 2 block from the dropdown
-    Then the contents of the editable region should be "<h2>this is <span>simple</span> <b>content</b></h2>"
-
-
- Scenario: A user can set the background color of a selection
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the background color editor palette
-    And click on the color red
-    Then the contents of the editable region should be "this is <span style='background-color:#FF0000'><span>simple</span></span> <b>content</b>"
-
-
- Scenario: A user can set the foreground color
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the foreground color editor palette
-    And click on the color red
-    Then the contents of the editable region should be "this is <font color='rgb(255, 0, 0)'><span>simple</span></font> <b>content</b>"
-

data/features/regions/editable/inserting_tables.feature

@@ -1,109 +0,0 @@
-@javascript
-Feature:
-  As a content editor type person
-  In order to manage content
-  I should be able to insert and edit complex tables
-
-  Background:
-    Given I am on an editable page
-    And the editor won't prompt when leaving the page
-
-  Scenario: A user can expect all this!
-
-
-#  Scenario: A user can insert a table
-    Given the content of the editable region is simple content
-    And I make a selection
-
-    When I click on the "Insert Table" button
-    Then the modal window should be visible
-    And I should see "Insert Table" within the modal title
-
-    When I click on the third cell in the first row
-    And I add a column before it
-    Then the table column count should be 4
-    And the selected cell should be the forth cell in the first row
-
-    When I add a column after
-    Then the table column count should be 5
-    And the selected cell should be the forth cell in the first row
-
-    When I add a row after
-    Then the table row count should be 3
-    And the selected cell should be the forth cell in the first row
-
-    When I add a row before
-    Then the table row count should be 4
-    And the selected cell should be the forth cell in the second row
-
-    When I delete the column
-    Then the table column count should be 4
-    And a selected cell should not be visible
-
-    When I click on the second cell in the second row
-    And delete the row
-    Then the table row count should be 3
-    And a selected cell should not be visible
-
-    When I click on the second cell in the second row
-    And increase the colspan
-    And click on the first cell in the first row
-    And increase the rowspan
-    And select "Right" from "Alignment"
-    And fill in "Border" with "2"
-    And fill in "Spacing" with "2"
-    And press "Insert Table"
-    Then the contents of the editable region should be "this is&nbsp;<table align='right' border='2' cellspacing='2'><tbody><tr><td rowspan='2'><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td colspan='2'><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr></tbody></table> <b>content</b>"
-    And the modal window should not be visible
-
-
-#  Scenario: A user can edit a table after inserting one (in an editable region)
-    Given the content of the editable region has a table
-    And I make a selection
-
-    When I click on the add row before editor button
-    Then the table row count should be 3
-    And the contents of the editable region should be "this is a <table><tbody><tr><td><br></td><td><br></td></tr><tr><td><span>1</span></td><td><span>2</span></td></tr><tr><td><span>3</span></td><td><span>4</span></td></tr></tbody></table> <b>content</b>"
-
-    When I click on the add row after editor button
-    Then the table row count should be 4
-    And the contents of the editable region should be "this is a <table><tbody><tr><td><br></td><td><br></td></tr><tr><td><span>1</span></td><td><span>2</span></td></tr><tr><td><br></td><td><br></td></tr><tr><td><span>3</span></td><td><span>4</span></td></tr></tbody></table> <b>content</b>"
-
-    When I click on the add column before editor button
-    Then the column count should be 3
-    And the contents of the editable region should be "this is a <table><tbody><tr><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><span>1</span></td><td><span>2</span></td></tr><tr><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><span>3</span></td><td><span>4</span></td></tr></tbody></table> <b>content</b>"
-
-    When I click on the add column after editor button
-    Then the column count should be 4
-    And the contents of the editable region should be "this is a <table><tbody><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><span>1</span></td><td><br></td><td><span>2</span></td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><span>3</span></td><td><br></td><td><span>4</span></td></tr></tbody></table> <b>content</b>"
-
-    When I click on the delete row editor button
-    Then the table row count should be 3
-    And the contents of the editable region should be "this is a <table><tbody><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><span>3</span></td><td><br></td><td><span>4</span></td></tr></tbody></table> <b>content</b>"
-
-    When I make a selection
-    And click on the delete column editor button
-    Then the table column count should be 3
-    And the contents of the editable region should be "this is a <table><tbody><tr><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><span>4</span></td></tr></tbody></table> <b>content</b>"
-
-
-#  Scenario: A user can adjust the colspans of a table (in an editable region)
-    Given the content of the editable region has a table
-    And I make a selection
-
-    When I click on the increase colspan editor button
-    Then the contents of the editable region should be "this is a <table><tbody><tr><td colspan='2'><span>1</span></td></tr><tr><td><span>3</span></td><td><span>4</span></td></tr></tbody></table> <b>content</b>"
-
-    When I click on the decrease colspan editor button
-    Then the contents of the editable region should be "this is a <table><tbody><tr><td><span>1</span></td><td><br></td></tr><tr><td><span>3</span></td><td><span>4</span></td></tr></tbody></table> <b>content</b>"
-
-
-#  Scenario: A user can adjust the rowspans of a table (in an editable region)
-    Given the content of the editable region has a table
-    And I make a selection
-
-    When I click on the increase rowspan editor button
-    Then the contents of the editable region should be "this is a <table><tbody><tr><td rowspan='2'><span>1</span></td><td><span>2</span></td></tr><tr><td><span>4</span></td></tr></tbody></table> <b>content</b>"
-
-    When I click on the decrease rowspan editor button
-    Then the contents of the editable region should be "this is a <table><tbody><tr><td><span>1</span></td><td><span>2</span></td></tr><tr><td><br></td><td><span>4</span></td></tr></tbody></table> <b>content</b>"

data/spec/dummy/app/assets/stylesheets/application.css

@@ -1,13 +0,0 @@
-/*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
- * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the top of the
- * compiled file, but it's generally better to create a new file per style scope.
- *
- *= require_self
- *= require_tree .
-*/

data/spec/dummy/app/helpers/application_helper.rb

@@ -1,2 +0,0 @@
-module ApplicationHelper
-end

data/spec/dummy/public/404.html

@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>The page you were looking for doesn't exist (404)</title>
-  <style type="text/css">
-    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
-    div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
-      border-right-color: #999;
-      border-bottom-color: #999;
-    }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
-  </style>
-</head>
-
-<body>
-  <!-- This file lives in public/404.html -->
-  <div class="dialog">
-    <h1>The page you were looking for doesn't exist.</h1>
-    <p>You may have mistyped the address or the page may have moved.</p>
-  </div>
-</body>
-</html>

data/spec/dummy/public/422.html

@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>The change you wanted was rejected (422)</title>
-  <style type="text/css">
-    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
-    div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
-      border-right-color: #999;
-      border-bottom-color: #999;
-    }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
-  </style>
-</head>
-
-<body>
-  <!-- This file lives in public/422.html -->
-  <div class="dialog">
-    <h1>The change you wanted was rejected.</h1>
-    <p>Maybe you tried to change something you didn't have access to.</p>
-  </div>
-</body>
-</html>

data/spec/dummy/public/canvastest.html

@@ -1,103 +0,0 @@
-<html>
-  <head>
-    <script src="/assets/mercury.js" type="text/javascript"></script>
-    <style>
-      #dropper {
-        border: 1px solid #999;
-        padding: 20px;
-      }
-
-    </style>
-  </head>
-
-  <body>
-    <div id="dropper">drop here</div>
-    <canvas id="canvas" width="100" height="100"></canvas>
-    <input id="png" type="button" value="png"/>
-    <input id="jpeg" type="button" value="jpeg"/>
-
-<script>
-// webkit needs the sendAsBinary method.
-if (window.Uint8Array && window.ArrayBuffer && !XMLHttpRequest.prototype.sendAsBinary) {
-  XMLHttpRequest.prototype.sendAsBinary = function(datastr) {
-    var data, index, ui8a, _len;
-    ui8a = new Uint8Array(datastr.length);
-    for (index = 0, _len = datastr.length; index < _len; index++) {
-      data = datastr[index];
-      ui8a[index] = datastr.charCodeAt(index) & 0xff;
-    }
-    return this.send(ui8a.buffer);
-  };
-}
-
-// get the canvas element
-var canvas = $('canvas').get(0);
-var context = canvas.getContext('2d');
-
-var image = new Image();
-image.onload = function() {
-  context.drawImage(image, 0, 15, 130, 110);
-  // draw a cicle
-  context.strokeStyle = '#000000';
-  context.fillStyle = '#0099FF';
-  context.beginPath();
-  context.arc(50, 50, 25, 0, Math.PI * 2, true);
-  context.closePath();
-  context.stroke();
-  context.fill();
-};
-image.src = '/assets/mercury/default-snippet.png';
-
-var dropper = $('#dropper');
-
-dropper.bind('dragenter', function(event) {
-  event.preventDefault();
-  event.originalEvent.dataTransfer.dropEffect = 'copy';
-});
-
-dropper.bind('dragover', function(event) {
-  event.preventDefault();
-  event.originalEvent.dataTransfer.dropEffect = 'copy';
-});
-
-dropper.bind('drop', function(event) {
-  event.preventDefault();
-
-  if (!event.originalEvent.dataTransfer.files.length) return;
-
-  var reader = new FileReader();
-  reader.readAsDataURL(event.originalEvent.dataTransfer.files[0]);
-  reader.onload = function() {
-    var image = new Image();
-    image.src = reader.result;
-    context.drawImage(image, 0, 15, 130, 110);
-  };
-
-});
-
-
-// get the binary contents of the canvas and submit them back to the server using a multipart form
-$('input').click(function() {
-  var xhr = new XMLHttpRequest;
-  xhr.onload = function(event) {
-    try {
-      console.debug(jQuery.parseJSON(event.target.responseText));
-    } catch (e) { alert('Unable to process response') }
-  };
-
-  var type = $(this).val();
-  var binary = atob(document.getElementById('canvas').toDataURL("image/" + type).replace('data:image/' + type + ';base64,', ''));
-  var multipart = new Mercury.uploader.MultiPartPost('image[image]', {name: 'test.' + type, size: 100, type: 'image/' + type}, binary);
-
-  xhr.open('post', Mercury.config.uploading.url, true);
-  xhr.setRequestHeader('Accept', 'application/json, text/javascript, text/html, application/xml, text/xml, */*');
-  xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
-  xhr.setRequestHeader('X-CSRF-Token', Mercury.csrfToken);
-  xhr.setRequestHeader('Content-Type', 'multipart/form-data; boundary=' + multipart.boundary);
-  xhr.sendAsBinary(multipart.body);
-});
-
-</script>
-
-  </body>
-</html>