#1 Cambios en diseño y correcciones menores

parent 1fd67d15
{% extends 'frontend/base.html.twig' %}
{% block stylesheets %}
<link href="{{asset('frontend/style.css')}}" rel="stylesheet">
{% endblock %}
{% block body %}
<header class="masthead-ingreso text-center text-white">
<div class="ingresa-numero-container container mt-4 mb-4">
{% if error is defined %}
<font color="red"> {{ error }} </font>
{% endif %}
<p>Ingresa tu número de teléfono</p>
<form action="{{ path('front_validar_msisdn') }}" method="post" }}>
<div class="form-row align-items-center">
<div class="col-2">
<label for="staticEmail2" class="sr-only"><p>+56</p></label>
<input type="text" readonly class="codigo-ciudad form-control-plaintext" id="staticEmail2" value="+56">
</div>
<div class="col-7">
<label class="sr-only" for="inlineFormInputGroup">Ingrésalo aquí</label>
<div class="input-group mb-2">
<input type="text" id="msisdn" name="msisdn" class="form-control campo-numero txt-campo-ingreso" id="inlineFormInputGroup" placeholder="Ingresalo aquí">
</div>
</div>
<div class="col-3">
<button type="submit" class="btn btn-codigo-suscripcion mb-2">Siguiente</button>
</div>
</div>
</form>
</div>
<!-- header con mensaje -->
<div class="container subheader-info">
<div class="row">
<div class="col-4">
<p class="txt-top">
Entra a alguna de las categorías y suscríbete
</p>
</div>
<div class="col-4">
<p class="numero-top">
$500
</p>
</div>
</div>
</div>
<!-- cierre con mensaje -->
</header>
<!-- Bootstrap core JavaScript
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> -->
<!-- nuevo codigo menu navegacion -->
<script>
function openNav() {
document.getElementById("myNav").style.height = "100%";
}
function closeNav() {
document.getElementById("myNav").style.height = "0%";
}
</script>
{% extends 'frontend/base.html.twig' %}
{% block stylesheets %}
<link href="{{asset('frontend/style.css')}}" rel="stylesheet">
{% endblock %}
{% block body %}
<header class="masthead-ingreso text-center text-white">
<div class="ingresa-numero-container container mt-4 mb-4">
{% if error is defined %}
<!-- alertas -->
<div class="alert">
<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 %}
<p>Ingresa tu número de teléfono</p>
<form action="{{ path('front_validar_msisdn') }}" method="post" }}>
<div class="form-row align-items-center">
<div class="col-2">
<label for="staticEmail2" class="sr-only"><p>+56</p></label>
<input type="text" readonly class="codigo-ciudad form-control-plaintext" id="staticEmail2" value="+56">
</div>
<div class="col-7">
<label class="sr-only" for="inlineFormInputGroup">Ingrésalo aquí</label>
<div class="input-group mb-2">
<input type="text" id="msisdn" name="msisdn" class="form-control campo-numero txt-campo-ingreso" id="inlineFormInputGroup" placeholder="Ingresalo aquí">
</div>
</div>
<div class="col-3">
<button type="submit" class="btn btn-codigo-suscripcion mb-2">Siguiente</button>
</div>
</div>
</form>
</div>
<!-- header con mensaje -->
<div class="container subheader-info">
<div class="row">
<div class="col-4">
<p class="txt-top">
Entra a alguna de las categorías y suscríbete
</p>
</div>
<div class="col-4">
<p class="numero-top">
$500
</p>
</div>
</div>
</div>
<!-- cierre con mensaje -->
</header>
<!-- Bootstrap core JavaScript
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> -->
<!-- nuevo codigo menu navegacion -->
<script>
function openNav() {
document.getElementById("myNav").style.height = "100%";
}
function closeNav() {
document.getElementById("myNav").style.height = "0%";
}
</script>
{% endblock %}
\ No newline at end of file
......@@ -199,7 +199,7 @@
var success = '<div class="alert-ok">\n\
<div class="row">\n\
<div class="col-2">\n\
<img class="icon-one" width="40" src="{{asset('frontend/alert/alerta-icon.svg')}}" alt=""/></div>\n\
<img class="icon-one" width="40" src="{{asset('frontend/alert/payment-icon.svg')}}" alt=""/></div>\n\
<div class="col-8"><p class="txt-alerta">'+msg+'</p>\n\
</div>\n\
<div class="col-1"></div></div></div>';
......
{% extends 'frontend/base.html.twig' %}
{% block stylesheets %}
<link href="{{asset('frontend/style.css')}}" rel="stylesheet">
{% endblock %}
{% block body %}
<header class="masthead-ingreso text-center text-white">
<div class="ingresa-numero-container container mt-4 mb-4">
{% if msj is defined %}
<p> {{ msj }} </p>
{% endif %}
{% if error is defined %}
<font color="red"> {{ error }} </font>
{% endif %}
<form action="{{ path('front_validar_pin') }}" method="post" }}>
<div class="form-row align-items-center">
<div class="col-2">
</div>
<div class="col-7">
<label class="sr-only" for="inlineFormInputGroup">Ingrésalo aquí</label>
<div class="input-group mb-2">
<input type="hidden" id="msisdn" name="msisdn" value={{ msisdn }}>
<input id="pin" name="pin" type="text" class="form-control campo-numero txt-campo-ingreso" id="inlineFormInputGroup" placeholder="Ingresalo aquí">
</div>
</div>
<div class="col-3">
<button type="submit" class="btn btn-codigo-suscripcion mb-2">Siguiente</button>
</div>
</div>
</form>
</div>
<!-- header con mensaje -->
<div class="container subheader-info">
<div class="row">
<div class="col-4">
<p class="txt-top">
Entra a alguna de las categorías y suscríbete
</p>
</div>
<div class="col-4">
<p class="numero-top">
$500
</p>
</div>
</div>
</div>
<!-- cierre con mensaje -->
</header>
{% extends 'frontend/base.html.twig' %}
{% block stylesheets %}
<link href="{{asset('frontend/style.css')}}" rel="stylesheet">
{% endblock %}
{% block body %}
<header class="masthead-ingreso text-center text-white">
<div class="ingresa-numero-container container mt-4 mb-4">
{% if msj is defined %}
<!-- alertas -->
<div class="alert">
<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">{{ msj }} </p>
</div>
<div class="col-1">
</div>
</div>
</div>
<br>
{% endif %}
{% if error is defined %}
<!-- alertas -->
<div class="alert">
<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">
</div>
</div>
</div>
<br>
{% endif %}
<form action="{{ path('front_validar_pin') }}" method="post" }}>
<div class="form-row align-items-center">
<div class="col-2">
</div>
<div class="col-7">
<label class="sr-only" for="inlineFormInputGroup">Ingrésalo aquí</label>
<div class="input-group mb-2">
<input type="hidden" id="msisdn" name="msisdn" value={{ msisdn }}>
<input id="pin" name="pin" type="text" class="form-control campo-numero txt-campo-ingreso" id="inlineFormInputGroup" placeholder="Ingresalo aquí">
</div>
</div>
<div class="col-3">
<button type="submit" class="btn btn-codigo-suscripcion mb-2">Siguiente</button>
</div>
</div>
</form>
</div>
<!-- header con mensaje -->
<div class="container subheader-info">
<div class="row">
<div class="col-4">
<p class="txt-top">
Entra a alguna de las categorías y suscríbete
</p>
</div>
<div class="col-4">
<p class="numero-top">
$500
</p>
</div>
</div>
</div>
<!-- cierre con mensaje -->
</header>
{% endblock %}
\ No newline at end of file
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