vinco/hecho-en-cdmx — pull request #14 by ramipaleo (2014-09-05 20:57:16+00:00)
Title: Creates contact form to email contacto@hechoencd.mx

Tarea relacionada

Mail de contacto@hechoencd.mx

Problema

Crear un formulario con los campos: nombre, email y mensaje para ser enviados por correo. El enlace para abrir dicho formulario debe estar en el footer.

Solución

Se crear la liga en el footer, arriba de "Por Vinco Orbis", al dar clic se despliega un modal con el formulario.

Las validaciones de los campos son a través de directivas de angular y al llenar todos los datos se activa el botón de envío.

Se crea un archivo php con la función de mail() para enviar los campos recogidos del formulario al email correspondiente.

A través del servicio de $http de angularjs, para facilitar la comunicación con JSON. Si el mail se envía correctamente lanza un mensaje de éxito, sino muestra el mensaje que no se pudo enviar.

Se cambian alguno estilos del formulario, en el archivo main.scss

Pruebas

Para realizar la pruebas ejecuté grunt bluid para compilar todo el sitio y ejecutarlo en un servidor de apache, para ver si el formulario enviaba los datos a través del archivo sendMail.php, configurando también en este último mi correo de manoderecha para observar si llegaban los emails y observar si el formulario validaba correctamente.

Algo que si tuve que hacer manual es copiar la carpeta y archivo email/sendMail.php a la carpeta dist, ya que al ejecutar grunt bluid esta se eliminaba.