kiteditor 1.0.1

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/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>

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

@@ -0,0 +1,9 @@
+<div id="context_container">
+  <em id="context_em"></em>
+  <table>
+    <tr>
+      <td id="context_td">1</td>
+      <td>2</td>
+    </tr>
+  </table>
+</div>

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

@@ -0,0 +1,18 @@
+<style>
+  #expander_container {
+    white-space: nowrap;
+    width: 3000px;
+    position: absolute;
+  }
+
+  #positioned_container {
+    position: absolute;
+    top: 42px;
+    left: 42px;
+  }
+</style>
+<div id="expander_container">
+  <div id="button1" class="mercury-button">1</div>
+  <div id="button2" class="mercury-button mercury-test-button">2</div>
+</div>
+<div id="positioned_container"></div>

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

@@ -0,0 +1,11 @@
+<style>
+  .mercury-toolbar-container {
+    position: absolute;
+    height: 200px;
+  }
+  .mercury-primary-toolbar {
+    white-space: nowrap;
+  }
+</style>
+
+<div id="toolbar_container"></div>

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

@@ -0,0 +1,12 @@
+<style>
+  .mercury-tooltip {
+    position: absolute;
+  }
+  #for_element {
+    position: absolute;
+    top: 20px;
+    left: 42px;
+  }
+</style>
+<a id="for_element">link</a>
+<div id="tooltip_container"></div>

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

@@ -0,0 +1,11 @@
+<style>
+  .mercury-uploader {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100px;
+    height: 100px;
+  }
+</style>
+
+<div id="uploader_container"></div>