En los archivos de admin Melate vas a encontrar una carpeta eczema Pages y aquí se llaman widgets vamos
a abrir este en el navegador y puedes ver que vienen todos estos diseños ya hechos.
Algunos se ven bastante bien la mayoría se ven bastante bien.
Puedes ver que por ejemplo aquí arriba están estos de mensajes y 1410 mensajes algunos eventos nuevas
órdenes y estás creando un panel para una tienda virtual o el porcentaje de rebote nuevos usuarios registrados
etcétera.
Tiene muchos ejemplos.
Seamos un poco más de scroll puedes ver que aquí unos de chat unos diseños esto es puro HTML el final
de András tendrías que escribir un poco de código para que todo esto sea más dinámico.
Seamos un poco más de scroll puedes ver aquí unos diseños similares a unos de red social mentas seguidores
y productos y más abajo unos como si fueran los de Facebook.
Cuando escribes un Estado y también los comentarios como de Facebook entonces vamos a ver cómo integrar
algunos de estos vamos a mostrar por ejemplo la cantidad de usuarios registrados cuántos usuarios ya
pagaron cuántos usuarios no han pagado.
Cuánto dinero hemos ganado por ejemplo también los regalos que estamos dando qué regalos o cuánta cantidad
se se han seleccionado los usuarios que han inscrito todo eso para para tener todo en una sola pantalla
que tenga esa información y no tenga que estar nuestro cliente por ejemplo contando cada registro cuánto
cuánto se vendió de cada cosa cuánto los usuarios decidieron elegir por ejemplo las plumas o las pulseras
o etcétera entonces me gustan estos de aquí.
Estos son los que estaremos usando este diseño.
Orders entonces voy a abrir ese mi editor buscamos por New orders
puedo copiar más o menos todo esto desde el College hasta arriba.
Y vamos a crear un nuevo archivo en el Bakken se va a llamar Dash Work y creo que primero voy a cooperar
en este alminares y aquí quiero un nuevo archivo llamado Dashboard onto PHP y lo pego.
Yo lo hacía poco crear los widgets y eso los quiero colocar puedo eliminar todo este Boks y pegarlos
aquí donde guardar cambios y hay que abrir la navegación y habíamos creado la parte del dashboard el
primer enlace quien además lo enlazamos Dashboard junto.
PHP y recargamos Dashboard y damos clic.
Entonces se creó una raíz lo vamos a poner a quienes la admin y recargamos y vemos que se vean Peche
y todo comienza aquí y vienen las ordenes entonces aquí podemos comenzar a escribir un poco de código
vamos a abrir el dashboard y ver qué se contén aquí voy a crear una nueva clase que diga TIB Class Rou
es la forma en la que trabajas con diseños de Strap Veigas aquí y recargamos para que se linea más o
menos este texto con esta parte vamos a poner un título a quien Dashboard y vamos a cambiarle aquí.
Información sobre el evento.
Tenemos agregando varios widgets en esta sección así que vamos a empezar por ejemplo con nuevas órdenes
aquí por ejemplo puede ser que imprime 150 lo que dicen nuevas órdenes entonces podríamos empezar a
escribir un poco de cuerpo en cuerpo aquí
voy a poner PHP en bloque de PHP y estilo cierro
y aquí voy a poner.
Si el a las select y vamos a usar la función de cont para contar un total vamos a contar y de registrados
y vamos a darle un alias as registros from registrados
equipo poner por ejemplo el resultado va a ser igual a con Kairi pasamos 13:50 y aquí pongo registrados
vamos a crear el primer widget que van a ser cuántos usuarios han registrado este evento en total.
Todos los que haya Fetch Asoc y aquí voy a poner por ejemplo PHP
Esco y puedes ver que aquí se llama la variable registrados y la columna se llama registros por eso
le dimos el alias para acceder a ese valor y aquí le vamos a poner total registrados en registros en
total registrados todos guardamos cámbiese y recargamos y vemos que es eticidad total registrado son
19.
Ahora sí puedes ver requiere el diseño hay varios distintos distintos colores y distintos iconos.
Por ejemplo en el caso de éste que tiene una persona puede inspeccionar el código y puedes ver que aquí
tiene la clase de un personaje.
Estos son iconos de una librería eczema son icons que es un framework llamado iónico hay ONIC que sirve
para crear aplicaciones web que sirve para aplicaciones móviles para Android y ahí es utilizando HTML
CSS y JavaScript y angular también pero nosotros vamos a usar este que dice por ejemplo de fea C usaremos
el de iónicas tenemos que agregar la hoja de estilos etcétera.
A mi me gustan mucho los iconos de fondo son entonces vamos a buscar aquí uno que diga user por ejemplo
puedo seleccionar este SFA F.A user.
Entonces aquí podría poner fea user y recargará pues es el que aparece como una persona.
Entonces estos son los usuarios registrados
por ejemplo aquí podría poner un enlace para ver más información y tenemos lista registrados junto PHP
recargar y ha sido el click aquí me llevaría la lista con todos los registros algo más me gustaría ser
un poco más grande.
Así que voy a poner 4 son un poco más anchos tal vez tres creo que cuatro fue mucho especialmente dependiendo
de la pantalla en la que estés entonces te crea el primero.
El primer widget podría copiar este y pegarlo aquí abajo y por ejemplo tal vez podríamos crear un segundo
widget para ver los que han pagado entonces from registrados web pagado igual a 1
y total pagados y guardamos cambio si recargamos y vemos que tres son los que nos han pagado y vemos
que va a decir que tres son los que han pagado entonces aquí también podríamos cambiar el disco no mucho.
La verdad hay bastantes tal vez este que dice Frangie users en plural y recargamos y vemos que aparecen
los que han pagado.
Por ejemplo puedes ver que también hay colores distintos se inspecciona cualquiera de estos va a saber
que existe esta clase que se ve y luego viene hielo distintos colores.
Aquí va a venir la hoja de estilo si puedes dar click aquí y esto va a abrir la hoja de estilos viene
magnificada pero puedes presionarnos de esta parte de forma y te viene una lista de los colores que
puedes usar más de mojigato los que digan BGI entonces por ejemplo usted lo podría poner veggie Gelo
o recargar acá ya tengo un color diferente para un widget entonces así creando este tipo de controles
nuestro cliente no obtiene la necesidad de meterse aquí por ejemplo a registrados y ver todos y ponerse
a contar cuáles están en verde y cuáles en rojo podemos crearle una serie de controles aquí
de la misma forma que tenemos usuarios ya pagados.
Igual podría ser alquilar la resta pero también podremos crear un cuadro sencillo copiar y pegar aquí
que diga cero
tal sin pagar
y recargamos veremos que parece en total sin pararse y 16 y de nuevo podremos inspeccionar aquí el color
este rojo podría ser un buen color para esa red.
Puedes ver aquí si quieres cambiamos por beige red y tal vez el ícono también a uno que puede puede
ser útil este que tiene una cruz
y recargar y vemos que tenemos ya usuarios registrados.
Total parados total sin pagar etc. son algunos cuadros muy sencillos por ejemplo sería bueno saber cuánto
dinero hemos juntado solamente de todos los usuarios que han pagado.
Entonces por ejemplo puedo seleccionar también todo esto.
Pegar aquí abajo y ver que de momento hemos estado usando su cont para hacer una manos Azu y vamos a
hacer una suma del total pagado equipos ponens Select Shum y en total pagado así vamos a poner aquí
ganancias from registrados Wer parado igual a 1 y aquí nada más hay que cambiar esto por aquí entonces
guardo cambios y podemos poner ganancias totales.
Recargar y vemos que aparecen 664 de ganancias aquí podríamos poner también un signo de dólar y recargar
y vemos que aparecen las ganancias y las ganancias tal vez sea bueno ponerlas en color verde que se
ve Grin.
Entonces tenemos BG Grain y también vamos a ver qué icono puede ser usado aquí alguno relacionado a
dinero Money
Ticketbis dólar entonces f a F.
CB Puede ser
y nos va a decir cuánto ha ganado el usuario puedes ver qué dicen more info.
Vamos a cambiar ese texto
más información y recargamos y aparecen más información y puedes ver son juegos muy sencillos que van
a ser de mucha utilidad para tus clientes el saber que pueden acceder al dashboard y ver estos registros
hay muchos más que puedes implementar además de que tienes toda la parte de widgets para utilizar y
crear ejemplos más avanzados cuando los usuarios se inscriben a nuestro sitio web pueden elegir entre
un regalo así que en el siguiente vídeo estaremos viendo cómo crear 3 controles más para hacer la suma
de esos regalos y que nuestro cliente no tenga que meterse y realizar la suma manualmente.
Veremos cómo agregarla con un poco de código.