Difference between revisions of "Template:SYSU-Software/statics/js/navigator.js"

Revision as of 18:47, 17 October 2018

let data = {

   'Project': [
       'Description',
       'Design',
       'Feature',
       'Techniques',
       'Validation',
       'Demo',
       "Contribution",
       'Improvement',
       'Demostrate'],
   'Modeling': [
       'Overview',
       'Search & Recommendation System',
       'Simulation for Circuits',
       'Directed Evolution Algorithm',
       'Reference'],
   'HumanPractice': [
       'Overview',
       'Silver',
       'Gold',
       'Integrated Human Practice',
       'Public Engagement'],
   'Collaboration': [
       'XMU-China',
       'SCUT-ChinaA',
       'WHU-China',
       'XJTU-China'],
   'Interlab': [
       'Overview',
       'Experiment Design',
       'Material and Methods',
       'Results'],
   "Safety": [
       "Wet Lab Safety",
       "Dry Lab Safety"
   ],
   'Medal': [
       'Overview',
       'Bronze',
       'Silver',
       'Gold'],
   'Team': [
       'Overview',
       'Team Members',
       'Advisors',
       'Instructors',
       'Notebook'],
   'Attributions': [
       'Overview',
       'Group Structure',
       'Attribution in Project',
       'Acknowledgement'],

}

// main menu navigator let index = 2; for (ele in data) {

   block_list = ['Demo', 'Integrated Human Practice'];
   let html;
   if (ele == 'HumanPractice') {

html = `

Human Practice

`

   }
   else {

html = `

${ele}

`

   }
   for (x in data[ele]) {
       if (block_list.indexOf(data[ele][x]) !== -1) {
           // console.log('hit!!')

html += ``

       } else {

html += `

${data[ele][x]}

`

       }
       index += 1;
   }

html += `

`

   $('#' + ele).append(html);

}

function backToTop(page) {

   $("#" + page).scrollTop(0);

}

function jumpToPage(pageId) {

   if (pageId != undefined) {
       if (pageId == 1) {
           $(".side-bar").hide();
       } else {
           $(".side-bar").show();
       }
       fkpage.goToSlide(pageId);
       initTopBar(pageList[pageId - 1]);
       backToTop(pageList[pageId - 1]);
   }

}

$('.menu .item').on('click', function () {

   jumpToPage($(this).attr('data-value'));

});

$('.nextpage').on('click', function () {

   jumpToPage($(this).attr('data-value'));

});

$('.top').on('click', function () {

   backToTop($(this).attr('data-value'));

});

$('.lastpage').on('click', function () {

   jumpToPage($(this).attr('data-value'));

}); $('#home-video').on('click', function() {

   jumpToPage('2');

});