Difference between revisions of "Template:Virginia/js/wiki"

Revision as of 15:26, 31 August 2018

/**

* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018
* @version v0.6.9
* @version v0.6.9
* @link https://github.com/Virginia-iGEM/igem-wikibrick
* @license MIT
*/

$(document).ajaxStop(function () {

   'use strict';
   
   var previous = 'Ngozi';

   $(document).on('click', '#image_gallery', function(event) {
       var id_name = event.target.id;
       console.log(id_name);
       id_name = id_name.replace(/[0-9]/g, ); //regex for alphabets, no numbers
       var id_toggle = document.getElementById(id_name); //get ID of names under class 'team-bio'

       if (document.getElementById(id_name) && id_name != "image_gallery") { //if ID exists and accounting for white space
           if ((previous != id_name)) { //if you click a diff image
               var id_previous = document.getElementById(previous);
               $(id_previous).removeClass('unhidden');
               $(id_previous).addClass('hidden');
               //$(id_previous).toggleClass('hidden');
               //console.log(id_previous);
           } 
           else if (previous == id_name) { //clicking on the same image
               $(id_previous).removeClass('hidden');                
               $(id_previous).addClass('unhidden');
               //$(id_toggle).toggleClass('unhidden');
           }
           $(id_toggle).removeClass('hidden');
           $(id_toggle).addClass('unhidden');
           //$(id_toggle).toggleClass('unhidden'); //show bio
           previous = id_name; //checks to see if you clicked different images
       } 
       else {
           $(previous).toggleClass('unhidden');
       }
   });

});

// Code courtesy of Ates Goral // https://stackoverflow.com/a/187946

var updatetoc = function() {

   var smallestoffset = -$(document).height();
   var smallestheader;

   $('article h1').each(function(i) { 
       var offset = $(this).position().top - $(document).scrollTop() - Math.max(document.documentElement.clientHeight, window.innerHeight || 0)/4; // Negative offset values indicate the header's top has passed 1/4 of the way down the viewport
       //console.log($(this).text() + ' ' + offset);
       if (offset > smallestoffset && offset <= 0) {
           smallestoffset = offset;
           smallestheader = $(this);
       }
   });

   if (smallestheader === undefined) {
       smallestheader = $('article h1:first');
   }

   //console.log(smallestheader.text());

   $('#va-toc>ul>li').each(function(i) {
       //console.log($(this).children('a').attr('href'));
       //console.log('#' + smallestheader.attr('id'));
       if ($(this).children('a').attr('href') === '#' + smallestheader.attr('id')) {
           $(this).children('ul').addClass('current');
       }
       else {
           $(this).children('ul').removeClass('current');
       }
   });
   //console.log($(document).scrollTop());

};

$(document).ajaxStop(function(event, xhr, options) {

   //console.log(event);

   var toc = "";
   var level = 0;

   document.getElementById("main-content").innerHTML =
       document.getElementById("main-content").innerHTML.replace(
           /<h([\d]) id="(.+)">([^<]+)<\/h([\d])>/gi,
           function (str, openLevel, id, titleText, closeLevel) {

               if (openLevel > level) {

"); } else if (openLevel < level) { toc += (new Array(level - openLevel + 1)).join("

               }

               toc += "</li>";

               level = parseInt(openLevel);