Update mGAP video links

Author: bbimber

mGAP/resources/views/overview.html

@@ -13,7 +13,7 @@
 
 <script>
     $( function() {
-        $( "i.mgap-help" ).on("click", function(e){
+        $( "i.mgap-video-icon" ).on("click", function(e){
             const el = $(e.target);
             const videoName = el.attr('data-video');
             const title = el.attr('data-video-title');
@@ -30,32 +30,33 @@
         The database provides open access to rhesus macaque genomic and phenotypic data.  Our dataset was originally generated using animals from the large, pedigreed colony of Indian-origin rhesus macaques housed at the Oregon National Primate Research Center (ONPRC); however, it has
         since <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-externalData.view">been expanded to include data from other National Primate Research Centers and NHP colonies.</a>.
         <br><br>
-        <span style="font-weight: bold">NEW: Click the video icons (<i class="fa-solid fa-video mgap-help"></i>) in order to load help videos, or <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-tutorials.view">view our tutorials page</a> for more detail.</span>
+        <span style="font-weight: bold">NEW: Click the video icons (<i class="fa-solid fa-video mgap-video-icon"></i>) load help videos, or <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-tutorials.view">view our tutorials page</a> for more detail.</span>
         <br>
         <h4><span style="text-decoration: underline">Short Variant Catalog:</span> <img style="vertical-align: sub" width="40px" src="<%=contextPath%>/mgap/images/SNV.png" alt="SNV"></h4>
         The primary dataset generated by mGAP is a catalog of short variants (summarized to the right). Raw sequence data are <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mgap-dataProcessing.view">analyzed using a vetted pipeline</a> designed to produce high-confidence genotype calls.
         The resulting variants are <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mgap-annotation.view">annotated using a wide range of data sources</a>, including predicted function, overlap with regulatory elements and association with phenotypes and diseases.
         <br>
         <ul style="padding-top: 10px;">
-            <li>Use the <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-genomeBrowser.view?">Genome Browser</a> to view and search data. <i class="fa-solid fa-video mgap-help" data-video="genome-browser"></i></li>
-             <li>Use our new <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-genomeBrowser.view?target=variantSearch">Full-text Search</a> tool to query variants based on gene, or using our <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mgap-annotation.view">extensive annotations</a> <i class="fa-solid fa-video mgap-help" data-video="variant-search"></i></li>
-            <li>View our list of <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-variantList.view">Predicted Damaging Variants</a>, which is a list of predicted high-impact or disease associated variants, generated from each release <i class="fa-solid fa-video mgap-help" data-video="high-impact-variants"></i></li>
+            <li>Use the <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-genomeBrowser.view?">Genome Browser</a> to view and search data. <i class="fa-solid fa-video mgap-video-icon" data-video="genome-browser" data-video-title="Genome Browser Overview"></i></li>
+            <li>Use our new <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-genomeBrowser.view?target=variantSearch">Full-text Search</a> tool to query variants based on gene, or using our <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mgap-annotation.view">extensive annotations</a> <i class="fa-solid fa-video mgap-video-icon" data-video="variant-search" data-video-title="Variant Full-text Search (BETA)"></i></li>
+            <li>View our list of <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-variantList.view">Predicted Damaging Variants</a>, which is a list of predicted high-impact or disease associated variants, generated from each release <i class="fa-solid fa-video mgap-video-icon" data-video="predicted-damaging-variants" data-video-title="Predicted Damaging Variants"></i></li>
             <li>Unlike many datasets, mGAP has genotype-level data, <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/project-begin.view?pageId=clinical">often connected to living animals from pedigreed breeding colonies</a></li>
             <li>Download raw data, including <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/project-begin.view?pageId=datasets">sequence data</a> and <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/project-begin.view?pageId=variants">variant data</a></li>
+            <!-- Link to new variants in release -->
         </ul>
 
         <h4><span style="text-decoration: underline;">Structural Variant Catalog:</span> <img style="vertical-align: sub" width="40px" src="<%=contextPath%>/mgap/images/SV.png" alt="SV"></h4>
         We have released a draft dataset with structural variants generated from PacBio sequencing of 44 Rhesus macaques. These data complement the short variant catalog by detecting categories of variants not readily accomplished with short read Illumina data.
         <br>
         <ul style="padding-top: 10px;">
-            <li>Use the <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-genomeBrowser.view?activeTracks=mGAP Structural Variants 1.0">Genome Browser</a> to view and search structural variant data</li>
+            <li>Use the <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-genomeBrowser.view?activeTracks=mGAP Structural Variants 1.0&loc=4:137,917,074..137,937,929">Genome Browser</a> to view and search structural variant data</li>
         </ul>
 
         <h4><span style="text-decoration: underline;">NHP Models of Human Disease:</span> <img style="vertical-align: sub" width="40px" src="<%=contextPath%>/mgap/images/phenotypes.png" alt="Phenotypes"></h4>
         NHPs serve as essential pre-clinical models for a range of human diseases. The mGAP site supports this work by providing information about published NHP disease/phenotype models, and by providing summaries of the annotated variant catalog to help identify novel disease-associated variants.
         <br>
         <ul style="padding-top: 10px;">
-            <li>Tutorial on searching phenotypes and variants <i class="fa-solid fa-video mgap-help" data-video="phenotypes_and_models"></i></li>
+            <li>Tutorial on searching phenotypes and variants <i class="fa-solid fa-video mgap-video-icon" data-video="phenotypes-and-models" data-video-title="Phenotypes and Models"></i></li>
             <li>View our list of <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/project-begin.view?pageId=model">Published NHP Disease Models</a></li>
             <li>View the list of <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mgap-phenotypeList.view">Genes and OMIM diseases/phenotypes</a> where predicted damaging variants were detected</li>
             <li>View our list of <a class="mgap-link" href="<%=contextPath%><%=containerPath%>/mGap-variantList.view">Predicted Damaging Variants</a>, which is a list of predicted high-impact or disease associated variants, generated from each release</li>