1 00:00:00,650 --> 00:00:08,900 En este video vamos a reemplazar este código estático código HTML por un código ya hecho con PHP. 2 00:00:09,050 --> 00:00:12,920 Lo primero que voy a hacer es abrir funciones puedes ver que tenemos obtener proyectos obtener nombre 3 00:00:12,920 --> 00:00:19,150 Proyecto también podemos crear una función para obtener las tareas que estén asociadas a este proyecto. 4 00:00:19,340 --> 00:00:29,840 Un comentario obtener las clases del proyecto y con eso es suficiente hacer un poco de espacio que quede 5 00:00:29,840 --> 00:00:36,240 al centro el código y voy a crear un función va a ser de hecho bastante similar todas estas funciones 6 00:00:36,240 --> 00:00:39,950 son similares a copiar todo esto. 7 00:00:41,480 --> 00:00:43,470 Vamos a cambiar el nombre por obtener 8 00:00:46,120 --> 00:00:48,670 tareas del proyecto. 9 00:00:48,670 --> 00:00:52,160 Vamos a pasar una idea en algunos casos va a ser Nul fools. 10 00:00:52,170 --> 00:00:53,540 Todo eso es igual. 11 00:00:53,560 --> 00:01:03,530 Lo único que cambia es el Select que voy a eliminar esto Select voy a seleccionar en este caso y de 12 00:01:03,530 --> 00:01:15,650 nombre Koma estado from tareas Guaire y de bajo proyecto aquí tienes que ser porquese. 13 00:01:16,490 --> 00:01:22,500 Si recuerdas a quien estructura este es el líder del proyecto que nos trae las tareas en sí. 14 00:01:22,510 --> 00:01:31,370 En qué proyecto pertenecen a tonces y de proyecto igual a Leydi abrimos guardamos cambios abrimos lo 15 00:01:31,370 --> 00:01:34,260 que viene siendo el índex de quien no está el huele. 16 00:01:34,340 --> 00:01:41,150 Vamos a comenzar a escribir el código PHP este código que está aquí el HTML y lo vamos a dejar porque 17 00:01:41,150 --> 00:01:48,010 mi idea es reemplazarlo suele PHP 18 00:01:50,570 --> 00:01:56,210 obtienen las tareas del proyecto actual lo que va a ser este código 19 00:01:58,550 --> 00:02:04,770 entonces lo que voy a hacer es poner aquí tareas igual a mi función obtener tareas proyectos y tengo 20 00:02:04,770 --> 00:02:13,560 que pasarle Leydi el Heydi sigue estando vivo ni de proyecto sino de proyecto y por ejemplo equipo darle 21 00:02:13,710 --> 00:02:28,840 una Cofré y un Bardock a tareas resguardo cambios a mi editor mejor dicho abro mi navegador y puedes 22 00:02:28,840 --> 00:02:34,060 ver qué es en un robot un robot nos va a reportar el número de registros que hay quien examinar por 23 00:02:34,060 --> 00:02:36,930 ejemplo puedes ver que los tres están en Madrid número tres. 24 00:02:36,940 --> 00:02:45,040 Si doy click aquí no un robot no regresa a cero entonces esta es una buena y un buen lugar en el que 25 00:02:45,040 --> 00:02:48,560 podemos acceder para saber si está. 26 00:02:48,610 --> 00:02:57,130 Si este proyecto tiene o no tiene tareas asociadas ponemos IBF tareas puedes ver que son objeto entonces 27 00:02:57,150 --> 00:03:04,500 utilizaste que parece como una flecha núm bajo robots es mayor a cero. 28 00:03:06,320 --> 00:03:18,000 Entonces se ejecuta este código si hay tareas es no hay tareas por lo tanto aquí va a poner un eco no 29 00:03:18,060 --> 00:03:20,030 hay tareas en este proyecto. 30 00:03:23,540 --> 00:03:29,280 No nos Elpais.com.co entonces recargamos y vemos que no hay tareas en este proyecto esté cambiar el 31 00:03:29,280 --> 00:03:35,500 logotipo pues es el HTML pero si doy clic en este pues vemos que como en éste sí hay tareas pues no 32 00:03:35,500 --> 00:03:36,020 caya aquí. 33 00:03:37,110 --> 00:03:46,300 Cuando sí pues tenemos que hacer lo siguiente Fortich tareas haz tarea en equipo poner un informe end 34 00:03:46,300 --> 00:03:52,370 for each resolvernos con las llaves y aquí es donde voy a cortar esto. 35 00:03:54,160 --> 00:03:59,940 Le voy a pegar a quienes los escribes puedes ver que estoy cuando estoy construyendo mi temple le paso 36 00:03:59,940 --> 00:04:04,710 la idea y esa tarea dos puntos y luego el aire insertado y vamos a ver por qué pero le vamos a agregar 37 00:04:04,710 --> 00:04:10,650 de una vez me voy a cerrar de HP y lo voy a abrir acá en el frizz 38 00:04:13,630 --> 00:04:25,670 entonces el Heydi va a decir ahí vi tarea dos puntos PHP hectãrea en su campo y vi la clase va a ser 39 00:04:25,670 --> 00:04:35,300 tarea copio este PHP y cambio el cambiar el logotipo en este caso voy a imprimir el nombre por cierto 40 00:04:35,300 --> 00:04:43,990 si no tienes idea de dónde vienen todas estas recuerda siempre puedes poner aquí spray y PHP Bardock 41 00:04:44,500 --> 00:04:52,910 tarea y eso te va a imprimir un arreglo y dice Heydi por eso estoy imprimiendo Leydi el nombre elegir 42 00:04:52,910 --> 00:05:02,160 colores el nombre y el Estado entonces aquí puedo eliminar esto ayudará a más mostrarte cómo acceder 43 00:05:02,160 --> 00:05:08,550 a los valores como verlos y aquí vamos a hacer lo siguiente La idea es que queremos creer que en este 44 00:05:08,550 --> 00:05:10,830 para marcarlo cambia de color. 45 00:05:11,130 --> 00:05:25,850 Si me voy a inspeccionar en éste y agrego una clase extra que se llama completo completo eso cambia 46 00:05:25,870 --> 00:05:34,440 color verde pero este completo únicamente va a ser o se va a ver si el Estado es igual a uno. 47 00:05:34,750 --> 00:05:37,010 Entonces a quién le fue a circón. 48 00:05:37,090 --> 00:05:46,240 Vamos a utilizar lo que se conoce como el operador ternario es unir en una sola línea HP hehco tenemos 49 00:05:46,260 --> 00:05:52,250 parentesis tarea Estado se nos va a ayudar a compararlo. 50 00:05:52,620 --> 00:06:02,110 Si el Estado es igual a 1 eso quiere decir que entonces agrega la clase aquí de completo si no no agregues 51 00:06:02,110 --> 00:06:11,460 nada guardo cambios recargamos y puedes ver que no aparece completo porque todas están en cero pero 52 00:06:11,460 --> 00:06:17,520 si vengo aquí por ejemplo PHP y admin y pongo un 1 en elegir colores recargamos aquí ya se pintó de 53 00:06:17,520 --> 00:06:24,360 color verde y en los siguientes videos cuando demos click estos clicks van a agregar la clase pero también 54 00:06:24,360 --> 00:06:32,290 van a hacer el llamado Ayax para marcarlas como completas y puedes ver que ya tenemos 3 tareas en tienda 55 00:06:32,290 --> 00:06:32,860 virtual. 56 00:06:32,890 --> 00:06:38,380 Como no hay dice no hay tareas en este proyecto y en realidad nuestro proyecto se va viendo bastante 57 00:06:38,380 --> 00:06:44,770 genial en mi opinión algo muy importante aquí es si voy hacia atrás y lo de inspeccionar puedes ver 58 00:06:44,770 --> 00:06:51,900 que cada una de estas listas le agregué la clase tarea 2.01 1 por qué le pusiste Euridice tarea 2.1. 59 00:06:52,060 --> 00:07:01,240 Bueno por qué este dice tarea 1 2 y 3 y los proyectos también tienen Leydi 2 3 4 y 5 entonces se mezclarían 60 00:07:02,130 --> 00:07:10,030 y no es conveniente por lo tanto vamos a abrir el Alcibar y aquí también en el Heydi ponerle proyecto 61 00:07:10,090 --> 00:07:21,780 lospuntos proyecto 2 puntos en Heydi y eso me va a crear proyecto 2.0 ya ya no hay forma de que colapsen 62 00:07:21,780 --> 00:07:28,720 los nombres pero también si abrimos scripts y tenemos que dar un poco de scroll hacia arriba aquí donde 63 00:07:28,720 --> 00:07:38,050 creamos el HR-V también tenemos que ponerle el proyecto puntos entonces vamos a ser la prueba rápidamente 64 00:07:38,570 --> 00:07:40,700 recargamos aquí vamos a clonó proyecto 65 00:07:43,700 --> 00:07:53,990 site un wordpress por ejemplo sitio en WordPress enter se creó el proyecto de sitio en WordPress me 66 00:07:53,990 --> 00:08:01,650 redirecciona y aquién proyectos yademás que dice proyecto 12.9 ya no hay forma de que colapsen los nombres 67 00:08:03,240 --> 00:08:10,370 ya por ejemplo de tienda virtual pues no hay proyectos aquí tampoco pero aquí esto se llama Antara 1 68 00:08:10,370 --> 00:08:16,190 2 y 3 se va abriendo bien el siguiente vamos a ver cómo completar estas acciones cuando da click aquí 69 00:08:16,480 --> 00:08:22,100 que me ejecuté Ayax y también cuando clica acá me los puede eliminar todo eso será la parte final de 70 00:08:22,100 --> 00:08:24,290 este proyecto y lo haremos en los próximos videos.