Adding Spreadsheets to OfficeJS.

OfficeJS/component/left_nav_bar.html

@@ -19,7 +19,7 @@
                     OfficeJS.open({app:'textEditor'});
                     return false;">
           <i class="icon-font"></i>
-          Writer
+          New Text Document
         </a>
       </li>
       <li class="imgeditor">
@@ -28,7 +28,7 @@
                     OfficeJS.open({app:'imgEditor'});
                     return false;">
           <i class="icon-pencil"></i>
-          Image Editor
+          New Image
         </a>
       </li>
       <li class="spreadsheet">
@@ -37,7 +37,7 @@
                     OfficeJS.open({app:'speadsheet'});
                     return false;">
           <i class="icon-signal"></i>
-          Spreadsheet
+          New Spreadsheet
         </a>
       </li>
       <li class="editpreferences">

OfficeJS/component/newspreadsheet.html

+<TABLE title="Spreadsheet 1"
+       class="jSheet ui-widget-content"
+       border="1px"
+       cellpadding="0"
+       cellspacing="0">
+  <TBODY>
+    <TR height="18" style="height: 18px;">
+      <TD id="0_table0_cell_c0_r0" class=""></TD>
+      <TD id="0_table0_cell_c1_r0" class=""></TD>
+      <TD id="0_table0_cell_c2_r0" class=""></TD>
+      <TD id="0_table0_cell_c3_r0" class=""></TD>
+      <TD id="0_table0_cell_c4_r0" class=""></TD>
+      <TD id="0_table0_cell_c5_r0" class=""></TD>
+    </TR>
+    <TR height="18" style="height: 18px;">
+      <TD id="0_table0_cell_c0_r1" class=""></TD>
+      <TD id="0_table0_cell_c1_r1" class=""></TD>
+      <TD id="0_table0_cell_c2_r1" class=""></TD>
+      <TD id="0_table0_cell_c3_r1" class=""></TD>
+      <TD id="0_table0_cell_c4_r1" class=""></TD>
+      <TD id="0_table0_cell_c5_r1" class=""></TD>
+    </TR>
+    <TR height="18" style="height: 18px;">
+      <TD id="0_table0_cell_c0_r2" class=""></TD>
+      <TD id="0_table0_cell_c1_r2" class=""></TD>
+      <TD id="0_table0_cell_c2_r2" class=""></TD>
+      <TD id="0_table0_cell_c3_r2" class=""></TD>
+      <TD id="0_table0_cell_c4_r2" class=""></TD>
+      <TD id="0_table0_cell_c5_r2" class=""></TD>
+    </TR>
+    <TR height="18" style="height: 18px;">
+      <TD id="0_table0_cell_c0_r3" class=""></TD>
+      <TD id="0_table0_cell_c1_r3" class=""></TD>
+      <TD id="0_table0_cell_c2_r3" class=""></TD>
+      <TD id="0_table0_cell_c3_r3" class=""></TD>
+      <TD id="0_table0_cell_c4_r3" class=""></TD>
+      <TD id="0_table0_cell_c5_r3" class=""></TD>
+    </TR>
+  </TBODY>
+</TABLE>

OfficeJS/component/texteditor.html

-<div>
-  Test
-</div>
-<div id="texteditor_field"></div>
-<script type="text/javascript">
-  <!--
-TabbularGadget.addNewTabGadget(
-    'component/'+OfficeJS.getPreference('textEditor')+'.html',
-    'texteditor_field');
-//-->
-</script>

OfficeJS/js/officejs.js

@@ -17,7 +17,9 @@
             leftnavbar:'leftnavbar',
             documentLister:'slickgrid',
             editpreferences:'simplepreferenceeditor',
-            textEditor:'elrte'
+            textEditor:'elrte',
+            imgEditor:'svg-edit',
+            speadsheet:'jquery-sheet'
         };
         priv.app_object = {
             topnavbar: {
@@ -71,6 +73,16 @@
                 }
                 // TODO : onunload, are you sure? leave without saving?
             },
+            'jquery-sheet': {
+                type:'editor',
+                path:'component/jquery-sheet.html',
+                gadgetid:'page-content'
+            },
+            'svg-edit': {
+                type:'editor',
+                path:'component/svg-edit.html',
+                gadgetid:'page-content'
+            },
             slickgrid: {
                 type:'editor',
                 path:'component/slickgrid_document_lister.html',