Preparación para personalizar la tabla "Resultados de búsqueda de inventario"

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

Procedimiento

Abra el archivo devtoolkit_docker/orderhub-code/buc-app-inventory/overrides.json .
Para inventory-search-results, establezca runAsCustomization en true para habilitar la personalización para esta ruta. Esta configuración indica a Order Hub que examine el código personalizado cuando se llame a la ruta inventory-search-results .

Importante: Sólo establezca runAsCustomization a true para las rutas que se están personalizando actualmente. Se recomienda personalizar un máximo de cinco rutas a la vez.
Busque el código fuente para la página inventory-search-results existente.
En este caso, los archivos se encuentran en el directorio buc-app-inventory/packages/inventory-search-results/src/app/features/search .
Replique la estructura de carpetas src en la carpeta src-custom .
1. Vaya al directorio buc-app-inventory/packages/inventory-search-result/src-custom/app .
2. Cree una carpeta con el nombre features.
  Asegúrese de que la vía de acceso 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 series de conversión y configuraciones de entorno.
1. Cree una carpeta assets 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. Abra el archivo buc-app-inventory/angular.json .
4. Sustituya el contenido actual de la matriz proyectos > inventory-search-results > arquitecto > build > configuraciones > fusionado > activos con las entradas siguientes. La finalidad de este paso es indicar al módulo que utilice los archivos de elementos 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. Sustituya también el contenido de los proyectos > inventory-search-results > arquitecto > build > configuraciones > fusionada-prod > activos matriz.
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ñada la línea siguiente al final de los archivos environment.ts y envrionment.prod.ts .
```
environment.customization = true;
```
9. Detenga y reinicie el servidor para que los cambios en los archivos angular.json y overrides.json entren en vigor.
  Detenga el trabajo en el terminal. A continuación, ejecute:
```
yarn stop-app
```
```
yarn start-app
```
10. Cree una carpeta personalizada bajo 'buc-app-inventory/packages/inventory-search-results/src-custom/assets'. Puede colocar los activos personalizados en esta carpeta.