Merge pull request #51 from PennChopMicrobiomeProgram/47-move-summary-table-to-non-linked-page

Add unlinked summary/ page

Author: Ulthran

app/app.py

@@ -215,6 +215,15 @@ def submit(ticket_code):
         return redirect(url_for("submit", ticket_code=project.ticket_code))
 
 
+@app.route("/summary")
+def summary():
+    return render_template(
+        "summary.html",
+        projects=db.session.query(Project).all(),
+        submissions=db.session.query(Submission).all(),
+    )
+
+
 @app.route("/", methods=["GET", "POST"])
 def index():
     if request.method == "POST":

app/templates/index.html

@@ -19,50 +19,4 @@ <h5 class="m-3">Please submit your project id below to get to the metadata submi
       <button type="submit" class="btn btn-success m-3">GO</button>
     </form>
   </div>
-  
-  <br /><br />
-  <table class="display" id="projects">
-    <thead>
-      <tr>
-        <th>Ticket Code</th>
-        <th>Name</th>
-        <th>Contact Name</th>
-        <th>Contact Email</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for project in projects %}
-        <tr>
-          <td><a href="{{ url_for('show_project', ticket_code=project.ticket_code) }}">{{ project.ticket_code }}</a></td>
-          <td>{{ project.project_name }}</td>
-          <td>{{ project.contact_name }}</td>
-          <td>{{ project.contact_email }}</td>
-        </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-  
-  <script type="text/javascript">
-  $(document).ready(function () {
-      /* Initialize the DataTable */
-      oTable = $('#projects').dataTable({
-          "bSort": false,
-          "iDisplayLength": 20,
-          "bLengthChange": false,
-          "sPaginationType": "full_numbers",
-          "bStateSave": true,
-      });
-  
-      /* Move search box to bottom of summary area */
-      $("#projects_filter").appendTo('#projects_summary');
-  
-      /* Snap pagination info to grid */
-      $("#projects_info").addClass("span-12");
-      $("#projects_paginate").addClass("span-12 last")
-  
-      /* Moving the search box breaks the state saving routine */
-      /* Redraw manually */
-      oTable.fnDraw();
-  });
-  </script>
 {% endblock %}

app/templates/summary.html

@@ -0,0 +1,48 @@
+{% extends 'base.html' %}
+
+{% block body %}
+<table class="display" id="projects">
+    <thead>
+        <tr>
+        <th>Ticket Code</th>
+        <th>Name</th>
+        <th>Contact Name</th>
+        <th>Contact Email</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for project in projects %}
+        <tr>
+            <td><a href="{{ url_for('show_project', ticket_code=project.ticket_code) }}">{{ project.ticket_code }}</a></td>
+            <td>{{ project.project_name }}</td>
+            <td>{{ project.contact_name }}</td>
+            <td>{{ project.contact_email }}</td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+
+<script type="text/javascript">
+$(document).ready(function () {
+    /* Initialize the DataTable */
+    oTable = $('#projects').dataTable({
+        "bSort": false,
+        "iDisplayLength": 20,
+        "bLengthChange": false,
+        "sPaginationType": "full_numbers",
+        "bStateSave": true,
+    });
+
+    /* Move search box to bottom of summary area */
+    $("#projects_filter").appendTo('#projects_summary');
+
+    /* Snap pagination info to grid */
+    $("#projects_info").addClass("span-12");
+    $("#projects_paginate").addClass("span-12 last")
+
+    /* Moving the search box breaks the state saving routine */
+    /* Redraw manually */
+    oTable.fnDraw();
+});
+</script>
+{% endblock %}