| 1 |
(function ($) { |
| 2 |
"use strict"; |
| 3 |
var n = window.AFTHRAMPES_JS || {}; |
| 4 |
|
| 5 |
//Skill Bar |
| 6 |
n.SkillBar = function () { |
| 7 |
|
| 8 |
if ($(".blockspare_progress-bar-container").length > 0) { |
| 9 |
$(".blockspare_progress-bar-container").waypoint(function () { |
| 10 |
$(this.element).find(".blockspare-skillbar-item").each(function () { |
| 11 |
var data_percent = $(this).attr("data-percent"); |
| 12 |
$(this).find(".blockspare-skillbar-bar").animate({ |
| 13 |
width: data_percent + "%" |
| 14 |
}, 20 * data_percent) |
| 15 |
}) |
| 16 |
}, { |
| 17 |
offset: "50%", |
| 18 |
triggerOnce: !0 |
| 19 |
}); |
| 20 |
|
| 21 |
} |
| 22 |
}, |
| 23 |
|
| 24 |
//CountUP |
| 25 |
n.CountUp = function () { |
| 26 |
if ($('.blockspare-section-counter-bar').length > 0) { |
| 27 |
$('.blockspare-counter').counterUp({ |
| 28 |
delay: 10, |
| 29 |
time: 1600 |
| 30 |
|
| 31 |
}); |
| 32 |
} |
| 33 |
}, |
| 34 |
|
| 35 |
n.Tabs = function(){ |
| 36 |
|
| 37 |
$('.blockspare-tab-title').on('click', function (event) { |
| 38 |
var $blockspareTab = $(this).parent(); |
| 39 |
var blockspareIndex = $blockspareTab.index(); |
| 40 |
if ($blockspareTab.hasClass('blockspare-active')) { |
| 41 |
return; |
| 42 |
} |
| 43 |
|
| 44 |
$blockspareTab.closest('.blockspare-tab-nav').find('.blockspare-active').removeClass('blockspare-active'); |
| 45 |
$blockspareTab.addClass('blockspare-active'); |
| 46 |
$blockspareTab.closest('.blockspare-block-tab').find('.blockspare-tab-content.blockspare-active').removeClass('blockspare-active'); |
| 47 |
$blockspareTab.closest('.blockspare-block-tab').find('.blockspare-tab-content').eq(blockspareIndex).addClass('blockspare-active') |
| 48 |
|
| 49 |
if ($blockspareTab.hasClass('blockspare-active')) { |
| 50 |
var tab_bg = $blockspareTab.find('.blockspare-tab-title ').attr('tab-bg'); |
| 51 |
|
| 52 |
var text = $blockspareTab.find('.blockspare-tab-title ').attr('tab-text'); |
| 53 |
|
| 54 |
$(this).parents('.blockspare-block-tab').find('.blockspare-tab-title').css('background-color', tab_bg); |
| 55 |
$(this).parents('.blockspare-block-tab').find('.blockspare-tab-title').css('color', text); |
| 56 |
|
| 57 |
var tab_abg = $blockspareTab.find('.blockspare-tab-title ').attr('atab-bg'); |
| 58 |
var atext = $blockspareTab.find('.blockspare-tab-title ').attr('atab-text'); |
| 59 |
$blockspareTab.find('.blockspare-tab-title ').css('background-color',tab_abg); |
| 60 |
$blockspareTab.find('.blockspare-tab-title ').css('color',atext); |
| 61 |
|
| 62 |
} |
| 63 |
|
| 64 |
}); |
| 65 |
|
| 66 |
|
| 67 |
}, |
| 68 |
|
| 69 |
n.Accordion = function(){ |
| 70 |
$('.blockspare-block-accordion:not(.blockspare-accordion-ready)').each(function () { |
| 71 |
const $accordion = $(this); |
| 72 |
const itemToggle = $accordion.attr('data-item-toggle'); |
| 73 |
const bgcolor = $accordion.find('.blockspare-accordion-body').attr('data-bg'); |
| 74 |
$('.blockspare-accordion-body').css('background-color',bgcolor); |
| 75 |
$accordion.addClass('blockspare-accordion-ready'); |
| 76 |
$accordion.on('click', '.blockspare-accordion-item .blockspare-accordion-panel', function (e) { |
| 77 |
e.preventDefault(); |
| 78 |
|
| 79 |
const $selectedItem = $(this).parent('.blockspare-accordion-item'); |
| 80 |
const $selectedItemContent = $selectedItem.find('.blockspare-accordion-body'); |
| 81 |
const isActive = $selectedItem.hasClass('blockspare-accordion-active'); |
| 82 |
|
| 83 |
var _pnl = $accordion.find('.blockspare-type-fill').attr('data-pan'); |
| 84 |
var text_pnl = $accordion.find('.blockspare-type-fill').attr('data-txt-color'); |
| 85 |
|
| 86 |
$accordion.find('.blockspare-accordion-panel').css('background-color',_pnl); |
| 87 |
$accordion.find('.blockspare-accordion-panel-handler').css('color',text_pnl); |
| 88 |
|
| 89 |
if (isActive) { |
| 90 |
|
| 91 |
$selectedItemContent.css('display', 'block').slideUp(150); |
| 92 |
$selectedItem.removeClass('blockspare-accordion-active'); |
| 93 |
} else { |
| 94 |
|
| 95 |
var act_pnl_text= $accordion.find('.blockspare-type-fill').attr('data-act-color'); |
| 96 |
var act_pnl = $accordion.find('.blockspare-type-fill').attr('data-active'); |
| 97 |
$selectedItem.find('.blockspare-accordion-panel').css({"background-color":act_pnl}); |
| 98 |
$selectedItem.find('.blockspare-accordion-panel-handler').css({"color":act_pnl_text}); |
| 99 |
$selectedItemContent.css('display', 'none').slideDown(150); |
| 100 |
$selectedItem.addClass('blockspare-accordion-active'); |
| 101 |
|
| 102 |
} |
| 103 |
|
| 104 |
if (itemToggle == 'true') { |
| 105 |
const $collapseItems = $accordion.find('.blockspare-accordion-active').not($selectedItem); |
| 106 |
if ($collapseItems.length) { |
| 107 |
$collapseItems.find('.blockspare-accordion-body').css('display', 'block').slideUp(150); |
| 108 |
$collapseItems.removeClass('blockspare-accordion-active'); |
| 109 |
} |
| 110 |
} |
| 111 |
}); |
| 112 |
}); |
| 113 |
}; |
| 114 |
n.ImageCarousel = function(){ |
| 115 |
var next = $('.blockspare-carousel-items').attr('data-next'); |
| 116 |
var prev = $('.blockspare-carousel-items').attr('data-prev'); |
| 117 |
|
| 118 |
|
| 119 |
$('.blockspare-carousel-items').slick({ |
| 120 |
nextArrow: '<span class="slide-next ' + next + '"></span>', |
| 121 |
prevArrow: '<span class="slide-prev ' + prev+' "></span>', |
| 122 |
}); |
| 123 |
}; |
| 124 |
|
| 125 |
n.Masonry = function(){ |
| 126 |
var container =$('.blockspare-masonry-wrapper ul'); |
| 127 |
container.imagesLoaded( function() { |
| 128 |
container.masonry( { |
| 129 |
itemSelector: '.blockspare-gallery-item', |
| 130 |
transitionDuration: '0.2s', |
| 131 |
percentPosition: true, |
| 132 |
} ); |
| 133 |
} ); |
| 134 |
}; |
| 135 |
n.postCarousel = function(){ |
| 136 |
var next = $('.blockspare-post-carousel').attr('data-next'); |
| 137 |
var prev = $('.blockspare-post-carousel').attr('data-prev'); |
| 138 |
$('.blockspare-post-carousel').slick({ |
| 139 |
nextArrow: '<span class="slide-next ' + next + '"></span>', |
| 140 |
prevArrow: '<span class="slide-prev ' + prev+' "></span>', |
| 141 |
}); |
| 142 |
} |
| 143 |
|
| 144 |
|
| 145 |
$(document).ready(function () { |
| 146 |
$('.logo-wrapper').slick(); |
| 147 |
$('.slider-wrapper').slick(); |
| 148 |
$('.instagram-layout-carousel').slick(); |
| 149 |
n.ImageCarousel(); |
| 150 |
n.SkillBar(); |
| 151 |
n.CountUp(); |
| 152 |
n.Tabs(); |
| 153 |
n.Masonry(); |
| 154 |
n.Accordion(); |
| 155 |
n.postCarousel(); |
| 156 |
}) |
| 157 |
|
| 158 |
})(jQuery); |
| 159 |
|
