Skip to content

Commit 32eda19

Browse files
renzonrenzon
renzon
authored and
renzon
committed
Added checkout popup
1 parent 5f3caa6 commit 32eda19

2 files changed

Lines changed: 45 additions & 9 deletions

File tree

‎pythonpro/checkout/templates/checkout/membership_lp_subscription_open.html‎

Lines changed: 40 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
{% extends "launch/landing_page.html" %}
22
{% load static %}
3+
{% load django_pagarme %}
4+
{% load bootstrap4 %}
35

46
{% block title %}INSCRIÇÕES ABERTAS! Curso Python Pro{% endblock %}
57

@@ -23,7 +25,7 @@ <h2 class="header-main__group__subtitle fw-300">Assista o vídeo abaixo e descub
2325
</div>
2426

2527
<div class="header-main__group__button">
26-
<a href="#" class="header-main__group__button__item text-uppercase fw-700 main-transition" rel="noopener noreferrer">Sim, eu quero me tornar um profissional!</a>
28+
<a href="#" class="header-main__group__button__item text-uppercase fw-700 main-transition" rel="noopener noreferrer" data-toggle="modal" data-target="#modal-waiting-capture">Sim, eu quero me tornar um profissional!</a>
2729
</div>
2830
</div>
2931

@@ -467,7 +469,7 @@ <h3 class="tab-content__group__disclaimer__1__title text-green fw-700">Programa
467469

468470
<a class="content-main__group__button main-transition text-uppercase text-white fw-800 font-highlighted" href="" target="blank">Compre aqui</a>
469471
<!-- <div class="header-main__group__button"> -->
470-
<a href="#" class="header-main__group__button__item text-uppercase fw-700 main-transition" rel="noopener noreferrer">Sim, eu quero me tornar um profissional!</a>
472+
<a href="#" class="header-main__group__button__item text-uppercase fw-700 main-transition" rel="noopener noreferrer" data-toggle="modal" data-target="#modal-waiting-capture">Sim, eu quero me tornar um profissional!</a>
471473
<!-- </div> -->
472474
</div>
473475
</section>
@@ -634,7 +636,7 @@ <h6 class="summary-main__group__price__group__info__title fw-700 text-uppercase
634636
</div>
635637

636638
<div class="header-main__group__button">
637-
<a href="#" class="header-main__group__button__item text-uppercase fw-700 main-transition" rel="noopener noreferrer">Sim, eu quero me tornar um profissional!</a>
639+
<a href="#" class="header-main__group__button__item text-uppercase fw-700 main-transition" rel="noopener noreferrer" data-toggle="modal" data-target="#modal-waiting-capture">Sim, eu quero me tornar um profissional!</a>
638640
</div>
639641
</div>
640642
</section>
@@ -1114,7 +1116,7 @@ <h6 class="summary-main__group__price__group__info__title fw-700 text-uppercase
11141116
</div>
11151117

11161118
<div class="header-main__group__button">
1117-
<a href="#" class="header-main__group__button__item text-uppercase fw-700 main-transition" rel="noopener noreferrer">Sim, eu quero me tornar um profissional!</a>
1119+
<a href="#" class="header-main__group__button__item text-uppercase fw-700 main-transition" rel="noopener noreferrer" data-toggle="modal" data-target="#modal-waiting-capture">Sim, eu quero me tornar um profissional!</a>
11181120
</div>
11191121
</div>
11201122
</section>
@@ -1196,12 +1198,44 @@ <h4 class="footer__group__content__item__title fw-700 text-blue text-uppercase">
11961198
<img class="footer__group__detail-right-desktop" src="{% static '/img/spp/footer/renzo-nuccitelli-footer-desktop.png' %}" alt="Detalhe grande com vários círculos pequenos na cor verde abacate formando um quadrado">
11971199
</footer>
11981200

1199-
<script src="{% static '/js/spp/jquery.min.js' %}"></script>
1201+
{# <script src="{% static '/js/spp/jquery.min.js' %}"></script>#}
12001202
<script src="{% static '/js/spp/owl.carousel.min.js' %}"></script>
12011203
<script src="{% static '/js/spp/magnific-popup.min.js' %}"></script>
12021204
<script src="{% static '/js/spp/countdown.js' %}"></script>
12031205

1204-
<script>
1206+
<div class="modal fade" id="modal-waiting-capture" tabindex="-1" role="dialog"
1207+
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
1208+
<div class="modal-dialog modal-dialog-centered" role="document">
1209+
<div class="modal-content">
1210+
<div class="modal-header">
1211+
<h5 class="modal-title">Formulário de Inscrição</h5>
1212+
</div>
1213+
<div class="modal-body">
1214+
<form id="contact_form" action="{% url 'django_pagarme:contact_info' slug=payment_item_config.slug %}" method="post">
1215+
{% csrf_token %}
1216+
{% bootstrap_form contact_form %}
1217+
<button id="submit_button" type="submit" disabled="disabled" class="btn btn-success">Pagar</button>
1218+
</form>
1219+
</div>
1220+
</div>
1221+
</div>
1222+
</div>
1223+
<script type="application/javascript">
1224+
let phoneInput = document.getElementById('id_phone');
1225+
phoneInput.addEventListener('input', function (e) {
1226+
var x = e.target.value.replace(/\D/g, '').match(/(\d{0,2})(\d{0,5})(\d{0,4})/);
1227+
e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');
1228+
});
1229+
1230+
let submitButton = document.getElementById('submit_button');
1231+
document.getElementById('contact_form').addEventListener('input', function (e) {
1232+
if (phoneInput.value.search(/\(\d\d\) \d\d\d\d\d-\d\d\d\d/) === 0) {
1233+
submitButton.removeAttribute('disabled');
1234+
} else {
1235+
submitButton.setAttribute('disabled', 'disabled');
1236+
}
1237+
});
1238+
12051239
$(document).ready(function(){
12061240
$('.owl-carousel').owlCarousel({
12071241
autoPlay: 3000,
@@ -1225,9 +1259,7 @@ <h4 class="footer__group__content__item__title fw-700 text-blue text-uppercase">
12251259
}
12261260
})
12271261
});
1228-
</script>
12291262

1230-
<script>
12311263
$('.popup-vimeo').magnificPopup({
12321264
src: 'https://vimeo.com/398972182',
12331265
type: 'iframe'

‎pythonpro/launch/templates/launch/landing_page.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,9 @@
2020
<meta name="format-detection" content="telephone=no">
2121
<link href="{% static 'css/spp/custom.css' %}" rel="stylesheet">
2222
<link href="{% static 'css/spp/normalize.min.css' %}" rel="stylesheet">
23+
<link rel="stylesheet" href="{% static 'css/custom.css' %}"/>
24+
<link rel="stylesheet" href="{% static 'css/default.css' %}"/>
25+
2326
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap" rel="stylesheet">
2427
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700,800,900&display=swap" rel="stylesheet">
2528

@@ -34,7 +37,8 @@
3437
<meta property="og:site_name" content="Descubra o caminho para se tornar um programador profissional em pouco tempo" />
3538
<meta property="og:description" content="A Semana do Programador Profissional é um evento gratuito onde vou te mostrar o passo a passo que vai te dar acesso a um mercado que paga altos salários e milhares de vagas em aberto!" />
3639
<meta property="og:image" content="{% static 'img/spp/card-python-pro.png' %}" />
37-
40+
<script type="application/javascript" src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
41+
<script type="application/javascript" src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
3842
<script src="{% static 'js/sentry.5.3.0.min.js' %}" crossorigin="anonymous"></script>
3943
<script type="application/javascript">
4044
Sentry.init({ dsn: '{{ SENTRY_DSN }}' });

0 commit comments

Comments
 (0)