Preparando-se para personalizar a tabela de resultados da pesquisa de inventário

A tabela de resultados da pesquisa de inventário faz parte da página de resultados da pesquisa de inventário dentro do buc-app-inventory módulo. Nesta lição, você aprenderá como habilitar a personalização do buc-app-inventory módulo e copiar os recursos necessários para iniciar a personalização.

Procedimento

Abra o devtoolkit_docker/orderhub-code/buc-app-inventory/overrides.json arquivo.
Para os resultados da pesquisa de inventário, defina runAsCustomization como verdadeiro para ativar a personalização para esta rota. Essa configuração instrui o Order Hub a consultar seu código personalizado quando a rota de resultados de pesquisa de estoque é chamada.

Importante: defina runAsCustomization como verdadeiro apenas para as rotas que estão sendo personalizadas no momento. Recomenda-se personalizar no máximo cinco rotas por vez.
Encontre o código-fonte da página existente de resultados de pesquisa de inventário.
Neste caso, os arquivos estão no buc-app-inventory/packages/inventory-search-results/src/app/features/search diretório.
Replique a estrutura da pasta src na pasta src-custom.
1. Vá para o diretório buc-app-inventory/packages/inventory-search-result/src-custom/app.
2. Crie uma pasta com o nome recursos.
  Certifique-se de que o caminho resultante seja: buc-app-inventory/packages/inventory-search-result/src-custom/app/features/.
Copie a pasta buc-app-inventory/packages/inventory-search-results/src/app/features/search e cole no diretório buc-app-inventory/packages/inventory-search-results/src-custom/app/features.
Copie o arquivo buc-app-inventory/packages/inventory-search-results/src/app/features/ext-search.module.ts e cole-o no diretório packages/inventory-search-results/src-custom/app/features.
Configure as cadeias de tradução e as configurações do ambiente.
1. Crie uma pasta assets no diretório buc-app-inventory/packages/inventory-search-results/src-custom.
2. Copie a pasta buc-app-inventory/packages/inventory-shared/assets/buc-app-inventory e cole na pasta buc-app-inventory/packages/inventory-search-results/src-custom/assets.
3. Abra o buc-app-inventory/angular.json arquivo.
4. Substitua o conteúdo atual da matriz projects > inventory-search-results > architect > build > configurations > merged > assets pelas seguintes entradas. O objetivo desta etapa é direcionar o módulo para usar os arquivos de recursos personalizados em vez dos arquivos 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. Substitua também o conteúdo na matriz projects > inventory-search-results > architect > build > configurations > merged-prod > assets.
6. Copie a pasta environments de buc-app-inventory/packages/inventory-search-results/src e cole em buc-app-inventory/packages/inventory-search-results/src-custom.
7. Vá para o diretório buc-app-inventory/packages/inventory-search-results/src-custom/environments.
8. Adicione a seguinte linha ao final dos arquivos environment.tsenvrionment.prod.ts e.
```
environment.customization = true;
```
9. Pare e reinicie o servidor para que as alterações nos arquivos angular.jsonoverrides.json e entrem em vigor.
  Interrompa a tarefa no terminal. Em seguida, execute:
```
yarn stop-app
```
```
yarn start-app
```
10. Crie uma pasta personalizada em “buc-app-inventory/packages/inventory-search-results/src-custom/assets”. Você pode colocar seus recursos personalizados nesta pasta.

O que fazer depois

Implemente sua personalização. Para obter mais informações, consulte Preparando-se para implantar personalizações para aplicativos existentes.