Skip to content

Commit

Permalink
Adicionado timer na pagina de autorizar/passo2 do connect
Browse files Browse the repository at this point in the history
  • Loading branch information
@r-martins
r-martins committed Jan 29, 2024
1 parent 2502743 commit b863975
Show file tree
Hide file tree
Showing 170 changed files with 1,618 additions and 1,306 deletions.
16 changes: 8 additions & 8 deletions Vantagens.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,24 @@
<script>
var themeHasJQuery = !!window.jQuery;
</script>
<script type="text/javascript" src="./assets/js/jquery.js?1.0.1905"></script>
<script type="text/javascript" src="./assets/js/jquery.js?1.0.1911"></script>
<script>
window._$ = jQuery.noConflict(themeHasJQuery);
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/css/bootstrap.css?1.0.1905" media="screen" />
<script type="text/javascript" src="./assets/js/bootstrap.min.js?1.0.1905"></script>
<link rel="stylesheet" href="./assets/css/bootstrap.css?1.0.1911" media="screen" />
<script type="text/javascript" src="./assets/js/bootstrap.min.js?1.0.1911"></script>
<!--[if lte IE 9]>
<link rel="stylesheet" href="./assets/css/layout.ie.css?1.0.1905">
<script src="./assets/js/layout.ie.js?1.0.1905"></script>
<link rel="stylesheet" href="./assets/css/layout.ie.css?1.0.1911">
<script src="./assets/js/layout.ie.js?1.0.1911"></script>
<![endif]-->
<link class="" href='//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|Montserrat:regular,700|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./assets/js/layout.core.js"></script>
<script src="./assets/js/CloudZoom.js?1.0.1905"></script>
<script src="./assets/js/CloudZoom.js?1.0.1911"></script>

<title>Vantagens e Benefícios das integrações PagSeguro</title>
<link rel="stylesheet" href="./assets/css/style.css?1.0.1905">
<script src="./assets/js/script.js?1.0.1905"></script>
<link rel="stylesheet" href="./assets/css/style.css?1.0.1911">
<script src="./assets/js/script.js?1.0.1911"></script>
<meta charset="utf-8">

<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/61b96aa96b1c5b93b2c02576/script.js"></script> <!-- End cookieyes banner -->
Expand Down
16 changes: 8 additions & 8 deletions __editor__/data/preview/Vantagens.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,24 @@
<script>
var themeHasJQuery = !!window.jQuery;
</script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1905"></script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1911"></script>
<script>
window._$ = jQuery.noConflict(themeHasJQuery);
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1905" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1911" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1911"></script>
<!--[if lte IE 9]>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1905">
<script src="../assets/js/layout.ie.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1911">
<script src="../assets/js/layout.ie.js?1.0.1911"></script>
<![endif]-->
<link class="data-control-id-9" href='//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|Montserrat:regular,700|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="../assets/js/layout.core.js"></script>
<script src="../assets/js/CloudZoom.js?1.0.1905"></script>
<script src="../assets/js/CloudZoom.js?1.0.1911"></script>

<title>Vantagens e Benefícios das integrações PagSeguro</title>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1905">
<script src="../assets/js/script.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1911">
<script src="../assets/js/script.js?1.0.1911"></script>
<meta charset="utf-8">

<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/61b96aa96b1c5b93b2c02576/script.js"></script> <!-- End cookieyes banner -->
Expand Down
16 changes: 8 additions & 8 deletions __editor__/data/preview/autorizar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,24 @@
<script>
var themeHasJQuery = !!window.jQuery;
</script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1905"></script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1911"></script>
<script>
window._$ = jQuery.noConflict(themeHasJQuery);
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1905" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1911" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1911"></script>
<!--[if lte IE 9]>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1905">
<script src="../assets/js/layout.ie.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1911">
<script src="../assets/js/layout.ie.js?1.0.1911"></script>
<![endif]-->
<link class="data-control-id-9" href='//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|Montserrat:regular,700|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="../assets/js/layout.core.js"></script>
<script src="../assets/js/CloudZoom.js?1.0.1905"></script>
<script src="../assets/js/CloudZoom.js?1.0.1911"></script>

<title>Autorizar Aplicação Ricardo Martins PagSeguro</title>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1905">
<script src="../assets/js/script.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1911">
<script src="../assets/js/script.js?1.0.1911"></script>
<meta charset="utf-8">

<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/61b96aa96b1c5b93b2c02576/script.js"></script> <!-- End cookieyes banner -->
Expand Down
16 changes: 8 additions & 8 deletions __editor__/data/preview/bounty.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,24 @@
<script>
var themeHasJQuery = !!window.jQuery;
</script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1905"></script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1911"></script>
<script>
window._$ = jQuery.noConflict(themeHasJQuery);
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1905" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1911" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1911"></script>
<!--[if lte IE 9]>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1905">
<script src="../assets/js/layout.ie.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1911">
<script src="../assets/js/layout.ie.js?1.0.1911"></script>
<![endif]-->
<link class="data-control-id-9" href='//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|Montserrat:regular,700|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="../assets/js/layout.core.js"></script>
<script src="../assets/js/CloudZoom.js?1.0.1905"></script>
<script src="../assets/js/CloudZoom.js?1.0.1911"></script>

<title>Programa de Recompensas</title>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1905">
<script src="../assets/js/script.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1911">
<script src="../assets/js/script.js?1.0.1911"></script>
<meta charset="utf-8">

<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/61b96aa96b1c5b93b2c02576/script.js"></script> <!-- End cookieyes banner -->
Expand Down
16 changes: 8 additions & 8 deletions __editor__/data/preview/compare.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,24 @@
<script>
var themeHasJQuery = !!window.jQuery;
</script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1905"></script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1911"></script>
<script>
window._$ = jQuery.noConflict(themeHasJQuery);
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1905" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1911" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1911"></script>
<!--[if lte IE 9]>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1905">
<script src="../assets/js/layout.ie.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1911">
<script src="../assets/js/layout.ie.js?1.0.1911"></script>
<![endif]-->
<link class="data-control-id-9" href='//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|Montserrat:regular,700|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="../assets/js/layout.core.js"></script>
<script src="../assets/js/CloudZoom.js?1.0.1905"></script>
<script src="../assets/js/CloudZoom.js?1.0.1911"></script>

<title>Pague menos taxas no PagSeguro - Integração Gratuita</title>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1905">
<script src="../assets/js/script.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1911">
<script src="../assets/js/script.js?1.0.1911"></script>
<meta charset="utf-8">

<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/61b96aa96b1c5b93b2c02576/script.js"></script> <!-- End cookieyes banner -->
Expand Down
16 changes: 8 additions & 8 deletions __editor__/data/preview/connect.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,24 @@
<script>
var themeHasJQuery = !!window.jQuery;
</script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1905"></script>
<script type="text/javascript" src="../assets/js/jquery.js?1.0.1911"></script>
<script>
window._$ = jQuery.noConflict(themeHasJQuery);
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1905" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/bootstrap.css?1.0.1911" media="screen" />
<script type="text/javascript" src="../assets/js/bootstrap.min.js?1.0.1911"></script>
<!--[if lte IE 9]>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1905">
<script src="../assets/js/layout.ie.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/layout.ie.css?1.0.1911">
<script src="../assets/js/layout.ie.js?1.0.1911"></script>
<![endif]-->
<link class="data-control-id-9" href='//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|Montserrat:regular,700|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="../assets/js/layout.core.js"></script>
<script src="../assets/js/CloudZoom.js?1.0.1905"></script>
<script src="../assets/js/CloudZoom.js?1.0.1911"></script>

<title>Connect</title>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1905">
<script src="../assets/js/script.js?1.0.1905"></script>
<link rel="stylesheet" href="../assets/css/style.css?1.0.1911">
<script src="../assets/js/script.js?1.0.1911"></script>
<meta charset="utf-8">

<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/61b96aa96b1c5b93b2c02576/script.js"></script> <!-- End cookieyes banner -->
Expand Down
16 changes: 8 additions & 8 deletions __editor__/data/preview/connect/autorizar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,24 @@
<script>
var themeHasJQuery = !!window.jQuery;
</script>
<script type="text/javascript" src="../../assets/js/jquery.js?1.0.1905"></script>
<script type="text/javascript" src="../../assets/js/jquery.js?1.0.1911"></script>
<script>
window._$ = jQuery.noConflict(themeHasJQuery);
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../assets/css/bootstrap.css?1.0.1905" media="screen" />
<script type="text/javascript" src="../../assets/js/bootstrap.min.js?1.0.1905"></script>
<link rel="stylesheet" href="../../assets/css/bootstrap.css?1.0.1911" media="screen" />
<script type="text/javascript" src="../../assets/js/bootstrap.min.js?1.0.1911"></script>
<!--[if lte IE 9]>
<link rel="stylesheet" href="../../assets/css/layout.ie.css?1.0.1905">
<script src="../../assets/js/layout.ie.js?1.0.1905"></script>
<link rel="stylesheet" href="../../assets/css/layout.ie.css?1.0.1911">
<script src="../../assets/js/layout.ie.js?1.0.1911"></script>
<![endif]-->
<link class="data-control-id-9" href='//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|Montserrat:regular,700|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="../../assets/js/layout.core.js"></script>
<script src="../../assets/js/CloudZoom.js?1.0.1905"></script>
<script src="../../assets/js/CloudZoom.js?1.0.1911"></script>

<title>Autorizar Aplicação no Connect</title>
<link rel="stylesheet" href="../../assets/css/style.css?1.0.1905">
<script src="../../assets/js/script.js?1.0.1905"></script>
<link rel="stylesheet" href="../../assets/css/style.css?1.0.1911">
<script src="../../assets/js/script.js?1.0.1911"></script>
<meta charset="utf-8">

<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/61b96aa96b1c5b93b2c02576/script.js"></script> <!-- End cookieyes banner -->
Expand Down
54 changes: 46 additions & 8 deletions __editor__/data/preview/connect/autorizar/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,24 @@
<script>
var themeHasJQuery = !!window.jQuery;
</script>
<script type="text/javascript" src="../../../assets/js/jquery.js?1.0.1905"></script>
<script type="text/javascript" src="../../../assets/js/jquery.js?1.0.1911"></script>
<script>
window._$ = jQuery.noConflict(themeHasJQuery);
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../../assets/css/bootstrap.css?1.0.1905" media="screen" />
<script type="text/javascript" src="../../../assets/js/bootstrap.min.js?1.0.1905"></script>
<link rel="stylesheet" href="../../../assets/css/bootstrap.css?1.0.1911" media="screen" />
<script type="text/javascript" src="../../../assets/js/bootstrap.min.js?1.0.1911"></script>
<!--[if lte IE 9]>
<link rel="stylesheet" href="../../../assets/css/layout.ie.css?1.0.1905">
<script src="../../../assets/js/layout.ie.js?1.0.1905"></script>
<link rel="stylesheet" href="../../../assets/css/layout.ie.css?1.0.1911">
<script src="../../../assets/js/layout.ie.js?1.0.1911"></script>
<![endif]-->
<link class="data-control-id-9" href='//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|Montserrat:regular,700|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="../../../assets/js/layout.core.js"></script>
<script src="../../../assets/js/CloudZoom.js?1.0.1905"></script>
<script src="../../../assets/js/CloudZoom.js?1.0.1911"></script>

<title>Finalize sua Autorização</title>
<link rel="stylesheet" href="../../../assets/css/style.css?1.0.1905">
<script src="../../../assets/js/script.js?1.0.1905"></script>
<link rel="stylesheet" href="../../../assets/css/style.css?1.0.1911">
<script src="../../../assets/js/script.js?1.0.1911"></script>
<meta charset="utf-8">

<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/61b96aa96b1c5b93b2c02576/script.js"></script> <!-- End cookieyes banner -->
Expand Down Expand Up @@ -407,6 +407,44 @@ <h2 class="data-control-id-2715998 bd-textblock-441 bd-content-element">

jQuery('#name').focus();

</script>
</div>
</div>

<p class="data-control-id-2948831 bd-textblock-29 bd-content-element">
Você tem <span id="timer">08 minutos 48 segundos</span> para preencher este formulário ou terá que autorizar a aplicação novamente para obter a Connect Key.<br>Estamos trabalhando para mudar isso. Desculpe o inconveniente.
</p>

<div class="data-control-id-2948896 bd-customhtml-10 bd-tagstyles">
<div class="bd-container-inner bd-content-element">
<script type="text/javascript">
// Obtém o elemento HTML
var countdownElement = document.getElementById('timer');

// Define o tempo inicial (10 minutos)
var timeLeft = 10*60;

// Atualiza a contagem regressiva a cada segundo
var countdownTimer = setInterval(function() {
// Calcula os minutos e segundos restantes
var minutes = Math.floor(timeLeft / 60);
var seconds = timeLeft % 60;

// Atualiza o texto do elemento HTML
countdownElement.textContent = minutes.toString().padStart(2, '0') + ' minutos e ' + seconds.toString().padStart(2, '0') + ' segundos';

// Se a contagem regressiva chegou a zero
if (timeLeft <= 0) {
// Para a atualização da contagem regressiva
clearInterval(countdownTimer);

// Redireciona o usuário para outra página
window.location.href = 'https://pagseguro.ricardomartins.net.br/connect/autorizar.html';
}

// Decrementa o tempo restante
timeLeft--;
}, 1000);
</script>
</div>
</div>
Expand Down
Loading

0 comments on commit b863975

Please sign in to comment.