Skip to content

GitLab

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

Prueba Reporteria #3- Nuevo reporte suscripciones nuevas

parent 18bdd353
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1051 additions and 938 deletions
public/frontend/alert/alerta-icon.svg 0 → 100644
View file @ efdcb81c
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 286.054 286.054" style="enable-background:new 0 0 286.054 286.054;" xml:space="preserve">
<g>
<path style="fill:#E2574C;" d="M143.027,0C64.04,0,0,64.04,0,143.027c0,78.996,64.04,143.027,143.027,143.027
c78.996,0,143.027-64.022,143.027-143.027C286.054,64.04,222.022,0,143.027,0z M143.027,259.236
c-64.183,0-116.209-52.026-116.209-116.209S78.844,26.818,143.027,26.818s116.209,52.026,116.209,116.209
S207.21,259.236,143.027,259.236z M143.036,62.726c-10.244,0-17.995,5.346-17.995,13.981v79.201c0,8.644,7.75,13.972,17.995,13.972
c9.994,0,17.995-5.551,17.995-13.972V76.707C161.03,68.277,153.03,62.726,143.036,62.726z M143.036,187.723
c-9.842,0-17.852,8.01-17.852,17.86c0,9.833,8.01,17.843,17.852,17.843s17.843-8.01,17.843-17.843
C160.878,195.732,152.878,187.723,143.036,187.723z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
public/frontend/alert/payment-icon.svg 0 → 100644
View file @ efdcb81c
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 286.1 286.1" style="enable-background:new 0 0 286.1 286.1;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#26BC53;stroke-width:15.6815;stroke-miterlimit:10;}
</style>
<g>
<path class="st0" d="M225.3,110.7V34.3c0-6.5-5.3-11.8-11.8-11.8h-194c-6.5,0-11.8,5.3-11.8,11.8v83.8v33.7
c0,6.5,5.3,11.8,11.8,11.8H49"/>
<line class="st0" x1="225.3" y1="51.9" x2="7.9" y2="51.9"/>
<line class="st0" x1="225.3" y1="87.2" x2="7.9" y2="87.2"/>
<path class="st0" d="M72.5,122.5c-6.5,0-11.8,5.3-11.8,11.8v117.6c0,6.5,5.3,11.8,11.8,11.8h194c6.5,0,11.8-5.3,11.8-11.8V134.2
c0-6.5-5.3-11.8-11.8-11.8H72.5z"/>
<line class="st0" x1="84.3" y1="222.4" x2="113.7" y2="222.4"/>
<line class="st0" x1="131.3" y1="222.4" x2="160.7" y2="222.4"/>
<line class="st0" x1="178.3" y1="222.4" x2="207.7" y2="222.4"/>
<line class="st0" x1="225.3" y1="222.4" x2="254.7" y2="222.4"/>
<path class="st0" d="M248.9,172.4c0,11.4-9.2,20.6-20.6,20.6h-5.9c-11.4,0-20.6-9.2-20.6-20.6l0,0c0-11.4,9.2-20.6,20.6-20.6h5.9
C239.6,151.9,248.9,161.1,248.9,172.4L248.9,172.4z"/>
</g>
</svg>
public/frontend/css/style.css
View file @ efdcb81c
This diff is collapsed.
public/frontend/style.css
View file @ efdcb81c
......@@ -172,3 +172,39 @@ input::-webkit-slider-thumb {
.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; }
/* Mensaje de alertas */
.alert-ok {
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.1em;
border-radius:5px;
padding: 20px;
overflow:hidden;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
/* background-color:#8dc081; /* Verde */ */
color: red;
margin-bottom: 15px;
}
/* Botón cerrar */
.closebtn-ok {
color: #333333;
font-weight: bold;
font-size: 32px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn-ok:hover {
color: #777777;
}
.icon-one {
color:red;
font-weight: bold;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.txt-alerta { color:#444444; }
\ No newline at end of file
templates/frontend/paginas/resultado.html.twig
View file @ efdcb81c
......@@ -11,7 +11,7 @@
<div class="row">
<div class="col-12">
<p class="numero-top pt-3">
PAGO KUSHKI - {{lista.getLisNombre()}}
PAGO SUSCRIPCIÓN - {{lista.getLisNombre()}}
</p>
</div>
</div>
......@@ -23,30 +23,50 @@
<section id="tabs-micuenta" class="pt-3 pb-3">
<div class="col-xs-12">
{% if error is defined %}
<!-- alertas -->
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display = 'none';">&times;</span>
{{ error }}
<div class="row">
<div class="col-2">
<img class="icon-one" width="40" src="{{asset('frontend/alert/alerta-icon.svg')}}" alt=""/>
</div>
<div class="col-8">
<p class="txt-alerta">{{ error }}</p>
</div>
<div class="col-1">
<span class="closebtn-ok" onclick="this.parentElement.parentElement.style.display = 'none';">&times;</span>
</div>
</div>
</div>
<br>
{% endif %}
{% 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 class="row">
<div class="col-2">
<img class="icon-one" width="40" src="{{asset('frontend/alert/payment-icon.svg')}}" alt=""/>
</div>
<div class="col-8">
<p class="txt-alerta">{{mensaje}}</p>
</div>
<div class="col-1">
<span class="closebtn-ok" onclick="this.parentElement.parentElement.style.display = 'none';">&times;</span>
</div>
</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">
<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">
......@@ -58,18 +78,26 @@
</form>
</div>
</div>
</div>
{% endif %}
{% if mostrarKushki == 1%}
<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 class="row">
<div class="col-2">
<img class="icon-one" width="40" src="{{asset('frontend/alert/payment-icon.svg')}}" alt=""/>
</div>
<div class="col-8">
<p class="txt-alerta">Puede utilizar el método de pago que se encuentra en la parte inferior, para poder completar la suscripción.</p>
</div>
<div class="col-1">
<span class="closebtn-ok" onclick="this.parentElement.parentElement.style.display = 'none';">&times;</span>
</div>
</div>
</div>
<!-- Bloque kushki -->
<div class="card mt-4 mb-4">
<form id="kushki-pay-form" action="confirm" method="post">
......
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