Guia Usuario
Chamadas
Como fazer, receber e gerenciar chamadas no stCall.
Chamadas
A interface de chamadas (/call) é o centro operacional do agente. Permite fazer chamadas de saída, atender chamadas entrantes e controlar chamadas ativas.
Discador
Quando não há chamada ativa, o discador é exibido:
Entrada do Número
- Campo grande centralizado para digitar o número
- Botão de limpar (X) aparece quando há número digitado
- Suporte a tecla Enter para iniciar a chamada
- Validação: mínimo de 8 dígitos
Teclado Numérico
Grade 3x4 com os dígitos:
- 1-9, *, 0, #
- Botões grandes e amigáveis para toque
- Clique para adicionar dígitos ao campo
Botão Discar
- Botão de largura total com ícone de telefone
- Desabilitado quando o número tem menos de 8 dígitos
- Exibe spinner de carregamento durante a discagem
- Inicia chamada de saída via WebRTC (SIP.js)
Chamadas Recentes
Abaixo do discador, exibe as últimas 3 chamadas do histórico:
- Clique para preencher o discador com o número
- Mostra avatar, nome, número e direção da chamada
Chamada Ativa
Quando uma chamada está em andamento:
Informações do Contato
- Avatar circular com a inicial do nome (fundo laranja)
- Indicador de status colorido:
- Verde - Chamada ativa
- Laranja - Chamando (ringing)
- Amarelo - Em espera (hold)
- Azul - Transferindo
- Nome e número do telefone
- Texto de status dinâmico (Conectado, Em espera, Chamando...)
Timer da Chamada
- Display grande em fonte monoespaçada
- Formato MM:SS ou HH:MM:SS
- Atualiza a cada segundo
- Só aparece quando a chamada está ativa
Feedback Visual
- Animação de spinner durante a discagem
- Avatar pulsante para chamadas entrantes
- Transições suaves entre estados
Botões de Controle
Quatro botões redondos com ícones:
| Botão | Função | Visual |
|---|---|---|
| Mudo | Ativar/desativar microfone | Vermelho quando mudo |
| Espera | Pausar/retomar chamada | Amarelo quando em espera |
| Transferir | Abrir diálogo de transferência | Desabilitado em espera |
| Desligar | Encerrar chamada | Vermelho sempre |
Todos os botões possuem tooltips e estados de desabilitação inteligentes.
Badge de Direção
- Entrada (azul) com seta para baixo - chamada recebida
- Saída (laranja) com seta para cima - chamada realizada
Chamada Entrante
Quando uma chamada chega, um diálogo modal aparece:
- Modal não pode ser fechado (deve atender ou recusar)
- Avatar pulsante com animação
- Nome e número do chamador em destaque
- Dois botões:
- Recusar (vermelho, contorno) - Rejeita a chamada
- Atender (verde) - Atende a chamada
O diálogo abre automaticamente quando uma chamada entrante é detectada.
Transferência de Chamada
Ao clicar em "Transferir" durante uma chamada ativa:
- Abre diálogo modal com campo para número de destino
- Validação: mínimo de 8 dígitos
- Mensagem informativa: "A chamada com X será transferida para Y"
- Suporte a tecla Enter para confirmar
- Botões Cancelar/Transferir
Notificações
O sistema exibe notificações toast durante operações:
- Discando - Chamada iniciada
- Chamada atendida - Chamada conectada
- Chamada recusada - Chamada rejeitada
- Chamada encerrada - Com duração total
- Mudo ativado/desativado - Status do microfone
- Espera ativada/retomada - Status de hold
- Transferência iniciada - Transferência em andamento
Atalhos de Teclado
| Tecla | Ação |
|---|---|
| Enter | Iniciar chamada (no discador) |
| Enter | Confirmar transferência (no diálogo) |