kiteditor 1.0.11 → 1.0.12

data/features/regions/editable/basic_editing.feature

@@ -1,195 +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/javascripts/templates/mercury/modals/insertlink.html

@@ -1,30 +0,0 @@
-<form>
-  <fieldset id="link_text_container">
-    <input id="link_text" name="link[text]" type="text"/>
-  </fieldset>
-
-  <label for="link_external_url"><input id="checkbox1" name="link_type" type="radio" value="external_url" checked="checked"/>URL</label>
-  <input class="selectable" id="link_external_url" name="link[external_url]" type="text"/>
-
-  <label for="link_existing_bookmark"><input id="checkbox2" name="link_type" type="radio" value="existing_bookmark"/>Existing Links</label>
-  <select class="selectable" id="link_existing_bookmark" name="link[existing_bookmark]"></select>
-
-  <label for="link_new_bookmark"><input name="link_type" type="radio" value="new_bookmark"/>Bookmark</label>
-  <input class="selectable" id="link_new_bookmark" name="link[new_bookmark]" type="text"/>
-
-  <select id="link_target" name="link[target]">
-    <option value="">Self (the same window or tab)</option>
-    <option value="_blank">Blank (a new window or tab)</option>
-    <option value="_top">Top (removes any frames)</option>
-    <option value="popup">Popup Window (javascript new window popup)</option>
-  </select>
-
-  <div class="link-target-options" id="popup_options" style="display:none">
-    <input id="link_popup_width" name="link[popup_width]" type="text"/>
-    <input id="link_popup_height" name="link[popup_height]" type="text"/>
-  </div>
-
-  <input id="submit" type="submit"/>
-</form>
-<a name="link1">Link One</a>
-<a name="link2">Link Two</a>

data/spec/javascripts/templates/mercury/modals/insertmedia.html

@@ -1,35 +0,0 @@
-<form>
-  <label for="media_image_url"><input id="checkbox1" name="media_type" type="radio" value="image_url" checked="checked"/>URL</label>
-  <input class="selectable" id="media_image_url" name="media[image_url]" type="text"/>
-
-  <label for="media_youtube_url"><input id="checkbox2" name="media_type" type="radio" value="youtube_url"/>YouTube Share URL</label>
-  <input class="selectable" id="media_youtube_url" name="media[youtube_url]" type="text"/>
-
-  <label for="media_vimeo_url"><input name="media_type" type="radio" value="vimeo_url"/>Vimeo URL</label>
-  <input class="selectable" id="media_vimeo_url" name="media[vimeo_url]" type="text"/>
-
-  <div class="media-options" id="image_url">
-    <select id="media_image_alignment" name="media[image_alignment]">
-      <option value="">None</option>
-      <option value="left">Left</option>
-      <option value="right">Right</option>
-      <option value="top">Top</option>
-      <option value="middle">Middle</option>
-      <option value="bottom">Bottom</option>
-      <option value="absmiddle">Absolute Middle</option>
-      <option value="absbottom">Absolute Bottom</option>
-    </select>
-  </div>
-
-  <div class="media-options" id="youtube_url" style="display:none">
-    <input id="media_youtube_width" name="media[youtube_width]" type="text" value="560"/>
-    <input id="media_youtube_height" name="media[youtube_height]" type="text" value="349"/>
-  </div>
-
-  <div class="media-options" id="vimeo_url" style="display:none">
-    <input id="media_vimeo_width" name="media[vimeo_width]" type="text" value="400"/>
-    <input id="media_vimeo_height" name="media[vimeo_height]" type="text" value="225"/>
-  </div>
-
-  <input id="submit" type="submit"/>
-</form>

data/spec/javascripts/templates/mercury/modals/inserttable.html

@@ -1,27 +0,0 @@
-<form>
-  <div id="table_display">
-    <table id="table" border="1" cellspacing="0"><tr><td id="cell1"></td></tr><tr><td id="cell2"></td></tr></table>
-  </div>
-
-  <input class="action" name="insertRowBefore" type="button" value="Add Before">
-  <input class="action" name="insertRowAfter" type="button" value="Add After">
-  <input class="action" name="deleteRow" type="button" value="Remove">
-  <input class="action" name="insertColumnBefore" type="button" value="Add Before">
-  <input class="action" name="insertColumnAfter" type="button" value="Add After">
-  <input class="action" name="deleteColumn" type="button" value="Remove">
-  <input class="action" name="increaseRowspan" type="button" value="+">
-  <input class="action" name="decreaseRowspan" type="button" value="-">
-  <input class="action" name="increaseColspan" type="button" value="+">
-  <input class="action" name="decreaseColspan" type="button" value="-">
-
-  <select id="table_alignment" name="table[alignment]">
-    <option value="">None</option>
-    <option value="left">Left</option>
-    <option value="right" id="right_option">Right</option>
-  </select>
-
-  <input id="table_border" type="text" value="1"/>
-  <input id="table_spacing" type="text" value="0"/>
-
-  <input id="submit" type="submit"/>
-</form>

data/spec/javascripts/templates/mercury/region.html

@@ -1,2 +0,0 @@
-<div id="region" data-scope="scope" data-version="1">contents</div>
-<div id="region_with_snippet">contents<div class="mercury-snippet" data-snippet="snippet_1" data-version="1">snippet</div></div>

data/spec/javascripts/templates/mercury/regions/editable.html

@@ -1,3 +0,0 @@
-<div id="editable_region1">
-
-</div>

data/spec/javascripts/templates/mercury/regions/snippetable.html

@@ -1,4 +0,0 @@
-<div id="snippetable_region1" data-type="snippetable"></div>
-<div id="snippetable_region2" data-type="snippetable">
-  <div class="mercury-snippet" data-snippet="snippet_1">12</div>
-</div>

data/vendor/assets/javascripts/mercury/modals/inserttable.js.coffee

@@ -1,54 +0,0 @@
-@Mercury.modalHandlers.insertTable = ->
-  table = @element.find('#table_display table')
-
-  # make td's selectable
-  table.on 'click', (event) =>
-    cell = jQuery(event.target)
-    table = cell.closest('table')
-    table.find('.selected').removeAttr('class')
-    cell.addClass('selected')
-    Mercury.tableEditor(table, cell, ' ')
-
-  # select the first td
-  firstCell = table.find('td, th').first()
-  firstCell.addClass('selected')
-  Mercury.tableEditor(table, firstCell, ' ')
-
-  # make the buttons work
-  @element.find('input.action').on 'click', (event) =>
-    action = jQuery(event.target).attr('name')
-    switch action
-      when 'insertRowBefore' then Mercury.tableEditor.addRow('before')
-      when 'insertRowAfter' then Mercury.tableEditor.addRow('after')
-      when 'deleteRow' then Mercury.tableEditor.removeRow()
-      when 'insertColumnBefore' then Mercury.tableEditor.addColumn('before')
-      when 'insertColumnAfter' then Mercury.tableEditor.addColumn('after')
-      when 'deleteColumn' then Mercury.tableEditor.removeColumn()
-      when 'increaseColspan' then Mercury.tableEditor.increaseColspan()
-      when 'decreaseColspan' then Mercury.tableEditor.decreaseColspan()
-      when 'increaseRowspan' then Mercury.tableEditor.increaseRowspan()
-      when 'decreaseRowspan' then Mercury.tableEditor.decreaseRowspan()
-
-  # set the alignment
-  @element.find('#table_alignment').on 'change', =>
-    table.attr({align: @element.find('#table_alignment').val()})
-
-  # set the border
-  @element.find('#table_border').on 'keyup', =>
-    table.attr({border: parseInt(@element.find('#table_border').val())})
-
-  # set the cellspacing
-  @element.find('#table_spacing').on 'keyup', =>
-    table.attr({cellspacing: parseInt(@element.find('#table_spacing').val())})
-
-  # build the table on form submission
-  @element.find('form').on 'submit', (event) =>
-    event.preventDefault()
-    table.find('.selected').removeAttr('class')
-    table.find('td, th').html('<br/>')
-
-    html = jQuery('<div>').html(table).html()
-    value = html.replace(/^\s+|\n/gm, '').replace(/(<\/.*?>|<table.*?>|<tbody>|<tr>)/g, '$1\n')
-
-    Mercury.trigger('action', {action: 'insertTable', value: value})
-    @hide()