Search table

2 files changed, 44 insertions, 3 deletions

diff --git a/bh20simplewebuploader/static/main.css b/bh20simplewebuploader/static/main.css
index 09b6beb..bdcc0bc 100644
--- a/bh20simplewebuploader/static/main.css
+++ b/bh20simplewebuploader/static/main.css
@@ -347,6 +347,37 @@ footer {
     }
 }
 
+
+.rTable
+{
+    display: table;
+}
+.rTableTitle
+{
+    display: table-caption;
+    text-align: center;
+    font-weight: bold;
+    font-size: larger;
+}
+.rTableHeading
+{
+    display: table-row;
+    font-weight: bold;
+    text-align: center;
+}
+.rTableRow
+{
+    display: table-row;
+}
+.rTableCell
+{
+    display: table-cell;
+    border: solid;
+    border-width: thin;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
 .blog {
     margin: 10px;
 }
diff --git a/bh20simplewebuploader/static/main.js b/bh20simplewebuploader/static/main.js
index 8271d2c..208823a 100644
--- a/bh20simplewebuploader/static/main.js
+++ b/bh20simplewebuploader/static/main.js
@@ -2,6 +2,15 @@
  * Menu and navigation
  */
 
+/* Small helpers */
+function cell(text) {
+    html = ""
+    html += '  <div class="rTableCell">';
+    html += text;
+    html += '  </div>';
+    return html
+}
+
 /* Convert a list of table items to an HTML DIV table */
 function toDIVTable(rows) {
     if (rows.length == 0)
@@ -9,14 +18,15 @@ function toDIVTable(rows) {
     else {
         html = '<div class="rTable">';
         rows.forEach(row => {
+            seq = row['seq'];
             html += '<div class="rTableRow">';
-            html += '  <div class="rTableCell">';
-            html += row["id"];
-            html += '  </div>';
+            html += cell(row['id']);
+            html += cell('<a href="'+seq+'">FASTA</a>');
             html += '</div>';
         });
         html += '</div>';
     }
+    console.log(html);
     document.getElementById("table").innerHTML = html;
 }