You are viewing the Portuguese (Brazil) site, but your language preference is set to English. Switch to English site →

Menu

Programação de dashboard

O seguinte recurso está disponível como beta no Flex UI (IU do Flex) versão 1.27 e posterior. Para usar esse recurso, certifique‐se de que o recurso Insights - Programmable Dashboards beta esteja ativado na interface do administrador.

Um proxy de desenvolvedor é necessário para o desenvolvimento local. Consulte o artigo sobre Desenvolvimento local.

A partir da versão 1.27, o Flex permite que os usuários configurem programaticamente a navegação nos dashboards. Atualmente, a configuração de um filtro para os dashboards é suportada.

Observe que esse recurso é para uso conveniente apenas e não pode ser considerado um recurso de segurança. Mesmo com a filtragem habilitada, os agentes ainda podem acessar a lista inteira dos dashboards que têm permissões para visualizar.

Terminologia

Para explicar como a filtragem funciona, é importante estabelecer alguns termos e explicar como a navegação funciona.

Atualmente, oferecemos suporte a dois tipos diferentes de dashboards:

  1. Os dashboards do projeto, que agrupam conjuntos de Guias, que você pode selecionar para exibir um dashboard,
  2. e Analytical Dashboards (Dashboards analíticos), que por si só são os dashboards.

Navegação na barra lateral

A barra lateral é usada para listar todos os dashboards e guias de uma maneira fácil de navegar. Na parte superior, há uma lista suspensa que permite selecionar entre Todos os dashboards, Meus dashboards e também permite selecionar um Dashboard de projeto específico.

Dashboard Navigation

Quando todos os dashboards estiverem selecionados, a lista exibirá todos os Analytical Dashboards (Dashboards analíticos) primeiro e depois todos os Dashboards do projeto, juntamente com suas guias.

Quando um Dashboard de projeto específico é selecionado, a lista só exibe suas guias subjacentes.

Componente DashboardsSidebar

Este componente tem dois acessórios padrão que podem ser substituídos:

  • dashboardsFilter: (dashboard) => boolean
  • dashboardTabFilter: (tab, dashboard) => boolean

Esses acessórios estão disponíveis no seguinte namespace: Flex.Insights.DashboardsSidebar.defaultProps.

dashboardsFilter

O dashboardsFilter determina quais dashboards estarão disponíveis na lista suspensa na parte superior da barra lateral e como parte da navegação. O valor de retorno da função determina se o Dashboard específico será exibido ou ocultado.

A função assume dashboard como um argumento. Pode ser um Analytical Dashboard (Dashboard analítico) ou um Dashboard de Projeto.

Se false for retornado para um Dashboard de projeto, ele desaparecerá tanto da lista suspensa como da de navegação – se "All Dashboards" estiver selecionado , juntamente com todas as suas guias. Se quiser ocultar apenas algumas das guias, use o adereço dashboardTabFilter.

Se false for retornado para um Analytical Dashboard (Dashboard analítico), ele será ocultado da parte superior da navegação quando "All Dashboards" for selecionado.

O argumento do dashboard tem a seguinte forma:

identifier: string;
category?: string;
link?: string;
title?: string;
author?: string;
tabs?: Array<{
    title: string;
    identifier: string;
}>;
widgets?: string[];

Exemplo

Neste exemplo, digamos que você queira ocultar um painel chamado "Control Center":

Flex.Insights.DashboardsSidebar.defaultProps.dashboardsFilter =
  (dashboard) => 
    dashboard.title !== "Control Center"

dashboardTabFilter

Às vezes, talvez você não queira ocultar todo o Dashboard de projeto, mas apenas algumas de suas guias. É quando esta função é útil.

A função assume tab e dashboard como seus argumentos. Cada guia do Dashboard de projeto é marcada em relação a esse filtro e o valor de retorno dessa guia determina se a guia deve ser exibida ou não. O argumento dashboard é o Dashboard de projeto do qual a guia faz parte. Isso permite que você decida não apenas com base no título da guia em si, mas também pelas propriedades do dashboard, conforme exibido no exemplo abaixo.

O argumento do tab tem a seguinte forma:

title: string;
identifier: string;

Exemplo

Digamos que você queira ocultar uma guia chamada Conversations que faz parte do dashboard Control Center:

Flex.Insights.DashboardsSidebar.defaultProps.dashboardTabFilter =
  (tab, dashboard) => 
    tab.title !== "Conversations" && dashboard.title !== "Control Center"

No entanto, pode ser uma ideia melhor filtrar diretamente por ID. Para descobrir a ID de qualquer dashboard, siga este guia. Observe que o ID no URL corresponde à chave tab.identifier.

Observe que configurar um dashboardTabFilter não afeta os Analytical Dashboards (Dashboards analíticos).

Classifique esta página:

Precisa de ajuda?

Às vezes, todos nós precisamos; a programação é difícil. Receba ajuda agora da nossa equipe de suporte, ou confie na sabedoria da multidão navegando pelo Stack Overflow Collective da Twilio ou buscando a tag Twilio no Stack Overflow.

Obrigado pelo seu feedback!

Selecione o(s) motivo(s) para seu feedback. As informações adicionais que você fornece nos ajudam a melhorar nossa documentação:

Enviando seu feedback...
🎉 Obrigado pelo seu feedback!
Algo deu errado. Tente novamente.

Obrigado pelo seu feedback!

Indique‑nos e obtenha USD10 em 3 etapas simples!

Etapa 1

Obtenha o link

Obtenha um link de indicação pessoal gratuito aqui

Etapa 2

Dê USD10

Seu usuário se inscreve e faz a atualização usando o link

Etapa 3

Obtenha USD10

1.250 mensagens SMS grátis
OU 1.000 min de voz grátis
OU 12.000 chats
OU mais