Bien, continuemos esta clase con reutilizar este fragmento de código de la dicta.
Bueno, en Time Lif se le conoce como fragmento o fragmento.
Entonces podemos reutilizar ciertas partes de nuestras plantillas, llevarlo a un archivo aparte independiente
y lo podemos incluir.
Bueno, justamente la esencia de cómo crear plantillas reutilizables sistema de Hayat en Toile.
Bien, entonces vamos a crear un archivo HTML.
Tienes que estar dentro de templates junto con toda la vistas puestas en la raíz en un directorio de
da lo.
Entonces Templates puede crear una carpeta que le vamos a llamar componentes.
Bueno, esto es opcional.
Puede estar en la raíz en cualquier parte.
Bueno, componentes me refiero a componentes de plantilla desvista que sean reutilizable el nombre.
Lo mismo puede ser controles componentes como queramos finalizar.
Y acá vamos a crear esta plantilla entonces con New Otro.
Buscamos web por acá.
HTML Feist Perfecto, le damos un nombre, por ejemplo, tiempo o nombre que queramos, tiempo o tiempo
transcurrido.
Finalizar.
Cómo es una plantilla que se utiliza, el jet no va.
El Jía lo quitamos en el HTML.
Acá vamos a agregar el New Space de Tenerife.
Entonces XML Neopets dos puntos TH de Tain, LIF igual y la ruta.
Recuerden que es opcional solamente para quien no muestre un warning de que no reconoce el atributo
o etiqueta th ennuestras en otros elementos en la vista.
Bien, vamos a formulario.
Voy a cortar esto.
Lo voy a cortar.
Y lo de pegar acá.
Bien, pero esto lo voy a anidar en otro elemento HTML puede ser un tip o puede ser cualquiera.
Yo voy a utilizar Section, que es un elemento de HTML5 que para indicar una sección o componente que
podemos, que podemos reutilizar.
Entonces una sección del tiempo transcurrido es todo acá.
Lo vamos a ordenar con formato.
Sección también y en sección con la etiqueta TH o atributo en realidad con atributo TH, fragmento de
fragmento, igual le damos un nombre cualquiera, es como una llave identificador en tal div tiene un
identificador o nombre, pero solamente dentro del archivo tiempo.
Entonces incluso dentro de este TBL podemos tener varios fragmento de código reutilizable.
Lo podemos insertar o agregar en nuestra plantilla.
Entonces tiempo interceptor tiempo el archivo interceptor el nombre de este fragmento o código que vamos
a reutilizar.
Perfecto.
Ahora, cómo lo reutilizados?
Bueno, recuerden que Section es un elemento HTML, parte del estándar HTML5.
Incluso en el content model de HTML5 están todos los elementos, entre ellos section nav para indicar
un menú navegación main details para mostrar un contenido, detalle, un artículo, un vídeo, en fin.
También tenemos el tip el clásico div.
Entonces incluso puede ser un tip, así que no se compliquen conception ni con simplemente un elemento
que representa semántica en HTML5 para indicar una sección nada más.
Bien.
Guardamos y lo tenemos que incluir donde el formulario.
Recuerden que lo cortamos, se fijan, lo cortamos.
Entonces todo acá lo reemplazamos por sección.
Entonces por acá mismo, nombre que tenemos acá mismo nombre del elemento HTML que tenemos.
El fragmento entonces sería sección.
Vamos a cerrar de H.
Ripley.
Entonces el contenido de esta sección, que está vacío, lo vamos a reemplazar por el contenido del
fragmento.
Entonces TH Ripley es la ubicación, en este caso se encuentra en componentes.
Entonces Acari el directorio es el larch, ya que es una ruta, un directorio, el archivo tiempo,
el nombre de archivo sin extensión, solamente directorio, nombre de archivo bien un espacio dos punto
punto.
El nombre o identificador del fragmento en este caso interceptor.
Perfecta.
Entonces lo primero es la ruta y nombre archivo, lo segundo, el nombre es fragmento, de esa forma
lo incluimos.
Así de simple.
Ahora, si el archivo de tiempo estuviera en la raíz en templates, simplemente sería esto.
Omitimos componentes solamente el nombre del archivo porque estaría en la raíz.
Pero como está en componentes, acá tenemos que agregar componentes.
Bien guardamos y esto mismo.
En resultado, entonces le quitamos y lo dejamos acá.
Bien, ya tengo levantado la aplicación de la clase anterior.
Entonces simplemente guardo.
Resultado guardo formulario, guardo tiempo, las plantillas y vamos a revisar el resultado debe ser
exactamente el mismo en términos de funcionalidad, lo que cambia es la estructura.
Entonces voy a actualizar con entes, se fijan?
Funciona exactamente igual.
Bien.
Voy a cambiar y controlar para no tener que estar modificando siempre el 123.
En el controlador.
Por acá 12 vamos a colocar dos digito.
Voy a cerrar.
Bien, entonces cualquier dato.
Perfecto, también funciona, se fijan, lo estamos reutilizando.
Volver por el momento.
Se aplica este interceptor a todas las rutas a formulario a ver y a cualquier controlador que tengamos
a futuro, a cualquier método Android, a todos.
Qué pasa si quiero aplicar solamente en algunas rutas?
No en toda.
Por ejemplo, en formulario nada más que formulario.
Cómo lo podremos implementar?
Algo vimos en ms config acá.
Acá podemos invocar el método, agregar un patrón de ruta separador coma, pero en nuestro caso vamos
a agregar una sola.
Entonces, cuál es el larch for asterisco asterisco?
Es decir, a cualquier ruta que venga después de for, pero siempre dentro formulario de esta ruta.
Ahora, si queremos que sea solamente en form exactamente form sería esa.
Lo dejamos de esa forma for y lo que venga.
Igual que el parámetro o lo que venga.
Por lo tanto en ver no se debiera aplicar.
Recordemos que tenemos el controlador por acá y tenemos las rutas for y ver I form tanto para ger como
para post.
Por lo tanto en ambos se aplicar y ver.
No se debería aplicar el interceptor.
Bueno, guardamos, actualizamos.
Bueno, sigue funcionando, así que está bien.
Y completamos.
Enviar se fijan.
Tiempo transcurrido, nube vacío en milisegundos.
Por lo tanto, no se aplicó solamente formulario y es importante, no se aplica el tiempo trascurrido
acá en ver, en ver.
Bueno, lo podemos omitir bien y lo podemos quitar.
Omitir de dos formas.
Por ejemplo, en resultado acá mismo simplemente quitamos el section, lo podemos quitar, lo eliminamos,
ya que no se está aplicando Enver.
Bueno, eso sería una alternativa.
Otra forma en tiempo en el fragmento acá podemos validar con un if en el div, por ejemplo en el div,
entonces con un if de time life.
Acá preguntamos recuerden si no peso la yards y qué tenemos que preguntar?
Bueno, qué este atributo tiempo transcurrido que se está asignando acá en el interceptor, por acá
a la vista, el atributo preguntadme que sea distinto null.
Si es distinto null.
Acá se muestra
entonces.
Tiempo transcurrido, que sea distinto Onur y mostramos el mensaje.
Bueno, vamos a probar.
Guardamos.
Esperemos que se actualice.
Volver.
Vamos a formulario y completamos.
Enviar y desaparecer.
Entonces ya no se aplica el interceptor en ver y tampoco se está mostrando el mensaje.
Entonces una buena forma es siempre validar la variable antes de imprimirla.
Pero también, como he explicado, en resultado también se puede quitar.
Podemos omitir el sección.
Simplemente se elimina.
Se quita.
Veamos otro tema, vámonos a Mc Confit.
Acá se está aplicando a Ford a la ruta.
Pero si vemos el controlador en For Controller.
Hay dos rutas para mostrar el formulario para AFOR y tenemos otro foro que para procesar la diferencia.
Bueno, aquí uno del tipo Ket y otro tipo post.
Pero qué pasa si quiero aplicar solamente en el tipo quiete y no en post?
Pero la ruta la misma?
Cómo podemos que solamente se aplique en el quiete cuando se muestra el formulario y no cuando se procesa?
Bueno, acá no se puede.
Simplemente la ruta lo que podemos hacer es preguntar de forma programática con código acá en el interceptor
dentro del preguntele.
Entonces acá utilizando el request por ejemplo, lo primero que todo valíamos con el request punto GET.
Por acá tenemos método.
El método del Recuestan bueno, retorna un string acá con Guet, con Compos, con put@.
En fin.
Entonces acá puedo comparar si es equals, pero ignore caiss.
Entonces y quarts y no pequéis independientes y con mayúscula o minúscula.
Acá colocamos post c post.
Bueno, se omite, retornamos tuuuu, simplemente se omite y nos salimos del interceptor.
Se fijan entonces de esa forma nos aplica el código.
Guardamos y probamos.
Volver?
Bueno, en el formulario se muestra.
Pero cuando enviamos no se aplica en el proceso.
Por lo tanto, el tiempo de respuestas es mucho más rápido.
No aceptar ese delay bien.
Y para finalizar, podríamos cambiar el delay.
Ahora, esto es completamente opcional.
Lo podemos dejar en 500 o lo podemos bajar para que sea un poco más rápido.
Por ejemplo, lo podría manejar?
No sé, en 100 o 50.
Trófimo, yo creo que en 100.
Está bien.
Entonces ahora debe ser más rápido.
Se fijan mucho más rápido.
Y estamos listos.
Nos vemos en la siguiente clase.