kuji-mercury-rails 0.3.2

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

@@ -0,0 +1,2 @@
+<div id="dialog_container"></div>
+<div id="button"></div>

data/spec/javascripts/templates/mercury/dialogs/backcolor.html

@@ -0,0 +1,5 @@
+<div id="button">button</div>
+<div id="white" class="picker" style="background:#FFFFFF"></div>
+<div id="red" class="picker" style="background:#FF0000"></div>
+<div id="green" style="background:#00FF00"></div>
+<div class="last-picked">Last Color Picked</div>

data/spec/javascripts/templates/mercury/dialogs/forecolor.html

@@ -0,0 +1,5 @@
+<div id="button">button</div>
+<div id="white" class="picker" style="background:#FFFFFF"></div>
+<div id="red" class="picker" style="background:#FF0000"></div>
+<div id="green" style="background:#00FF00"></div>
+<div class="last-picked">Last Color Picked</div>

data/spec/javascripts/templates/mercury/dialogs/formatblock.html

@@ -0,0 +1,3 @@
+<h1 id="h1" data-tag="h1">Heading 1 &lt;h1&gt;</h1>
+<div id="div" data-tag="pre">Formatted &lt;pre&gt;</div>
+<em id="em">em</em>

data/spec/javascripts/templates/mercury/dialogs/snippetpanel.html

@@ -0,0 +1,16 @@
+<div class="mercury-snippet-panel">
+
+  <div class="filter">
+    <input id="filter" type="text" class="filter"/>
+  </div>
+
+  <ul>
+    <li id="first" data-filter="foo, bar">
+      <img src="" data-snippet="test"/>
+    </li>
+    <li id="second" data-filter="baz">
+      <img src="" data-snippet="test"/>
+    </li>
+  </ul>
+
+</div>

data/spec/javascripts/templates/mercury/dialogs/style.html

@@ -0,0 +1,3 @@
+<div id="red" class="red" data-class="red">Red text</div>
+<div id="bold" class="foo" data-class="bold">Bold text</div>
+<div id="blue" class="blue">Blue background</div>

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

@@ -0,0 +1,13 @@
+<style>
+  .mercury-lightview, .mercury-lightview-overlay {
+    display: none;
+  }
+  .mercury-lightview {
+    position: absolute;
+    opacity: 0;
+  }
+  .mercury-lightview-overlay {
+    opacity: 0;
+  }
+</style>
+<div id="lightview_container"></div>

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

@@ -0,0 +1,13 @@
+<style>
+  .mercury-modal, .mercury-modal-overlay {
+    display: none;
+  }
+  .mercury-modal {
+    position: absolute;
+    top: -100px;
+  }
+  .mercury-modal-overlay {
+    opacity: 0;
+  }
+</style>
+<div id="modal_container"></div>

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

@@ -0,0 +1,5 @@
+<form>
+  <textarea cols="" rows=""></textarea>
+
+  <input id="submit" type="submit">
+</form>

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

@@ -0,0 +1,5 @@
+<form>
+  <div id="char1" class="character" data-entity="#34" title="quotation mark (APL quote)">&#34;</div>
+  <div id="char2" class="character" data-entity="#38" title="ampersand">&#38;</div>
+  <div id="char3" data-entity="#38" title="ampersand">&#38;</div>
+</form>

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

@@ -0,0 +1,30 @@
+<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

@@ -0,0 +1,35 @@
+<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/insertsnippet.html

@@ -0,0 +1,6 @@
+<form>
+  <input type="text" name="first_name" value="Wilma"/>
+  <input type="text" name="last_name" value="Flintstone"/>
+
+  <input id="submit" type="submit"/>
+</form>

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

@@ -0,0 +1,27 @@
+<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/page_editor.html

@@ -0,0 +1,35 @@
+<style>
+  .mercury-iframe {
+    height: 100px;
+  }
+</style>
+<meta content="authenticity_token" name="csrf-param" />
+<meta content="K6JhyfOVKJX8X2ZkiJXSf491fc1fF+k79wzrChHQa0g=" name="csrf-token" />
+
+<div id="page_editor_container"></div>
+<div id="region1" class="custom-region-class" data-type="editable"></div>
+<div id="region2" class="custom-region-class" data-type="editable"></div>
+<div id="region3" class="custom-region-class" data-type="editable">
+  <a id="anchor1r" href="#" target="_top">1</a>
+  <a id="anchor2r" href="#" target="_blank">2</a>
+  <a id="anchor3r" href="#" target="_self">3</a>
+  <a id="anchor4r" href="#">4</a>
+  <form id="form1r" action="" target="_top"></form>
+  <form id="form2r" action="" target="_blank"></form>
+  <form id="form3r" action="" target="_self"></form>
+  <form id="form4r" action=""></form>
+</div>
+<div id="region4" class="custom-region-class"></div>
+
+<a id="anchor1" href="#" target="_top">1</a>
+<a id="anchor2" href="#" target="_blank">2</a>
+<a id="anchor3" href="#" target="_self">3</a>
+<a id="anchor4" href="#">4</a>
+<a id="anchor5" href="#" class="lightview" target="_self">5</a>
+<a id="anchor6" href="#" target="foo">5</a>
+<form id="form1" action="" target="_top"></form>
+<form id="form2" action="" target="_blank"></form>
+<form id="form3" action="" target="_self"></form>
+<form id="form4" action=""></form>
+<form id="form5" action="" class="lightview" target="_self"></form>
+<form id="form6" action="" target="foo"></form>

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

@@ -0,0 +1,16 @@
+<style>
+  .mercury-palette {
+    position: absolute;
+    height: 100px;
+    width: 100px;
+  }
+  #button {
+    position: absolute;
+    top: 42px;
+    left: 42px;
+    width: 20px;
+    height: 20px;
+  }
+</style>
+<div id="palette_container"></div>
+<div id="button"></div>

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

@@ -0,0 +1,16 @@
+<style>
+  .mercury-panel {
+    position: absolute;
+    height: 100px;
+    width: 100px;
+  }
+  #panel_container {
+    position: absolute;
+    top: 42px;
+    left: 42px;
+    width: 20px;
+    height: 20px;
+  }
+</style>
+<div id="panel_container"></div>
+<div id="button"></div>

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

@@ -0,0 +1,2 @@
+<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

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

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

@@ -0,0 +1 @@
+<img id="editable_region1" src="foo.jpg" />

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

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

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

@@ -0,0 +1,4 @@
+<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/spec/javascripts/templates/mercury/select.html

@@ -0,0 +1,16 @@
+<style>
+  .mercury-select {
+    position: absolute;
+    height: 100px;
+    width: 100px;
+  }
+  #button {
+    position: absolute;
+    top: 42px;
+    left: 42px;
+    width: 20px;
+    height: 20px;
+  }
+</style>
+<div id="select_container"></div>
+<div id="button"></div>

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

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

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

@@ -0,0 +1,16 @@
+<style>
+  html, body {
+    padding: 0;
+  }
+  .mercury-snippet-toolbar {
+    position: absolute;
+  }
+  #snippet {
+    position: absolute;
+    top: 42px;
+    left: 200px;
+  }
+</style>
+
+<div id="snippet_toolbar_container"></div>
+<div id="snippet">...</div>

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

@@ -0,0 +1,8 @@
+<style>
+  .mercury-statusbar {
+    border-top: 3px;
+    height: 20px;
+  }
+</style>
+
+<div id="statusbar_container"></div>

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

@@ -0,0 +1,65 @@
+<style>
+  #table1 th, #table1 td {
+    width: 100px;
+    padding: 0;
+  }
+</style>
+
+<table border="1" cellspacing="2" id="table1">
+  <thead>
+    <tr id="row1">
+      <th colspan="6">THEAD</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr id="row2">
+      <th>Head1</th>
+      <th>Head2</th>
+      <th rowspan="2">Head3</th>
+      <th>Head4</th>
+      <th rowspan="4">Head5</th>
+      <th>Head6</th>
+    </tr>
+    <tr id="row3">
+      <td>Column1</td>
+      <td>Column2</td>
+      <td>Column4</td>
+      <td>Column6</td>
+    </tr>
+    <tr id="row4">
+      <td>Column1</td>
+      <td>Column2</td>
+      <td>Column3</td>
+      <td>Column4</td>
+      <td>Column6</td>
+    </tr>
+    <tr id="row5">
+      <th>Head1</th>
+      <th>Head2</th>
+      <th rowspan="2">Head3</th>
+      <th>Head4</th>
+      <th>Head6</th>
+    </tr>
+    <tr id="row6">
+      <td>Column1</td>
+      <td>Column2</td>
+      <td>Column4</td>
+      <td>Column5</td>
+      <td>Column6</td>
+    </tr>
+    <tr id="row7">
+      <td colspan="2">Column1</td>
+      <td colspan="4">Column2</td>
+    </tr>
+  </tbody>
+  <tfoot>
+    <tr id="row8">
+      <td>Column1</td>
+      <td>Column2</td>
+      <td>Column3</td>
+      <td>Column4</td>
+      <td>Column5</td>
+      <td>Column6</td>
+    </tr>
+  </tfoot>
+</table>

data/spec/javascripts/templates/mercury/toolbar.button.html

@@ -0,0 +1,64 @@
+<style>
+  #context_backcolor { background-color: #F00 }
+  #context_forecolor { color: #0F0 }
+  #context_bold3 { font-weight: 800 }
+  #context_bold4 { font-weight: 600 }
+  #context_bold5 { font-weight: 400 }
+  #context_italic2 { font-style: italic }
+  #context_strikethrough2 { text-decoration: line-through }
+  #context_overline { text-decoration: overline }
+  #context_underline2 { text-decoration: underline }
+  #context_justifyLeft { text-align: left }
+  #context_justifyCenter { text-align: center }
+  #context_justifyRight { text-align: right }
+  #context_justifyFull { text-align: justify }
+</style>
+
+<div id="context_button">button</div>
+<div id="context_container">
+  <div id="context_none">nothing</div>
+  <div id="context_backcolor">back<span>color</span></div>
+  <div id="context_forecolor">fore<span>color</span></div>
+  <div>
+    <b id="context_bold1">bold <span>123</span></b>
+    <strong id="context_bold2">bold <span>123</span></strong>
+    <span id="context_bold3">bold <span>123</span></span>
+    <span id="context_bold4">bold <span>123</span></span>
+    <span id="context_bold5">not bold <span>123</span></span>
+    <h1 id="context_bold6">bold <span>123</span></h1>
+  </div>
+  <div>
+    <em id="context_italic1">italic <span>123</span></em>
+    <span id="context_italic2">italic <span>123</span></span>
+  </div>
+  <div id="context_overline">overline <span>123</span></div>
+  <div>
+    <strike id="context_strikethrough1">strikethrough <span>123</span></strike>
+    <span id="context_strikethrough2">strikethrough <span>123</span></span>
+  </div>
+  <div>
+    <u id="context_underline1">underline <span>123</span></u>
+    <span id="context_underline2">underline <span>123</span></span>
+  </div>
+  <sub id="context_subscript">sub<span>script</span></sub>
+  <sup id="context_superscript">super<span>script</span></sup>
+  <div>
+    <div id="context_justifyLeft">justify <span>left</span></div>
+    <div id="context_justifyCenter">justify <span>center</span></div>
+    <div id="context_justifyRight">justify <span>right</span></div>
+    <div id="context_justifyFull">justify <span>full</span></div>
+  </div>
+  <ol id="context_orderedlist">
+    <li>ordered <span>list</span></li>
+  </ol>
+  <ul id="context_unorderedlist">
+    <li>unordered <span>list</span></li>
+  </ul>
+  <div id="context_decoration">
+    no decoration
+    <span class="overline">
+      overline
+      <span class="underline">underline</span>
+    </span>
+  </div>
+</div>