Incluindo uma ação na tabela de resultados da procura de Inventário

Saiba como incluir uma ação em uma tabela usando a abordagem de customização por configuração Nesta lição, você modifica um arquivo buc-table-config.json que define características da tabela.

Procedimento

  1. Crie um arquivo buc-table-config.json no diretório packages/inventory-search-results/src-custom/assets/custom/ .
  2. É necessário localizar o esquema no arquivo buc-table-config.json padrão que corresponde à tabela que você precisa modificar.
    1. Efetue login no Order Hub.
    2. Abra a guia Console do navegador..
    3. Clique em Inventário no menu.
    4. Execute uma procura para localizar inventário.
    5. Quando chegar à página de resultados da pesquisa de inventário, verifique no Console a última mensagem que inclui BaseTableComponent.initializeTable.
      É possível localizar o nome do esquema inv-search-result-table.
      Uma captura de tela do console com o nome do esquema inv-search-result-table destacado com uma caixa vermelha
  3. Abra o arquivo buc-app-inventory/packages/inventory-search-results/src-custom/assets/buc-app-inventory/buc-table-config.json ..
  4. Copie o esquema inv-search-result-table, inclusive o overflowMenuActions, para o arquivo packages/inventory-search-results/src-custom/assets/custom/buc-table-config.json.
    Você só precisa incluir overflowMenuActions porque o menu de estouro é a única parte da tabela que precisa ser personalizada. Assegure que o código seja semelhante ao fragmento a seguir.
    {
        "inv-search-result-table": {
            "name": "inv-search-result-table",
            "overflowMenuActions": [
            ]
        }
    }
  5. Inclua o seguinte código na matriz overflowMenuActions . Aqui você está incluindo uma nova ação no menu overflow da tabela Resultados da procura de inventário .
    {
      "id": "createReservation",
      "label": "custom.LABEL_CREATE_RESERVATION",
      "resourceId": "CUSINV0001AT0001",
      "metadata": {
        "custom": "true",
        "actionTargetType": "internal",
        "actionTarget": "/buc-app-inventory/inventory-search-results/inventory/create-reservation",
        "contextColumnIds": "name"
      }
    }
    
    Captura de tela do arquivo buc-table-config.json
    Nota:
    • Assegure que os valores no contextColumnIds incluam o que é usado em sua organização. Além disso, verifique se essas colunas da tabela estão visíveis no Order Hub.
    • O resourceId é um ID de recurso customizado que pode ser usado para definir quais grupos de usuários têm permissão para usar esta ação..
  6. No Application Console, crie o recurso customizado que você definiu na etapa anterior ("resourceId": "CUSINV0001AT0001",)
    Para obter mais informações sobre como criar um recurso customizado, consulte "Etapa 1" em Criando permissões de recurso para páginas e ações customizadas. Assegure-se de configurar o ID do Recurso para CUSINV0001AT0001.
    Captura de tela do Channel Apps Manager com uma nova entidade para a ação Criar reserva
  7. Atualizar seus grupos de usuários customizados para conceder permissão para usar a ação Criar reserva . Para obter mais informações, consulte Definindo permissões de recursos para o Order Hub.
    Captura de tela do módulo de permissões do Order Hub com uma nova entidade para a ação Criar reserva
  8. Inclua sequências de tradução para a ação Criar reserva .
    1. Crie uma pasta i18n sob 'buc-app-inventory/packages/inventory-search-results/src-custom/assets/custom'.
    2. Crie um arquivo en.json em 'buc-app-order/packages/create-order/src-custom/assets/custom/i18n'.
      O arquivo en.json inclui as sequências literais em inglês a serem exibidas na UI. É possível incluir sequências traduzidas criando outros arquivos JSON.. Nomeie os arquivos com base nos códigos de idioma ISO-639 .. Por exemplo, fr.json para sequências em francês.
    3. Cole o conteúdo JSON a seguir no arquivo en.json Esse rótulo é usado pela nova ação Criar reserva que você incluirá na tabela Resultados da procura de inventário .
      {
        "custom": {
        "LABEL_CREATE_RESERVATION":"Create reservation"
        }
      }
      
  9. Configure o Order Hub para renderizar o módulo buc-app-inventory de seu kit de ferramentas do desenvolvedor.
    Para obter mais informações, consulte Testando customizações de módulo existentes no Order Hub.
  10. Verifique se a nova ação da tabela é exibida em Order Hub
    1. Efetue login no Order Hub. Se você tiver efetuado login, recarregue o quadro.
    2. Clique em Inventário (modo DEV) e execute uma procura para chegar à página Resultados da Procura de Inventário .
    3. Clique nos três pontos no final da linha para abrir o menu overflow.
      Agora é possível ver a ação Criar Reserva no menu.
      Uma captura de tela do menu overflow aberto na página de resultados da procura de inventário. O menu mostra a ação customizada Criar reserva.