Preparación para personalizar la tabla de resultados de búsqueda del inventario

La tabla de resultados de búsqueda de inventario forma parte de la página de resultados de búsqueda de inventario dentro del buc-app-inventory módulo. En esta lección, aprenderás a habilitar la personalización del buc-app-inventory módulo y a copiar los recursos necesarios para comenzar la personalización.

Procedimiento

Abre el devtoolkit_docker/orderhub-code/buc-app-inventory/overrides.json archivo.
Para los resultados de búsqueda de inventario, establezca runAsCustomization en verdadero para habilitar la personalización de esta ruta. Esta configuración indica a Order Hub que consulte su código personalizado cuando se llame a la ruta de resultados de búsqueda de inventario.

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.
Busca el código fuente de la página existente de resultados de búsqueda de inventario.
En este caso, los archivos se encuentran en el buc-app-inventory/packages/inventory-search-results/src/app/features/search directorio.
Replique la estructura de la carpeta src en la carpeta src-custom.
1. Vaya al directorio buc-app-inventory/packages/inventory-search-result/src-custom/app.
2. Crea una carpeta con el nombre «features ».
  Asegúrese de que la ruta resultante sea: buc-app-inventory/packages/inventory-search-result/src-custom/app/features/.
Copie la carpeta buc-app-inventory/packages/inventory-search-results/src/app/features/search y péguela en el directorio buc-app-inventory/packages/inventory-search-results/src-custom/app/features.
Copie el archivo buc-app-inventory/packages/inventory-search-results/src/app/features/ext-search.module.ts y péguelo en el directorio packages/inventory-search-results/src-custom/app/features.
Configurar cadenas de traducción y configuraciones de entorno.
1. Cree una carpeta de activos en el directorio buc-app-inventory/packages/inventory-search-results/src-custom.
2. Copie la carpeta buc-app-inventory/packages/inventory-shared/assets/buc-app-inventory y péguela en la carpeta buc-app-inventory/packages/inventory-search-results/src-custom/assets.
3. Abre el buc-app-inventory/angular.json archivo.
4. Reemplaza el contenido actual de la matriz projects > inventory-search-results > architect > build > configurations > merged > assets con las siguientes entradas. El objetivo de este paso es indicar al módulo que utilice los archivos de recursos personalizados en lugar de los archivos de /inventory-shared.
```
            "assets": [
{
  "glob": "**",
  "input": "packages/inventory-search-results/src-merged/assets",
  "output": "assets"
},	
{
  "glob": "*.json",
  "input": "packages/inventory-search-results/src-merged/assets/buc-app-inventory",
  "output": "assets/inventory-search-results"
},
{
  "glob": "**",
  "input": "node_modules/@buc/svc-angular/assets",
  "output": "assets"
},
{
  "glob": "**",
  "input": "node_modules/@buc/common-components/assets",
  "output": "assets"
}

            ],
```
5. Reemplaza también el contenido de la matriz projects > inventory-search-results > architect > build > configurations > merged-prod > assets.
6. Copie la carpeta environments de buc-app-inventory/packages/inventory-search-results/src y péguela en buc-app-inventory/packages/inventory-search-results/src-custom.
7. Vaya al directorio buc-app-inventory/packages/inventory-search-results/src-custom/environments.
8. Añade la siguiente línea al final de los archivos environment.ts envrionment.prod.ts y.
```
environment.customization = true;
```
9. Detenga y reinicie el servidor para que los cambios en los archivos angular.json overrides.json y surta efecto.
  Detenga el trabajo en la terminal. A continuación, ejecute:
```
yarn stop-app
```
```
yarn start-app
```
10. Cree una carpeta personalizada en «buc-app-inventory/packages/inventory-search-results/src-custom/assets». Puede colocar sus recursos personalizados en esta carpeta.

Qué hacer a continuación

Implemente su personalización. Para obtener más información, consulte Preparación para implementar personalizaciones en aplicaciones existentes.