https://somoscooperativismo-ba.coop.br/assets/js/somoscoop/conheca-o-coop.js

1$ = jQuery.noConflict();
2
3$(document).ready(function () {
4
5    chamarCSS();
6    bannerVideoIframeMobile();
7    inclurBotoesControleHistoria();
8    incluirNumeroTimeLine();
9    limparClickHistoria();
10    acionarControlsDirectionControleHistoriaCoop(0,1,false);
11    mostrarHistoria();
12
13    function chamarCSS() {
14        var protocolo = window.location.protocol;
15        var host = window.location.host;
16
17        var linkCss = protocolo + '//' + host + '/assets/css/somoscoop/conheca-o-coop.css';
18
19        $('head').append('<link rel="stylesheet" type="text/css" href="' + linkCss + '">');
20    }
21
22    function bannerVideoIframeMobile(){
23        $('#section-id-1675656204265').append('<div class="video-banner-mobile"></div>');
24        $('.video-banner-mobile').html('<iframe width="560" height="315" src="https://www.youtube.com/embed/VtzwAOgZlQQ?start=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>');
25    }
26
27    function inclurBotoesControleHistoria(){
28        $('#section-id-eT75muGtn42MrRYOXaqKE')
29            .children('.sppb-row-container')
30            .children('.sppb-row')
31            .children('#column-wrap-id-P9dum4zN1J_bP98zGBNAO')
32            .before('<div class="historia-controles"></div>');
33
34        $('.historia-controles')
35            .append("<span class='prev'><i class='fa fa-chevron-left' aria-hidden='true'></i></span>");
36
37        $('.historia-controles')
38            .append("<span class='next'><i class='fa fa-chevron-right' aria-hidden='true'></i></span>");
39        
40    }
41
42    function incluirNumeroTimeLine(){
43        $('.box-historia-cooperativismo-mobile').
44        children('.sppb-addon-timeline-wrapper').
45        children('.sppb-row.timeline-movement').each(function(key){
46        $(this).addClass('item-'+key)
47        });
48    }
49    
50    function limparClickHistoria(){
51       
52        $('.box-historia-cooperativismo-mobile').click(function(){
53            $('.box-historia-cooperativismo-mobile').
54            children('.sppb-addon-timeline-wrapper').
55            children('.sppb-row.timeline-movement').removeClass('hidden');
56            acionarControlsDirectionControleHistoriaCoop(0,1,true);
57        });
58        
59    }
60    
61    function acionarControlsDirectionControleHistoriaCoop(prev,next,zerar){
62
63        var quantidadeItens = $('.box-historia-cooperativismo-mobile').
64        children('.sppb-addon-timeline-wrapper').
65        children('.sppb-row.timeline-movement').length;
66    
67        $('.prev').click(function () {
68            next -= 1;
69            prev -= 1;
70    
71            $('.sppb-row.timeline-movement.item-' + (prev)).removeClass('hidden');
72    
73            if (prev <= 0) {
74                prev = 0;
75                next = 1;
76    
77                $('.box-historia-cooperativismo-mobile').
78                children('.sppb-addon-timeline-wrapper').
79                children('.sppb-row.timeline-movement').removeClass('hidden');
80    
81            }
82        });
83    
84        $('.next').click(function () {
85            next += 1;
86            prev += 1;
87    
88            $('.sppb-row.timeline-movement.item-' + (next - 2)).addClass('hidden');
89            
90            if (next >= quantidadeItens +1) {
91                prev = quantidadeItens; //- 1;
92                next = quantidadeItens;
93    
94            }
95        });
96    }
97
98    function mostrarHistoria(){
99        var html = '<div class="indicadores">';
100
101        $.each($('#section-id-1675828822846 .coluna-historia-cooperativismo'),function(k,val){
102            $(val).parent().addClass('coluna').addClass('coluna-'+(k+1));
103
104            var classe = 'fa-circle-o';
105            if(k == 0)
106                classe = 'fa-dot-circle-o'
107
108            html = html+'<div class="indicador item-indicador-'+(k+1)+'">'+
109                '<i class="fa '+classe+'" style="color: #5db475;"></i>'+
110            '</div>';
111        });
112        html = html+'</div>';
113
114        $('#section-id-1675828822846 .coluna-historia-cooperativismo').append(html);
115        
116        $('#section-id-1675828822846 .indicador').click(function(){
117            var indicador = $(this).attr('class').split('item-indicador-')[1];
118            $('.indicador i.fa-dot-circle-o').removeClass('fa-dot-circle-o').addClass('fa-circle-o');
119            $('.item-indicador-'+indicador+' i').removeClass('fa-circle-o').addClass('fa-dot-circle-o');
120
121            $('.coluna').hide();
122            $('.coluna-'+indicador).show();
123        });
124        
125    }
126});