1
00:00:00,480 --> 00:00:06,610
Siguiente paso y ya lo último de este proyecto es mostrar la cantidad de registros que hay en esta parte.

2
00:00:06,660 --> 00:00:12,060
Ahora esta parte si por ejemplo yo busco aquí uno o dos del que se muestra nada más la cantidad de resultados

3
00:00:12,060 --> 00:00:19,670
que encontró y si regreso todos se muestran todos los registros se agrega uno nuevo ver que se actualiza

4
00:00:19,670 --> 00:00:24,410
el número y si lo elimino retorna a su estado original.

5
00:00:24,500 --> 00:00:26,350
Veremos cómo hacer esa parte.

6
00:00:26,360 --> 00:00:37,140
Primero voy a ver aquí buscador de registros y vamos a crear una nueva función colocar abajo.

7
00:00:37,390 --> 00:00:50,330
Lo voy a nombrar función número contactos y voy a colocar muestra el número de contactos entonces la

8
00:00:50,330 --> 00:00:56,840
idea de este de esta pequeña función es que muestre únicamente los contactos que están visibles.

9
00:00:56,840 --> 00:01:02,100
Por lo tanto cuando estamos realizando el filtrado aquí no encuentran resultados.

10
00:01:02,090 --> 00:01:07,450
Si recuerdas le estamos cambiando el display y los ponemos como no podemos utilizar esa condición.

11
00:01:07,550 --> 00:01:12,230
Revisar si un elemento está visible o no para mostrar ese número.

12
00:01:12,290 --> 00:01:21,290
Primero la forma más fácil de saber cuántos contactos hay que inspeccionar recargar de forma más fácil

13
00:01:21,290 --> 00:01:27,430
de saber cuántos contactos hay es contar estos terreno podemos ver qué hay en este caso 6.

14
00:01:27,580 --> 00:01:36,280
La forma más fácil de nueva cuenta de Open aquí es poner con total contactos igual document punto cuadros

15
00:01:36,330 --> 00:01:40,390
el lector ole en este caso porque queremos que retorne todos.

16
00:01:40,940 --> 00:01:50,840
The Body T.R si lo doy con log a Total contactos punto Laing me va a reportar ese número es un atributo

17
00:01:50,870 --> 00:01:57,780
un método que existe en JavaScript puedes ver que la función proveerla mandó llamar no poner aquí se

18
00:01:57,790 --> 00:02:04,990
ven Liset nerds mandó llamar a esa función que se ejecute recargamos y vemos que Ce6 es una forma muy

19
00:02:04,990 --> 00:02:13,290
sencilla de reportar el número podríamos darles darles hacia abajo inyectar ese número en la parte del

20
00:02:13,290 --> 00:02:19,680
HTML pero requiere un poco más de código en realidad sobre todo para reaccionar a lo que es el buscador.

21
00:02:19,680 --> 00:02:27,390
Los nuevos registros o los que eliminemos se puede cortar esta parte y que iba a poner un letrero total

22
00:02:27,390 --> 00:02:28,340
igual a cero.

23
00:02:28,350 --> 00:02:36,070
Vamos a iniciar en cero y tenemos este total de contactos vaporera total de contactos y lo Fortich podremos

24
00:02:36,090 --> 00:02:37,490
seguir contacto.

25
00:02:37,770 --> 00:02:45,150
Vamos a recorrer cada uno de ellos y si por ejemplo le pones Consol punto el log contacto punto está

26
00:02:45,150 --> 00:02:51,930
el punto display te va a reportar qué tipo de display tiene cada uno de ellos recargamos y puedes ver

27
00:02:51,930 --> 00:02:57,680
que no aparece nada porque si inspeccion aquí cada uno de los T.R No tienen ningún display en esta parte

28
00:02:57,690 --> 00:03:04,120
pero si yo escribo algo puede ser que cambia no en este caso entonces este método debe estar también

29
00:03:04,120 --> 00:03:13,400
disponible aquí y paréntesis para mandar llamar a esa función entonces recargamos nuevamente y escribimos

30
00:03:13,400 --> 00:03:18,770
algo aquí y ser que nos aparecen distintos valores en esta parte que viene a recargar y nada más escribir

31
00:03:18,770 --> 00:03:22,520
una letra pues que nos aparecen distintos valores.

32
00:03:22,520 --> 00:03:27,700
Ahora lo único que nos interesa es contar los que tengan Tabal Rog o los que no tengan nada.

33
00:03:27,710 --> 00:03:35,720
Los que no tengan no no nos interesan las distintas formas de hacerlo pero la más fácil va a ser cortar

34
00:03:35,720 --> 00:03:48,630
esta parte y ponerle IHF contacto punto hasta el punto Display es igual a nada vacío o pipes contacto

35
00:03:48,650 --> 00:03:57,670
punto está el punto Display es igual a Taibo el robo que es la que se habilita una vez que realizamos

36
00:03:57,670 --> 00:04:03,190
la búsqueda se agregarte Balrog entonces ignoramos lo que son y mostramos únicamente los otros dos como

37
00:04:03,190 --> 00:04:04,090
parte del contador.

38
00:04:04,630 --> 00:04:09,240
Entonces cuando se cumple esa condición el total va a incrementar y como estamos en un frizz va a ir

39
00:04:09,250 --> 00:04:18,270
incrementando uno por uno entonces se quiere dar con el punto log total y guardar cambios.

40
00:04:18,480 --> 00:04:24,660
Y si por ejemplo buscas por mi nombre voy a buscar el mío puede ser que hice dos en esta parte realiza

41
00:04:24,690 --> 00:04:26,940
muchas consultas pero se queda en dos.

42
00:04:26,970 --> 00:04:32,150
Eso es exactamente lo que queremos y aquí voy a crear una coma.

43
00:04:32,150 --> 00:04:33,770
Crear una segunda variable.

44
00:04:34,080 --> 00:04:39,800
Si recuerdas en el Index punto PHP habíamos creado ese código que dice total contactos y luego vienen

45
00:04:39,810 --> 00:04:49,440
el spam vamos a quitarlo el número que ahí aparece y vamos a ponerle aquí contenedor número igual a

46
00:04:49,450 --> 00:04:56,210
Tocumen puntos cuál es el lector únicamente cuál es el lector y que a poner total contacto solamente

47
00:04:56,230 --> 00:05:09,310
que si lo tengo como clase Class y luego es spam C-SPAN de esta forma ya tengo aquí el valor.

48
00:05:09,330 --> 00:05:17,730
En esta parte voy a comentar esta línea y ponemos contenedor número punto Tex content igual al total

49
00:05:19,390 --> 00:05:25,060
y de esa forma cuando veamos la búsqueda va a mostrar el número de resultados que encuentre pues es

50
00:05:25,060 --> 00:05:29,760
el que de momento aparece en 6 porque estoy mandando llamar la función una vez que cargue el documento.

51
00:05:29,760 --> 00:05:33,800
Contamos la cantidad de elementos que no tienen display de ninguna forma.

52
00:05:33,820 --> 00:05:39,060
Entonces tienen 6 pero si haces una búsqueda por Juan vemos que aparecen dos.

53
00:05:39,740 --> 00:05:45,080
Si hago un espacio y pongo mi otro nombre aparece uno y si pongo algo que no tiene nada que ver aparece

54
00:05:45,080 --> 00:05:46,350
en cero.

55
00:05:46,350 --> 00:05:52,590
Si recargamos en esta parte y recargar ver que aparecen 6 se agrega un nuevo registro aquí podría añadir

56
00:05:52,590 --> 00:05:58,890
puedes ver que no se ejecuta la función de mostrar el número se queda en 6 a pesar de que ya hay 7 registros

57
00:05:59,140 --> 00:06:04,140
y eso pasa porque nuestra función del número de contactos no está consciente o no sabe no se entera

58
00:06:04,140 --> 00:06:07,900
por así decirlo de que un nuevo registro fue agregado.

59
00:06:07,980 --> 00:06:15,540
La idea es copiar esta función y donde insertamos a la base de datos a copiar donde agregamos todo este

60
00:06:15,540 --> 00:06:16,360
código.

61
00:06:16,530 --> 00:06:19,920
Una vez que mostramos la notificación actualizamos el número

62
00:06:24,100 --> 00:06:30,070
mandamos llamar a esa función guardamos cambios y recargamos vemos que aparece 7 porque acabo de recargar

63
00:06:30,130 --> 00:06:34,070
uno dos y tres añadir y vemos que actualiza 8.

64
00:06:34,270 --> 00:06:38,050
Lo mismo tenemos que hacer con un registro que se va a eliminar.

65
00:06:38,060 --> 00:06:45,850
Voy a copiar esta función y quiero eliminar registro en la parte donde mostramos la notificación hoy

66
00:06:45,850 --> 00:06:52,580
ponemos para que actualice el número una vez que se elimine ese nuevo registro recargamos y Okita de

67
00:06:52,720 --> 00:06:53,450
éste.

68
00:06:53,770 --> 00:06:58,160
Está seguro de yōkai que cambia 7 y se reinicia una búsqueda.

69
00:06:58,210 --> 00:07:02,560
Tanto el buscador como el número de contactos funcionan correctamente.

70
00:07:02,560 --> 00:07:09,280
Si regreso todo puede ser que muestro todos los distintos registros y así puedes ir agregando más funciones

71
00:07:09,370 --> 00:07:14,950
a tu proyecto para hacerlo más interactivo que se va mucho mejor y con esto ya tienes un proyecto que

72
00:07:15,010 --> 00:07:21,520
realiza las cuatro operaciones del crowds lo que se conoce como un crowd crear leer actualizar y eliminar

73
00:07:21,520 --> 00:07:28,360
registros junto con otras características bastante agradables y con eso finalizamos este proyecto en

74
00:07:28,360 --> 00:07:34,360
específico hay más el proyecto adoptas que es similar pero un poco más avanzado y sobretodo GDL webcam

75
00:07:34,360 --> 00:07:38,220
que es el proyecto más avanzado que construiremos en este curso.