1
00:00:00,450 --> 00:00:02,520
Bien, continuamos con la última parte del CRUD.

2
00:00:02,580 --> 00:00:04,380
Vamos a ver el eliminar.

3
00:00:04,500 --> 00:00:06,270
Vamos a la clase cliente servis.

4
00:00:06,360 --> 00:00:09,000
Vamos a implementar el método Delight.

5
00:00:11,160 --> 00:00:19,350
Va a recibir como parámetro el Leydi del cliente que vamos a borrar del tipo number y va a retornar

6
00:00:19,410 --> 00:00:21,360
un observable de cliente

7
00:00:25,290 --> 00:00:26,250
para la petición.

8
00:00:26,400 --> 00:00:34,130
Necesitamos utilizar el http delight para poder enviar una petición al servidor, pasar el Heidy y que

9
00:00:34,140 --> 00:00:37,350
en el servicio REST en el piquen elimine el cliente.

10
00:00:37,500 --> 00:00:42,900
Entonces diferencia de utilizar el post que es para crear el GET para obtener el put.

11
00:00:42,960 --> 00:00:46,300
Para editar en este caso sería el delito.

12
00:00:49,020 --> 00:00:57,700
Acá falta el ratón y tenemos que pasar la jureles con el estric para concatenar.

13
00:00:57,840 --> 00:01:02,650
Vamos a concatenar laureles el empeine con el Heidy del cliente.

14
00:01:07,650 --> 00:01:13,350
El es slant y acá sería el parámetro Heidy que estamos pasando por argumento.

15
00:01:14,430 --> 00:01:19,340
Bien y como segundo parámetro vamos a pasar las cabeceras, el IRS

16
00:01:24,840 --> 00:01:29,040
y finalmente tenemos que realizar un cast.

17
00:01:32,220 --> 00:01:38,340
Ahí tenemos implementado el método de LÍT en la clase servis vamos a guardar y el siguiente paso sería

18
00:01:38,460 --> 00:01:44,750
implementar el Delight en la clase componente, pero lo vamos a hacer en la clase cliente component

19
00:01:44,790 --> 00:01:47,730
descrip donde tenemos el listado de clientes.

20
00:01:48,660 --> 00:01:51,870
Entonces acá vamos a implementar el método delito.

21
00:01:53,460 --> 00:01:55,320
Va a recibir el objeto cliente.

22
00:01:56,760 --> 00:02:00,370
El objeto se lo pasamos en el evento del botón en el evento click.

23
00:02:00,540 --> 00:02:06,930
Cuando implementemos la vista vamos a agregar el link para eliminar y en el botón vamos a crear el evento

24
00:02:06,930 --> 00:02:08,250
click y le pasamos.

25
00:02:08,370 --> 00:02:12,660
El cliente del tipo cliente

26
00:02:15,720 --> 00:02:18,780
no retorna nada, solamente va a eliminar.

27
00:02:18,870 --> 00:02:21,190
Acá vamos a implementar Swift Alert.

28
00:02:21,330 --> 00:02:26,040
Esta ventanita que pregunta si quiere, si está seguro que desea eliminar.

29
00:02:26,160 --> 00:02:29,570
Así que nos vamos a ir a la página de Sweet Alert 2.

30
00:02:29,880 --> 00:02:39,630
Acá la tenemos Swift Alert 2 Get Up junto IO vamos a bajar y acá tenemos dos opciones la forma simple.

31
00:02:41,010 --> 00:02:45,060
Y acá tenemos con unos botones más personalizados utilizando vostra.

32
00:02:45,360 --> 00:02:46,890
Puede ser cualquiera de las dos.

33
00:02:48,180 --> 00:02:52,140
Vamos a copiar, por ejemplo, con botones de Bootstrap.

34
00:02:52,260 --> 00:02:53,160
La copiamos.

35
00:02:53,850 --> 00:02:56,670
Volvemos al auto y lo vamos a pegar.

36
00:02:57,210 --> 00:02:59,280
Vamos a importar switch alert.

37
00:03:07,210 --> 00:03:10,840
Y acá tendríamos que modificar, por ejemplo, el Elks.

38
00:03:10,960 --> 00:03:12,310
No lo vamos a utilizar.

39
00:03:12,910 --> 00:03:14,830
Simplemente lo vamos a quitar.

40
00:03:15,640 --> 00:03:17,350
Vamos a cambiar los mensajes.

41
00:03:17,440 --> 00:03:18,310
Está seguro?

42
00:03:20,320 --> 00:03:24,790
Y como texto vamos a agregar la comillas para interpolar.

43
00:03:31,000 --> 00:03:33,160
Y acá vamos a concatenar

44
00:03:40,240 --> 00:03:43,720
cliente, nombre, cliente, apellido del tipo Warning.

45
00:03:43,870 --> 00:03:45,600
Acá lo podríamos colocar en español.

46
00:03:46,570 --> 00:03:47,080
Si.

47
00:03:49,930 --> 00:03:54,160
Eliminar, no cancelar y todo lo demás.

48
00:03:54,220 --> 00:04:00,430
Igual cuando se hace clic en sí, cuando el botón es confirm, entonces acá tenemos que eliminar.

49
00:04:06,120 --> 00:04:14,280
Acá pasamos el Heidy del cliente, vamos a suscribir, vamos a arbitrar al observador.

50
00:04:18,090 --> 00:04:21,440
Entonces como respuesta vamos a mandar el mensaje.

51
00:04:35,090 --> 00:04:39,200
Incluso acá también podríamos utilizar la comillas de interpolación.

52
00:04:40,920 --> 00:04:41,970
Entonces el cliente.

53
00:04:43,500 --> 00:04:50,970
Cliente nombre eliminado con éxito del tipo SUCESI, como estamos en el listado, lo que vamos a hacer

54
00:04:51,090 --> 00:04:58,860
es quitar del listado clientes el objeto cliente que se eliminó para que se actualice de forma automática.

55
00:04:58,920 --> 00:05:06,650
Entonces acá diez clientes que sería el arreglo cliente que estamos mostrando igual.

56
00:05:06,720 --> 00:05:08,530
Clientes en la lista actual.

57
00:05:11,610 --> 00:05:14,400
Punto filter acá vamos a filtrar.

58
00:05:16,450 --> 00:05:21,010
Entonces vamos a filtrar que no muestre el cliente que acabamos de eliminar.

59
00:05:21,220 --> 00:05:25,120
Entonces clí de cliente se pasa por parámetro.

60
00:05:25,210 --> 00:05:33,400
Cada cliente se va pasando por parámetro y preguntamos si cliente es distinto al cliente que vamos a

61
00:05:33,400 --> 00:05:33,910
eliminar.

62
00:05:34,000 --> 00:05:36,910
Entonces si es distinto, lo mostramos en la lista.

63
00:05:36,970 --> 00:05:40,870
Es decir, por lo tanto, si se cumple la condición lo va a filtrar.

64
00:05:40,960 --> 00:05:48,700
Entonces la idea es que no muestre que quite de la lista al cliente eliminado y guardamos y faltaría

65
00:05:48,820 --> 00:05:49,930
agregar el link.

66
00:05:50,020 --> 00:05:52,670
Así que nos vamos al cliente.

67
00:05:52,870 --> 00:05:53,560
Component.

68
00:05:53,740 --> 00:05:54,460
HTML.

69
00:05:54,850 --> 00:06:01,120
Vamos a agregar otra columna y vamos a agregar acá otro td

70
00:06:06,010 --> 00:06:06,790
como nombre.

71
00:06:06,910 --> 00:06:10,240
Le vamos a colocar eliminar para que sea distinto.

72
00:06:10,240 --> 00:06:10,810
Y este es.

73
00:06:13,030 --> 00:06:15,400
Y acá vamos a tener el evento click.

74
00:06:16,090 --> 00:06:24,160
Entonces cada vez que se haga un clic va a invocar al método Delito y va a pasar el objeto completo

75
00:06:24,160 --> 00:06:24,730
cliente.

76
00:06:24,820 --> 00:06:26,860
El objeto de la fila actual.

77
00:06:28,300 --> 00:06:33,910
Acá vamos a tener también la clase, pero en vez de primary va a ser Danger

78
00:06:36,550 --> 00:06:38,440
y eliminar, vamos a guardar.

79
00:06:38,650 --> 00:06:40,180
Vamos a ir a Eclipse.

80
00:06:41,280 --> 00:06:42,420
Vamos a levantar.

81
00:06:48,070 --> 00:06:50,650
Volvemos y levantamos el proyecto.

82
00:06:53,850 --> 00:07:00,810
Bien, entonces vamos a ahorrar al Heidy 2, a Mister John eliminar acá pregunta seguro que desea eliminar

83
00:07:00,840 --> 00:07:07,800
al cliente mister dó colocábamos no cancelar y no se borra, pero si colocamos si.

84
00:07:08,890 --> 00:07:11,770
Lo limina cliente eliminado cliente Mitre.

85
00:07:12,190 --> 00:07:15,820
Eliminado con éxito, vamos a eliminar el 12 a Jai.

86
00:07:19,100 --> 00:07:26,180
Ya está funcionando completamente el club con Angular por el lado cliente como front end y por el lado

87
00:07:26,270 --> 00:07:33,230
del servidor en el backend utilizando Spring Boot con Spring Framework 5 kedamos hasta acá y cualquier

88
00:07:33,230 --> 00:07:35,750
duda que tengan la revisamos en el foro.

89
00:07:35,840 --> 00:07:36,800
Hasta la próxima.