73 lines
2.9 KiB
JavaScript
73 lines
2.9 KiB
JavaScript
|
jQuery(document).ready(function ($) {
|
||
|
|
$(document).on('click', '.welcome-tabs .tab-nav', function () {
|
||
|
|
$(this).parent().parent().children('.tab-navs').children('.tab-nav').removeClass('active');
|
||
|
|
$(this).addClass('active');
|
||
|
|
id = $(this).attr('data-id');
|
||
|
|
$(this).parent().parent().children('.tab-content').removeClass('active');
|
||
|
|
$(this).parent().parent().children('.tab-content#' + id).addClass('active');
|
||
|
|
if(id==='start') {
|
||
|
|
$('.prev').slideUp('fast');
|
||
|
|
$('.next').slideDown('fast');
|
||
|
|
}
|
||
|
|
if(id==='general') {
|
||
|
|
$('.prev').slideDown('fast');
|
||
|
|
$('.next').slideDown('fast');
|
||
|
|
}
|
||
|
|
if(id==='done') {
|
||
|
|
$('.prev').slideDown('fast');
|
||
|
|
$('.next').slideUp('fast');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
$(document).on('click', '.welcome-tabs .next-prev .next', function () {
|
||
|
|
welcomeTabs = $('.welcome-tabs .tab-nav');
|
||
|
|
welcomeTabsContent = $('.welcome-tabs .tab-content ');
|
||
|
|
totalTab = welcomeTabs.length;
|
||
|
|
for (i = 0; i < welcomeTabs.length; i++) {
|
||
|
|
tab = welcomeTabs[i];
|
||
|
|
content = welcomeTabsContent[i];
|
||
|
|
if (tab.classList.contains('active')) {
|
||
|
|
currentTabIndex = i;
|
||
|
|
tab.classList.remove('active');
|
||
|
|
content.classList.remove('active');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
for (j = 0; j <= currentTabIndex; j++) {
|
||
|
|
tab = welcomeTabs[j];
|
||
|
|
tab.classList.add('done');
|
||
|
|
}
|
||
|
|
if (typeof welcomeTabs[currentTabIndex + 1] != 'undefined') {
|
||
|
|
welcomeTabs[currentTabIndex + 1].classList.add('active');
|
||
|
|
welcomeTabsContent[currentTabIndex + 1].classList.add('active');
|
||
|
|
}
|
||
|
|
if(currentTabIndex===0) {
|
||
|
|
$('.prev').slideDown('fast');
|
||
|
|
}
|
||
|
|
if(currentTabIndex===1) {
|
||
|
|
$('.next').slideUp('fast');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
$(document).on('click', '.welcome-tabs .next-prev .prev', function () {
|
||
|
|
welcomeTabs = $('.welcome-tabs .tab-nav');
|
||
|
|
welcomeTabsContent = $('.welcome-tabs .tab-content ');
|
||
|
|
for (i = 0; i < welcomeTabs.length; i++) {
|
||
|
|
tab = welcomeTabs[i];
|
||
|
|
content = welcomeTabsContent[i];
|
||
|
|
if (tab.classList.contains('active')) {
|
||
|
|
currentTabIndex = i;
|
||
|
|
tab.classList.remove('active');
|
||
|
|
content.classList.remove('active');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
welcomeTabs[currentTabIndex - 1].classList.remove('done');
|
||
|
|
if (typeof welcomeTabs[currentTabIndex - 1] != 'undefined') {
|
||
|
|
welcomeTabs[currentTabIndex - 1].classList.add('active');
|
||
|
|
welcomeTabsContent[currentTabIndex - 1].classList.add('active');
|
||
|
|
}
|
||
|
|
if(currentTabIndex===1) {
|
||
|
|
$('.prev').slideUp('fast');
|
||
|
|
}
|
||
|
|
if(currentTabIndex===2) {
|
||
|
|
$('.next').slideDown('fast');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
});
|