Preparación para personalizar la página de resultados de búsqueda de pedidos

La página de resultados de búsqueda de pedidos y las acciones pertenecen al buc-app-order módulo. En esta lección, aprenderás a habilitar la personalización del buc-app-order módulo y, a continuación, a copiar los recursos necesarios para comenzar la personalización.

1. Abre el devtoolkit_docker/orderhub-code/buc-app-order/overrides.json archivo.
2. Para el resultado de la búsqueda de pedidos, establezca runAsCustomization en verdadero para habilitar la personalización de esta ruta. Esta configuración indica a Order Hub que consulte tu código personalizado cuando se llame a la ruta order-search-result.
   Importante: Establezca runAsCustomization en true solo para las rutas que se están personalizando actualmente. Se recomienda personalizar un máximo de cinco rutas a la vez.
3. Abre un terminal y ve al devtoolkit_docker/orderhub-code/buc-app-order/ directorio.
4. Inicie la aplicación ejecutando el siguiente comando.

   yarn start-app

   La compilación y el inicio de la aplicación pueden tardar varios minutos. Espera el mensaje «Compilado correctamente» para cada ruta en la que runAsCustomization esté establecido en verdadero. Por ejemplo:

   resultado de la búsqueda de pedidos: √ Compilado correctamente.

   
   

   Verás un mensaje "** Angular Live Development Server is listening on bucgenerichost:<port>, open your browser on https://bucgenerichost:<port>/buc-app-order/order-search-result **". Puede ignorar este mensaje. Debe utilizar Order Hub para ver el módulo. El paso 5 describe cómo probar el módulo en Order Hub.

Las pantallas de Pedidos están modularizadas en diferentes paquetes en la buc-app-order aplicación. Cada paquete sigue la estructura de carpetas src y src-custom.

• src contiene un código proporcionado por IBM. No modifique nada en esta carpeta.
• src-custom contiene todo tu código de personalización.
• src-merged se genera después de compilar la aplicación, que fusiona src y src-custom.

5. Configure Order Hub para renderizar el módulo buc-app-order desde su kit de herramientas para desarrolladores.
   Para obtener más información, consulte Prueba de personalizaciones de módulos existentes en el Order Hub de próxima generación.
6. Comprueba que puedes añadir contenido a los puntos de extensión existentes disponibles en el modal Orden de programación utilizando el enfoque de personalización diferencial :
   1. En Order Hub, haz clic en Pedidos > Salientes.
   2. Buscar un pedido.
   3. En la página de resultados de búsqueda, haz clic en el menú desplegable al final de una fila y, a continuación, haz clic en Programar.
   4. Presiona Ctrl + D para mostrar los puntos de extensión disponibles en el modal.
      
   5. Anote los identificadores de los puntos de extensión a los que desea añadir contenido.

      En este caso, utilizaremos el punto de extensión schedule_modal_shared_bottom para la personalización.

   6. Cuando hayas terminado, pulsa Ctrl + Mayús + D para ocultar los puntos de extensión disponibles en el modal.