Mejoras front

public/frontend/css/style.css

@@ -93,7 +93,7 @@ header.masthead .masthead-content .masthead-subheading {
 
 /*** Menu Navegacion ***/
 
-.navbar-toggler {
+.navbar-toggle {
     padding: .25rem .75rem;
     font-size: 1.25rem;
     line-height: 2;
@@ -836,3 +836,14 @@ a.ti-link-editar {
 
 
 /************** REPRODUCTOR DE AUDIO RESPONSIVE ********************/
+
+/************ MODAL *************/
+
+.cont-modal { background:black !important; color:white; border:2px solid white; border-radius:0 !important; }
+.cont-header { padding:1rem 1.8rem !important; }
+.cont-cuerpo { padding:1rem 1.8rem !important; }
+.campo-form { border-radius:0 !important; }
+
+.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

public/frontend/style.css

@@ -30,7 +30,7 @@ th:nth-child(even)
 .alineacion p span {
     display: block;
     text-align: right
-}
+}navbar-toggle 
 
 
 .modal-open {
@@ -159,3 +159,14 @@ input::-webkit-slider-thumb {
    display: table;
    margin: 0 auto;
 }
+
+/************ MODAL *************/
+
+.cont-modal { background:black !important; color:white; border:2px solid white; border-radius:0 !important; }
+.cont-header { padding:1rem 1.8rem !important; }
+.cont-cuerpo { padding:1rem 1.8rem !important; }
+.campo-form { border-radius:0 !important; }
+
+.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; }

templates/frontend/includes/modal_datos_usuario_2.html.twig

+<div id="loginModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content cont-modal">
+
+            <div class="modal-header cont-header">
+                <h3>Mis datos</h3>
+                <button type="button" class="close btn-x-cerrar" data-dismiss="modal" aria-hidden="true">×</button>
+            </div>
+
+            <div class="modal-body cont-cuerpo">
+                <div id="message-container-datos-usuario"></div>
+                <form class="form" role="form" autocomplete="off" id="formLogin" novalidate="" method="POST">
+                    <div class="form-group">
+                        <label>Nombre</label>
+                        <input type="text" class="form-control form-control-lg campo-form" name="nombreUsuario" id="nombreUsuario" value="{{usuario.getUmoNombre()}}" required="">
+                        <div class="invalid-feedback">Debe ingresar un nombre...</div>
+                    </div>
+                    <div class="form-group">
+                        <label>Rut</label>
+                        <input type="text" class="form-control form-control-lg campo-form" id="rutUsuario" name="rutUsuario" value="{{usuario.getUmoRut()}}"  required="" autocomplete="">
+                        <div class="invalid-feedback">Debe ingresar un rut...</div>
+                    </div>
+                    <div class="form-group">
+                        <label>Email</label>
+                        <input type="mail" class="form-control form-control-lg campo-form" id="mailUsuario" name="mailUsuario" value="{{usuario.getUmoMail()}}" required="" autocomplete="">
+                        <div class="invalid-feedback">Debe ingresar un correo...</div>
+                    </div>
+                    <div class="form-group py-4">
+                        <button class="btn btn-outline-secondary btn-lg btn-cerrar" data-dismiss="modal" aria-hidden="true">Cerrar</button>
+                        <button type="submit" class="btn btn-success btn-lg float-right btn-guardar" id="btnLogin" onclick="actualizarDatos(event)">Guardar</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>

templates/frontend/includes/navbar.html.twig

@@ -16,7 +16,7 @@
 
   <nav class="navbar navbar-expand-lg navbar-dark navbar-custom justify-content-between">
       <div class="container-fluid">
-          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-nav" onclick="openNav()">
+          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".dual-nav" onclick="openNav()">
               <span class="navbar-toggler-icon"></span>
           </button>
           <a href="{{path('front_index', {msisdn: app.session.get('msisdn')})}}" class="navbar-brand mx-auto d-block text-center order-0 order-md-1 w-25"><img src="{{asset('frontend/img/umusic-logo.svg')}}" height="110" class="img-fluid"/></a>

templates/frontend/paginas/mi_cuenta.html.twig

@@ -45,10 +45,11 @@
                                     <div class="info-cuenta mt-3 col-12">
                                         <span>Suscripciones activas en UMUSIC</span>
                                         <p class="numero-cuenta"><strong>( {{ usuario.getUmoMsisdn()}} )</strong></p>
-                                        <button class="btn btn-success" onclick="modalActualizarDatos(event)">Actualizar Datos</button>
+                                        <div class="col-12 text-center py-2">
+                                            <a href="#loginModal" role="button" class="btn btn-primary btn-lg" data-toggle="modal" onclick="modalActualizarDatos(event)">Actualizar Datos</a>
+                                        </div>
                                     </div>
 
-
                                     {%for suscripcion in suscripciones %}
                                         {% if suscripcion.getSusVigente() == 1 and suscripcion.getSusUltimoTipoXml() == 1 %}
                                             <input type="hidden" id="lisId" name="lisId" value="{{ suscripcion.getLisId().getLisId() }}">
@@ -94,7 +95,9 @@
                 </section>
             </div>
     </header>
-    {% include 'frontend/includes/modal_datos_usuario.html.twig'%}     
+    {#{% include 'frontend/includes/modal_datos_usuario.html.twig'%} #}
+    {% include 'frontend/includes/modal_datos_usuario_2.html.twig'%}
+
 {% endblock %}
 {%block javascripts %}
     <script>
@@ -103,7 +106,11 @@
 
         function modalActualizarDatos(event) {
             event.preventDefault();
-            $("#modalDatosUsuario").modal('toggle');
+            var form = $("#modalDatosUsuario")
+            
+            form.addClass('was-validated');
+            
+            form.modal('toggle');
             $("#message-container-datos-usuario").html("");
         }