Vamos a continuar con nuestro proyecto.
Si vemos el proyecto final por ejemplo este 15 Juan empresa etcétera.
Si le das click en Editar te lleva al formulario para editarlo Desde aquí puedes cambiarle
las clic en Guardar.
Eso dice contacto editado correctamente y nos redirige nuevamente y actualiza el registro.
Entonces esa es otra página lo que vamos a hacer es crear un nuevo archivo sin nombrarlo editar punto
PHP.
La idea es que cuando hacemos clic en Editar en alguno de estos contactos en el lápiz nos lleve a ella.
Por lo tanto aquí vamos a poner editar a PHP y eso lo mismo para los otros elementos.
Todo esto lo estaremos borrando para hacer lo dinámico un poco más adelante pero tenemos que hacerlo
lo más real que se pueda al menos en esta parte y para hacerlo todavía más real lo va a poner un Heydi
igual a uno entonces que tenga una idea que lo estemos pasando a cada uno de ellos va a tener el mismo
Heydi no importa.
La idea es que tenga esta idea y de una vez porque los tenemos validando o en Editar.
Siguiente paso es que voy a copiar lo que se deje de y que abajo voy a poner Fuhrer si guardas cambio
si recargas el proyecto que llevamos que aquí ya se perdió uno
en esta parte aquí me hizo falta agregar dos puntos si no tiene ese problema sin donarlos recargamos
y vuelve.
Si doy click aquí me lleva ahora a editar con el IBI uno entonces los siguientes que vamos a comenzar
a trabajar aquí.
Si vemos el proyecto final este cambia un poco aquí arriba estar contactã y tiene un botón para volver.
En caso de que no quieran hacerlo en ninguna edición nada más dan en volver y no pasa nada.
Voy a copiar algo de este otro proyecto de esta página pero aquí vemos que ese contenedor barra pero
voy a agregar algo más de cortar este o agregar un elemento extra Class contenedor y lo barra por separado.
Si ya el contenedor lo va a aplicar lo que es centrarlo Ibarra va a tener algunos estilos de que estaremos
agregando para posicionar los elementos bien pego lo que se esté H1 y aquí en lugar de que diga agenda
de contactos va decir reeditar contacto
y colocamos una va a llevarnos a índex punto PHP y va a tener la clase Class MTN y volver y tener el
texto devolverá si guardo cambios si recargamos de momento que de esta forma me falta un poco más de
estilo lo veremos enseguida siguiente video y un poco de sal de aquí hacia abajo y aquí voy a cargar
lo que viene siendo del índex algo muy similar a lo que ya tenemos aquí va a copiar todo esto pero aquí
abajo me faltan los Dives de cierre coloco aquí el Forum y el leyen se mantienen leyen va a ser diferente
aquí nada más va a decir edita el contacto evite el contacto y guardamos cambios y recargamos y vemos
que el contacto se heredan todos los estilos todos se pasa esta parte ahora el formulario es igual este
añade un contacto los tres campos son iguales en añadir y en editar exactamente iguales.
Son pocas las cosas que cambian.
Nos veremos enseguida por lo tanto para no crear dos formularios y escribir un código más reutilizable
vamos a crear aquí en Layout un nuevo archivo que se va a llamar formulario juntos PHP para mostrarte
algunas técnicas para reutilizar más este formulario.
Primero es que voy a abrir blindex y voy a cortar todo lo que viene siendo todo lo que está dentro de
campos.
Incluso este de enviar les dejo por fuera lo que es el Fórum y el leyendo porque las leyes son diferentes
y el Fornelos Eiriz muy probablemente también lo sean.
Entonces vamos a cortar todo esto y todo esto se verá formulario
en formulario y de esta forma puedo ir nuevamente al índex y copiar este código de aquí e incluir mi
formulario aquí pongo formulario y también voy a copiar este y me los llevo a editar yo tengo el formulario
en ambos archivos utilizando la misma base en los dos Recaro aquí que tengo el mismo formulario quise
añadir estaremos utilizando un poco de lógica para mostrar distintos valores.
Tengo el mismo formulario en ambos esa parte la veremos ya más a detalle cuando estemos en la parte
de de lo que viene siendo PHP y SQL todavía no llegamos ahí.
El siguiente paso es que si vemos en editar tenemos este contenedor y tenemos barra que voy a utilizar
Grid vamos a ver hacia arriba y quiero poner punto barra y ponerle un display Grit que tiene Grid que
le define las áreas.
Por lo tanto hay que oponer grids Grit template Columns y vamos a ponerle 100 píxeles que va a ser un
área y el resto va a tomar una fracción es decir lo que haya restante entonces que iba a poner items
Center con guardar cambios aquí nada más se coloca este del lado izquierdo y te quedas más centrado
perfectamente centrado porque aquí tenemos 100 píxeles pero queda centrado y ya se queda el lado izquierdo
y alinee items los centrã verticalmente nos hace falta lo que dice volver entonces lo que voy a hacer
es traerme esos botones son botones más genéricos.
Por lo tanto voy a cortar todo esto me lo llevo aquí arriba podemos poner hay incluso un texto que diga
botones
y voy a colocar uno que diga volver a tener muchos estilos mucho más que los otros.
Volver el background color va a ser el color secundario.
Color amarillo verde Rey Dios también va a tener un par de rayos de 5 pixeles el texto va a estar centrado
en el color del texto va a ser negro su color va a ser proceres el fondo Wake va a ser de 700 y el Foncillas
de 1.2 Rubem y un poco de París para que quede el botón un poco más grande .5 en todo eso le va a dar
unos estilos para que se vea un botón como este que tenemos aquí y podamos click en volver y nos lleve
de vuelta a la página principal en volver y en el siguiente vídeo vamos a comenzar a agregar las partes
más interactivas de esta aplicación tenemos ya casi toda la base empezando por la validación.
Puedes ver que se dedicaría a quién añadir aparece todos los campos son obligatorios veremos cómo crear
esta notificación así que todo eso lo veremos a partir del próximo vídeo.