Skip to content

GitLab

M
musica_listas_umusic
Commit 18bdd353 authored by Cristian Mauricio Diaz Canales's avatar Cristian Mauricio Diaz Canales 💬
Browse files
Options

se actuliza proyecto de u music

parent 29e6164b
Hide whitespace changes
Inline Side-by-side
Showing with 206 additions and 92 deletions
public/frontend/css/style.css
View file @ 18bdd353
......@@ -846,4 +846,69 @@ a.ti-link-editar {
.btn-guardar { background:#599cc7 !important; border-radius:0 !important; font-size:1em; }
.btn-x-cerrar { color:white !important; background-color: black !important; }
.btn-cerrar { background:bblack !important; border-radius:0 !important; color:white; border:2px solid white !important; font-size:1em; }
\ No newline at end of file
.btn-cerrar { background:bblack !important; border-radius:0 !important; color:white; border:2px solid white !important; font-size:1em; }
/***************** bakcground kushki *************/
header.masthead-kushki {
position: relative;
overflow: hidden;
padding-bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#ff6a00), to(#ee0979));
background: white;
}
/* Mensaje de alertas */
.alert {
font-family: 'Roboto Condensed', sans-serif;
border-radius:12px;
padding: 20px;
background-color: #e87067; /* Rojo */
color: white;
margin-bottom: 15px;
}
/* Botón cerrar */
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color:#85241d;
}
/* Mensaje de alertas */
.alert-ok {
font-family: 'Roboto Condensed', sans-serif;
border-radius:12px;
padding: 20px;
background-color:#8dc081; /* Verde */
color: white;
margin-bottom: 15px;
}
/* Botón cerrar */
.closebtn-ok {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn-ok:hover {
color: #39762a;
}
src/FrontendBundle/Controller/PagosController.php
View file @ 18bdd353
......@@ -174,6 +174,7 @@ class PagosController extends AbstractController {
return $this->render('frontend/paginas/confirm.html.twig', [
"listas" => $listas,
"suscripcion" => $suscripcion,
"lista" => $lista,
"msisdn" => $userIdentifier,
"message" => $message,
......
src/FrontendBundle/Controller/SuscripcionController.php
View file @ 18bdd353
......@@ -194,6 +194,7 @@ class SuscripcionController extends AbstractController {
return $this->render('frontend/paginas/resultado.html.twig', [
"lista" => $lista,
"listas" => $listas,
"suscripcion" => $suscripcion,
"mostrarKushki" => 0,
"publicMerchantId" => "",
"mensaje" => "Suscripción realizada correctamente",
......@@ -211,6 +212,7 @@ class SuscripcionController extends AbstractController {
return $this->render('frontend/paginas/resultado.html.twig', [
"lista" => $lista,
"listas" => $listas,
"suscripcion" => $suscripcion,
"msisdn" => $msisdn,
"mostrarKushki" => 1,
"publicMerchantId" => Utiles::getParametroConfiguracion("publicKeyKushki", $em),
......
templates/frontend/paginas/confirm.html.twig
View file @ 18bdd353
{% extends 'frontend/base.html.twig' %}
{% block title %}Confirmacion{% endblock %}
{% block body %}
<header class="masthead-sc text-white">
<header class="masthead-dest text-center text-white">
<div class="container subheader-info">
<div class="row">
<div class="col-12">
<p class="numero-top pt-3">
Resumen Suscripción
</p>
</div>
</div>
</div>
<div class="masthead-content">
<div class="borde-superior pt 10">
<!-- Tabs -->
<section id="tabs-micuenta" class="pt-3 pb-3">
<div class="col-xs-12 py-3 px-3 px-sm-0">
{% if error is defined and error == 1 %}
<p>No se ha podido realizar la suscripcion a la lista {{lista.getLisNombre()}}. Vuelva a intentar más tarde.</p>
{% else %}
<p>Se ha realizado la suscripción a la lista {{lista.getLisNombre()}}, ya puedes disfrutar de la mejor música.</p>
<!-- header con mensaje -->
<form action="{{ path('front_index') }}">
<div class="container subheader-info col-10 offset-1 mt-4 mb-3">
<div class="row">
<div class="col-12">
<p class="numero-top text-left">
{{ lista.getLisNombre() }}
</p>
{% if error is defined and error == 1 %}
<div align="center">
<div class="alert alert-danger"> {{ message }} </div>
</div>
{% endif %}
{% if message is defined and error == 0 %}
<div align="center">
<div class="alert alert-success"> La suscripción se ha realizado con exito. Vuelva al inicio o acceda desde el menu superior a las listas contratadas.</div>
<!-- Bloque plan -->
<div class="card mt-4 mb-4">
<div class="card-body">
<h5 class="card-title ti-plan">Plan UMUSIC</h5>
<p class="card-text ti-text">Accede a todo el contenido de la lista {{lista.getLisNombre()}} y escucha su musica cuando quieras.</p>
</div>
{% endif %}
<button type="submit" class="btn btn-codigo-suscripcion col-11 mt-4 mb-5">Volver</button>
</div>
</div>
</div>
</form>
<div class="container">
<div class="row">
<ul class="list-group list-group-flush">
<li class="list-group-item ti-text"><strong>Fecha activación:</strong> {{suscripcion.getFechaInicioFormatted()}} </li>
<li class="list-group-item ti-text"><strong>Medio Pago:</strong> {{suscripcion.getMedioPago()}}</li>
<li class="list-group-item ti-text"><strong>Precio:</strong> {{lista.getLisPrecio()}}</li>
</ul>
<div class="col-12">
<form action="{{ path('front_index') }}">
<div class="container subheader-info col-10 offset-1 mt-4 mb-3">
<div class="row">
<div class="col-12">
<button type="submit" class="btn btn-codigo-suscripcion col-11 mt-4 mb-5">Volver</button>
</div>
</div>
</div>
</form>
<div class="col-11">
</div>
</div>
{% endif %}
<ul>
<li class="item-suscripcion mb-2">Pago Fácil el monto se descontara automáticamente de tu prepago o se abonara a tu plan</li>
<li class="item-suscripcion mb-2">Te informaremos todas las semanas de tu pago mediante mensaje de texto</li>
</ul>
</div>
</div>
</section>
</div>
</div>
</div>
</header>
{% endblock %}
templates/frontend/paginas/resultado.html.twig
View file @ 18bdd353
......@@ -4,35 +4,74 @@
<link href="{{asset('frontend/css/styles-player.css')}}" rel="stylesheet">
{% endblock %}
{% block body %}
<header class="masthead-sc text-white">
<header class="masthead-kushki text-center text-white">
<!-- header con mensaje -->
<div class="masthead-content">
<div class="container subheader-info col-10 offset-1 mt-4 mb-3">
<div class="row">
<div class="col-12">
<p class="numero-top text-left">
{{ lista.getLisNombre() }}
</p>
{% if error is defined %}
<div align="center">
<div class="alert alert-danger"> {{ error }} </div>
</div>
{% endif %}
<div class="container subheader-info">
<div class="row">
<div class="col-12">
<p class="numero-top pt-3">
PAGO KUSHKI - {{lista.getLisNombre()}}
</p>
</div>
</div>
</div>
{% if mensaje is defined %}
<div align="center">
<div class="alert alert-success"> {{ mensaje }} </div>
</div>
{% endif %}
<!-- cierre con mensaje -->
<div class="borde-superior pt 10">
<!-- Tabs -->
<section id="tabs-micuenta" class="pt-3 pb-3">
<div class="col-xs-12">
{% if error is defined %}
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display = 'none';">&times;</span>
{{ error }}
</div>
{% endif %}
<div align="center">
<div class="alert alert-success"> Puede utilizar el método de pago que se encuentra en la parte inferior, para poder completar la suscripción.</div>
{% if mensaje is defined %}
<div class="alert-ok">
<span class="closebtn-ok" onclick="this.parentElement.style.display = 'none';">&times;</span>
<div class="alert alert-success"> {{ mensaje }} </div>
</div>
<!-- Bloque plan -->
<div class="card mt-4 mb-4">
<div class="card-body">
<h5 class="card-title ti-plan">Plan UMUSIC</h5>
<p class="card-text ti-text">Accede a todo el contenido de la lista {{lista.getLisNombre()}} y escucha su musica cuando quieras.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item ti-text"><strong>Fecha activación:</strong> {{suscripcion.getFechaInicioFormatted()}} </li>
<li class="list-group-item ti-text"><strong>Medio Pago:</strong> {{suscripcion.getMedioPago()}}</li>
<li class="list-group-item ti-text"><strong>Precio:</strong> {{lista.getLisPrecio()}}</li>
</ul>
<div class="col-12">
<form action="{{ path('front_index') }}">
<div class="container subheader-info col-10 offset-1 mt-4 mb-3">
<div class="row">
<div class="col-12">
<button type="submit" class="btn btn-codigo-suscripcion col-11 mt-4 mb-5">Volver</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
{% endif %}
{% if mostrarKushki == 1%}
<div class="col-12">
<div class="alert-ok">
<span class="closebtn-ok" onclick="this.parentElement.style.display = 'none';">&times;</span>
Puede utilizar el método de pago que se encuentra en la parte inferior, para poder completar la suscripción.
</div>
<!-- Bloque kushki -->
<div class="card mt-4 mb-4">
<form id="kushki-pay-form" action="confirm" method="post">
<input type="hidden" name="userIdentifier" value="{{ msisdn }}">
<input type="hidden" name="productId" value="{{ lista.getLisId() }}">
......@@ -40,51 +79,40 @@
<input type="hidden" name="productName" value="{{ lista.getLisNombre() }}">
</form>
</div>
{% endif %}
{% endif %}
</div>
</div>
<!-- header con mensaje -->
</section>
</div>
<!-- header con mensaje -->
<form action="{{ path('front_index') }}">
<div class="container subheader-info col-10 offset-1 mt-4 mb-3">
<div class="row">
<div class="col-12">
<button type="submit" class="btn btn-codigo-suscripcion col-11 mt-4 mb-5">Volver</button>
</div>
</div>
</div>
</form>
<div class="container">
<form action="{{ path('front_index') }}">
<div class="container subheader-info col-10 offset-1 mt-4 mb-3">
<div class="row">
<div class="col-11">
<ul>
<li class="item-suscripcion mb-2">Pago Fácil el monto se descontara automáticamente de tu prepago o se abonara a tu plan</li>
<li class="item-suscripcion mb-2">Te informaremos todas las semanas de tu pago mediante mensaje de texto</li>
</ul>
<div class="col-12">
<button type="submit" class="btn btn-codigo-suscripcion col-11 mt-4 mb-5">Volver</button>
</div>
</div>
</div>
</div>
</header>
</div>
</form>
</div>
</div>
</header>
{% endblock %}
{%block javascripts %}
{% if mostrarKushki == 1%}
<script src="https://cdn.kushkipagos.com/kushki-checkout.js"></script>
<script type="text/javascript">
var kushki = new KushkiCheckout({
form: "kushki-pay-form",
merchant_id: "{{publicMerchantId}}",
amount: "{{lista.getLisPrecio()}}.0",
currency: "CLP",
payment_methods: ["credit-card"], // Payments Methods enabled
is_subscription: true, // Optional
inTestEnvironment: {{isTest}},
regional: false // Optional
});
var kushki = new KushkiCheckout({
form: "kushki-pay-form",
merchant_id: "{{publicMerchantId}}",
amount: "{{lista.getLisPrecio()}}.0",
currency: "CLP",
payment_methods: ["credit-card"], // Payments Methods enabled
is_subscription: true, // Optional
inTestEnvironment: {{isTest}},
regional: false // Optional
});
</script>
{%endif%}
</script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment