https://memorialdoimigrante.org.br/assets/site/js/pages/home.min.js

1var carousel = $('.banners-carrousel');
2carousel.slick({
3  'autoplay': true,
4  'autoplaySpeed': 7000,
5  'pauseOnHover': true,
6  'dots': true,
7  'infinite': true,
8  'fade': true,
9  'cssEase': 'ease-in-out',
10  'speed': 600,
11  'arrows': false,
12  'appendDots': $(".slick-dots-custom")
13});
14animateBanner($('.slick-active').find('.animation'), $(carousel).slick('slickCurrentSlide') + 1);
15$(carousel).on('beforeChange', function (event, slick, currentSlide, nextSlide) {
16  $('.banners-carrousel [data-slick-index="' + currentSlide + '"]').fadeTo('fast', 0);
17  $('.slick-active').find('.animation').css('opacity', 0);
18});
19$(carousel).on('afterChange', function () {
20  animateBanner($('.slick-active').find('.animation'), $(carousel).slick('slickCurrentSlide') + 1);
21});
22
23function animateBanner(target, index) {
24  target.css('opacity', 1);
25  var fade = $(target).find('.fade-in');
26  var text1 = $(target).find('.move-text-1');
27  var text2 = $(target).find('.move-text-2');
28  var button = $(target).find('.button-animate');
29  fade.css('opacity', 0);
30  text1.css("opacity", 0);
31  text2.css("opacity", 0);
32  button.css("opacity", 0);
33  fade.fadeTo('slow', 1);
34  setTimeout(function () {
35    text1.fadeTo('slow', 1);
36    text1.html(text1.text().replace(/([^\x00-\x80]|\w)/g, "<span class='letter'>$&</span>"));
37    anime.timeline({
38      loop: false
39    }).add({
40      targets: '.move-text .line',
41      translateX: [0, 10],
42      easing: "easeOutExpo",
43      duration: 700,
44      delay: 100
45    }).add({
46      targets: '[data-banner="' + index + '"] .move-text-1 .letter',
47      opacity: [0, 1],
48      easing: "easeOutExpo",
49      duration: 600,
50      offset: '-=775',
51      delay: function delay(el, i) {
52        return 60 * (i + 1);
53      }
54    });
55    setTimeout(function () {
56      text2.fadeTo('slow', 1);
57      text2.html(text2.text().replace(/([^\x00-\x80]|\w)/g, "<span class='letter'>$&</span>"));
58      anime.timeline({
59        loop: false
60      }).add({
61        targets: '.move-text .line',
62        translateX: [0, 10],
63        easing: "easeOutExpo",
64        duration: 700,
65        delay: 100
66      }).add({
67        targets: '[data-banner="' + index + '"] .move-text-2 .letter',
68        opacity: [0, 1],
69        easing: "easeOutExpo",
70        duration: 600,
71        offset: '-=775',
72        delay: function delay(el, i) {
73          return 15 * (i + 1);
74        }
75      });
76      setTimeout(function () {
77        button.fadeTo('slow', 1);
78      }, 210);
79    }, 130);
80  }, 130);
81}
82
83$('#form-newsletters').on('submit', function (e) {
84  e.preventDefault();
85  var email = $(this).find('input[name=email]');
86
87  if (email.parsley().isValid()) {
88    var currentLanguage = $(this).data('currentLanguage');
89    var msgInput = $('#form-newsletters').find('.msg');
90    msgInput.css('color', '');
91    msgInput.text('Aguarde...');
92    msgInput.show();
93    ajaxLoadMore(email.val(), currentLanguage);
94  }
95});
96
97var ajaxLoadMore = function ajaxLoadMore(email, currentLanguage) {
98  var settings = {
99    url: "/api/".concat(currentLanguage, "/newsletters/gravar"),
100    data: {
101      email: email
102    },
103    method: "POST"
104  };
105  $.ajax(settings).done(function (response) {
106    if (response.message) {
107      var msgInput = $('#form-newsletters').find('.msg');
108      msgInput.css('color', 'green');
109      msgInput.text(response.message);
110      msgInput.show();
111    }
112  }).fail(function (error) {
113    var response = JSON.parse(error.responseText);
114
115    if (response.errors) {
116      var msgInput = $('#form-newsletters').find('.msg');
117      msgInput.css('color', 'red');
118      msgInput.text(response.errors.email[0]);
119      msgInput.show(); //console.log(response.errors.email[0])
120    }
121  });
122};