1
00:00:00,150 --> 00:00:05,570
Bien, continuemos esta clase con reutilizar este fragmento de código de la dicta.

2
00:00:05,680 --> 00:00:09,010
Bueno, en Time Lif se le conoce como fragmento o fragmento.

3
00:00:09,120 --> 00:00:15,970
Entonces podemos reutilizar ciertas partes de nuestras plantillas, llevarlo a un archivo aparte independiente

4
00:00:16,080 --> 00:00:16,980
y lo podemos incluir.

5
00:00:17,040 --> 00:00:22,980
Bueno, justamente la esencia de cómo crear plantillas reutilizables sistema de Hayat en Toile.

6
00:00:23,400 --> 00:00:26,100
Bien, entonces vamos a crear un archivo HTML.

7
00:00:26,160 --> 00:00:31,570
Tienes que estar dentro de templates junto con toda la vistas puestas en la raíz en un directorio de

8
00:00:31,570 --> 00:00:31,680
da lo.

9
00:00:32,700 --> 00:00:37,050
Entonces Templates puede crear una carpeta que le vamos a llamar componentes.

10
00:00:37,140 --> 00:00:38,340
Bueno, esto es opcional.

11
00:00:38,400 --> 00:00:40,020
Puede estar en la raíz en cualquier parte.

12
00:00:41,880 --> 00:00:47,790
Bueno, componentes me refiero a componentes de plantilla desvista que sean reutilizable el nombre.

13
00:00:47,820 --> 00:00:51,780
Lo mismo puede ser controles componentes como queramos finalizar.

14
00:00:53,020 --> 00:00:57,790
Y acá vamos a crear esta plantilla entonces con New Otro.

15
00:00:58,750 --> 00:00:59,980
Buscamos web por acá.

16
00:01:00,040 --> 00:01:08,050
HTML Feist Perfecto, le damos un nombre, por ejemplo, tiempo o nombre que queramos, tiempo o tiempo

17
00:01:08,050 --> 00:01:08,800
transcurrido.

18
00:01:08,860 --> 00:01:09,640
Finalizar.

19
00:01:10,670 --> 00:01:13,820
Cómo es una plantilla que se utiliza, el jet no va.

20
00:01:13,940 --> 00:01:16,640
El Jía lo quitamos en el HTML.

21
00:01:16,880 --> 00:01:20,130
Acá vamos a agregar el New Space de Tenerife.

22
00:01:21,200 --> 00:01:27,440
Entonces XML Neopets dos puntos TH de Tain, LIF igual y la ruta.

23
00:01:31,310 --> 00:01:37,220
Recuerden que es opcional solamente para quien no muestre un warning de que no reconoce el atributo

24
00:01:37,280 --> 00:01:41,480
o etiqueta th ennuestras en otros elementos en la vista.

25
00:01:42,120 --> 00:01:43,850
Bien, vamos a formulario.

26
00:01:44,720 --> 00:01:45,710
Voy a cortar esto.

27
00:01:45,860 --> 00:01:46,820
Lo voy a cortar.

28
00:01:47,730 --> 00:01:48,540
Y lo de pegar acá.

29
00:01:51,240 --> 00:01:56,510
Bien, pero esto lo voy a anidar en otro elemento HTML puede ser un tip o puede ser cualquiera.

30
00:01:57,680 --> 00:02:04,190
Yo voy a utilizar Section, que es un elemento de HTML5 que para indicar una sección o componente que

31
00:02:04,190 --> 00:02:06,080
podemos, que podemos reutilizar.

32
00:02:06,210 --> 00:02:09,380
Entonces una sección del tiempo transcurrido es todo acá.

33
00:02:09,470 --> 00:02:11,780
Lo vamos a ordenar con formato.

34
00:02:15,560 --> 00:02:25,070
Sección también y en sección con la etiqueta TH o atributo en realidad con atributo TH, fragmento de

35
00:02:25,070 --> 00:02:31,310
fragmento, igual le damos un nombre cualquiera, es como una llave identificador en tal div tiene un

36
00:02:31,430 --> 00:02:36,660
identificador o nombre, pero solamente dentro del archivo tiempo.

37
00:02:37,070 --> 00:02:41,600
Entonces incluso dentro de este TBL podemos tener varios fragmento de código reutilizable.

38
00:02:41,730 --> 00:02:44,840
Lo podemos insertar o agregar en nuestra plantilla.

39
00:02:45,290 --> 00:02:51,950
Entonces tiempo interceptor tiempo el archivo interceptor el nombre de este fragmento o código que vamos

40
00:02:51,950 --> 00:02:52,610
a reutilizar.

41
00:02:53,120 --> 00:02:53,570
Perfecto.

42
00:02:53,570 --> 00:02:55,040
Ahora, cómo lo reutilizados?

43
00:02:55,200 --> 00:03:00,410
Bueno, recuerden que Section es un elemento HTML, parte del estándar HTML5.

44
00:03:00,770 --> 00:03:07,670
Incluso en el content model de HTML5 están todos los elementos, entre ellos section nav para indicar

45
00:03:07,670 --> 00:03:14,600
un menú navegación main details para mostrar un contenido, detalle, un artículo, un vídeo, en fin.

46
00:03:14,690 --> 00:03:16,880
También tenemos el tip el clásico div.

47
00:03:17,360 --> 00:03:23,030
Entonces incluso puede ser un tip, así que no se compliquen conception ni con simplemente un elemento

48
00:03:23,120 --> 00:03:27,650
que representa semántica en HTML5 para indicar una sección nada más.

49
00:03:28,010 --> 00:03:28,310
Bien.

50
00:03:28,400 --> 00:03:31,340
Guardamos y lo tenemos que incluir donde el formulario.

51
00:03:31,460 --> 00:03:34,280
Recuerden que lo cortamos, se fijan, lo cortamos.

52
00:03:34,730 --> 00:03:37,650
Entonces todo acá lo reemplazamos por sección.

53
00:03:37,760 --> 00:03:46,520
Entonces por acá mismo, nombre que tenemos acá mismo nombre del elemento HTML que tenemos.

54
00:03:46,520 --> 00:03:49,280
El fragmento entonces sería sección.

55
00:03:52,190 --> 00:03:54,680
Vamos a cerrar de H.

56
00:03:54,770 --> 00:03:55,250
Ripley.

57
00:03:56,390 --> 00:04:01,190
Entonces el contenido de esta sección, que está vacío, lo vamos a reemplazar por el contenido del

58
00:04:01,190 --> 00:04:01,730
fragmento.

59
00:04:01,840 --> 00:04:07,250
Entonces TH Ripley es la ubicación, en este caso se encuentra en componentes.

60
00:04:07,580 --> 00:04:15,440
Entonces Acari el directorio es el larch, ya que es una ruta, un directorio, el archivo tiempo,

61
00:04:15,530 --> 00:04:24,220
el nombre de archivo sin extensión, solamente directorio, nombre de archivo bien un espacio dos punto

62
00:04:24,230 --> 00:04:24,770
punto.

63
00:04:24,890 --> 00:04:29,090
El nombre o identificador del fragmento en este caso interceptor.

64
00:04:31,210 --> 00:04:31,620
Perfecta.

65
00:04:31,780 --> 00:04:37,780
Entonces lo primero es la ruta y nombre archivo, lo segundo, el nombre es fragmento, de esa forma

66
00:04:37,870 --> 00:04:38,560
lo incluimos.

67
00:04:38,650 --> 00:04:39,340
Así de simple.

68
00:04:39,880 --> 00:04:45,820
Ahora, si el archivo de tiempo estuviera en la raíz en templates, simplemente sería esto.

69
00:04:45,940 --> 00:04:50,170
Omitimos componentes solamente el nombre del archivo porque estaría en la raíz.

70
00:04:50,290 --> 00:04:54,550
Pero como está en componentes, acá tenemos que agregar componentes.

71
00:04:56,440 --> 00:04:58,360
Bien guardamos y esto mismo.

72
00:05:00,880 --> 00:05:04,570
En resultado, entonces le quitamos y lo dejamos acá.

73
00:05:04,760 --> 00:05:08,140
Bien, ya tengo levantado la aplicación de la clase anterior.

74
00:05:08,240 --> 00:05:09,820
Entonces simplemente guardo.

75
00:05:11,060 --> 00:05:17,360
Resultado guardo formulario, guardo tiempo, las plantillas y vamos a revisar el resultado debe ser

76
00:05:17,360 --> 00:05:21,350
exactamente el mismo en términos de funcionalidad, lo que cambia es la estructura.

77
00:05:22,190 --> 00:05:26,210
Entonces voy a actualizar con entes, se fijan?

78
00:05:28,220 --> 00:05:29,270
Funciona exactamente igual.

79
00:05:29,630 --> 00:05:29,980
Bien.

80
00:05:30,470 --> 00:05:34,850
Voy a cambiar y controlar para no tener que estar modificando siempre el 123.

81
00:05:35,150 --> 00:05:36,080
En el controlador.

82
00:05:40,610 --> 00:05:43,970
Por acá 12 vamos a colocar dos digito.

83
00:05:44,060 --> 00:05:44,930
Voy a cerrar.

84
00:05:46,770 --> 00:05:49,620
Bien, entonces cualquier dato.

85
00:05:58,370 --> 00:06:01,220
Perfecto, también funciona, se fijan, lo estamos reutilizando.

86
00:06:02,570 --> 00:06:04,460
Volver por el momento.

87
00:06:04,550 --> 00:06:10,220
Se aplica este interceptor a todas las rutas a formulario a ver y a cualquier controlador que tengamos

88
00:06:10,220 --> 00:06:12,830
a futuro, a cualquier método Android, a todos.

89
00:06:13,070 --> 00:06:16,100
Qué pasa si quiero aplicar solamente en algunas rutas?

90
00:06:16,160 --> 00:06:16,700
No en toda.

91
00:06:16,760 --> 00:06:19,310
Por ejemplo, en formulario nada más que formulario.

92
00:06:19,370 --> 00:06:20,660
Cómo lo podremos implementar?

93
00:06:20,870 --> 00:06:24,050
Algo vimos en ms config acá.

94
00:06:24,410 --> 00:06:31,160
Acá podemos invocar el método, agregar un patrón de ruta separador coma, pero en nuestro caso vamos

95
00:06:31,160 --> 00:06:32,210
a agregar una sola.

96
00:06:32,270 --> 00:06:36,050
Entonces, cuál es el larch for asterisco asterisco?

97
00:06:36,140 --> 00:06:40,640
Es decir, a cualquier ruta que venga después de for, pero siempre dentro formulario de esta ruta.

98
00:06:40,760 --> 00:06:44,480
Ahora, si queremos que sea solamente en form exactamente form sería esa.

99
00:06:45,710 --> 00:06:47,570
Lo dejamos de esa forma for y lo que venga.

100
00:06:47,690 --> 00:06:49,340
Igual que el parámetro o lo que venga.

101
00:06:49,400 --> 00:06:52,610
Por lo tanto en ver no se debiera aplicar.

102
00:06:52,730 --> 00:07:01,010
Recordemos que tenemos el controlador por acá y tenemos las rutas for y ver I form tanto para ger como

103
00:07:01,010 --> 00:07:01,490
para post.

104
00:07:01,550 --> 00:07:03,890
Por lo tanto en ambos se aplicar y ver.

105
00:07:04,190 --> 00:07:06,440
No se debería aplicar el interceptor.

106
00:07:06,800 --> 00:07:08,930
Bueno, guardamos, actualizamos.

107
00:07:09,590 --> 00:07:11,360
Bueno, sigue funcionando, así que está bien.

108
00:07:12,610 --> 00:07:13,480
Y completamos.

109
00:07:21,850 --> 00:07:23,470
Enviar se fijan.

110
00:07:23,530 --> 00:07:26,850
Tiempo transcurrido, nube vacío en milisegundos.

111
00:07:27,040 --> 00:07:32,890
Por lo tanto, no se aplicó solamente formulario y es importante, no se aplica el tiempo trascurrido

112
00:07:32,950 --> 00:07:34,710
acá en ver, en ver.

113
00:07:34,740 --> 00:07:38,470
Bueno, lo podemos omitir bien y lo podemos quitar.

114
00:07:38,560 --> 00:07:39,820
Omitir de dos formas.

115
00:07:39,880 --> 00:07:46,750
Por ejemplo, en resultado acá mismo simplemente quitamos el section, lo podemos quitar, lo eliminamos,

116
00:07:46,870 --> 00:07:48,550
ya que no se está aplicando Enver.

117
00:07:48,610 --> 00:07:50,410
Bueno, eso sería una alternativa.

118
00:07:50,500 --> 00:07:58,470
Otra forma en tiempo en el fragmento acá podemos validar con un if en el div, por ejemplo en el div,

119
00:07:59,500 --> 00:08:01,480
entonces con un if de time life.

120
00:08:01,630 --> 00:08:06,490
Acá preguntamos recuerden si no peso la yards y qué tenemos que preguntar?

121
00:08:06,560 --> 00:08:12,520
Bueno, qué este atributo tiempo transcurrido que se está asignando acá en el interceptor, por acá

122
00:08:12,580 --> 00:08:15,940
a la vista, el atributo preguntadme que sea distinto null.

123
00:08:16,060 --> 00:08:16,990
Si es distinto null.

124
00:08:18,020 --> 00:08:19,220
Acá se muestra

125
00:08:23,060 --> 00:08:23,700
entonces.

126
00:08:23,810 --> 00:08:27,710
Tiempo transcurrido, que sea distinto Onur y mostramos el mensaje.

127
00:08:27,830 --> 00:08:28,880
Bueno, vamos a probar.

128
00:08:29,090 --> 00:08:29,840
Guardamos.

129
00:08:30,000 --> 00:08:31,130
Esperemos que se actualice.

130
00:08:31,490 --> 00:08:32,060
Volver.

131
00:08:32,150 --> 00:08:34,610
Vamos a formulario y completamos.

132
00:08:42,770 --> 00:08:44,480
Enviar y desaparecer.

133
00:08:44,650 --> 00:08:49,250
Entonces ya no se aplica el interceptor en ver y tampoco se está mostrando el mensaje.

134
00:08:49,850 --> 00:08:54,830
Entonces una buena forma es siempre validar la variable antes de imprimirla.

135
00:08:55,310 --> 00:08:58,310
Pero también, como he explicado, en resultado también se puede quitar.

136
00:08:58,370 --> 00:08:59,810
Podemos omitir el sección.

137
00:08:59,930 --> 00:09:00,800
Simplemente se elimina.

138
00:09:00,800 --> 00:09:01,310
Se quita.

139
00:09:02,680 --> 00:09:05,800
Veamos otro tema, vámonos a Mc Confit.

140
00:09:05,920 --> 00:09:08,780
Acá se está aplicando a Ford a la ruta.

141
00:09:09,190 --> 00:09:11,590
Pero si vemos el controlador en For Controller.

142
00:09:12,490 --> 00:09:19,270
Hay dos rutas para mostrar el formulario para AFOR y tenemos otro foro que para procesar la diferencia.

143
00:09:19,330 --> 00:09:21,590
Bueno, aquí uno del tipo Ket y otro tipo post.

144
00:09:21,730 --> 00:09:25,270
Pero qué pasa si quiero aplicar solamente en el tipo quiete y no en post?

145
00:09:25,840 --> 00:09:27,100
Pero la ruta la misma?

146
00:09:27,160 --> 00:09:32,800
Cómo podemos que solamente se aplique en el quiete cuando se muestra el formulario y no cuando se procesa?

147
00:09:33,220 --> 00:09:34,480
Bueno, acá no se puede.

148
00:09:34,600 --> 00:09:41,650
Simplemente la ruta lo que podemos hacer es preguntar de forma programática con código acá en el interceptor

149
00:09:41,770 --> 00:09:43,090
dentro del preguntele.

150
00:09:43,390 --> 00:09:51,430
Entonces acá utilizando el request por ejemplo, lo primero que todo valíamos con el request punto GET.

151
00:09:51,520 --> 00:09:52,960
Por acá tenemos método.

152
00:09:54,690 --> 00:10:00,590
El método del Recuestan bueno, retorna un string acá con Guet, con Compos, con put@.

153
00:10:00,720 --> 00:10:01,050
En fin.

154
00:10:01,200 --> 00:10:05,850
Entonces acá puedo comparar si es equals, pero ignore caiss.

155
00:10:07,230 --> 00:10:10,890
Entonces y quarts y no pequéis independientes y con mayúscula o minúscula.

156
00:10:11,160 --> 00:10:15,710
Acá colocamos post c post.

157
00:10:15,960 --> 00:10:23,220
Bueno, se omite, retornamos tuuuu, simplemente se omite y nos salimos del interceptor.

158
00:10:23,340 --> 00:10:26,670
Se fijan entonces de esa forma nos aplica el código.

159
00:10:27,000 --> 00:10:28,530
Guardamos y probamos.

160
00:10:29,910 --> 00:10:30,540
Volver?

161
00:10:31,090 --> 00:10:32,730
Bueno, en el formulario se muestra.

162
00:10:33,880 --> 00:10:36,880
Pero cuando enviamos no se aplica en el proceso.

163
00:10:37,060 --> 00:10:39,520
Por lo tanto, el tiempo de respuestas es mucho más rápido.

164
00:10:39,610 --> 00:10:41,170
No aceptar ese delay bien.

165
00:10:41,260 --> 00:10:43,540
Y para finalizar, podríamos cambiar el delay.

166
00:10:44,170 --> 00:10:45,700
Ahora, esto es completamente opcional.

167
00:10:45,790 --> 00:10:49,390
Lo podemos dejar en 500 o lo podemos bajar para que sea un poco más rápido.

168
00:10:49,480 --> 00:10:50,980
Por ejemplo, lo podría manejar?

169
00:10:51,040 --> 00:10:53,380
No sé, en 100 o 50.

170
00:10:53,440 --> 00:10:54,760
Trófimo, yo creo que en 100.

171
00:10:54,760 --> 00:10:55,190
Está bien.

172
00:10:55,420 --> 00:10:58,210
Entonces ahora debe ser más rápido.

173
00:10:58,240 --> 00:10:59,440
Se fijan mucho más rápido.

174
00:11:01,790 --> 00:11:02,480
Y estamos listos.

175
00:11:02,570 --> 00:11:04,200
Nos vemos en la siguiente clase.