Fixed RIVET home page to full tree by default, added tutorial video t…

…o docs site
TurakhiaLab · Jul 14, 2023 · f125ea9 · f125ea9
1 parent 9e258f9
commit f125ea9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 13 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -6,6 +6,12 @@ RIVET is a software pipeline and visual web platform to perform SARS-CoV-2 recom
 <br>
 <hr>
 
+## RIVET Video Tutorial
+<iframe width="1000" height="600"  src="https://youtube.com/embed/XelRL3qJlD0" frameborder="0" allowfullscreen></iframe>
+
+<br>
+<hr>
+
 ## RIVET Architecture
 
 RIVET is a program designed to aid in SARS-CoV-2 recombination analysis and consists of backend and frontend components:
@@ -721,4 +727,4 @@ Additional columns can be provided optionally and will be included in the render
 
 <br>
 
-`-c, CONFIG`: The `config.yaml` file, shown at the top of this page, and provided in the repository.
+`-c, CONFIG`: The `config.yaml` file, shown at the top of this page, and provided in the repository.
diff --git a/templates/index.html b/templates/index.html
@@ -161,12 +161,14 @@ <h5 id="offcanvasRightLabel">In-Progress</h5>
                            },
                           */
                          ],
+                          /*
                           "initComplete": function(settings, json) {
                                 let tableSelect = document.getElementById("table_container");
                                 tableSelect.removeAttribute("hidden");
                                 $("#datatable").show();
                                 $("#datatable").DataTable().columns.adjust();
                            },
+                          */
                        });
 
         var full_table = $('#full_datatable').DataTable({
@@ -212,14 +214,12 @@ <h5 id="offcanvasRightLabel">In-Progress</h5>
                            },
                           */
                          ],
-                        /*
                           "initComplete": function(settings, json) {
-                                let tableSelect = document.getElementById("full_datatable");
+                                let tableSelect = document.getElementById("full_table");
                                 tableSelect.removeAttribute("hidden");
                                 $("#full_datatable").show();
                                 $("#full_datatable").DataTable().columns.adjust();
                            },
-                           */
                        });
 
        // Default search configuration on page load
@@ -392,22 +392,22 @@ <h5 id="offcanvasRightLabel">In-Progress</h5>
     <h2>RIPPLES Dectected Recombination Events</h2>
     <h5> Select tree</h5>
  <div class="btn-group btn-group-toggle" data-toggle="buttons">
-    <label class="btn btn-outline-primary active" id="public_tree">
-            <input type="radio" name="options" id="public_tree" autocomplete="off" onclick="render_table('public')" checked>Public Tree
+    <label class="btn btn-outline-primary active" id="full_tree">
+            <input type="radio" name="options" id="full_tree" autocomplete="off" onclick="render_table('full')" checked>Full Tree
     </label>
-    <label class="btn btn-outline-primary" id="full_tree">
-            <input type="radio" name="options" action="/" id="full_tree" autocomplete="off" onclick="render_table('full')">Full Tree
+    <label class="btn btn-outline-primary" id="public_tree">
+            <input type="radio" name="options" id="public_tree" autocomplete="off" onclick="render_table('public')">Public Tree
     </label>
  </div>
  <div class="form-check form-switch" id="search">
     <input class="form-check-input" id="search_by_sample_button" type="checkbox" id="flexSwitchCheckDefault">
-    <label class="form-check-label" for="flexSwitchCheckDefault">Search by sample</label>
+    <label class="form-check-label" for="flexSwitchCheckDefault">Search by Sample/EPI Identifier</label>
  </div>
 </div>
 
  <div id="table_container" hidden>
-    <table id="datatable" class="striped" style="width:100%">
-         <h5>Public Tree, Last Updated: May 1, 2023</h5>
+    <table id="datatable" class="table table-striped hover" style="width:100%">
+         <h5>Public Tree, Last Updated: July 02, 2023</h5>
          <div class="download_button" id="download">
            <button type="button" class="btn btn-outline-primary" id="download_all_descendants">Download All Descendants</button>
            <button type="button" class="btn btn-outline-primary" id="download_table">Download Table</button>
@@ -455,8 +455,8 @@ <h5>Public Tree, Last Updated: May 1, 2023</h5>
   </div>
 
    <div id="full_table" hidden>
-    <table id="full_datatable" class="striped" style="width:100%">
-         <h5>Full Tree, Last Updated: May 1, 2023</h5>
+    <table id="full_datatable" class="table table-striped hover" style="width:100%">
+         <h5>Full Tree, Last Updated: July 2, 2023</h5>
          <div class="download_button" id="download">
            <button type="button" class="btn btn-outline-primary" id="full_table_download_all_descendants">Download All Descendants</button>
            <button type="button" class="btn btn-outline-primary" id="download_full_table">Download Table</button>