https://crcpd.org/wp-content/themes/alone/js/main.js?ver=20200828

1(function ($) {
2    'use strict';
3
4	$( document ).ready(function() {
5
6		/**
7		 * Extras navigation
8		 */
9     $('#site-extras-navigation .extra-item.toggle-item .toggle-icon').on('click', function(event) {
10 			event.preventDefault();
11
12      if( $(this).parent().hasClass('active') ) {
13        $(this).parent().removeClass('active');
14      } else {
15        $('#site-extras-navigation .extra-item').removeClass('active');
16        $(this).parent().addClass('active');
17      }
18
19 		});
20
21    /**
22		 * Header sticky
23		 */
24    if($( '.site-header .header-wrap' ).hasClass( 'header-sticky' )) {
25      var header = $('.site-header'),
26        	headerInfo = {top: header.offset().top, height: header.innerHeight()},
27        	scrollTop = $(window).scrollTop();
28
29      $(window).scroll(function() {
30      	var currentScroll = $(window).scrollTop();
31
32      	if(currentScroll > scrollTop) {
33      		//console.log('scrollDown');
34      		if (currentScroll > (headerInfo.top + headerInfo.height)){
35      			$( '.site-header .sticky-branding' ).addClass('active');
36            $( 'body' ).addClass('has-sticky-branding');
37      		}
38      	} else {
39      		//console.log('scrollUp');
40      		$( '.site-header .sticky-branding' ).removeClass('active');
41          $( 'body' ).removeClass('has-sticky-branding');
42      	}
43      	scrollTop = currentScroll;
44      });
45 		}
46
47    /**
48		 * Scroll effect button back top
49		 */
50    if( $('#site-backtop').length ) {
51      $('#site-backtop').on('click', function (event) {
52          event.preventDefault();
53
54          $('html, body').stop().animate({
55                  scrollTop: 0
56              },
57              800
58          );
59      });
60    }
61
62    $('.progress-bar-container').each( function() {
63      var bar = new ProgressBar.Line($(this)[0], {
64        strokeWidth: 1,
65        easing: 'easeInOut',
66        duration: 800,

67        color: '#FFEE00',
68        trailColor: '#E8E8E8',
69        trailWidth: 1,
70        svgStyle: {width: '100%', height: '12px'},
71        text: {
72        style: {
73          color: '#4D6995',
74          position: 'absolute',
75          right: '0',
76          top: '28px',
77          padding: 0,
78          margin: 0,
79          transform: null
80        },
81        autoStyleContainer: true
82        },
83        from: {color: '#FFEE00'},
84        to: {color: '#FFEE00'},
85        step: (state, bar) => {
86          bar.setText(Math.round(bar.value() * 100) + ' %');
87        }
88      });
89
90      var $barWidth = $(this).data('percent') / 100,
91
92      waypoint = new Waypoint({
93        element: $(this),
94        handler: function() {
95          bar.animate($barWidth);  // Number from 0.0 to 1.0
96        },
97        offset: '100%',
98        triggerOnce: true
99      });
100
101    });
102
103    /**
104		 * Update year of copyright
105		 */
106     $('.copyright-year').each( function() {
107       var CurrentYear = new Date().getFullYear();
108       $(this).text(CurrentYear);
109     });
110  });
111
112})
113(jQuery);