1;(function($) { 2 'use strict' 3 4 // meanmenu 5 $('#mobile-menu').meanmenu({ 6 meanMenuContainer: '.mobile-menu', 7 meanScreenWidth: '992' 8 }) 9 10 $('.info-bar').on('click', function() { 11 $('.extra-info').addClass('info-open') 12 }) 13 14 $('.close-icon').on('click', function() { 15 $('.extra-info').removeClass('info-open') 16 }) 17 18 // sticky 19 var wind = $(window) 20 var sticky = $('#sticky-header') 21 wind.on('scroll', function() { 22 var scroll = wind.scrollTop() 23 if (scroll < 100) { 24 sticky.removeClass('sticky') 25 } else { 26 sticky.addClass('sticky') 27 } 28 }) 29 30 // data - background 31 $('[data-background]').each(function() { 32 $(this).css('background-image', 'url(' + $(this).attr('data-background') + ')') 33 }) 34 35 // mainSlider 36 function mainSlider() { 37 var BasicSlider = $('.slider-active') 38 BasicSlider.on('init', function(e, slick) { 39 var $firstAnimatingElements = $('.single-slider:first-child').find('[data-animation]') 40 doAnimations($firstAnimatingElements) 41 }) 42 BasicSlider.on('beforeChange', function(e, slick, currentSlide, nextSlide) { 43 var $animatingElements = $('.single-slider[data-slick-index="' + nextSlide + '"]').find('[data-animation]') 44 doAnimations($animatingElements) 45 }) 46 BasicSlider.slick({ 47 autoplay: false, 48 autoplaySpeed: 10000, 49 dots: false, 50 fade: true, 51 prevArrow: '<button type="button" class="slick-prev"> <i class="far fa-chevron-left"/> </button>', 52 nextArrow: '<button type="button" class="slick-next"> <i class="far fa-chevron-right"/> </button>', 53 arrows: true, 54 responsive: [{ breakpoint: 767, settings: { dots: false, arrows: false } }] 55 }) 56 57 function doAnimations(elements) { 58 var animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend' 59 elements.each(function() { 60 var $this = $(this) 61 var $animationDelay = $this.data('delay') 62 var $animationType = 'animated ' + $this.data('animation') 63 $this.css({ 64 'animation-delay': $animationDelay, 65 '-webkit-animation-delay': $animationDelay 66 }) 67 $this.addClass($animationType).one(animationEndEvents, function() { 68 $this.removeClass($animationType) 69 }) 70 }) 71 } 72 } 73 mainSlider() 74 75 /* project-acive */ 76 $('.project-active').owlCarousel({ 77 stagePadding: 380, 78 loop: true, 79 center: true, 80 nav: true, 81 dots: true, 82 autoplay: false, 83 items: 1, 84 navText: ['<i class="far fa-long-arrow-left"/>', '<i class="far fa-long-arrow-right"/>'], 85 responsive: { 86 0: { 87 stagePadding: 0, 88 items: 1, 89 nav: false 90 }, 91 768: { 92 items: 2, 93 stagePadding: 0 94 }, 95 992: { 96 items: 2, 97 stagePadding: 0 98 }, 99 1200: { 100 stagePadding: 380 101 }, 102 1500: { 103 stagePadding: 430 104 } 105 } 106 }) 107 108 /* testimonial-active */ 109 $('.testimonial-active').owlCarousel({ 110 loop: true, 111 nav: true, 112 dots: false, 113 margin: 0, 114 autoplay: false, 115 navText: ['<i class="far fa-long-arrow-left"/>', '<i class="far fa-long-arrow-right"/>'], 116 responsive: { 117 0: { 118 items: 1, 119 nav: false 120 }, 121 576: { 122 items: 1, 123 nav: false 124 }, 125 768: { 126 items: 1, 127 nav: false 128 }, 129 992: { 130 items: 1 131 }, 132 1200: { 133 items: 1 134 } 135 } 136 }) 137 /* client-active */ 138 $('.client-active').owlCarousel({ 139 loop: true, 140 nav: true, 141 dots: false, 142 margin: 0, 143 autoplay: false, 144 navText: ['<i class="far fa-angle-left"/>', '<i class="far fa-angle-right"/>'], 145 responsive: { 146 0: { 147 items: 1, 148 nav: false 149 }, 150 576: { 151 items: 1, 152 nav: false 153 }, 154 768: { 155 items: 2, 156 nav: false 157 }, 158 992: { 159 items: 3 160 }, 161 1200: { 162 items: 3 163 } 164 } 165 }) 166 167 /* brand-active */ 168 $('.brand-active').owlCarousel({ 169 loop: true, 170 nav: false, 171 dots: false, 172 autoplay: true, 173 navText: ['<i class="fas fa-angle-left"/>', '<i class="fas fa-angle-right"/>'], 174 responsive: { 175 0: { 176 items: 1 177 }, 178 576: { 179 items: 1 180 }, 181 768: { 182 items: 3 183 }, 184 992: { 185 items: 4 186 }, 187 1200: { 188 items: 6 189 } 190 } 191 }) 192 193 /* testimonial-2-active */ 194 $('.testimonial-2-active').owlCarousel({ 195 loop: true, 196 nav: true, 197 dots: true, 198 margin: 0, 199 autoplay: false, 200 navText: ['<i class="far fa-angle-left"/>', '<i class="far fa-angle-right"/>'], 201 responsive: { 202 0: { 203 items: 1, 204 nav: false 205 }, 206 576: { 207 items: 1, 208 nav: false 209 }, 210 768: { 211 items: 1, 212 nav: false 213 }, 214 992: { 215 items: 1 216 }, 217 1200: { 218 items: 1 219 } 220 } 221 }) 222 223 // blog - active 224 $('.postbox__gallery').slick({ 225 dots: false, 226 arrows: true, 227 infinite: true, 228 speed: 300, 229 prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-arrow-left"/></button>', 230 nextArrow: '<button type="button" class="slick-next"><i class="fas fa-arrow-right"/></button>', 231 slidesToShow: 1, 232 slidesToScroll: 1, 233 responsive: [ 234 { 235 breakpoint: 1024, 236 settings: { 237 slidesToShow: 1, 238 slidesToScroll: 1, 239 infinite: true 240 } 241 }, 242 { 243 breakpoint: 991, 244 settings: { 245 slidesToShow: 1, 246 slidesToScroll: 1 247 } 248 }, 249 { 250 breakpoint: 480, 251 settings: { 252 slidesToShow: 1, 253 slidesToScroll: 1 254 } 255 } 256 ] 257 }) 258 259 /* case-active */
260 $('.case-active').owlCarousel({ 261 loop: true, 262 nav: false, 263 dots: true, 264 margin: 0, 265 autoplay: false, 266 navText: ['<i class="far fa-long-arrow-left"/>', '<i class="far fa-long-arrow-right"/>'], 267 responsive: { 268 0: { 269 items: 1, 270 nav: false 271 }, 272 576: { 273 items: 1, 274 nav: false 275 }, 276 768: { 277 items: 2, 278 nav: false 279 }, 280 992: { 281 items: 3 282 }, 283 1200: { 284 items: 4 285 } 286 } 287 }) 288 289 /* counter */ 290 $('.counter').counterUp({ 291 delay: 10, 292 time: 1000 293 }) 294 295 /* magnificPopup video view */ 296 $('.popup-video').magnificPopup({ 297 type: 'iframe' 298 }) 299 300 /* magnificPopup img view */ 301 $('.popup-image').magnificPopup({ 302 type: 'image', 303 gallery: { 304 enabled: true 305 } 306 }) 307 308 // $('#exampleModal').modal(options) 309 310 $('#portfolio-grid').imagesLoaded(function() { 311 // init Isotope 312 var $grid = $('#portfolio-grid').isotope({ 313 itemSelector: '.grid-item', 314 percentPosition: true, 315 masonry: { 316 // use outer width of grid-sizer for columnWidth 317 columnWidth: '.grid-sizer' 318 } 319 }) 320 // filter items on button click 321 $('.portfolio-menu').on('click', 'button', function() { 322 var filterValue = $(this).attr('data-filter') 323 $grid.isotope({ filter: filterValue }) 324 }) 325 }) 326 327 //for menu active class 328 $('.portfolio-menu button').on('click', function(event) { 329 $(this) 330 .siblings('.active') 331 .removeClass('active') 332 $(this).addClass('active') 333 event.preventDefault() 334 }) 335 336 // countdown 337 $('[data-countdown]').each(function() { 338 var $this = $(this), 339 finalDate = $(this).data('countdown') 340 $this.countdown(finalDate, function(event) { 341 $this.html( 342 event.strftime( 343 '<div class="time-count">%D <span>days</span></div><div class="time-count">%H <span>hour</span></div><div class="time-count">%M <span>minute</span></div><div class="time-count">%S <span>Second</span></div>' 344 ) 345 ) 346 }) 347 }) 348 349 /* Circular Progress */ 350 $('.circular-progress').waypoint( 351 function() { 352 $('.circular-progress').easyPieChart({ 353 lineWidth: 3, 354 trackColor: false, 355 scaleLength: 0, 356 barColor: '#fff' 357 }) 358 }, 359 { 360 triggerOnce: true, 361 offset: 'bottom-in-view' 362 } 363 ) 364 365 // scrollToTop 366 $.scrollUp({ 367 scrollName: 'scrollUp', // Element ID 368 topDistance: '300', // Distance from top before showing element (px) 369 topSpeed: 300, // Speed back to top (ms) 370 animation: 'fade', // Fade, slide, none 371 animationInSpeed: 200, // Animation in speed (ms) 372 animationOutSpeed: 200, // Animation out speed (ms) 373 scrollText: '<i class="fas fa-angle-up"/>', // Text for element 374 activeOverlay: false // Set CSS color to display scrollUp active point, e.g '#00FFFF' 375 }) 376 377 // WOW active 378 new WOW().init() 379 380 /*------------------------- 381 showlogin toggle function 382 --------------------------*/ 383 $('#showlogin').on('click', function() { 384 $('#checkout-login').slideToggle(900) 385 }) 386 387 /*------------------------- 388 showcoupon toggle function 389 --------------------------*/ 390 $('#showcoupon').on('click', function() { 391 $('#checkout_coupon').slideToggle(900) 392 }) 393 394 /*------------------------- 395 Create an account toggle function 396 --------------------------*/ 397 $('#cbox').on('click', function() { 398 $('#cbox_info').slideToggle(900) 399 }) 400 401 /*------------------------- 402 Create an account toggle function 403 --------------------------*/ 404 $('#ship-box').on('click', function() { 405 $('#ship-box-info').slideToggle(1000) 406 }) 407})(jQuery)
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.