ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / concurs.tbf.ro / resources / views /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : points.blade.php \| Size : 41.42 KB
<!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <title>Concurs TBF</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="csrf-token" content="{{ csrf_token() }}"> <meta property="og:title" content="Căștigă colecția de 100 de cărți fundamentale pentru business"> <meta property="og:description" content="S-a făcut un top 100 al celor mai bune cărți de business și le oferim gratuit unui fericit antreprenor."> <meta property="og:image" content="{{ asset('images/tbf-share.png') }}"> <meta property="og:url" content="https://concurs.tbf.ro/"> <meta name="twitter:card" content="{{ asset('images/tbf-share.png') }}"> <meta property="og:site_name" content="Concurs TBF"> <meta name="twitter:image:alt" content="Concurs TBF"> <link rel="stylesheet" href="{{ asset('css/animate.css') }}"> <link rel="stylesheet" href="{{ asset('css/fonts.css') }}"> <link rel="stylesheet" href="{{ asset('css/countdown.css') }}?v=7"> <link rel="stylesheet" href="{{ asset('css/main.css') }}?v=3232333"> <link rel="icon" href="{{ asset('images/cropped-fav-tbf-32x32.png') }}" sizes="32x32"> <link rel="icon" href="{{ asset('images/cropped-fav-tbf-192x192.png') }}" sizes="192x192"> <link rel="apple-touch-icon" href="{{ asset('images/cropped-fav-tbf-180x180.png') }}"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-168138995-1"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-168138995-1'); </script> <script src="https://player.vimeo.com/api/player.js"></script> </head> <body> <div class="top-page"> <div class="container-loader" id="containerLoaderTbf"> <div class="loader-tbf"></div> </div> <div class="containernew"> <div class="holder holder1"></div> <div class="holder holder2"></div> <div class="holder holder3"></div> <div class="holder holder4"></div> <div class="holder holder5"></div> <div class="holder holder6"></div> <div class="holder holder7"></div> <div class="holder holder8"></div> <div class="holder holder9"></div> <div class="holder holder10"></div> <div class="holder holder11"></div> <div class="holder holder12"></div> <div class="holder holder13"></div> <div class="holder holder14"></div> <div class="holder holder15"></div> <div class="holder holder16"></div> <div class="holder holder17"></div> <div class="holder holder18"></div> <div class="holder holder19"></div> <div class="holder holder20"></div> <div class="holder holder21"></div> <div class="holder holder22"></div> <div class="holder holder23"></div> <div class="holder holder24"></div> <div class="holder holder25"></div> <div class="holder holder26"></div> <div class="holder holder27"></div> <div class="holder holder28"></div> <div class="holder holder29"></div> <div class="holder holder30"></div> <div class="holder holder31"></div> <div class="holder holder32"></div> <div class="holder holder33"></div> <div class="holder holder34"></div> <div class="holder holder35"></div> <div class="holder holder36"></div> <div class="holder holder37"></div> <div class="holder holder38"></div> <div class="holder holder39"></div> <div class="holder holder40"></div> <div class="holder holder41"></div> <div class="holder holder42"></div> <div class="holder holder43"></div> <div class="holder holder44"></div> <div class="holder holder45"></div> <div class="holder holder46"></div> <div class="holder holder47"></div> <div class="holder holder48"></div> <div class="holder holder49"></div> <div class="holder holder50"></div> <div class="holder holder51"></div> <div class="holder holder52"></div> <div class="holder holder53"></div> <div class="holder holder54"></div> <div class="holder holder55"></div> <div class="holder holder56"></div> <div class="holder holder57"></div> <div class="holder holder58"></div> <div class="holder holder59"></div> <div class="holder holder60"></div> <div class="holder holder61"></div> <div class="holder holder62"></div> <div class="holder holder63"></div> <div class="holder holder64"></div> <div class="holder holder65"></div> <div class="holder holder66"></div> <div class="holder holder67"></div> <div class="holder holder68"></div> <div class="holder holder69"></div> <div class="holder holder70"></div> <div class="holder holder71"></div> <div class="holder holder72"></div> <div class="holder holder73"></div> <div class="holder holder74"></div> <div class="holder holder75"></div> <div class="holder holder76"></div> <div class="holder holder77"></div> <div class="holder holder78"></div> <div class="holder holder79"></div> <div class="holder holder80"></div> <div class="holder holder81"></div> <div class="holder holder82"></div> <div class="holder holder83"></div> <div class="holder holder84"></div> <div class="holder holder85"></div> <div class="holder holder86"></div> <div class="holder holder87"></div> <div class="holder holder88"></div> <div class="holder holder89"></div> <div class="holder holder90"></div> <div class="holder holder91"></div> <div class="holder holder92"></div> <div class="holder holder93"></div> <div class="holder holder94"></div> <div class="holder holder95"></div> <div class="holder holder96"></div> <div class="holder holder97"></div> <div class="holder holder98"></div> </div> <div class="main-box background-black"></div> <div class="main-box background-white"> <div class="popup-container only-video"> <!-- STEP 1 --> <div id="step1" style="width:100%;"> <input type="hidden" id="input_token" value=""> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/431390975?color=ffffff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div> <!-- <div class="buttons"> <form> <div class="group-input"> <select placeholder="Alege raspunsul corect" class="answer_select"> <option value="">Alege raspunsul corect</option> <option value="1">Florin Salam</option> <option value="2">TBF.ro</option> <option value="3">Vasilica Viorica Dăncilă</option> </select> <span class="message-error">Raspunsul nu este corect</span> </div> </form> <button class="btn" id="finish_step_1">Inscrie-ma Gratuit</button> <div id="timer"></div> </div> --> </div> <!-- END STEP 1 --> </div> </div> </div> </body> <script src="{{ asset('js/jquery-3.1.1.js') }}"></script> <script src="{{ asset('js/jquery-ui.js') }}"></script> <script src="{{ asset('js/selectize.js') }}"></script> <script src="{{ asset('js/countdown.js') }}"></script> <!-- COUNTDOWN --> <script type="text/javascript"> let timeCountdown = new Date('Wed Jun 03 2020 23:59:00 GMT+0300 (Eastern European Summer Time)'); let facebookPoints = false let linkedinPoints = false $('#timer').timeTo({ timeTo: timeCountdown, displayDays: 2, theme: "black", displayCaptions: false, // fontSize: 16, width: 21, height: 28 }); // set responsive values to calculate height and width of the boxes var images = new Array(); var counter = 0; function preload() { for (i = 0; i < preload.arguments.length; i++) { images[i] = new Image(); images[i].src = preload.arguments[i]; images[i].className = i+1; $('.holder'+ (i+1)).html(images[i]); images[i].onload = function() { counter++; if(counter == 99){ document.getElementById('containerLoaderTbf').remove() setTimeout(function(){ start_applications(); }, 0) } }; } } var sizes = { 1280:{"columns":14, "rows":7, "holder-margin-top":40, "holder-margin-bottom":40, "holder-margin-left":55, "holder-margin-right":55, "div-margin-right-left": 10, "div-margin-top-bottom": 10, }, 720:{"columns":10, "rows":7, "holder-margin-top":40, "holder-margin-bottom":40, "holder-margin-left":55, "holder-margin-right":55, "div-margin-right-left": 10, "div-margin-top-bottom": 10, }, 400:{"columns": 7, "rows": 8, "holder-margin-top":0, "holder-margin-bottom":0, "holder-margin-left":0, "holder-margin-right":0, "div-margin-right-left": 4, "div-margin-top-bottom": 5, } }; var div_width = 0; var div_height = 0; var container_class = ".containernew"; var div_holder_class = ".holder"; function calcDivHolderSizes() { var window_width = $( window ).width(); var window_height = $( window ).height(); // Large screen var screen = sizes[1280]; if(window_width >= 1280){ var screen = sizes[1280]; }else if(window_width < 1280 && window_width >= 720) { var screen = sizes[720]; }else if(window_width <= 719){ var screen = sizes[400]; } // Container sizes $(container_class).css('height',(window_height-screen["holder-margin-top"]-screen["holder-margin-bottom"])+"px"); $(container_class).css('margin-top',screen["holder-margin-top"]+"px "); $(container_class).css('margin-right',screen["holder-margin-right"]+"px "); $(container_class).css('margin-bottom',screen["holder-margin-bottom"]+"px "); $(container_class).css('margin-left',screen["holder-margin-left"]+"px "); // Div size div_width = ((window_width-screen['holder-margin-left']-screen['holder-margin-right'])/screen["columns"]) - (2screen['div-margin-right-left']); div_height = ((window_height-screen['holder-margin-top']-screen['holder-margin-bottom'])/screen["rows"]) - (2screen['div-margin-top-bottom']); $(div_holder_class).css('height',div_height+"px"); $(div_holder_class).css('width',div_width+"px"); $(div_holder_class).css('margin-right',screen['div-margin-right-left']); $(div_holder_class).css('margin-left',screen['div-margin-right-left']); $(div_holder_class).css('margin-bottom',screen['div-margin-top-bottom']); $(div_holder_class).css('margin-top',screen['div-margin-top-bottom']); } // Function that trigger animated class function testAnim(elem, new_class, old_class) { $(elem).removeClass("animated "+old_class).addClass(new_class + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ $(elem).removeClass("animated " + new_class); }); }; // Display random the images function displayRandomImages(num_of_elements) { var list = []; for (var i = 1; i <= num_of_elements; i++) { list.push(i); } for (var i = list.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var temp = list[i]; list[i] = list[j]; list[j] = temp; } // 1000 ms = 1 second step = parseInt(1500 / num_of_elements); time = step; var img_appeared = 0; $.each(list, function( index, value ) { setTimeout( function(){ $("."+value).show(); $("."+value).addClass("animate heartBeat"); // $("."+value).addClass("animate bounceIn"); }, time); time = time+step; img_appeared = img_appeared +1; }); } // Display random the images function reloadRandomImages(num_of_elements, percentage_from_elements, second_time) { var list = []; for (var i = 1; i <= num_of_elements; i++) { list.push(i); } for (var i = list.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var temp = list[i]; list[i] = list[j]; list[j] = temp; } // 1000 ms = 1 second take_elements = (100 * percentage_from_elements) / num_of_elements; step = parseInt(9000 / take_elements); time = step; var img_appeared = 0; $.each(list.slice(1, take_elements), function( index, value ) { setTimeout( function(){ if(second_time){ testAnim("."+value, "heartBeat", "heartBeat-re"); }else{ testAnim("."+value, "heartBeat-re", "heartBeat"); } }, time); time = time+step; img_appeared = img_appeared +1; }); } function copyOnClipboard(){ var copyText = document.getElementById("url_link"); copyText.select(); copyText.setSelectionRange(0, 99999) document.execCommand("copy"); } function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } function start_applications(){ // Calculate images holders sizes calcDivHolderSizes(); // Display randomly all 98 images displayRandomImages(98); // display first step setTimeout( function(){ $(".popup-container").addClass('active'); testAnim(".background-white", "fadeIn"); $(".background-white").addClass('active'); testAnim(".background-white", "tada", "fadeIn"); $(".background-black").show(); testAnim(".background-black", "tadatada", "fadeIn"); }, 1200); } // resize images on window resize $(window).resize(function(){ calcDivHolderSizes(); }); $(document).ready(function(){ $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $(".input-name").keypress(function() { if($(".input-name").hasClass("error")){ $(this).removeClass("error"); $(this).parent('.group-input').removeClass('error'); } }); $(".input-email").keypress(function() { if($(".input-email").hasClass("error")){ $(this).removeClass("error"); $(this).parent('.group-input').removeClass('error'); } }); $(".input-code").keypress(function() { if($(".input-code").hasClass("error")){ $(this).removeClass("error"); $(this).parent('.group-input').removeClass('error'); } }); preload( "/img/img1.png", "/img/img2.png", "/img/img3.png", "/img/img4.png", "/img/img5.png", "/img/img6.png", "/img/img7.png", "/img/img8.png", "/img/img9.png", "/img/img10.png", "/img/img11.png", "/img/img12.png", "/img/img13.png", "/img/img14.png", "/img/img15.png", "/img/img16.png", "/img/img17.png", "/img/img18.png", "/img/img19.png", "/img/img20.png", "/img/img21.png", "/img/img22.png", "/img/img23.png", "/img/img24.png", "/img/img25.png", "/img/img26.png", "/img/img27.png", "/img/img28.png", "/img/img29.png", "/img/img30.png", "/img/img31.png", "/img/img32.png", "/img/img33.png", "/img/img34.png", "/img/img35.png", "/img/img36.png", "/img/img37.png", "/img/img38.png", "/img/img39.png", "/img/img40.png", "/img/img41.png", "/img/img42.png", "/img/img43.png", "/img/img44.png", "/img/img45.png", "/img/img46.png", "/img/img47.png", "/img/img48.png", "/img/img49.png", "/img/img50.png", "/img/img51.png", "/img/img52.png", "/img/img53.png", "/img/img54.png", "/img/img55.png", "/img/img56.png", "/img/img57.png", "/img/img58.png", "/img/img59.png", "/img/img60.png", "/img/img61.png", "/img/img62.png", "/img/img63.png", "/img/img64.png", "/img/img65.png", "/img/img66.png", "/img/img67.png", "/img/img68.png", "/img/img69.png", "/img/img70.png", "/img/img71.png", "/img/img72.png", "/img/img73.png", "/img/img74.png", "/img/img75.png", "/img/img76.png", "/img/img77.png", "/img/img78.png", "/img/img79.png", "/img/img80.png", "/img/img81.png", "/img/img82.png", "/img/img83.png", "/img/img84.png", "/img/img85.png", "/img/img86.png", "/img/img87.png", "/img/img88.png", "/img/img89.png", "/img/img90.png", "/img/img91.png", "/img/img92.png", "/img/img93.png", "/img/img94.png", "/img/img95.png", "/img/img96.png", "/img/img97.png", "/img/img98.png", "/img/img99.png" ) // Validate step 1 $("#finish_step_1").click(function(e){ e.preventDefault(); window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); if($(".answer_select").val() != "" && $(".answer_select").val() == 2){ // GO TO STEP 2 $("#step1").addClass('hide'); $('#timer2').timeTo({ timeTo: timeCountdown, displayDays: 2, theme: "black", displayCaptions: false, // fontSize: 16, width: 21, height: 28 }); testAnim(".background-white", "tada-right", "tada"); testAnim(".background-black", "tada-left", "tadatada"); setTimeout( function(){ $("#step2").removeClass('hide'); testAnim("#step2", "fadeIn-tbf", ""); }, 1000); }else{ // HiGHLIGHT error testAnim(".background-white", "tada", "fadeIn"); testAnim(".background-black", "tadatada", "fadeIn"); $(".answer_select").addClass("error"); $(".answer_select").parent('.group-input').addClass('error'); } }); $("#finish_step_2").click(function(e){ e.preventDefault(); window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); $(e.target).attr('disabled', 'disabled') //Regex to validate eMail var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)\|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; if($(".input-name").val() != "" && ($(".input-email").val() != "" && re.test($(".input-email").val()) )){ var check_email = $(".input-email").val(); $.ajax({ data: {email: check_email}, type: "POST", url: "/check-email" }).done( function(data){ $(e.target).attr('disabled', false) if(data.error){ testAnim(".background-white", "tada", "fadeIn"); testAnim(".background-black", "tadatada", "fadeIn"); $('#error_email').html('Adresa de email este deja inregistrata'); $(".input-email").addClass("error"); $(".input-email").parent('.group-input').addClass('error'); }else{ // GO TO STEP 2 $("#step2").addClass('hide'); $('#timer3').timeTo({ timeTo: timeCountdown, displayDays: 2, theme: "black", displayCaptions: false, width: 21, height: 28 }); $("body").addClass('grey-bg'); testAnim(".background-white", "tada-right-s3", "tada-right"); testAnim(".background-black", "tada-left-s3", "tada-left"); setTimeout( function(){ $("#step3").removeClass('hide'); testAnim("#step3", "fadeIn-tbf", ""); }, 1000); } }); }else{ $(e.target).attr('disabled', false) testAnim(".background-white", "tada", "fadeIn"); testAnim(".background-black", "tadatada", "fadeIn"); // HiGHLIGHT error if($(".input-name").val() == ""){ $(".input-name").addClass("error"); $(".input-name").parent('.group-input').addClass('error'); } if($(".input-email").val() == "" \|\| !re.test($(".input-email").val())){ $('#error_email').html('Adresa de email este obligatorie'); $(".input-email").addClass("error"); $(".input-email").parent('.group-input').addClass('error'); } } }); $("#finish_step_3").click(function(e){ $(e.target).attr('disabled', 'disabled') e.preventDefault(); window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); $("#step3").addClass('hide'); $('#timer4').timeTo({ timeTo: timeCountdown, displayDays: 2, theme: "black", displayCaptions: false, width: 21, height: 28 }); testAnim(".background-white", "tada-right", "tada-right-s3"); testAnim(".background-black", "tada-left", "tada-left-s3"); var answer = $(".answer_select").val(); var name = $(".input-name").val(); var email = $(".input-email").val(); var referral = $("#referral_input").val(); $.ajax({ data: { answer: answer, name: name, email: email, referral: referral }, type: "POST", url: "/store-applicant" }).done( function(data){ $(e.target).attr('disabled', false) $('#input_token').val(data.token); }); setTimeout( function(){ $("#step4").removeClass('hide'); testAnim("#step4", "fadeIn-tbf", ""); }, 1000); }); $("#finish_step_4").click(function(e){ e.preventDefault(); window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); $(e.target).attr('disabled', 'disabled') if($(".input-code").val() != ""){ var confirmation_code = $(".input-code").val(); var token = $("#input_token").val(); $.ajax({ data: { confirmation_code: confirmation_code, token: token }, type: "POST", url: "/confirm-code" }).done( function(data){ $(e.target).attr('disabled', false) if(data.error){ testAnim(".background-white", "tada", "fadeIn"); testAnim(".background-black", "tadatada", "fadeIn"); $('#error_code').html('Codul de confirmare nu este valid'); $(".input-code").addClass("error"); $(".input-code").parent('.group-input').addClass('error'); }else{ document.cookie = "application_token=" + data.applicant.token; $('.name_applicant').html(data.applicant.name); $('#applicant_name').html(data.applicant.name); $('#points').html(data.points > 1 ? data.points + ' de sanse' : '1 sansa'); $('#url_link').val(window.location.origin + '/' + data.applicant.token); $('.list-friends .list-items').html('') $('.list-tickets .list-items').html('') if(data.applicant.points.length){ data.applicant.points.map(el => { $('.list-friends .list-items').append('<div class="item-list"><div class="points">+ ' + (el.value > 1 ? el.value + ' Sanse' : el.value + ' Sansa') + ' </div><div class="desc-point">' + el.description + '</div></div>') }) }else{ $('.list-friends .list-items').append('<div class="empty">Nu ai nici un prieten care s-a inscris la concurs prin link-ul tau personalizat.</div>') } $('.list-tickets .title-list').html('1 bilet (sansa)') data.applicant.tickets.reverse().map((el, index) => { $('.list-tickets .list-items').append('<div class="item-list"><div class="desc-point">#' + (el+10000-1) + '</div></div>') }) $("#step4").addClass('hide'); $("body").removeClass('grey-bg'); testAnim(".background-white", "tada-right-s3", "tada-right"); testAnim(".background-black", "tada-left-s3", "tada-left"); setTimeout( function(){ $("#step5").removeClass('hide'); testAnim("#step5", "fadeIn-tbf", ""); }, 1000); } }); }else{ $(e.target).attr('disabled', false) testAnim(".background-white", "tada", "fadeIn"); testAnim(".background-black", "tadatada", "fadeIn"); // HiGHLIGHT error if($(".input-code").val() == ""){ $('#error_code').html('Codul de confirmare este obligatorie'); $(".input-code").addClass("error"); $(".input-code").parent('.group-input').addClass('error'); } } }); $('.btn-fb').on('click', function() { window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); facebookPoints = true $.ajax({ data: { token: getCookie('application_token'), type: 'facebook' }, type: "POST", url: "/add-points" }).done( function(data){ $('#points').html(data.points > 1 ? data.points + ' de sanse' : '1 sansa'); $('.list-friends .list-items').html('') $('.list-tickets .list-items').html('') $('#step6 .title').html('<span class="yellow-tbf">FELICITARI!</span> AI '+ data.points +' DE SANSE<br>MAI VREI <span class="yellow-tbf">INCA 30?</span>'); if(data.applicant.points.length){ data.applicant.points.map(el => { $('.list-friends .list-items').append('<div class="item-list"><div class="points">+ ' + (el.value > 1 ? el.value + ' Sanse' : el.value + ' Sansa') + ' </div><div class="desc-point">' + el.description + '</div></div>') }) }else{ $('.list-friends .list-items').append('<div class="empty">Nu ai nici un prieten care s-a inscris la concurs prin link-ul tau personalizat.</div>') } var countTickets = data.applicant.tickets.length $('.list-tickets .title-list').html(parseInt(countTickets) > 1 ? countTickets + ' de bilete (sanse)' : '1 bilet (sansa)') data.applicant.tickets.reverse().map((el, index) => { $('.list-tickets .list-items').append('<div class="item-list"><div class="desc-point">#' + (el+10000-1) + '</div></div>') }) }); setTimeout(function(){ $("#step5").addClass('hide'); testAnim(".background-white", "tada-right-s3", "tada-right"); testAnim(".background-black", "tada-left-s3", "tada-left"); setTimeout( function(){ $("#step6").removeClass('hide'); testAnim("#step6", "fadeIn-tbf", ""); }, 1000); }, 2000) }); $(".finish_step_5").click(function(e){ e.preventDefault(); window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); $('#step6 .title').html('ATUNCI POATE VREI<br><span class="yellow-tbf">30 DE SANSE</span> IN PLUS?'); $("#step5").addClass('hide'); testAnim(".background-white", "tada-right-s3", "tada-right"); testAnim(".background-black", "tada-left-s3", "tada-left"); setTimeout( function(){ $("#step6").removeClass('hide'); testAnim("#step6", "fadeIn-tbf", ""); }, 1000); }); $('.btn-li').on('click', function() { window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); linkedinPoints = true $.ajax({ data: { token: getCookie('application_token'), type: 'linkedin' }, type: "POST", url: "/add-points" }).done( function(data){ $('#points').html(data.points > 1 ? data.points + ' de sanse' : '1 sansa'); $('.list-friends .list-items').html('') $('.list-tickets .list-items').html('') if(data.applicant.points.length){ data.applicant.points.map(el => { $('.list-friends .list-items').append('<div class="item-list"><div class="points">+ ' + (el.value > 1 ? el.value + ' Sanse' : el.value + ' Sansa') + ' </div><div class="desc-point">' + el.description + '</div></div>') }) }else{ $('.list-friends .list-items').append('<div class="empty">Nu ai nici un prieten care s-a inscris la concurs prin link-ul tau personalizat.</div>') } var countTickets = data.applicant.tickets.length $('.list-tickets .title-list').html(parseInt(countTickets) > 1 ? countTickets + ' de bilete (sanse)' : '1 bilet (sansa)') data.applicant.tickets.reverse().map((el, index) => { $('.list-tickets .list-items').append('<div class="item-list"><div class="desc-point">#' + (el+10000-1) + '</div></div>') }) }); setTimeout(function(){ $("#step6").addClass('hide'); $('#timer7').timeTo({ timeTo: timeCountdown, displayDays: 2, theme: "black", displayCaptions: false, width: 21, height: 28 }); testAnim(".background-white", "tada-right-s3", "tada-right"); testAnim(".background-black", "tada-left-s3", "tada-left"); setTimeout( function(){ $(".background-white").css('height', "610px"); $(".background-black").css('height', "610px"); }, 600); setTimeout( function(){ $("#step7").removeClass('hide'); $('.only-last-page').removeClass('only-last-page') $('.arrow-bounce').show() testAnim("#step7", "fadeIn-tbf", ""); reloadRandomImages(98, 90, false); setTimeout( function(){ reloadRandomImages(98, 90, true); }, 10000); }, 1000); }, 2000) }); $(".finish_step_6").click(function(e){ e.preventDefault(); window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); $("#step6").addClass('hide'); $('#timer7').timeTo({ timeTo: timeCountdown, displayDays: 2, theme: "black", displayCaptions: false, width: 21, height: 28 }); testAnim(".background-white", "tada-right-s3", "tada-right"); testAnim(".background-black", "tada-left-s3", "tada-left"); setTimeout( function(){ $(".background-white").css('height', "550px"); $(".background-black").css('height', "550px"); }, 600); setTimeout( function(){ $("#step7").removeClass('hide'); $('.only-last-page').removeClass('only-last-page') $('.arrow-bounce').show() testAnim("#step7", "fadeIn-tbf", ""); reloadRandomImages(98, 90, false); setTimeout( function(){ reloadRandomImages(98, 90, true); }, 10000); }, 1000); }); $('.answer_select').on('change', function(){ $(".answer_select").removeClass("error"); $(".answer_select").parent('.group-input').removeClass('error'); }) $('.open-modal-btn').on('click', function(e){ var newClass = $(e.target).data('view') $('.overlay-modal').addClass('active') setTimeout(function(){ $('.overlay-modal').addClass('show') }, 0) setTimeout(function(){ $('.' + newClass).addClass('active') setTimeout(function(){ $('.' + newClass).addClass('show') }, 0) }, 200) }) $('.close-modal, .overlay-modal').on('click', function(){ $('.modal-tbf').removeClass('show') setTimeout(function(){ $('.modal-tbf').removeClass('active') $('.overlay-modal').removeClass('show') setTimeout(function(){ $('.overlay-modal').removeClass('active') }, 200) }, 200) }) $(window).scroll(function() { if(!$('#step7').hasClass('hide')){ var height = $(window).scrollTop(); if(height > 150) { $('.arrow-bounce').hide() }else{ $('.arrow-bounce').show() } } }); }); </script> </html> Back

Edit File : points.blade.php | Size : 41.42 KB

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <title>Concurs TBF</title>

gtag('config', 'UA-168138995-1');
        </script>
        <script src="https://player.vimeo.com/api/player.js"></script>
    </head>

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/431390975?color=ffffff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>
                            <!-- <div class="buttons">
                                <form>
                                    <div class="group-input">
                                        <select placeholder="Alege raspunsul corect" class="answer_select">
                                            <option value="">Alege raspunsul corect</option>
                                            <option value="1">Florin Salam</option>
                                            <option value="2">TBF.ro</option>
                                            <option value="3">Vasilica Viorica Dăncilă</option>
                                        </select>
                                        <span class="message-error">Raspunsul nu este corect</span>
                                    </div>
                                </form>

<button class="btn" id="finish_step_1">Inscrie-ma Gratuit</button>
                                <div id="timer"></div>
                            </div> -->
                        </div>
                        
                </div>
            </div>
        </div>
    </body>

$('#timer').timeTo({
            timeTo: timeCountdown,
            displayDays: 2,
            theme: "black",
            displayCaptions: false,
            // fontSize: 16,
            width: 21,
            height: 28
        });

// set responsive values to calculate height and width of the boxes

var images = new Array();
        var counter = 0;

$(div_holder_class).css('height',div_height+"px");
            $(div_holder_class).css('width',div_width+"px");
            $(div_holder_class).css('margin-right',screen['div-margin-right-left']);
            $(div_holder_class).css('margin-left',screen['div-margin-right-left']);
            $(div_holder_class).css('margin-bottom',screen['div-margin-top-bottom']);
            $(div_holder_class).css('margin-top',screen['div-margin-top-bottom']);
        }

// Function that trigger animated class
        function testAnim(elem, new_class, old_class) {
            $(elem).removeClass("animated "+old_class).addClass(new_class + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
                $(elem).removeClass("animated " + new_class);
            });
        };

// Display random the images
        function displayRandomImages(num_of_elements) {
            var list = [];
            for (var i = 1; i <= num_of_elements; i++) {
                list.push(i);
            }       
            for (var i = list.length - 1; i > 0; i--) {
                var j = Math.floor(Math.random() * (i + 1));
                var temp = list[i];
                list[i] = list[j];
                list[j] = temp;
            }       
            // 1000 ms = 1 second
            step = parseInt(1500 / num_of_elements);
            time = step;
            var img_appeared = 0;
            $.each(list, function( index, value ) {
                setTimeout( function(){ 
                    $("."+value).show();
                    $("."+value).addClass("animate heartBeat");
                    // $("."+value).addClass("animate bounceIn");
                }, time);
                time = time+step;
                img_appeared = img_appeared +1;
            });
        }

// Display random the images
        function reloadRandomImages(num_of_elements, percentage_from_elements, second_time) {
            var list = [];
            for (var i = 1; i <= num_of_elements; i++) {
                list.push(i);
            }       
            for (var i = list.length - 1; i > 0; i--) {
                var j = Math.floor(Math.random() * (i + 1));
                var temp = list[i];
                list[i] = list[j];
                list[j] = temp;
            }       
            // 1000 ms = 1 second
            take_elements = (100 * percentage_from_elements) / num_of_elements;
            step = parseInt(9000 / take_elements);
            time = step;
            var img_appeared = 0;
            $.each(list.slice(1, take_elements), function( index, value ) {
                setTimeout( function(){
                    if(second_time){
                        testAnim("."+value, "heartBeat", "heartBeat-re");
                    }else{
                        testAnim("."+value, "heartBeat-re", "heartBeat");
                    }
                }, time);
                time = time+step;
                img_appeared = img_appeared +1;
            });
        }

function copyOnClipboard(){
            var copyText = document.getElementById("url_link");
            copyText.select();
            copyText.setSelectionRange(0, 99999)
            document.execCommand("copy");
        }

function start_applications(){
            // Calculate images holders sizes
            calcDivHolderSizes();
            // Display randomly all 98 images
            displayRandomImages(98);
            // display first step
            setTimeout( function(){ 
                $(".popup-container").addClass('active');
                testAnim(".background-white", "fadeIn");
                $(".background-white").addClass('active');
                testAnim(".background-white", "tada", "fadeIn");
                $(".background-black").show();
                testAnim(".background-black", "tadatada", "fadeIn");
            }, 1200);
        }

// resize images on window resize
        $(window).resize(function(){
            calcDivHolderSizes();
        });

$(document).ready(function(){
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

$(".input-name").keypress(function() {
                if($(".input-name").hasClass("error")){
                    $(this).removeClass("error");
                    $(this).parent('.group-input').removeClass('error');
                }
            });

$(".input-email").keypress(function() {
                if($(".input-email").hasClass("error")){
                    $(this).removeClass("error");
                    $(this).parent('.group-input').removeClass('error');
                }
            });

$(".input-code").keypress(function() {
                if($(".input-code").hasClass("error")){
                    $(this).removeClass("error");
                    $(this).parent('.group-input').removeClass('error');
                }
            });

preload(
                "/img/img1.png",
                "/img/img2.png",
                "/img/img3.png",
                "/img/img4.png",
                "/img/img5.png",
                "/img/img6.png",
                "/img/img7.png",
                "/img/img8.png",
                "/img/img9.png",
                "/img/img10.png",
                "/img/img11.png",
                "/img/img12.png",
                "/img/img13.png",
                "/img/img14.png",
                "/img/img15.png",
                "/img/img16.png",
                "/img/img17.png",
                "/img/img18.png",
                "/img/img19.png",
                "/img/img20.png",
                "/img/img21.png",
                "/img/img22.png",
                "/img/img23.png",
                "/img/img24.png",
                "/img/img25.png",
                "/img/img26.png",
                "/img/img27.png",
                "/img/img28.png",
                "/img/img29.png",
                "/img/img30.png",
                "/img/img31.png",
                "/img/img32.png",
                "/img/img33.png",
                "/img/img34.png",
                "/img/img35.png",
                "/img/img36.png",
                "/img/img37.png",
                "/img/img38.png",
                "/img/img39.png",
                "/img/img40.png",
                "/img/img41.png",
                "/img/img42.png",
                "/img/img43.png",
                "/img/img44.png",
                "/img/img45.png",
                "/img/img46.png",
                "/img/img47.png",
                "/img/img48.png",
                "/img/img49.png",
                "/img/img50.png",
                "/img/img51.png",
                "/img/img52.png",
                "/img/img53.png",
                "/img/img54.png",
                "/img/img55.png",
                "/img/img56.png",
                "/img/img57.png",
                "/img/img58.png",
                "/img/img59.png",
                "/img/img60.png",
                "/img/img61.png",
                "/img/img62.png",
                "/img/img63.png",
                "/img/img64.png",
                "/img/img65.png",
                "/img/img66.png",
                "/img/img67.png",
                "/img/img68.png",
                "/img/img69.png",
                "/img/img70.png",
                "/img/img71.png",
                "/img/img72.png",
                "/img/img73.png",
                "/img/img74.png",
                "/img/img75.png",
                "/img/img76.png",
                "/img/img77.png",
                "/img/img78.png",
                "/img/img79.png",
                "/img/img80.png",
                "/img/img81.png",
                "/img/img82.png",
                "/img/img83.png",
                "/img/img84.png",
                "/img/img85.png",
                "/img/img86.png",
                "/img/img87.png",
                "/img/img88.png",
                "/img/img89.png",
                "/img/img90.png",
                "/img/img91.png",
                "/img/img92.png",
                "/img/img93.png",
                "/img/img94.png",
                "/img/img95.png",
                "/img/img96.png",
                "/img/img97.png",
                "/img/img98.png",
                "/img/img99.png"
            )

// Validate step 1
            $("#finish_step_1").click(function(e){
                e.preventDefault();
                window.scrollTo({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });

if($(".answer_select").val() != "" && $(".answer_select").val() == 2){
                    // GO TO STEP 2
                    $("#step1").addClass('hide');
                    $('#timer2').timeTo({
                        timeTo: timeCountdown,
                        displayDays: 2,
                        theme: "black",
                        displayCaptions: false,
                        // fontSize: 16,
                        width: 21,
                        height: 28
                    }); 
                    
                    testAnim(".background-white", "tada-right", "tada");
                    testAnim(".background-black", "tada-left", "tadatada");
                    setTimeout( function(){ 
                        $("#step2").removeClass('hide');
                        testAnim("#step2", "fadeIn-tbf", "");
                    }, 1000);
                }else{
                    // HiGHLIGHT error
                    testAnim(".background-white", "tada", "fadeIn");
                    testAnim(".background-black", "tadatada", "fadeIn");

$(".answer_select").addClass("error");
                    $(".answer_select").parent('.group-input').addClass('error');
                }
            });

$("#finish_step_2").click(function(e){
                e.preventDefault();
                window.scrollTo({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });
                $(e.target).attr('disabled', 'disabled')

//Regex to validate eMail
                var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

if($(".input-name").val() != "" && ($(".input-email").val() != "" && re.test($(".input-email").val()) )){
                    var check_email = $(".input-email").val();
                    $.ajax({
                        data: {email: check_email},
                        type: "POST",
                        url: "/check-email"
                    }).done( function(data){
                        $(e.target).attr('disabled', false)
                        if(data.error){
                            testAnim(".background-white", "tada", "fadeIn");
                            testAnim(".background-black", "tadatada", "fadeIn");

$('#error_email').html('Adresa de email este deja inregistrata');
                            $(".input-email").addClass("error");
                            $(".input-email").parent('.group-input').addClass('error');
                        }else{
                            // GO TO STEP 2
                            $("#step2").addClass('hide');
                            $('#timer3').timeTo({
                                timeTo: timeCountdown,
                                displayDays: 2,
                                theme: "black",
                                displayCaptions: false,
                                width: 21,
                                height: 28
                            });
                            $("body").addClass('grey-bg');
                            testAnim(".background-white", "tada-right-s3", "tada-right");
                            testAnim(".background-black", "tada-left-s3", "tada-left");
                            setTimeout( function(){ 
                                $("#step3").removeClass('hide');
                                testAnim("#step3", "fadeIn-tbf", "");
                            }, 1000);
                        }
                    });
                }else{
                    $(e.target).attr('disabled', false)
                    testAnim(".background-white", "tada", "fadeIn");
                    testAnim(".background-black", "tadatada", "fadeIn");

// HiGHLIGHT error
                    if($(".input-name").val() == ""){
                        $(".input-name").addClass("error");
                        $(".input-name").parent('.group-input').addClass('error');
                    }
                    if($(".input-email").val() == "" || !re.test($(".input-email").val())){
                        $('#error_email').html('Adresa de email este obligatorie');
                        $(".input-email").addClass("error");
                        $(".input-email").parent('.group-input').addClass('error');
                    }
                }
            });

$("#finish_step_3").click(function(e){
                $(e.target).attr('disabled', 'disabled')
                e.preventDefault();
                window.scrollTo({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });
                $("#step3").addClass('hide');
                $('#timer4').timeTo({
                    timeTo: timeCountdown,
                    displayDays: 2,
                    theme: "black",
                    displayCaptions: false,
                    width: 21,
                    height: 28
                });
                testAnim(".background-white", "tada-right", "tada-right-s3");
                testAnim(".background-black", "tada-left", "tada-left-s3");

var answer = $(".answer_select").val();
                var name = $(".input-name").val();
                var email = $(".input-email").val();
                var referral = $("#referral_input").val();

$.ajax({
                    data: {
                        answer: answer,
                        name: name,
                        email: email,
                        referral: referral
                    },
                    type: "POST",
                    url: "/store-applicant"
                }).done( function(data){
                    $(e.target).attr('disabled', false)
                    $('#input_token').val(data.token);
                });

setTimeout( function(){ 
                    $("#step4").removeClass('hide');
                    testAnim("#step4", "fadeIn-tbf", "");
                }, 1000);
            });

$("#finish_step_4").click(function(e){
                e.preventDefault();
                window.scrollTo({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });
                $(e.target).attr('disabled', 'disabled')

if($(".input-code").val() != ""){
                    var confirmation_code = $(".input-code").val();
                    var token = $("#input_token").val();

$.ajax({
                        data: {
                            confirmation_code: confirmation_code,
                            token: token
                        },
                        type: "POST",
                        url: "/confirm-code"
                    }).done( function(data){
                        $(e.target).attr('disabled', false)
                        if(data.error){
                            testAnim(".background-white", "tada", "fadeIn");
                            testAnim(".background-black", "tadatada", "fadeIn");
                            
                            $('#error_code').html('Codul de confirmare nu este valid');
                            $(".input-code").addClass("error");
                            $(".input-code").parent('.group-input').addClass('error');
                        }else{
                            document.cookie = "application_token=" + data.applicant.token;
                            $('.name_applicant').html(data.applicant.name);
                            $('#applicant_name').html(data.applicant.name);
                            $('#points').html(data.points > 1 ? data.points + ' de sanse' : '1 sansa');
                            $('#url_link').val(window.location.origin + '/' + data.applicant.token);

$('.list-friends .list-items').html('')
                            $('.list-tickets .list-items').html('')
                            if(data.applicant.points.length){
                                data.applicant.points.map(el => {
                                    $('.list-friends .list-items').append('<div class="item-list"><div class="points">+ ' + (el.value > 1 ? el.value + ' Sanse' : el.value + ' Sansa') + ' </div><div class="desc-point">' + el.description + '</div></div>')
                                })
                            }else{
                                $('.list-friends .list-items').append('<div class="empty">Nu ai nici un prieten care s-a inscris la concurs prin link-ul tau personalizat.</div>')
                            }
                            $('.list-tickets .title-list').html('1 bilet (sansa)')
                            data.applicant.tickets.reverse().map((el, index) => {
                                $('.list-tickets .list-items').append('<div class="item-list"><div class="desc-point">#' + (el+10000-1) + '</div></div>')
                            })

$("#step4").addClass('hide');
                            $("body").removeClass('grey-bg');
                            testAnim(".background-white", "tada-right-s3", "tada-right");
                            testAnim(".background-black", "tada-left-s3", "tada-left");
                            setTimeout( function(){
                                $("#step5").removeClass('hide');
                                testAnim("#step5", "fadeIn-tbf", "");
                            }, 1000);  
                        }
                    });
                }else{
                    $(e.target).attr('disabled', false)
                    testAnim(".background-white", "tada", "fadeIn");
                    testAnim(".background-black", "tadatada", "fadeIn");

// HiGHLIGHT error
                    if($(".input-code").val() == ""){
                        $('#error_code').html('Codul de confirmare este obligatorie');
                        $(".input-code").addClass("error");
                        $(".input-code").parent('.group-input').addClass('error');
                    }
                }
            });

$('.btn-fb').on('click', function() {
                window.scrollTo({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });
                facebookPoints = true
                $.ajax({
                    data: {
                        token: getCookie('application_token'),
                        type: 'facebook'
                    },
                    type: "POST",
                    url: "/add-points"
                }).done( function(data){
                    $('#points').html(data.points > 1 ? data.points + ' de sanse' : '1 sansa');
                    $('.list-friends .list-items').html('')
                    $('.list-tickets .list-items').html('')
                    $('#step6 .title').html('<span class="yellow-tbf">FELICITARI!</span> AI '+ data.points +' DE SANSE<br>MAI VREI <span class="yellow-tbf">INCA 30?</span>');
                    if(data.applicant.points.length){
                        data.applicant.points.map(el => {
                            $('.list-friends .list-items').append('<div class="item-list"><div class="points">+ ' + (el.value > 1 ? el.value + ' Sanse' : el.value + ' Sansa') + ' </div><div class="desc-point">' + el.description + '</div></div>')
                        })
                    }else{
                        $('.list-friends .list-items').append('<div class="empty">Nu ai nici un prieten care s-a inscris la concurs prin link-ul tau personalizat.</div>')
                    }
                    var countTickets = data.applicant.tickets.length
                    $('.list-tickets .title-list').html(parseInt(countTickets) > 1 ? countTickets + ' de bilete (sanse)' : '1 bilet (sansa)')
                    data.applicant.tickets.reverse().map((el, index) => {
                        $('.list-tickets .list-items').append('<div class="item-list"><div class="desc-point">#' + (el+10000-1) + '</div></div>')
                    })
                });
                setTimeout(function(){
                    $("#step5").addClass('hide');

testAnim(".background-white", "tada-right-s3", "tada-right");
                    testAnim(".background-black", "tada-left-s3", "tada-left");

setTimeout( function(){ 
                        $("#step6").removeClass('hide');
                        testAnim("#step6", "fadeIn-tbf", "");
                    }, 1000);
                }, 2000)
            });

$(".finish_step_5").click(function(e){
                e.preventDefault();
                window.scrollTo({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });
                $('#step6 .title').html('ATUNCI POATE VREI<br><span class="yellow-tbf">30 DE SANSE</span> IN PLUS?');

$("#step5").addClass('hide');
                testAnim(".background-white", "tada-right-s3", "tada-right");
                testAnim(".background-black", "tada-left-s3", "tada-left");

setTimeout( function(){ 
                    $("#step6").removeClass('hide');
                    testAnim("#step6", "fadeIn-tbf", "");
                }, 1000);
            });

$('.btn-li').on('click', function() {
                window.scrollTo({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });
               linkedinPoints = true
                $.ajax({
                    data: {
                        token: getCookie('application_token'),
                        type: 'linkedin'
                    },
                    type: "POST",
                    url: "/add-points"
                }).done( function(data){
                    $('#points').html(data.points > 1 ? data.points + ' de sanse' : '1 sansa');
                    $('.list-friends .list-items').html('')
                    $('.list-tickets .list-items').html('')
                    if(data.applicant.points.length){
                        data.applicant.points.map(el => {
                            $('.list-friends .list-items').append('<div class="item-list"><div class="points">+ ' + (el.value > 1 ? el.value + ' Sanse' : el.value + ' Sansa') + ' </div><div class="desc-point">' + el.description + '</div></div>')
                        })
                    }else{
                        $('.list-friends .list-items').append('<div class="empty">Nu ai nici un prieten care s-a inscris la concurs prin link-ul tau personalizat.</div>')
                    }
                    var countTickets = data.applicant.tickets.length
                    $('.list-tickets .title-list').html(parseInt(countTickets) > 1 ? countTickets + ' de bilete (sanse)' : '1 bilet (sansa)')
                    data.applicant.tickets.reverse().map((el, index) => {
                        $('.list-tickets .list-items').append('<div class="item-list"><div class="desc-point">#' + (el+10000-1) + '</div></div>')
                    })
                });
                setTimeout(function(){
                    $("#step6").addClass('hide');
                    $('#timer7').timeTo({
                        timeTo: timeCountdown,
                        displayDays: 2,
                        theme: "black",
                        displayCaptions: false,
                        width: 21,
                        height: 28
                    });

testAnim(".background-white", "tada-right-s3", "tada-right");
                    testAnim(".background-black", "tada-left-s3", "tada-left");
                    setTimeout( function(){
                        $(".background-white").css('height', "610px");
                        $(".background-black").css('height', "610px");
                    }, 600);

setTimeout( function(){ 
                        $("#step7").removeClass('hide');
                        $('.only-last-page').removeClass('only-last-page')
                        $('.arrow-bounce').show()
                        testAnim("#step7", "fadeIn-tbf", "");
                        reloadRandomImages(98, 90, false);
                        setTimeout( function(){
                            reloadRandomImages(98, 90, true);
                        }, 10000);
                    }, 1000);
                }, 2000)
            });

$(".finish_step_6").click(function(e){
                e.preventDefault();
                window.scrollTo({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });
                $("#step6").addClass('hide');
                $('#timer7').timeTo({
                    timeTo: timeCountdown,
                    displayDays: 2,
                    theme: "black",
                    displayCaptions: false,
                    width: 21,
                    height: 28
                });

testAnim(".background-white", "tada-right-s3", "tada-right");
                testAnim(".background-black", "tada-left-s3", "tada-left");
                setTimeout( function(){
                    $(".background-white").css('height', "550px");
                    $(".background-black").css('height', "550px");
                }, 600);

setTimeout( function(){ 
                    $("#step7").removeClass('hide');
                    $('.only-last-page').removeClass('only-last-page')
                    $('.arrow-bounce').show()
                    testAnim("#step7", "fadeIn-tbf", "");
                    reloadRandomImages(98, 90, false);
                    setTimeout( function(){
                        reloadRandomImages(98, 90, true);
                    }, 10000);
                }, 1000);
            });

$('.answer_select').on('change', function(){
                $(".answer_select").removeClass("error");
                $(".answer_select").parent('.group-input').removeClass('error');
            })

$('.open-modal-btn').on('click', function(e){
                var newClass = $(e.target).data('view')
                $('.overlay-modal').addClass('active')
                setTimeout(function(){
                    $('.overlay-modal').addClass('show')
                }, 0)
                setTimeout(function(){
                    $('.' + newClass).addClass('active')
                    setTimeout(function(){
                        $('.' + newClass).addClass('show')
                    }, 0)
                }, 200)
            })

$('.close-modal, .overlay-modal').on('click', function(){
                $('.modal-tbf').removeClass('show')
                setTimeout(function(){
                    $('.modal-tbf').removeClass('active')
                    $('.overlay-modal').removeClass('show')
                    setTimeout(function(){
                        $('.overlay-modal').removeClass('active')
                    }, 200)
                }, 200)
            })

$(window).scroll(function() {
                if(!$('#step7').hasClass('hide')){
                    var height = $(window).scrollTop();

if(height > 150) {
                        $('.arrow-bounce').hide()
                    }else{
                        $('.arrow-bounce').show()
                    }
                }
            });
        });
    </script>
</html>

Back