Preparando para Customizar a Página de Resultados da Procura do Pedido

A página Resultados da Procura de Pedido e as ações pertencem ao módulo buc-app-order Nesta lição, você aprende como ativar a customização para o módulo buc-app-order e, em seguida, copiar os ativos necessários para iniciar a customização.

1. Abra o arquivo devtoolkit_docker/orderhub-code/buc-app-order/overrides.json .
2. Para resultado da pesquisa do pedido, definir runAsCustomization para verdadeiro para ativar a personalização desta rota. Essa configuração instrui o Hub de Pedido. a examinar seu código customizado quando a rota order-search-result for chamada
   Importante: Apenas definido runAsCustomization como verdadeiro para as rotas que estão sendo customizadas no momento. É recomendado customizar um máximo de cinco rotas por vez.
3. Abra um terminal e acesse o diretório devtoolkit_docker/orderhub-code/buc-app-order/ .
4. Inicie o aplicativo executando o comando a seguir.

   yarn start-app

   Pode demorar vários minutos para compilar e iniciar o aplicativo.. Aguarde a mensagem "Compilado com sucesso" para cada rota onde runAsCustomization está definido como verdadeiro. Por exemplo,

   order-search-result: √ Compilado com sucesso..

   
   

   Você verá uma mensagem "** Angular Live Development Server is listening on bucgenerichost:<port>, open your browser on https://bucgenerichost:<port>/buc-app-order/order-search-result **". É possível ignorar esta mensagem Deve-se usar Order Hub para visualizar o módulo. A etapa 5 descreve como testar o módulo em Order Hub.

As telas de Pedido são modularizadas em pacotes diferentes no aplicativo buc-app-order Cada pacote segue a estrutura de pasta src e src-custom .

• src contém código fornecido pela IBM . Não modifique nada nesta pasta
• src-custom contém todo o código de customização.
• src-merge é gerado após a construção do aplicativo, que mescla src e src-custom.

5. Configure o Order Hub para renderizar o módulo buc-app-order de seu kit de ferramentas do desenvolvedor.
   Para obter mais informações, consulte Teste de personalizações de módulos existentes no Order Hub de última geração.
6. Verifique se é possível incluir conteúdo nos pontos de extensão existentes disponíveis no modal da ordem de Planejamento usando a abordagem customização diferenciada :
   1. No Order Hub, clique em Pedidos > Saída.
   2. Procure um pedido.
   3. Na página de resultados da procura, clique no menu overflow no final de uma linha e, em seguida, clique em Planejamento
   4. Pressione Ctrl + D para mostrar os pontos de extensão disponíveis no modal
      
   5. Observe os identificadores dos pontos de extensão nos quais você deseja incluir conteúdo.

      Nesse caso, usaremos o ponto de extensão schedule_modal_shared_bottom para a customização

   6. Quando concluir, pressione Ctrl + Shift + D para ocultar os pontos de extensão disponíveis no modal.