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

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

1. Abra el archivo devtoolkit_docker/orderhub-code/buc-app-order/overrides.json .
2. Para orden-resultado-de-la-búsqueda, colocar runAsCustomization a verdadero para habilitar la personalización de esta ruta. Esta configuración indica a Order Hub que mire el código personalizado cuando se llama a la ruta order-search-result.
   Importante: Sólo conjunto runAsCustomization a verdadero para las rutas que se están personalizando actualmente. Se recomienda personalizar un máximo de cinco rutas a la vez.
3. Abra un terminal y vaya al directorio devtoolkit_docker/orderhub-code/buc-app-order/ .
4. Inicie la aplicación ejecutando el mandato siguiente.

   yarn start-app

   Puede tardar varios minutos en compilar e iniciar la aplicación. Espere el mensaje "Compilado exitosamente" para cada ruta donde runAsCustomization se establece en verdadero. Por ejemplo:

   order-search-result: √ Compilado correctamente.

   
   

   Verá 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 Orden se modularizan en distintos paquetes en la aplicación buc-app-order . Cada paquete sigue la estructura de carpetas src y src-custom .

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

5. Configure Order Hub para representar el módulo buc-app-order desde el kit de herramientas del desarrollador.
   Para obtener más información, consulte Probar las personalizaciones de módulos existentes en la nueva generación de Order Hub.
6. Verifique que puede añadir contenido a los puntos de extensión existentes disponibles en el modal Planificar orden utilizando el enfoque de personalización diferencial :
   1. En Order Hub, pulse Orders > Outbound.
   2. Buscar un pedido.
   3. En la página de resultados de la búsqueda, pulse el menú de desbordamiento al final de una fila y, a continuación, pulse Planificar.
   4. Pulse Ctrl + D para mostrar los puntos de extensión disponibles en el modal.
      
   5. Tome nota de 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 haya terminado, pulse Ctrl + Mayús + D para ocultar los puntos de extensión disponibles en el modal.