Debido a que el formulario en si de editar y crear eventos es igual vamos a crear primero el de crear
eventos agregar que quieras crear agregar y podemos recargar a nuestro sitio eventos agregar y puedes
ver que de momento solo el administrador hicimos una copia entonces no hay problema abrimos el crear
Evento y aquí en la parte superior vamos a poder crear Evento llene el formulario para crear un evento
y abajo podemos crear Evento
y recargamos y de esta forma los siguientes que por ejemplo aquí en nuestro iPhone tenemos guarda registro
eso está bien va a ser la búsqueda más bien esto va a ejecutar el código a quién admin Ayax guarda registro
todo eso está bien.
Sin embargo en el Auction aquí en vez de modelo admin vamos a crear un archivo que se llama un modelo
evento todavía no lo hacemos un poco más adelante el siguiente paso es que por ejemplo vamos a crear
los campos que se van a requerir.
Vamos a poner aquí título evento
y va a ser de tipo texto.
Las clases fueron contrarrestarse vostra y luego aquí vamos a evento
y luego el nombre también y Pleiss Wolder
título del evento.
Luego el segundo campo si vemos por ejemplo las tablas en eventos Brousse tenemos la fecha del evento
si abrimos Lt.
Vamos a ver es que por ejemplo aquí en informes vas a encontrar los elementos avanzados y aquí viene
algo que se llama Alday Peak puedes seleccionar aquí y te va a aparecer un calendario puedes dar click
y te va a regresar la fecha ese es el que vamos a estar agregando al proyecto puedes ver que está Nat
Forms y en Advanced aquí Pages OBS Advanced y voy a cargarlo para acá vamos a buscar de qué dice picar
por cierto ahí uno que tiene un rango y uno que tiene una fecha también hay muchos muy avanzados estos
son similares a los que ves en las páginas de las aerolíneas entonces vamos a buscar que dice Date 2
puntos de aquí puedo copiar todo este código y llevármelo a crear eventos y aquí es donde está el título
del evento después podemos pegarlo aquí si guardo cambios y recargamos se ve bien o se ve bien pero
no funciona por qué no funciona porque este utiliza un componente de vostra llamado Ticker.
Entonces por ejemplo aquí en el Advance si le damos buscar Pecker va a saber que hay dos archivos
vas a ver que falta este archivo Bootstrap de picar .1.000 punto J.V está en la carpeta disto así que
lo vamos a cargar.
Entonces aquí volvemos un nivel y volvemos a otro nivel Bower components y se llama
Bootstrap de picaros así que lo buscamos así mostrás de edípica y luego está en lista
ese es este Bootstrap de PIC Ordiz JS muestras de picher .1.000 entonces copiamos éste y aquí se los
pegamos lo siguiente que voy a hacer es copiar esta línea de JavaScript esto lo copio y me lo llevo
al Führer.
Platts Furet y más o menos aquí lo pegamos y eliminamos todo este J.S. todo este código queda nada más
la carpeta JavaScript.
Entonces si guardo cambio si recargamos click vemos que tampoco lo hace.
Bueno qué pasa.
Tenemos que abrir el Advanced y aquí vas a ver que vienen todos los llamados a JavaScript.
Vamos a tener que buscar uno que diga Piquer que es este.
Aquí puedo copiar este y abrirlo en la PJ es lo que tienen todos los llamados a sus funciones y lo puedo
pegar aquí y recargar
y debemos creer que puedes ver qué se ve aunque no se ve igual que este no se veía muy bien este se
ve de esta forma y todo lo que pasa es que también debemos buscar por Toy Piquer nos hace falta un archivo
de CSS y se lo vas a encontrar aquí también está el CSS y puedes seleccionar de muchos aquí lo que vamos
a hacer es seleccionar al mismo ser de Pecker vostra Pecker .1.000 es este lo copiamos y lo llevamos
al CSS y copiamos esta línea completa y se va a ir Liger
justo a quitarles podríaser y eliminamos todo este todo esta línea entonces hay que cuando pasa un componente
de admin LT a tu proyecto primero hay que copiar el código HTML del componente que te haya gustado segundo
ver las librerías CSS JavaScript y luego si es llamado de esta forma como la parte inferior de este
proyecto como estos de aquí y de esa forma vas a poder pasar cualquier elemento a tu proyecto que diga
quién Dadd y puedes ver que se ve de esta forma igual como que queda muy pegado arriba y no nos deja
navegar bien entonces a quién crear Evento podríamos voy a intentar esto un poco cortar este y ponerle
un poco más abajo
y recargar y ahora si ya se va a poder ver bien y puedo navegar por los distintos meses y días etc..
Y también podés ver que había en este calendario que está aquí como parte del ícono del campo se lee
bastante bien
entonces que vamos a poner fecha a evento
iba a ser el tipo tex esto lo ocupate y Pecker y puedes ver que nos hace falta igual el nene desde casa
con Hakkinen todo esto lo va a leer PHP fecha y evento y podemos guardar cambios y recargar y cambiar
la fecha evento
igual aquí donde dice el nombre podríamos poner qué tipo de evento es si es en seminarios o Workshop
etcétera y todo eso lo podemos hacer una consulta de la categoría del evento entonces qué arriba podríamos
poner.
Categoría
recargará aparezca la categoría pero lo vamos a hacer por medio de un Select.
Entonces vamos a eliminar todo esto y debido a que ya tenemos por ejemplo aquí en funciones
descubrir iguales funciones aquí y funciones esto lo copiamos de crear admin entonces aquí también va
a estar el error
como aquí en funciones ya abre la conexión a la base de datos puedo hacer una consulta aquí abajo puedo
poner por ejemplo un Select Main categoria evento y luego una clase una clase que se va a llamar Full
Control y también vamos a poner la casa que se llama Select dos en minarete.
Si ves los formularios aquí hay unos.
EC Tú ves una librería de JavaScript para crear Selex más avanzados como estos se ven bastante bien.
Se ven un poco más agradables que el Select tradicional que viene por default en el en cualquier navegador.
Entonces estaremos agregando Select 2 y cerramos el Select
y aquí adentro es donde vamos a estar poniendo nuestro nuestra consulta.
El PHP PhP aquí cierre acá entra el catch.
Error en caso de que lo haya
mensaje y aquí arriba es donde vamos a escribir la consulta.
La música de Iguala Select seleccionar todo from categoría evento y luego ponemos el resultado igual
a la conexión que ya la hemos abierto porque pusimos funciones Cuadri sí y después Weyl Mercat evento
de categoria evento es igual al resultado Fetch Asoc y abro mis llaves y cierro PHP aquí abro PHP aquí
abajo porque voy a poner un poco de HTML aquí adentro cada uno de estos va a tener una opción no option
option el valio va a ser el Heydi debido a que hicimos un joven a los huevos a las tablas de eventos
aquí en Braavos vamos a estar guardando el nombre del evento la fecha y la hora pero vamos a estar guardando
nada más los Eiriz entonces aquí en el Balio vamos a poner hehco cada evento y la categoría del evento.
Su columna de ahí se llama y de categoría puedes verlo ahí y de categoría PHP aquí y dentro de la opción
es el valor fácil de leer por así decirlo.
Ponemos PHP HP eco evento y ponemos el nombre que vendría siendo cada evento igualdad cambio si recargamos
y viene categoría y puedo dar click aquí y aparece seminarios conferencias talleres y workshops.
Tal vez sea bueno pero este es el Legna se parece a los otros estos estaban más bonitos si se ven mejor
porque son de ser leídos y al igual que el Pecker que vimos anteriormente tenemos que copiar los archivos
de JavaScript lo primero que quiero hacer es que cuando recargo por default viene el seminario entonces
vamos a poner una opción por default tenemos aquí una opción y va a tener un valor de cero es decir
nada y aquí seleccione para que el usuario tenga que seleccionar algún otro no venga por default ese
segundo el segundo que tenemos que ver es a quién Advanced vamos a buscar Select dos y puedes ver aquí
si inicializar la función.
Tenemos que buscar las librerías y aquí está el archivo de seises entonces elec dos
Select dos están Bower components buscamos ser Lek dos y luego viene dicese es deísta CSS Select 2.7
y lo pegamos acá copió todo esta línea y me la llevo al Gebser y lo voy a poner aquí.
Y elimina todo este código segundo es el archivo de JavaScript abrojo Tadesse de la misma carpeta de
Select 2 y copio este buscamos ahora aquí ver cuál usa es en Advanced
2 son los ejemplos y utiliza algunos que se abren Select 2 punto full .1.000 sería este de aquí y puedo
también copiar este script.
Llevármelo ahora el furor y tal vez aquí y eliminar todo este código y falta inicializar también.
Si recuerdas a quien Advance tenemos Legg 2 y son estos archivos
entonces voy a copiar éste y me lo llevo a la y aquí lo voy a poner.
Y guardo cambios y recargamos y cuando de click puedes ver que se ve esta forma se ve mejor y también
tiene la parte de filtrada porque puedes escribir y te va a filtrarlos los inputs en una librería muy
interesante Select 2 puedes buscarlo en internet para ver un poco más de ejemplos tienen muchísimos
incluso admin Ltd tiene muchos ejemplos de selectos todos estos que están aquí arriba entonces es una
muy buena librería se ve viendo bastante bien ya tenemos el de que todos tenemos la fecha del evento
Pecker el título del evento
algo que quiero hacer aquí es para ordenar un poco es que aquí se IPIC y luego es el evento que no estoy
muy contento con esos nombres entonces aquí en crear Evento en lugar de que diga Select todos vamos
a poner aquí seleccionar y aquí en lugar de que diga Abajo en lugar de que diga Piquer quiero que diga
fecha
y seleccionar y fecha fecha y seleccionar
y recargamos vemos que todo funciona igual.
Si continuamos viendo por ejemplo eventos vamos a ver que hay otra tabla que se llama hora si vemos
de nuevo los ejemplos de admin Lt.
Vamos a encontrar aquellos que se llaman picher Piquer
de este lado del lado izquierdo viene el color viene con color óptica y los bienes de Pecker Piquer
y aquí puedes seleccionar la hora.
Entonces vamos a buscar s en el Advance Time aplicaré
y un poco más abajo.
Aquí viene el Time piquera entonces lo vamos a utilizar este que está aquí copiar todo esto.
Llevármelo a crear Evento poco más abajo después de la fecha abajo puede ponerse código vamos a intentar
un poco este código
algo así porque será más fácil de saber qué Dib Sierra qué y aquí vamos a poner la hora en Orán y de
la misma forma en piquera es otra librería poco a poco así es como no siempre se llena de archivos JavaScript.
Si ponemos en picher puedes ver que tenemos este plugins entonces queda por fuera la Bogor components
entonces va a estar más atrás.
Y aquí en plugins
se mata en Picher y viene vuestra típica J.S extermine se lo copiamos y lo pegamos acá y puedo copiar
de nuevo también este poner el Führer
y eliminar toda esta parte
J.S. busca implicar y cedamos podemos copiar también el en 1.000cc y pegarlo acá y el Gelber
podremos buscar Tempisque nuevas para copiar ese código
sería éste Skopie el link y éste lo pongo aquí arriba
y elimino todo este pongo CSS falta inicializar el valor o el elemento Packer
y el que viene abajo en Ticker entonces lo podremos copiar llevárnoslo OLAP pegarlo abajo Guardar cambios
y recargar y ahora viene la hora puedes dar click aquí ya te va a mostrar tan Pecker
como puedes ver una de las ventajas de ser programador uego desarrollador web es que librerías para
casi todas las cosas no hay necesidad de que creas todo por ti mismo a veces es más importante un desarrollador
que saber qué herramientas usar uno que sepa hacer todo porque los tiempos a veces son apremiantes entonces
conocer este tipo de herramientas con muchas librerías dentro te van a ahorrar bastante tiempo de trabajo.
Al final a un programador no nos pagan por línea de código escrita nos pagan por el proyecto entonces
lo que te puede ayudar a eficientar el tiempo también puede ser muy útil.
Además ya hemos escrito mucho código en la parte del frontãn ya sabemos cómo funciona todo esto si vemos
nuestro nuestro nuestro ejemplo lo único que nos falta son los invitados.
Sin embargo ese Qwerty es un poco más complicado así que en el siguiente vídeo vamos a añadir el campo
para agregar un invitado en la creación de los eventos.