Cambios que afecta a la web de entrada por mejoras en la aplicación.

git-svn-id: https://192.168.0.254/svn/Proyectos.Incam_PROFIND_Aterrizaje/trunk@27 db07b8d6-80f3-1c4e-84de-227a4fed3af2

src/contactar.html

@@ -37,7 +37,7 @@
                 <div class="span8">
                     <h5>Contacte con nosotros</h5>
                     <p>Rellene el formulario siguiente y nos pondremos en contacto con usted.</p>
-                    <form class="form-horizontal" action="submit-form.php" method="post" id="contactarForm">
+                    <form action="submit-form.php" method="post" id="contactarForm">
                         <fieldset>
                             <div class="control-group">
                                 <label class="control-label" for="contactarNombre">Nombre:</label>

src/css/media.css

@@ -13,7 +13,8 @@
         color: #222;
         border-width: 0px 0px 0px 0px !important;
     }
-    input[type="text"], select, textarea {
+    input[type="text"], input[type="email"], input[type="password"], 
+    select, textarea {
         width: 210px;
     }
 
@@ -48,14 +49,15 @@
     }
 
     .form-horizontal .control-label {
-        width: 120px;
+        width: 110px;
     }
 
     .form-horizontal .controls {
         margin-left: 140px;
     }
 
-    input[type="text"], input[type="password"], select, textarea {
+    input[type="text"], input[type="email"], input[type="password"], 
+    select, textarea {
         width: 90% !important;
     }
 }
@@ -83,14 +85,15 @@
     }    
 
     .form-horizontal .control-label {
-        width: 120px;
+        width: 130px;
     }
 
     .form-horizontal .controls {
         margin-left: 140px;
     }
 
-    input[type="text"], input[type="password"], select, textarea {
+    input[type="text"], input[type="email"], input[type="password"], 
+    select, textarea {
         width: 80% !important;
     }
 
@@ -98,7 +101,7 @@
 
 /*----------------------------------------*/
 /* Monitores */
-@media only screen and (min-width: 1200px) {
+@media only screen and (min-width: 1025px) {
     .row {
         margin-left: -20px;
         zoom: 1;
@@ -329,11 +332,17 @@
     }
     
     .form-horizontal .control-label {
-        width: 150px;
+        width: 120px;
     }
 
     .form-horizontal .controls {
-        margin-left: 170px;
+        margin-left: 130px;
+    }
+
+    .form-horizontal .form-actions {
+        padding-left: 120px;
+        padding-top: 10px;
+        padding-bottom: 10px;
     }    
     
     .form-horizontal .controls label {

src/css/style.css

@@ -18,7 +18,7 @@ img, embed, object, video {
 }
 
 form {
-    margin: 18px 0 0 0;
+    margin: 15px 0 0 0;
 }
 
 ul, ol {
@@ -100,7 +100,7 @@ p {
 /*----------------------------------------*/
 
 .form-horizontal .help-inline.error {
-    font-size: 90%;
+    font-size: 80%;
 }
 
 .form-horizontal .control-label {
@@ -108,10 +108,15 @@ p {
 }
 
 .form-horizontal .control-group {
-    margin-bottom: 5px;
+    margin-bottom: 1px;
 }
 
 .form-horizontal .controls {
+    min-height: 30px;
+    height: 30px;
+}
+
+.form-horizontal .controls.mensaje {
     min-height: 50px;
     height: 50px;
 }
@@ -124,6 +129,10 @@ p {
     font-size: 90%;
 }
 
+.form-horizontal .controls.text_line {
+    line-height: 30px
+}
+
 .form-box {
     border: 1px solid #ddd;
     background: #f4f4f4;
@@ -136,16 +145,16 @@ p {
 
 .form-box h4 {
     width: auto;
-    padding: 20px;
+    padding: 4px 20px;
     margin-top: 0;
     font-family: Arial,Helvetica,sans-serif;
-    font-size: 20px;
+    font-size: 18px;
     font-weight: normal;
     color: #fff;
 }
 
 .form-box form {
-    min-height: 330px;
+    min-height: 255px;
 }
 
 .form-box .form-actions {
@@ -219,6 +228,12 @@ p {
     border-top: 1px dashed #ccc;
     display: inline-block;
 }
+.divider-20px {
+    width: 100%;
+    margin: 20px auto;
+    border-top: 1px dashed #ccc;
+    display: inline-block;
+}
 .divider-10px {
     width: 100%;
     margin: 10px auto;
@@ -240,7 +255,7 @@ p {
 }
 .spacer-10px {
     width: 100%;
-    height: 10px;
+    height: 10  px;
     display: inline-block;
 }
 
@@ -285,8 +300,8 @@ p {
 /*----------------------------------------*/
 #header {
     background: #fff;
-    padding: 20px 0 20px 0;
+    padding: 12px 0 8px 0;
-    margin-bottom: 30px;
+    margin-bottom: 0;
     border-bottom: 1px solid #E4E4E4;
 }
 .box {
@@ -456,7 +471,7 @@ select {
     border-radius: 3px;
 }
 .controls label {
-    line-height: 1.3em;
+    line-height: 1.1em;
 }
 
 label {
@@ -464,6 +479,7 @@ label {
     color: #222222;
     margin-bottom: 5px;
     display: block;
+    font-size: 13px;
 }
 :-moz-placeholder {
     font-size: 14px;
@@ -595,7 +611,7 @@ span.valid {
 #footer {
     background: url(../img/footer-bg.png) repeat #444;
     padding: 30px 0px 10px 0px;
-    margin-top: 30px;
+    margin-top: 10px;
     border-top: 1px solid #e4e4e4;
     color: #f4f4f4;
 }

src/index.php

@@ -44,73 +44,71 @@
 
         <div class="container">    
             <div class="row">
-                <div class="span6">
+                <div class="span5 offset1">
                     <div id="entrar" class="form-box">
                         <h4 class="btn-primary"><i class="icon-white icon-user"></i> Entrada para socios</h4>
                         <form class="form-horizontal" id="entrarForm" method='post' action='/profind/profind/index.php?r=site/login'>
                             <fieldset>
                                 <div class="control-group">
                                     <label class="control-label" for="FormularioLogin_email">Email:</label>
-                                    <div class="controls">
+                                    <div class="controls mensaje">
-                                        <input type="text" class="input-large" id="FormularioLogin_email" name="FormularioLogin_email">
+                                        <input type="email" class="input-large" id="FormularioLogin_email" name="FormularioLogin_email">
                                     </div>
                                 </div>
                                 <div class="control-group">
                                     <label class="control-label" for="FormularioLogin_password">Password:</label>
-                                    <div class="controls">
+                                    <div class="controls mensaje">
                                         <input type="password" class="input-large" id="FormularioLogin_password" name="FormularioLogin_password">
                                     </div>
                                 </div>
                                 <div class="control-group">
                                     <div class="controls">
-                                        <p>Olvidé mi password: <a id="solicitar_password" href="#">Solicitar</a></p>
+                                        Olvidé mi password: <a id="solicitar_password" href="#">Solicitar</a>
                                     </div>
                                 </div>
-                                <div class="control-group pagination-centered resultado">
+                                <div class="control-group">
-                                </div>
+                                    <div class="controls">
-
+                                        <button title="Entrar a mi cuenta" class="btn btn-primary" type="submit">Entrar</button>
-                                <div class="form-actions">
+                                    </div>
-                                    <button title="Entrar a mi cuenta" class="btn btn-primary btn-large" type="submit">Entrar</button>
                                 </div>
                             </fieldset>
                         </form>                        
                     </div>   
                 </div>
-                <div class="span6">
+                <div class="span5">
                     <div id="registro" class="form-box">
                         <h4 class="btn-success"><i class="icon-white icon-edit"></i> ¿Quiere crear una cuenta? (gratis)</h4>
-                        <form class="form-horizontal" id="registroForm" method='post' action='/profind/profind/index.php?r=registroUsuario/registrar'>
+                        <form class="form-horizontal" id="registroForm" method='post' action='/profind/profind/index.php?r=usuario/registrar'>
                             <fieldset>
                                 <div class="control-group">
                                     <label class="control-label" for="FormularioRegistro_email">Email:</label>
-                                    <div class="controls">
+                                    <div class="controls mensaje">
-                                        <input type="text" class="input-large" id="FormularioRegistro_email" name="FormularioRegistro_email">
+                                        <input type="email" class="input-large" id="FormularioRegistro_email" name="FormularioRegistro_email">
                                     </div>
                                 </div>
                                 <div class="control-group">
                                     <label class="control-label" for="FormularioRegistro_password">Crear password:</label>
-                                    <div class="controls">
+                                    <div class="controls mensaje">
                                         <input type="password" class="input-large" id="FormularioRegistro_password" name="FormularioRegistro_password">
                                     </div>
                                 </div>
                                 <div class="control-group">
-                                    <label class="control-label" for="FormularioRegistro_password2">Confirmar password:</label>
+                                    <label class="control-label" for="FormularioRegistro_password2">Repetir password:</label>
-                                    <div class="controls">
+                                    <div class="controls mensaje">
                                         <input type="password" class="input-large" id="FormularioRegistro_password2" name="FormularioRegistro_password2">
                                     </div>
                                 </div>                                        
                                 <div class="control-group">
-                                    <div class="controls">
+                                    <div class="controls mensaje">
                                         <label for="FormularioRegistro_acepto" class="checkbox">
                                             <input type="checkbox" id="FormularioRegistro_acepto" name="FormularioRegistro_acepto" value="0"><small>Acepto los <a target="_blank" href="terminos-uso.html">Términos legales de uso</a> y la <a target="_blank" href="politica-privacidad.html">política de privacidad</a>.</small>
                                         </label>                                                                                               
                                     </div>
                                 </div>
-                                <div class="control-group pagination-centered resultado">
+                                <div class="control-group">
-                                </div>
+                                    <div class="controls">
-
+                                        <button title="Crear mi cuenta" class="btn btn-success" type="submit">Pulsa aquí</button>
-                                <div class="form-actions">
+                                    </div>
-                                    <button title="Crear mi cuenta" class="btn btn-success btn-large" type="submit">Pulsa aquí</button>
                                 </div>
                             </fieldset>
                         </form>
@@ -121,22 +119,19 @@
 
         <div class="container clearfix">            
             <div class="row pagination-centered">
-                <div class="divider"></div>
+                <div class="divider-20px"></div>
             </div>
         </div>        
         <div class="container clearfix">            
             <div class="row feature-bg-icon">
-                <div class="span4">
+                <div class="span6">
-                    <div class="icon-bg green-bg"><img width="60" height="60" alt="icon" src="img/icons/icon-big-4.png"></div>
+                    <div class="row-fluid">
-                    <p>TEXTO 1</p>
+                        <div class="span6"><a title="Clubjobtic" href="http://www.clubjobtic.com/frasier"><img width="250" height="73" alt="Clubjobtic" src="img/logo_clubjobtic.jpg"></a></div>
+                        <div class="span6"><p><a title="Clubjobtic" href="http://www.clubjobtic.com/frasier"><strong>Visite Clubjobtic</strong><br>¡¡ La página de los Agentes de Empleo !!</a></p></div>
+                    </div>                    
                 </div>
-                <div class="span4">
+                <div class="span6">
-                    <div class="icon-bg blue-bg"><img width="60" height="60" alt="icon" src="img/icons/icon-big-4.png"></div>
+                    <iframe width="460" height="259" src="https://www.youtube.com/embed/UnCisJun8tE?rel=0&autoplay=1&loop=1&modestbranding=1&showinfo=0&theme=light&playlist=UnCisJun8tE" frameborder="0" allowfullscreen></iframe>
-                    <p>TEXTO 2</p>
-                </div>
-                <div class="span4">
-                    <div class="icon-bg red-bg"><img width="60" height="60" alt="icon" src="img/icons/icon-big-4.png"></div>
-                    <p><a title="Clubjobtic" href="http://www.clubjobtic.com/frasier"><strong>Visite Clubjobtic</strong><br>¡¡ La página de los Agentes de Empleo !!</a></p>
                 </div>
             </div>            
         </div>
@@ -197,7 +192,7 @@
             </div>
             <div class="modal-body">
                 <p>Indique a continuación el email de su usuario en PROFIND. Recibirá en esa dirección un correo con los pasos necesarios para recuperar su cuenta en PROFIND.</p>
-                <form class="form-horizontal" id="recuperarForm" method='post' action='/profind/profind/index.php?r=seguridadUsuario/recuperar'>
+                <form class="form-horizontal" id="recuperarForm" method='post' action='/profind/profind/index.php?r=usuario/recuperar'>
                     <fieldset>
                         <div class="control-group">
                             <label class="control-label" for="FormularioRecuperar_email">Email:</label>
@@ -216,6 +211,62 @@
             </div>                
         </div>
         
+        <?php if ((isset($_GET['x'])) && (isset($_GET['key'])) && (isset($_GET['email']))) { ?>
+        <div id="msj_activaragente" class="modal hide fade">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h3>Activación de perfil de agente</h3>
+            </div>
+            <div class="modal-body">
+                <p>Introduzca a continuación su nueva contraseña para su cuenta en PROFIND.</p>
+                <form class="form-horizontal" id="activarAgenteForm" method='post' action='/profind/profind/index.php?r=usuario/registrarAgente'>
+                    <fieldset>
+                        <?php if (isset($_GET['email'])) { ?>
+                            <div class="control-group">
+                                <label class="control-label">Email:</label>
+                                <div class="controls text_line">
+                                    <strong><?php echo filter_var($_GET['email'], FILTER_SANITIZE_EMAIL); ?></strong>
+                                    <input type="hidden" id="FormularioActivarAgente_email" name="FormularioActivarAgente_email" value="<?php echo filter_var($_GET['email'], FILTER_SANITIZE_EMAIL); ?>">
+                                </div>
+                            </div>
+                        <?php } ?>
+
+                        <div class="control-group">
+                            <label class="control-label" for="FormularioActivarAgente_password">Nueva password:</label>
+                            <div class="controls">
+                                <input type="password" class="input-large" id="FormularioActivarAgente_password" name="FormularioActivarAgente_password">
+                            </div>
+                        </div>
+                        <div class="control-group">
+                            <label class="control-label" for="FormularioActivarAgente_password_repetida">Repita la password:</label>
+                            <div class="controls">
+                                <input type="password" class="input-large" id="FormularioActivarAgente_password_repetida" name="FormularioActivarAgente_password_repetida">
+                            </div>
+                        </div>
+                        <div class="control-group">
+                            <div class="controls">
+                                <label for="FormularioActivarAgente_acepto" class="checkbox">
+                                    <input type="checkbox" id="FormularioActivarAgente_acepto" name="FormularioActivarAgente_acepto" value="0"><small>Acepto los <a target="_blank" href="terminos-uso.html">Términos legales de uso</a> y la <a target="_blank" href="politica-privacidad.html">política de privacidad</a>.</small>
+                                </label>                                                                                               
+                            </div>
+                        </div>
+
+                        <?php if (isset($_GET['key'])) { ?>
+                            <input type="hidden" id="FormularioActivarAgente_key" name="FormularioActivarAgente_key" value="<?php echo filter_var($_GET['key'], FILTER_SANITIZE_STRING); ?>">
+                        <?php } ?>
+                        
+                        <div class="control-group pagination-centered resultado"></div>
+                    </fieldset>
+                </form>
+
+            </div>
+            <div class="modal-footer">
+                <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
+                <button class="btn btn-primary">Activar cuenta</a>
+            </div>                
+        </div>
+        <?php } ?>        
+        
         <?php if ((isset($_GET['key'])) && (isset($_GET['email']))) { ?>
         <div id="msj_cambiarpassword" class="modal hide fade">
             <div class="modal-header">
@@ -224,13 +275,13 @@
             </div>
             <div class="modal-body">
                 <p>Introduzca a continuación su nueva contraseña para su cuenta en PROFIND.</p>
-                <form class="form-horizontal" id="cambiarPasswordForm" method='post' action='/profind/profind/index.php?r=seguridadUsuario/cambiarPasswordExt'>
+                <form class="form-horizontal" id="cambiarPasswordForm" method='post' action='/profind/profind/index.php?r=usuario/establecerPassword'>
                     <fieldset>
                         <?php if (isset($_GET['email'])) { ?>
                             <div class="control-group">
                                 <label class="control-label">Email:</label>
-                                <div class="controls">
+                                <div class="controls text_line">
-                                    <label class="control-label"><?php echo filter_var($_GET['email'], FILTER_SANITIZE_EMAIL); ?></label>
+                                    <strong><?php echo filter_var($_GET['email'], FILTER_SANITIZE_EMAIL); ?></strong>
                                     <input type="hidden" id="FormularioCambiarPassword_email" name="FormularioCambiarPassword_email" value="<?php echo filter_var($_GET['email'], FILTER_SANITIZE_EMAIL); ?>">
                                 </div>
                             </div>
@@ -269,7 +320,13 @@
         <script src="js/jquery.validate.min.js" type="text/javascript"></script> 
         <script src="js/bootstrap.min.js" type="text/javascript"></script> 
         <script src="js/profind.js" type="text/javascript"></script>
-        <?php if ((isset($_GET['key'])) && (isset($_GET['email']))) { ?>
+        <?php if ((isset($_GET['x'])) && (isset($_GET['key'])) && (isset($_GET['email']))) { ?>
+        <script type="text/javascript">
+            $(document).ready(function(){
+                $('#msj_activaragente').modal('show');
+            });
+        </script>
+        <?php } elseif ((isset($_GET['key'])) && (isset($_GET['email']))) { ?>
         <script type="text/javascript">
             $(document).ready(function(){
                 $('#msj_cambiarpassword').modal('show');

src/js/profind.js

@@ -4,6 +4,7 @@ $(document).ready(function(){
     
     profind_recuperar_password.init();    
     profind_cambiar_password.init();   
+    profind_registro_agente.init();
 });
 
 profind_login = {
@@ -12,7 +13,7 @@ profind_login = {
             var form = $("#entrarForm");
             form.find(":submit").attr("disabled", true);        
             form.find(":submit").addClass('btn-striped');
-            $('#entrarForm .resultado').children().remove();
+            
             $.ajax({
                 url: form.attr('action'),
                 dataType: 'json',
@@ -26,20 +27,18 @@ profind_login = {
                     }
                     else {
                         if (data != null && typeof data == 'object') {
+                            var resultado = '';
                             $.each(data, function(key, value){
-                                jQuery('<label/>', {
+                                resultado = resultado + value;
-                                    text: value
-                                }).addClass('error').appendTo('#entrarForm .resultado');
                             });
+                            mostrar_mensaje('Error', resultado);
                         }
                     }
                 },
                 error: function(XMLHttpRequest, textStatus, errorThrown) {
                     form.find(":submit").removeClass('btn-striped');
                     form.find(":submit").attr("disabled", false);
-                    jQuery('<label/>', {
+                    mostrar_mensaje('Error', 'Error de comunicación con el servidor');
-                        text: 'Error de comunicación con el servidor'
-                    }).addClass('error').appendTo('#entrarForm .resultado');
                 }
             });
             return false;							
@@ -87,37 +86,33 @@ profind_registro = {
             var form = $("#registroForm");
             form.find(":submit").attr("disabled", true);
             form.find(":submit").addClass('btn-striped');
-            $('#registroForm .resultado').children().remove();
+            
             $.ajax({
                 url: form.attr('action'),
                 dataType: 'json',
                 type: 'POST',
-                data : form.serialize()+'&ajax=registro-form',
+                data : form.serialize()+'&ajax=registro-coordinador-form-entrada',
                 success: function(data, textStatus, XMLHttpRequest) {
                     form.find(":submit").removeClass('btn-striped');
                     form.find(":submit").attr("disabled", false);
-                    if (data.status == '200') {
+                    if (data.status == 'success') {
                         form.clearForm();
-                        $('#msj_info .modal-header h3').text(data.titulo);
+                        mostrar_mensaje(data.titulo, data.texto);
-                        $('#msj_info .modal-body p').text(data.texto);
-                        $('#msj_info').modal('show');
                     }
                     else {
                         if (data != null && typeof data == 'object') {
+                            var resultado = '';
                             $.each(data, function(key, value){
-                                jQuery('<label/>', {
+                                resultado = resultado + value;
-                                    text: value
-                                }).addClass('error').appendTo('#registroForm .resultado');
                             }); 
+                            mostrar_mensaje('Error', resultado);
                         }
                     }
                 },
                 error: function(XMLHttpRequest, textStatus, errorThrown) {
                     form.find(":submit").removeClass('btn-striped');
                     form.find(":submit").attr("disabled", false);
-                    jQuery('<label/>', {
+                    mostrar_mensaje('Error', 'Error de comunicación con el servidor');
-                        text: 'Error de comunicación con el servidor'
-                    }).addClass('error').appendTo('#registroForm .resultado');
                 }
             });
             return false;							
@@ -188,40 +183,37 @@ profind_recuperar_password = {
         var recuperar_password = function() {            
             var form = $("#recuperarForm");
             $('#msj_recuperar .btn-primary').addClass('btn-striped');
-			$('#msj_recuperar .btn-primary').attr("disabled", true);
+            $('#msj_recuperar .btn-primary').attr("disabled", true);
-            $('#msj_recuperar .resultado').children().remove();
+            
             $.ajax({
                 url: form.attr('action'),
                 dataType: 'json',
                 type: 'POST',
-                data : form.serialize()+'&ajax=recuperar-form',
+                data : form.serialize()+'&ajax=recuperar-form-entrada',
                 success: function(data, textStatus, XMLHttpRequest) {
                     $('#msj_recuperar .btn-primary').removeClass('btn-striped');
-					$('#msj_recuperar .btn-primary').attr("disabled", false);
+                    $('#msj_recuperar .btn-primary').attr("disabled", false);
-                    if (data.status == '200') {
+                    if (data.status == 'success') {
                         form.clearForm();
                         $('#msj_recuperar').modal('hide');
-                        
+                        mostrar_mensaje(data.titulo, data.texto);                        
-                        $('#msj_info .modal-header h3').text(data.titulo);
-                        $('#msj_info .modal-body p').text(data.texto);
-                        $('#msj_info').modal('show');
                     }
                     else {
                         if (data != null && typeof data == 'object') {
+                            var resultado = '';
                             $.each(data, function(key, value){
-                                jQuery('<label/>', {
+                                resultado = resultado + value;
-                                    text: value
-                                }).addClass('error').appendTo('#msj_recuperar .resultado');
                             }); 
+                            $('#msj_recuperar').modal('hide');
+                            mostrar_mensaje('Error', resultado);
                         }
                     }
                 },
                 error: function(XMLHttpRequest, textStatus, errorThrown) {
                     $('#msj_recuperar .btn-primary').removeClass('btn-striped');
-					$('#msj_recuperar .btn-primary').attr("disabled", false);
+                    $('#msj_recuperar .btn-primary').attr("disabled", false);
-                    jQuery('<label/>', {
+                    $('#msj_recuperar').modal('hide');
-                        text: 'Error de comunicación con el servidor'
+                    mostrar_mensaje('Error', 'Error de comunicación con el servidor');
-                    }).addClass('error').appendTo('#msj_recuperar .resultado');
                 }
             });
             return false;							
@@ -265,40 +257,32 @@ profind_cambiar_password = {
         var cambiar_password = function() {            
             var form = $("#cambiarPasswordForm");
             $('#msj_cambiarpassword .btn-primary').addClass('btn-striped');
-			$('#msj_cambiarpassword .btn-primary').attr("disabled", true);
+            $('#msj_cambiarpassword .btn-primary').attr("disabled", true);
-            $('#msj_cambiarpassword .resultado').children().remove();
+            
             $.ajax({
                 url: form.attr('action'),
                 dataType: 'json',
                 type: 'POST',
-                data : form.serialize()+'&ajax=cambiar-password-form-ext',
+                data : form.serialize()+'&ajax=cambiar-password-form-entrada',
                 success: function(data, textStatus, XMLHttpRequest) {
-                    $('#msj_cambiarpassword .btn-primary').removeClass('btn-striped');
+					$('#msj_cambiarpassword').modal('hide');
-					$('#msj_cambiarpassword .btn-primary').attr("disabled", false);
+                    if (data.status == 'success') {
-                    if (data.status == '200') {
                         form.clearForm();
-                        $('#msj_cambiarpassword').modal('hide');
+                        mostrar_mensaje(data.titulo, data.texto);                        
-                        
-                        $('#msj_info .modal-header h3').text(data.titulo);
-                        $('#msj_info .modal-body p').text(data.texto);
-                        $('#msj_info').modal('show');
                     }
                     else {
                         if (data != null && typeof data == 'object') {							
+                            var resultado = '';
                             $.each(data, function(key, value){
-                                jQuery('<label/>', {
+                                resultado = resultado + value;
-                                    text: value
-                                }).addClass('error').appendTo('#msj_cambiarpassword .resultado');
                             }); 
+                            mostrar_mensaje('Error', resultado);
                         }
                     }
                 },
                 error: function(XMLHttpRequest, textStatus, errorThrown) {
-                    $('#msj_cambiarpassword .btn-primary').removeClass('btn-striped');
+					$('#msj_cambiarpassword').modal('hide');
-					$('#msj_cambiarpassword .btn-primary').attr("disabled", false);
+                    mostrar_mensaje('Error', 'Error de comunicación con el servidor');
-                    jQuery('<label/>', {
-                        text: 'Error de comunicación con el servidor'
-                    }).addClass('error').appendTo('#msj_cambiarpassword .resultado');
                 }
             });
             return false;							
@@ -317,7 +301,7 @@ profind_cambiar_password = {
                     required:true,
                     minlength: 6,
                     equalTo: "#FormularioCambiarPassword_password"
-                },
+                }
             },
             messages:{
                 FormularioCambiarPassword_password:{
@@ -328,7 +312,7 @@ profind_cambiar_password = {
                     required:"Introduzca otra vez la contraseña",
                     minlength:"La contraseña debe al menos 6 caracteres",
                     equalTo:"La confirmación de contraseña no coincide"
-                },
+                }
             },
             errorClass: "error help-inline",
             errorElement: "span",
@@ -343,6 +327,88 @@ profind_cambiar_password = {
     }        
 };
 
+profind_registro_agente = {
+    init: function() {
+        $('#msj_activaragente .btn-primary').click(function(){
+            $("#activarAgenteForm").submit();
+        });
+        
+        var activar_agente = function() {            
+            var form = $("#activarAgenteForm");
+            $('#msj_activaragente .btn-primary').addClass('btn-striped');
+            $('#msj_activaragente .btn-primary').attr("disabled", true);
+            $('#msj_activaragente .resultado').children().remove();
+            $.ajax({
+                url: form.attr('action'),
+                dataType: 'json',
+                type: 'POST',
+                data : form.serialize()+'&ajax=activar-agente-form-entrada',
+                success: function(data, textStatus, XMLHttpRequest) {
+					form.clearForm();
+					$('#msj_activaragente').modal('hide');
+                    if (data.status == 'success') {
+                        mostrar_mensaje(data.titulo, data.texto);
+                    }
+                    else {
+                        if (data != null && typeof data == 'object') {
+                            var resultado = '';
+                            $.each(data, function(key, value){
+                                resultado = resultado + value;
+                            }); 
+                            mostrar_mensaje('Error', resultado);
+                        }
+                    }
+                },
+                error: function(XMLHttpRequest, textStatus, errorThrown) {
+                    $('#msj_activaragente').modal('hide');
+                    mostrar_mensaje('Error', 'Error de comunicación con el servidor');
+                }
+            });
+            return false;							
+        };
+                
+        $("#activarAgenteForm").validate({
+            onfocusout: false,
+            onkeyup: false,
+            onclick: false,
+            rules:{
+                FormularioActivarAgente_password:{
+                    required:true,
+                    minlength: 6
+                },
+                FormularioActivarAgente_password_repetida:{
+                    required:true,
+                    minlength: 6,
+                    equalTo: "#FormularioActivarAgente_password"
+                },
+                FormularioActivarAgente_acepto:{
+                    required:true
+                }                
+            },
+            messages:{
+                FormularioActivarAgente_password:{
+                    required:"Indique una nueva contraseña",
+                    minlength:"La contraseña debe al menos 6 caracteres"
+                },
+                FormularioActivarAgente_password_repetida:{
+                    required:"Introduzca otra vez la contraseña",
+                    minlength:"La contraseña debe al menos 6 caracteres",
+                    equalTo:"La confirmación de contraseña no coincide"
+                },
+                FormularioActivarAgente_acepto:""
+            },
+            errorClass: "error help-inline",
+            errorElement: "span",
+            highlight:function(element, errorClass, validClass) {
+                $(element).parents('.control-group').addClass('error');
+            },
+            unhighlight: function(element, errorClass, validClass) {
+                $(element).parents('.control-group').removeClass('error');
+            },
+            submitHandler: activar_agente
+        });				
+    }        
+};
 
 $.fn.clearForm = function() {
     return this.each(function() {
@@ -358,3 +424,8 @@ $.fn.clearForm = function() {
     });
 };
 
+function mostrar_mensaje(titulo, mensaje) {
+    $('#msj_info .modal-header h3').text(titulo);
+    $('#msj_info .modal-body p').text(mensaje);
+    $('#msj_info').modal('show');
+}

src/que-es-profind.html

@@ -42,33 +42,43 @@
                     </p>                    
                 </div>
             </div>      
-            <div class="row">
-                <div class="span7">
-                    <ul class="checkmark">
-                        <li>Publicar Ofertas de Empleo en el propio PROFIND.</li>
-                        <li>Difundir automáticamente las Ofertas a través de las propias Redes Sociales (Facebook, Linkedin,..) y Grupos de dichas Redes.</li>
-                        <li>Realimentar dichas Redes Sociales con nuevos Contactos potencialmente Candidatos.</li>
-                        <li>Controlar automáticamente las respuestas desde sus Redes y Grupos e integrarlas de forma automática en su PROFIND.</li>
-                        <li>Difundir automáticamente las Ofertas a través de los portales de Empleo con los que tenga Acuerdo el Agente.</li>
-                        <li>Controlar las respuestas desde los Portales de Empleo en los que ha difundido su Oferta.</li>
-                        <li>Alimentar la construcción de ” su propia Base de Datos” con toda la información de Publicaciones y Respuestas.</li>
-                        <li>Seguir la evolución  de los Candidato en el proceso de Selección.</li>
-                    </ul>
-                </div>               
-                <div class="span5">
-                    <img width="300" height="260" class="img-left" alt="image" src="img/preview/slider-img1.png">
-                </div>               
-            </div>
-
             <div class="row">
                 <div class="span12">                    
-                    <p>
+                    <div class="row-fluid">                    
-                        Con PROFIND, cada Agente de un equipo pueda demostrar la efectividad e intensidad de su trabajo frente a los Responsables de su  Equipo. El Agente es propietario de la Información valiosa para él y para su empresa que ha sido el resultante de su trabajo de cada día.
+                        <div class="span6">
-                    </p>
+                            <ul class="checkmark">
+                                <li>Publicar Ofertas de Empleo en el propio PROFIND.</li>
+                                <li>Difundir automáticamente las Ofertas a través de las propias Redes Sociales (Facebook, Linkedin,..) y Grupos de dichas Redes.</li>
+                                <li>Realimentar dichas Redes Sociales con nuevos Contactos potencialmente Candidatos.</li>
+                                <li>Controlar automáticamente las respuestas desde sus Redes y Grupos e integrarlas de forma automática en su PROFIND.</li>                                
+                            </ul>
+                        </div>
+                        <div class="span6">
+                            <ul class="checkmark">
+                                <li>Difundir automáticamente las Ofertas a través de los portales de Empleo con los que tenga Acuerdo el Agente.</li>
+                                <li>Controlar las respuestas desde los Portales de Empleo en los que ha difundido su Oferta.</li>
+                                <li>Alimentar la construcción de ” su propia Base de Datos” con toda la información de Publicaciones y Respuestas.</li>
+                                <li>Seguir la evolución  de los Candidato en el proceso de Selección.</li>
+                                <li>Mostrar sus publicaciones en la página global de Clubjobtic.</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="span12 pagination-centered">
+                        <img width="600" height="360" class="img-polaroid" alt="¿Qué es PROFIND?" src="img/esquema-profind.png">                        
+                    </div>               
                 </div>
             </div>
+            <div class="row spacer-10px"></div>
             <div class="row">                
                 <div class="span6">
+                    <p>
+                        Con PROFIND, cada Agente de un equipo pueda demostrar la efectividad e intensidad de su trabajo 
+                        frente a los Responsables de su  Equipo. El Agente es propietario de la Información valiosa 
+                        para él y para su empresa que ha sido el resultante de su trabajo de cada día.
+                    </p>
+				
                     <h5>Forma de trabajo</h5>
                     <ul class="checkmark">
                         <li>El Agente elige si va a usar el Producto de forma personal o formando parte de un equipo.</li>
@@ -79,9 +89,11 @@
                         <li>Intercomunica con los candidatos y controla el proceso de Selección.</li>
                         <li>Selecciona y contrata a los Candidatos elegidos.</li>
                     </ul>
+					<p>Comenzar a utilizar el Servicio es tan fácil como <span class="highlight-green">Registrarse en Profind</span> y comenzar de forma <span class="highlight-green">gratuita</span> hasta que el Agente decida ampliar los servicios en base a una cuota anual.</p>
                 </div>
 
                 <div class="span6">
+                    <iframe width="460" height="259" src="https://www.youtube.com/embed/jATosWAIx6M?rel=0&autoplay=1&loop=1&modestbranding=1&showinfo=0&theme=light&playlist=jATosWAIx6M" frameborder="0" allowfullscreen></iframe>
                     <h5>PROFIND tiene aplicación en las siguientes situaciones:</h5>
                     <ul class="checkmark">
                         <li>Agentes de Empleo que seleccionan Candidatos para puestos a cubrir en su propia empresa.</li>
@@ -93,17 +105,10 @@
         </div>
 
         <div class="container box">
-            <div class="row ">
-                <div class="span12">
-                    <p>Comenzar a utilizar el Servicio es tan fácil como <span class="highlight-green">Registrarse en Profind</span> y comenzar de forma <span class="highlight-green">gratuita</span> hasta que el Agente decida ampliar los servicios en base a una cuota anual.
-                    </p>                    
-                </div>
-            </div>
-
             <div class="row ">
                 <div class="span12">
                     <div class="pagination-centered">
-                        <a class="btn btn-success btn-large" id="btn-registros" href="index.html#registro">¡Regístrese en la página home!</a>
+                        <a class="btn btn-success btn-large" id="btn-registros" href="index.php">¡Regístrese en la página home!</a>
                     </div>
                 </div>
             </div>