Test

From referenceTSS
Revision as of 14:00, 28 March 2023 by A-kondo (talk | contribs)
Jump to: navigation, search
     
         <nav>
         </nav>
     
     

About refTSS

The refTSS is an annotated reference dataset for transcriptional start sites (TSS) in human and mouse. The dataset is generated by collecting, reprocessing and assembling various public resources.

Data files

The raw refTSS data files are available at <a target="_blank" rel="nofollow noreferrer noopener" class="external text" href="http://10.64.128.90/datafiles" >the data download page</a >.

Track Hubs

     
     
Cite refTSS as

Abugessaisa, I., Noguchi S, Hasegawa A, Kondo A, Kawaji H, Carninci P, Kasukawa T. (2019). "refTSS: A Reference Data Set for Human and Mouse Transcription Start Sites." J Mol Biol. DOI: 10.1016/j.jmb.2019.04.045.

     
     
Papers citing refTSS
                   <a
                     href="citations.html"
                     class="btn btn-outline-success btn-sm"
                     >View all citations</a
                   >
     
   <script src="landing-page/js/bootstrap/bootstrap.bundle.min.js"></script>
   <script src="landing-page/js/nunjucks-slim.min.js"></script>
   <script src="landing-page/data/citation-slider.template.js"></script>
   <script type="text/javascript">
     // Function to show loading spinner on search buttons
     function showLoadingOnButtons(searchButton) {
       // Disable the seacrh button.
       searchButton.disabled = true;
       // Bootstrap spinner.
       const spinnerSpan = ``;
       // Replace the search button with the spinner and Loading... text.
       searchButton.innerHTML = `${spinnerSpan} Loading...`;
     }
     // Function to reset the search button to the original state.
     function resetSearchButton(searchButton) {
       // Enable the search button.
       searchButton.disabled = false;
       // Replace the spinner with the search button text.
       searchButton.innerHTML = "Search";
     }
     // Reset the serch buttons and form-groups to their default state on page load, and brownser back button.
     window.onload = window.onpageshow = function () {
       document.querySelectorAll(".search-button").forEach((searchButton) => {
         resetSearchButton(searchButton);
       });
       document.querySelectorAll(".form-group").forEach((formGroup) => {
         formGroup
           .querySelectorAll("input, select, checkbox, textarea")
           .forEach((input) => {
             input.removeAttribute("readonly");
           });
       });
     };
     // Select all forms with the class "search-form" and attach a submit event listener to them.
     document.querySelectorAll(".search-form").forEach((form) => {
       form.addEventListener("submit", (event) => {
         // Disable serach button and show the loading spinner on it
         document
           .querySelectorAll(".search-button")
           .forEach((searchButton) => {
             showLoadingOnButtons(searchButton);
           });
         // Make all form inputs read-only, so that the user cannot modify the serach inputs.
         document.querySelectorAll(".form-group").forEach((formGroup) => {
           formGroup
             .querySelectorAll("input, select, checkbox, textarea")
             .forEach((input) => {
               input.setAttribute("readonly", true);
             });
         });
       });
     });
     // Alternative approach to the above, but this one is on button click events.
     // Selecting all serach buttons and attach a click event listener to them.
     /*  document.querySelectorAll(".search-button").forEach((submitButton) => {
       submitButton.addEventListener("click", showLoadingOnButtons);
     });  */
     function renderTemplate(template, data) {
       var renderedTemplate = nunjucks.render(template, data);
       document.getElementById("citing-papers-slider").innerHTML =
         renderedTemplate;
       var myCarousel = document.querySelector("#carouselSlidesOnly");
       var carousel = new bootstrap.Carousel(myCarousel, {
         interval: 5000,
         wrap: false,
       });
     }
     const requestAndRenderJson = async () => {
       const response = await fetch("landing-page/data/citations.json");
       const citationData = await response.json();
       renderTemplate("citation-slider.template.njk", citationData);
     };
     requestAndRenderJson();
   </script>