Preparando para customizar a tabela "Resultados da procura de inventário"

A tabela Resultados da procura de inventário faz parte da página de resultados da procura de inventário no módulo buc-app-inventory . Nesta lição, você aprende como ativar a customização para o módulo buc-app-inventory e copiar os ativos necessários para iniciar a customização.

Procedimento

Abra o arquivo devtoolkit_docker/orderhub-code/buc-app-inventory/overrides.json .
Para inventory-search-results, defina runAsCustomization como true para ativar a personalização dessa rota. Essa configuração informa ao Order Hub para examinar seu código customizado quando a rota inventory-search-results é chamada.

Importante: Defina runAsCustomization como true apenas para as rotas que estão sendo personalizadas no momento. É recomendado customizar um máximo de cinco rotas por vez.
Localize o código-fonte para a página existente do inventário-procura-resultados
Nesse caso, os arquivos estão no diretório buc-app-inventory/packages/inventory-search-results/src/app/features/search
Replicar a estrutura de 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 features.
  Assegure-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 no diretório packages / inventory-search-results/src-custom/app/features .
Defina sequências de conversão e configurações de 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 arquivo buc-app-inventory/angular.json .
4. Substitua o conteúdo atual da matriz de projects > inventory-search-results > architect > build > configurações > mesclado > assets com as entradas a seguir: O propósito desta etapa direcionar o módulo para usar os arquivos de ativos customizados 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. Além disso, substitua o conteúdo na matriz projetos > inventário-procura-resultados > arquiteto > construir > configurações > mesclado-produção > ativos
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/ambientes .
8. Inclua a linha a seguir no final dos arquivos environment.ts e envrionment.prod.ts .
```
environment.customization = true;
```
9. Pare e reinicie o servidor para que as mudanças nos arquivos angular.json e overrides.json entrem em vigor.
  Pare a tarefa no terminal Em seguida, execute:
```
yarn stop-app
```
```
yarn start-app
```
10. Crie uma pasta customizada em 'buc-app-inventory/packages/inventory-search-results/src-custom/assets' É possível colocar seus ativos customizados nesta pasta.