From 3624fc9b06eb18650f4401286ff0bca1b518cd76 Mon Sep 17 00:00:00 2001
From: Sergey Linnik <sergey.linnik@onlyoffice.com>
Date: Wed, 30 Mar 2016 11:20:40 +0300
Subject: [PATCH 1/4] nodejs: creating new doc

---
 web/documentserver-example/nodejs/views/index.ejs | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/documentserver-example/nodejs/views/index.ejs b/web/documentserver-example/nodejs/views/index.ejs
index 62d64ff7..0a8bef9a 100644
--- a/web/documentserver-example/nodejs/views/index.ejs
+++ b/web/documentserver-example/nodejs/views/index.ejs
@@ -97,17 +97,17 @@
 
         <ul class="try-editor-list">
             <li>
-                <a class="try-editor document reload-page" target="_blank" href="editor?fileExt=docx<%= params %>">Sample Document</a>
+                <a class="try-editor document reload-page" target="_blank" href="editor?fileExt=docx<%= params %>&create=true">Create Document</a>
             </li>
             <li>
-                <a class="try-editor spreadsheet reload-page" target="_blank" href="editor?fileExt=xlsx<%= params %>">Sample Spreadsheet</a>
+                <a class="try-editor spreadsheet reload-page" target="_blank" href="editor?fileExt=xlsx<%= params %>&create=true">Create Spreadsheet</a>
             </li>
             <li>
-                <a class="try-editor presentation reload-page" target="_blank" href="editor?fileExt=pptx<%= params %>">Sample Presentation</a>
+                <a class="try-editor presentation reload-page" target="_blank" href="editor?fileExt=pptx<%= params %>&create=true">Create Presentation</a>
             </li>
         </ul>
 
-        <!--<div class="help-block">
+        <div class="help-block">
             <span>Sample documents</span>
             <br />
             <br />
@@ -156,7 +156,7 @@
                     </table>
                 </div>
             </div>
-        </div>-->
+        </div>
 
         <% if (storedFiles.length > 0)
            { %>

From d3c450ba1b2c1d1d5f8724759d66c86f436ffa2d Mon Sep 17 00:00:00 2001
From: Sergey Linnik <sergey.linnik@onlyoffice.com>
Date: Wed, 30 Mar 2016 13:41:52 +0300
Subject: [PATCH 2/4] nodejs: create with sample via checkbox

---
 .../nodejs/public/javascripts/jscript.js      | 12 ++++
 .../nodejs/public/stylesheets/stylesheet.css  |  3 +-
 .../nodejs/views/index.ejs                    | 64 +++----------------
 3 files changed, 22 insertions(+), 57 deletions(-)

diff --git a/web/documentserver-example/nodejs/public/javascripts/jscript.js b/web/documentserver-example/nodejs/public/javascripts/jscript.js
index 2d07b542..dbc2ae20 100644
--- a/web/documentserver-example/nodejs/public/javascripts/jscript.js
+++ b/web/documentserver-example/nodejs/public/javascripts/jscript.js
@@ -278,6 +278,18 @@ if (typeof jQuery != "undefined") {
         });
     });
 
+    jq("#createSample").click(function () {
+        jq(".try-editor").each(function () {
+            var href = jq(this).attr("href");
+            if (jq("#createSample").is(":checked")) {
+                href = href.replace("&create=true", "");
+            } else {
+                href += "&create=true";
+            }
+            jq(this).attr("href", href);
+        });
+    });
+
     jq.dropdownToggle({
         switcherSelector: ".question",
         dropdownID: "hint"
diff --git a/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css b/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css
index 43d9e617..35c3e558 100644
--- a/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css
+++ b/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css
@@ -421,6 +421,7 @@ footer {
     cursor: default;
     font-family: 'Open Sans', sans-serif;
     font-size: 13px;
+    height: 40px;
     -khtml-user-select: none;
     user-select: none;
     -moz-user-select: none;
@@ -434,7 +435,7 @@ footer {
     text-align: left;
 }
 .contentCells {
-    padding: 2px 1px 2px 5px;
+    padding: 4px 1px 4px 5px;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     border-bottom: 1px solid #e5e5e5;
diff --git a/web/documentserver-example/nodejs/views/index.ejs b/web/documentserver-example/nodejs/views/index.ejs
index 0a8bef9a..4f023781 100644
--- a/web/documentserver-example/nodejs/views/index.ejs
+++ b/web/documentserver-example/nodejs/views/index.ejs
@@ -97,66 +97,20 @@
 
         <ul class="try-editor-list">
             <li>
-                <a class="try-editor document reload-page" target="_blank" href="editor?fileExt=docx<%= params %>&create=true">Create Document</a>
+                <a class="try-editor document reload-page" target="_blank" href="editor?fileExt=docx<%= params %>&create=true">Create <br />Document</a>
             </li>
             <li>
-                <a class="try-editor spreadsheet reload-page" target="_blank" href="editor?fileExt=xlsx<%= params %>&create=true">Create Spreadsheet</a>
+                <a class="try-editor spreadsheet reload-page" target="_blank" href="editor?fileExt=xlsx<%= params %>&create=true">Create <br />Spreadsheet</a>
             </li>
             <li>
-                <a class="try-editor presentation reload-page" target="_blank" href="editor?fileExt=pptx<%= params %>&create=true">Create Presentation</a>
+                <a class="try-editor presentation reload-page" target="_blank" href="editor?fileExt=pptx<%= params %>&create=true">Create <br />Presentation</a>
             </li>
         </ul>
-
-        <div class="help-block">
-            <span>Sample documents</span>
-            <br />
-            <br />
-            <div class="stored-list">
-                <div id="UserFiles">
-                    <table cellspacing="0" cellpadding="0" width="100%">
-                        <thead>
-                            <tr class="tableHeader">
-                                <td class="tableHeaderCell tableHeaderCellFileName">Filename</td>
-                                <td colspan="2" class="tableHeaderCell contentCells-shift">Editors</td>
-                                <td colspan="3" class="tableHeaderCell">Viewers</td>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <% 
-                            var listDemo = [{ext:"docx", type:"text"}, {ext:"xlsx", type:"spreadsheet"}, {ext:"pptx", type:"presentation"}];
-                            for (var i = 0; i < listDemo.length; i++) { %>
-                            <tr>
-                                <td class="contentCells">
-                                    <a class="stored-edit <%= listDemo[i].type %> reload-page" href="editor?fileExt=<%= listDemo[i].ext + params %>" target="_blank">
-                                        <span>sample.docx</span></a>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <a class="reload-page" href="editor?fileExt=<%= listDemo[i].ext + params %>" target="_blank">
-                                        <img src="images/desktop-24.png" alt="editor" /></a>
-                                </td>
-                                <td class="contentCells contentCells-shift contentCells-icon">
-                                    <a class="reload-page" href="editor?type=mobile&fileExt=<%= listDemo[i].ext + params %>" target="_blank">
-                                        <img src="images/mobile-24.png" alt="mobile editor" /></a>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <a class="reload-page" href="editor?mode=view&fileExt=<%= listDemo[i].ext + params %>" target="_blank">
-                                        <img src="images/desktop-24.png" alt="viewer" /></a>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <a class="reload-page" href="editor?type=mobile&mode=view&fileExt=<%= listDemo[i].ext + params %>" target="_blank">
-                                        <img src="images/mobile-24.png" alt="mobile viewer" /></a>
-                                </td>
-                                <td class="contentCells contentCells-icon">
-                                    <a class="reload-page" href="editor?type=embedded&fileExt=<%= listDemo[i].ext + params %>" target="_blank">
-                                        <img src="images/embeded-24.png" alt="embedded" /></a>
-                                </td>
-                            </tr>
-                            <% } %>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </div>
+        <label class="create-sample">
+            <input type="checkbox" id="createSample" class="checkbox" />Create a file filled with sample content
+        </label>
+        <br />
+        <br />
 
         <% if (storedFiles.length > 0)
            { %>
@@ -166,7 +120,6 @@
             <br />
             <br />
             <div class="stored-list">
-                <div id="UserFiles">
                     <table cellspacing="0" cellpadding="0" width="100%">
                         <thead>
                             <tr class="tableHeader">
@@ -210,7 +163,6 @@
                             <% } %>
                         </tbody>
                     </table>
-                </div>
             </div>
         </div>
         <% } %>

From eafe3adba66ef45720a4fe6b51d0315cce4d9827 Mon Sep 17 00:00:00 2001
From: Sergey Linnik <sergey.linnik@onlyoffice.com>
Date: Wed, 30 Mar 2016 14:50:12 +0300
Subject: [PATCH 3/4] nodejs: create url without parameters

---
 web/documentserver-example/nodejs/app.js                  | 2 +-
 .../nodejs/public/javascripts/jscript.js                  | 4 ++--
 web/documentserver-example/nodejs/views/index.ejs         | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/documentserver-example/nodejs/app.js b/web/documentserver-example/nodejs/app.js
index 815e8b83..7f3a1ded 100644
--- a/web/documentserver-example/nodejs/app.js
+++ b/web/documentserver-example/nodejs/app.js
@@ -384,7 +384,7 @@ app.get("/editor", function (req, res) {
         var lastname = req.query.lastname ? req.query.lastname : "Smith";
 
         if (fileExt != null) {
-            var fileName = docManager.createDemo((req.query.create ? "new." : "sample.") + fileExt, userid, firstname + " " + lastname);
+            var fileName = docManager.createDemo((req.query.sample ? "sample." : "new.") + fileExt, userid, firstname + " " + lastname);
 
             var redirectPath = docManager.getProtocol() + "://" + docManager.req.get("host") + "/editor?fileName=" + encodeURIComponent(fileName) + docManager.getCustomParams();
             res.redirect(redirectPath);
diff --git a/web/documentserver-example/nodejs/public/javascripts/jscript.js b/web/documentserver-example/nodejs/public/javascripts/jscript.js
index dbc2ae20..e6deeb36 100644
--- a/web/documentserver-example/nodejs/public/javascripts/jscript.js
+++ b/web/documentserver-example/nodejs/public/javascripts/jscript.js
@@ -282,9 +282,9 @@ if (typeof jQuery != "undefined") {
         jq(".try-editor").each(function () {
             var href = jq(this).attr("href");
             if (jq("#createSample").is(":checked")) {
-                href = href.replace("&create=true", "");
+                href += "&sample=true";
             } else {
-                href += "&create=true";
+                href = href.replace("&sample=true", "");
             }
             jq(this).attr("href", href);
         });
diff --git a/web/documentserver-example/nodejs/views/index.ejs b/web/documentserver-example/nodejs/views/index.ejs
index 4f023781..c4f6110f 100644
--- a/web/documentserver-example/nodejs/views/index.ejs
+++ b/web/documentserver-example/nodejs/views/index.ejs
@@ -38,7 +38,7 @@
 </head>
 <body>
     <header>
-        <a href="">
+        <a href="/">
             <img src ='images/logo.png' alt="ONLYOFFICE™" />
         </a>
     </header>
@@ -97,13 +97,13 @@
 
         <ul class="try-editor-list">
             <li>
-                <a class="try-editor document reload-page" target="_blank" href="editor?fileExt=docx<%= params %>&create=true">Create <br />Document</a>
+                <a class="try-editor document reload-page" target="_blank" href="editor?fileExt=docx<%= params %>">Create <br />Document</a>
             </li>
             <li>
-                <a class="try-editor spreadsheet reload-page" target="_blank" href="editor?fileExt=xlsx<%= params %>&create=true">Create <br />Spreadsheet</a>
+                <a class="try-editor spreadsheet reload-page" target="_blank" href="editor?fileExt=xlsx<%= params %>">Create <br />Spreadsheet</a>
             </li>
             <li>
-                <a class="try-editor presentation reload-page" target="_blank" href="editor?fileExt=pptx<%= params %>&create=true">Create <br />Presentation</a>
+                <a class="try-editor presentation reload-page" target="_blank" href="editor?fileExt=pptx<%= params %>">Create <br />Presentation</a>
             </li>
         </ul>
         <label class="create-sample">

From 37d251233a6e815ef39718b183cec6fd7c5333e0 Mon Sep 17 00:00:00 2001
From: Sergey Linnik <sergey.linnik@onlyoffice.com>
Date: Wed, 30 Mar 2016 16:30:43 +0300
Subject: [PATCH 4/4] nodejs: restyle create panel

---
 .../nodejs/public/images/file_upload.png      | Bin 0 -> 1739 bytes
 .../nodejs/public/stylesheets/stylesheet.css  |  49 ++++++----
 .../nodejs/views/index.ejs                    |  92 ++++++++++--------
 3 files changed, 84 insertions(+), 57 deletions(-)
 create mode 100644 web/documentserver-example/nodejs/public/images/file_upload.png

diff --git a/web/documentserver-example/nodejs/public/images/file_upload.png b/web/documentserver-example/nodejs/public/images/file_upload.png
new file mode 100644
index 0000000000000000000000000000000000000000..5566e6ddc018359f3f9377c6d2cb90a0e66936f0
GIT binary patch
literal 1739
zcmaJ?3sBQ$9Ph@I$>UB>bfOhvP{di1rqEIX<yi_vi%^(UPQlQ|wv#rcO>L=o9;i&b
zG1PM~P{u>RxhXz|u!(?^6Q`#lGE`p5<D8-(AjlA3OA&B)8_Om6{@-`M-|zp-B|SVW
z*w$*X6^%x-6^8J|)apY$l22z-?~@693u>_^gCt}mv4u2XTAb!DBjRyDsKVs97{_Eu
ziC1xN8qES!MoCDCXe}xwR1jvyKt`2@V$*2ezD5lu-HMYyJT6zNdEh`*EeI%OJTRIq
zVv00@xI!6X(&CY(uqdf%tJG5l`uYIgMwAjz;UoqaRS9YxYUF_vx+rCvk6{p)fRI~x
z;QOE?qHrLP(Bc3aa&wh35d`3HAjF-`;UElv#Y9*zle#&sh&#&Wpezqy@&YMuTG<v<
z%oj}hqINt`L6RC2h7AS-WN?EBtsF)?Jw44DES4*UaMdNLNzCY~);Ucn@Nu0~tJIK6
zLJgP|v3NpH@<1xm_bI3})3R#aWSOXf!A492BM{S^(iBi6`hTcOHI3GhV*EqA|0%4C
zO48u47}pVct(0oq7ALbS4H~G$F_O?m5k$gN6~h$-N$3=W1_+Gg04~u=wTv+6R!!hV
zB2=i>k(gSF3;8^dQh=078OrovAp$m&Ensm25G080$#)OndIkxY92VD|>&BVl@(HP4
zg{#RauIvMsGb7hL3MvidnU8Cg+i;mcOQ?W}lu_l(vAE5sH_4UF9E<ymT$l<5HaGSk
zjh;H9rpIhfk1e&C9(-I)O}myF>nnY~Zlb;xUm@Q=%Glc1-Voa3N4Fe|i$B@x_>Nv|
z$AQE9{Ku_QAqLNGT~%M<XDuDuVIRMIY{LZ?hVdZOS_h6<&APiV4zTV%-rP}<6=0|-
zJn(p5uCtys^w+Lss@*xsuWzh%Mg&VT1jR9uEd8q%_Z#U?_ICWlggE&@NpNWFAu^=j
zH)vJ*?fml8@2uYl5}u@CCvG-0M0z`{6g6GS9jc6v9Nu+zQ%)JoV4Q$pxT(E;qoT3w
z^icP`jPx$hXIaz7Wv!b0MFSUo3%0LbJilwH@gr$W*WlNN&cs>uWPvfSXhB1Lu<f(X
zo!)ygLHd~?yIA3v+oPkwL!p=Ca`_H<tkB5H8R_W%cK0#yDtN=rxu^OTU19HWym0pC
z@$1)ZaF%^cOw4ob3T4l`Du-xfxR-2&93Z7fQL@8M{hIY@Zb!Oo<lH*@o0@6!ZO9)_
z^(cxSoSm(GI;XR)uC8t1ay&9_Uz=Gkx6iqY7vbId7R3f5&qiTy<S`y+*FVJqYL~~>
zIpt;H8O}T0Z?8#Esd(eVd3kxq9W5Lz7p%{SR@=yp<xcz0jX!+2Vkw<|>*Y(&7bf1m
z%kkwkHDM*<tI^fxVluwT%v5seV(>u0Mkx63;lra3E|<t(cXy}$*!($rvF(zKiz(k9
zIWp$MwaoDAP*|u6MZFqXNn8K@mamR2xO3-DvLoGOYs&PxwXpTj{pQB%yx$)UM?u-j
z#6)C&;@-m4+r6a1V93tBQCeNw{N>e#Uz)1t`4@Ghpb?exJv=<R&d(dNYi+p3cpT@F
zf5rZp6LXGeb!u6g2i@9w<>=^WX)00Kwyh(qv$nW+omwKouoSMB*U``t)(iFdvu8oy
z9&UpvIrm<4fotuWF2Bx}gsh6n%H!cK`>{ol7Dv_PDHXR$#fHt7<|bRF{j2WpTL6FJ
z_`_I$*C~YaHnDEWuHS&?gJ;h4rVYf!#RWU~aGq6lJs5xUwzs+Y3t8joIX$psXp^qK
zBJ>nA!YXa7KA>E_zRx7j{d2%;5OIL@ufS`;5!#|+yLBUR5rZeL86s+|M*8`s)oCrS
d3&&Poq%F_h9PF%bXPAF4!k{pIS-|GhzX5kZx&QzG

literal 0
HcmV?d00001

diff --git a/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css b/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css
index 35c3e558..2e4e3620 100644
--- a/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css
+++ b/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css
@@ -99,11 +99,7 @@ pre.hljs {
     margin-top: 0px;
 }
 .save-original {
-    color: #929597;
-    line-height: 20px;
-    margin-left: 16px;
-    white-space: nowrap;
-    width: 272px;
+    margin-left: 30px;
 }
 label .checkbox {
     margin: 0 5px 3px 0;
@@ -143,13 +139,13 @@ label .checkbox {
 
 .try-editor-list {
     list-style: none;
-    margin: 0;
+    margin: 0 0 16px;
     padding: 0;
 }
 .try-editor-list li {
     float: left;
-    margin: 25px;
-    width: 150px;
+    margin: 0 15px;
+    width: 100px;
 }
 .try-editor {
     background-color: transparent;
@@ -172,7 +168,9 @@ label .checkbox {
 .try-editor.presentation {
     background-image: url("../images/file_pptx.png");
 }
-
+.create-sample {
+    margin-left: 75px;
+}
 .button, .button:visited, .button:hover, .button:active {
     display: inline-block;
     font-weight: normal;
@@ -216,27 +214,40 @@ label .checkbox {
     color: #333;
 }
 
-.file-upload {
-    cursor: pointer;
-    margin-bottom: 8px;
-    padding: 0 !important;
-    overflow: hidden;
-    position: relative;
+.upload-panel {
+    border-right: 1px solid #D1D1D1;
+    float: left;
+    margin-right: 25px;
 }
-.file-upload span {
+.file-upload {
+    background: url("../images/file_upload.png") no-repeat center 0 transparent;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 14px;
     font-weight: bold;
-    line-height: 42px;
-    margin: 2px 50px;
+    height: 45px;
+    margin: 0 40px 16px;
+    overflow: hidden;
+    padding-top: 100px;
+    position: relative;
+    text-align: center;
+    width: 100px;
 }
 .file-upload input {
     cursor: pointer;
-    font-size: 23px;
     opacity: 0;
     position: absolute;
     right: 0;
     top: 0;
     transform: translate(-300px, 0) scale(4);
 }
+.create-panel {
+    float: left;
+}
+.upload-panel,
+.create-panel {
+    padding: 10px 0;
+}
 
 #mainProgress {
     color: #979b9f;
diff --git a/web/documentserver-example/nodejs/views/index.ejs b/web/documentserver-example/nodejs/views/index.ejs
index c4f6110f..2f4e29ec 100644
--- a/web/documentserver-example/nodejs/views/index.ejs
+++ b/web/documentserver-example/nodejs/views/index.ejs
@@ -82,33 +82,49 @@
             </tr>
         </table>
         <br />
-        <div class="file-upload button gray">
-            <span>Upload file</span>
-            <input type="file" id="fileupload" name="uploadedFile" data-url="upload?<%= params %>" />
-        </div>
-        <label class="save-original">
-            <input type="checkbox" id="checkOriginalFormat" class="checkbox" />Save document in original format
-        </label>
-        <span class="question"></span>
         <br />
-        <br />
-        <br />
-        <span class="try-descr">Or, you can view and edit sample documents –click on one of the links below.</span>
 
-        <ul class="try-editor-list">
-            <li>
-                <a class="try-editor document reload-page" target="_blank" href="editor?fileExt=docx<%= params %>">Create <br />Document</a>
-            </li>
-            <li>
-                <a class="try-editor spreadsheet reload-page" target="_blank" href="editor?fileExt=xlsx<%= params %>">Create <br />Spreadsheet</a>
-            </li>
-            <li>
-                <a class="try-editor presentation reload-page" target="_blank" href="editor?fileExt=pptx<%= params %>">Create <br />Presentation</a>
-            </li>
-        </ul>
-        <label class="create-sample">
-            <input type="checkbox" id="createSample" class="checkbox" />Create a file filled with sample content
-        </label>
+        <div class="help-block">
+            <span>Upload your file or create new file</span>
+            <br />
+            <br />
+            <div class="clearFix">
+                <div class="upload-panel clearFix">
+                    <a class="file-upload">Upload
+                        <br />
+                        File
+                        <input type="file" id="fileupload" name="uploadedFile" data-url="upload?<%= params %>" />
+                    </a>
+                    <br />
+                    <label class="save-original">
+                        <input type="checkbox" id="checkOriginalFormat" class="checkbox" />Keep file format
+                    </label>
+                    <span class="question"></span>
+                </div>
+                <div class="create-panel clearFix">
+                    <ul class="try-editor-list clearFix">
+                        <li>
+                            <a class="try-editor document reload-page" target="_blank" href="editor?fileExt=docx<%= params %>">Create
+                                <br />
+                                Document</a>
+                        </li>
+                        <li>
+                            <a class="try-editor spreadsheet reload-page" target="_blank" href="editor?fileExt=xlsx<%= params %>">Create
+                                <br />
+                                Spreadsheet</a>
+                        </li>
+                        <li>
+                            <a class="try-editor presentation reload-page" target="_blank" href="editor?fileExt=pptx<%= params %>">Create
+                                <br />
+                                Presentation</a>
+                        </li>
+                    </ul>
+                    <label class="create-sample">
+                        <input type="checkbox" id="createSample" class="checkbox" />Create a file filled with sample content
+                    </label>
+                </div>
+            </div>
+        </div>
         <br />
         <br />
 
@@ -120,16 +136,16 @@
             <br />
             <br />
             <div class="stored-list">
-                    <table cellspacing="0" cellpadding="0" width="100%">
-                        <thead>
-                            <tr class="tableHeader">
-                                <td class="tableHeaderCell tableHeaderCellFileName">Filename</td>
-                                <td colspan="2" class="tableHeaderCell contentCells-shift">Editors</td>
-                                <td colspan="3" class="tableHeaderCell">Viewers</td>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <% for (var i = 0; i < storedFiles.length; i++) { %>
+                <table cellspacing="0" cellpadding="0" width="100%">
+                    <thead>
+                        <tr class="tableHeader">
+                            <td class="tableHeaderCell tableHeaderCellFileName">Filename</td>
+                            <td colspan="2" class="tableHeaderCell contentCells-shift">Editors</td>
+                            <td colspan="3" class="tableHeaderCell">Viewers</td>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <% for (var i = 0; i < storedFiles.length; i++) { %>
                             <tr>
                                 <td class="contentCells">
                                     <a class="stored-edit <%= storedFiles[i].documentType%>" href="editor?fileName=<%= encodeURIComponent(storedFiles[i].name) + params %>" target="_blank">
@@ -160,9 +176,9 @@
                                         <img src="images/embeded-24.png" alt="embedded" /></a>
                                 </td>
                             </tr>
-                            <% } %>
-                        </tbody>
-                    </table>
+                        <% } %>
+                    </tbody>
+                </table>
             </div>
         </div>
         <% } %>