| 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 |
//$accordion.find('.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 |
$('.latest-post-carousel').each(function () { |
| 137 |
var next = $(this).attr('data-next'); |
| 138 |
var prev = $(this).attr('data-prev'); |
| 139 |
$(this).not('.slick - initialized').slick({ |
| 140 |
nextArrow: '<span class="slide-next ' + next + '"></span>', |
| 141 |
prevArrow: '<span class="slide-prev ' + prev + ' "></span>', |
| 142 |
}) |
| 143 |
}) |
| 144 |
} |
| 145 |
|
| 146 |
n.trendingPostCarousel = function () { |
| 147 |
|
| 148 |
$('.latest-post-trending-carousel').each(function () { |
| 149 |
var next = $(this).attr('data-next'); |
| 150 |
var prev = $(this).attr('data-prev'); |
| 151 |
$(this).not('.slick - initialized').slick({ |
| 152 |
nextArrow: '<span class="slide-next ' + next + '"></span>', |
| 153 |
prevArrow: '<span class="slide-prev ' + prev + ' "></span>', |
| 154 |
}) |
| 155 |
}) |
| 156 |
} |
| 157 |
|
| 158 |
|
| 159 |
|
| 160 |
n.banneroneSlider = function () { |
| 161 |
|
| 162 |
$('.blockspare-banner-slider').each(function () { |
| 163 |
var next = $(this).attr('data-next'); |
| 164 |
var prev = $(this).attr('data-prev'); |
| 165 |
$(this).not('.slick - initialized').slick({ |
| 166 |
nextArrow: '<span class="slide-next ' + next + '"></span>', |
| 167 |
prevArrow: '<span class="slide-prev ' + prev + ' "></span>', |
| 168 |
}) |
| 169 |
}) |
| 170 |
} |
| 171 |
n.bannerobeTrending = function () { |
| 172 |
$('.banner-trending-carousel').each(function () { |
| 173 |
var next = $(this).attr('data-next'); |
| 174 |
var prev = $(this).attr('data-prev'); |
| 175 |
$(this).not('.slick - initialized').slick({ |
| 176 |
nextArrow: '<span class="slide-next ' + next + '"></span>', |
| 177 |
prevArrow: '<span class="slide-prev ' + prev + ' "></span>', |
| 178 |
responsive: [ |
| 179 |
|
| 180 |
{ |
| 181 |
breakpoint: 769, |
| 182 |
settings: { |
| 183 |
slidesToShow: 3, |
| 184 |
slidesToScroll: 1 |
| 185 |
} |
| 186 |
}, |
| 187 |
{ |
| 188 |
breakpoint: 480, |
| 189 |
settings: { |
| 190 |
slidesToShow: 2, |
| 191 |
slidesToScroll: 1 |
| 192 |
} |
| 193 |
} |
| 194 |
] |
| 195 |
}) |
| 196 |
}) |
| 197 |
|
| 198 |
} |
| 199 |
|
| 200 |
|
| 201 |
$(document).ready(function () { |
| 202 |
$('.logo-wrapper').slick(); |
| 203 |
$('.slider-wrapper').slick(); |
| 204 |
$('.instagram-layout-carousel').slick(); |
| 205 |
n.ImageCarousel(); |
| 206 |
n.SkillBar(); |
| 207 |
n.CountUp(); |
| 208 |
n.Tabs(); |
| 209 |
n.Masonry(); |
| 210 |
n.Accordion(); |
| 211 |
n.postCarousel(); |
| 212 |
n.trendingPostCarousel(); |
| 213 |
n.banneroneSlider(); |
| 214 |
n.bannerobeTrending(); |
| 215 |
}) |
| 216 |
|
| 217 |
})(jQuery); |
| 218 |
|
