Widgets de página
Áreas de widgets personalizáveis nas páginas de trading, review e estratégias que mostram métricas específicas de cada página sem sair da visualização.
Widgets de página
Além do dashboard totalmente personalizável, várias páginas da visualização de trading mostram uma área compacta de widgets logo acima do conteúdo principal. Assim você acompanha as principais métricas de desempenho sem sair da página em que está trabalhando.
Páginas compatíveis
| Página | Foco padrão |
|---|---|
| Diário | P&L do dia + timing intradiário |
| Semanal | P&L da semana + divisão por dia |
| Mensal | P&L do mês + ritmo diário |
| Anual | P&L do ano + índices de risco |
| Trades | P&L do ano até hoje + barras de P&L por trade |
| Total | P&L histórico + índices de risco |
| Review | KPIs de qualidade do review |
| Estratégias | Comparação de estratégias |
Cada página guarda o próprio layout de widgets de forma independente. Ao trocar de conta de trading, a configuração de widgets também muda, então você pode ter KPIs diferentes para contas diferentes.
Layout padrão
Cada página compatível começa com o próprio layout padrão, pensado primeiro para desktop. Esses padrões continuam sendo montados a partir do mesmo catálogo de widgets usado no dashboard, mas a combinação muda conforme a página, de modo que a faixa complementa a visualização abaixo dela em vez de repetir o mesmo conjunto de KPIs em todo lugar.
Exemplos comuns:
- Diário e Semanal podem usar uma composição mais profunda de duas linhas quando o contexto adicional agrega valor.
- Mensal e Total permanecem como faixas planas de uma única linha, com cartões de altura uniforme.
- Trades prefere um gráfico de P&L por trade mais baixo em vez de um bloco de distribuição alto.
- Review se mantém genérico e não depende de uma estratégia selecionada.
- Estratégias usa, por padrão, widgets multiestratégia que funcionam sem configuração adicional.
Barra de ferramentas de widgets
A barra de ferramentas aparece no canto superior direito da área de widgets. Ela muda dependendo de você estar visualizando ou editando os widgets.
Modo de visualização
| Ação | Descrição |
|---|---|
| Recolher | Oculta a área de widgets. Clique em Expandir para mostrá-la de novo. |
| Editar widgets | Entra no modo de edição para personalizar o layout. |
O estado recolhido/expandido é lembrado por página.
Modo de edição
| Ação | Descrição |
|---|---|
| Adicionar widget | Abre o seletor de widgets para adicionar um novo widget. |
| Restaurar | Restaura o layout de widgets padrão desta página. Um diálogo de confirmação evita restaurações acidentais. |
| Cancelar | Descarta as alterações não salvas e sai do modo de edição. |
| Salvar | Mantém o layout atual e sai do modo de edição. |
| Breakpoints | Alterna a prévia entre Desktop, Tablet e Mobile para ver como os widgets se reorganizam. |
Adicionar e remover widgets
- Clique em Editar widgets para entrar no modo de edição.
- Clique em Adicionar widget para abrir o seletor de widgets. Navegue ou busque na lista completa de widgets, nos presets de Quick Add e nas entradas dinâmicas (seus símbolos, classes de ativos, etiquetas).
- Clique em um widget no seletor para adicioná-lo à área.
- Para remover um widget, clique no botão de remover no cartão dele enquanto estiver no modo de edição.
- Arraste os widgets para reordená-los ou redimensioná-los dentro da grade.
- Clique em Salvar quando terminar.
Comportamento responsivo
Os widgets de página usam uma grade responsiva com três breakpoints:
| Breakpoint | Largura mínima | Colunas da grade |
|---|---|---|
| Desktop | 996 px | 12 |
| Tablet | 768 px | 8 |
| Mobile | 480 px | 4 |
Os padrões de desktop, tablet e mobile são criados para se adaptar à página: algumas rotas usam uma única linha, enquanto as rotas baseadas em tempo podem usar uma composição mais profunda de duas linhas no desktop e layouts mais compactos em telas menores. Você pode personalizar o layout de cada breakpoint de forma independente usando os botões de prévia de breakpoint na barra de ferramentas de edição. Cada breakpoint guarda o próprio layout, então os widgets podem ser organizados de forma ideal em cada tamanho de tela.
A área de widgets de página usa no máximo 4 linhas para se manter compacta acima do conteúdo principal.
Restaurar widgets
Clique em Restaurar na barra de ferramentas de edição para restaurar o layout padrão específico da página atual. Antes que a restauração entre em vigor, aparece um diálogo de confirmação. Isso afeta apenas a página atual; as demais páginas mantêm os layouts.