249 lines
5.6 KiB
Markdown
249 lines
5.6 KiB
Markdown
|
|
# 🎓 Sistema de Gestão de Equipe - PDI Maker
|
||
|
|
|
||
|
|
## 📋 Como Funciona
|
||
|
|
|
||
|
|
O PDI Maker permite que **gestores gerenciem múltiplos colaboradores** simultaneamente através de **workspaces individuais**.
|
||
|
|
|
||
|
|
### ✅ Funcionalidade Implementada
|
||
|
|
|
||
|
|
Quando um gestor faz login:
|
||
|
|
1. **Se tiver apenas 1 workspace** → Redireciona direto para ele
|
||
|
|
2. **Se tiver múltiplos workspaces** → Mostra tela de seleção
|
||
|
|
3. **Pode escolher qual colaborador gerenciar** a qualquer momento
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🎯 Experiência do Gestor
|
||
|
|
|
||
|
|
### 1. **Login**
|
||
|
|
```
|
||
|
|
scorrea69@gmail.com / Admin@2024
|
||
|
|
```
|
||
|
|
|
||
|
|
### 2. **Tela de Seleção de Equipe**
|
||
|
|
|
||
|
|
Após o login, o gestor vê:
|
||
|
|
|
||
|
|
```
|
||
|
|
🎓 Minha Equipe
|
||
|
|
Gerencie X colaboradores da sua equipe
|
||
|
|
|
||
|
|
┌─────────────────────────────┐
|
||
|
|
│ 👤 João Silva │
|
||
|
|
│ joao@empresa.com │
|
||
|
|
│ 🎓 Você é o Gestor → │
|
||
|
|
└─────────────────────────────┘
|
||
|
|
|
||
|
|
┌─────────────────────────────┐
|
||
|
|
│ 👤 Maria Santos │
|
||
|
|
│ maria@empresa.com │
|
||
|
|
│ 🎓 Você é o Gestor → │
|
||
|
|
└─────────────────────────────┘
|
||
|
|
|
||
|
|
┌─────────────────────────────┐
|
||
|
|
│ 👤 Pedro Costa │
|
||
|
|
│ pedro@empresa.com │
|
||
|
|
│ 🎓 Você é o Gestor → │
|
||
|
|
└─────────────────────────────┘
|
||
|
|
|
||
|
|
[+ Adicionar Novo Colaborador]
|
||
|
|
```
|
||
|
|
|
||
|
|
### 3. **Melhorias Visuais Implementadas**
|
||
|
|
|
||
|
|
✅ **Cards em Destaque para Gestores**
|
||
|
|
- Background verde gradiente
|
||
|
|
- Tamanho maior e mais informações
|
||
|
|
- Visual premium para destacar papel de gestor
|
||
|
|
|
||
|
|
✅ **Contador de Equipe**
|
||
|
|
- Mostra quantos colaboradores o gestor gerencia
|
||
|
|
- Badge visual com totais
|
||
|
|
|
||
|
|
✅ **Separação Clara**
|
||
|
|
- Seção "Sua Equipe" separada
|
||
|
|
- Seção "Seus Gestores" (se também for colaborador)
|
||
|
|
|
||
|
|
✅ **Informações Completas**
|
||
|
|
- Nome do colaborador
|
||
|
|
- Email do colaborador
|
||
|
|
- Avatar com inicial
|
||
|
|
- Badge de papel (Gestor)
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🔄 Fluxo Completo
|
||
|
|
|
||
|
|
### Para Gestores:
|
||
|
|
|
||
|
|
1. **Login** → https://pdimaker.com.br/login
|
||
|
|
2. **Escolher Colaborador** → /workspaces
|
||
|
|
3. **Acessar Workspace** → /workspace/[slug]
|
||
|
|
4. **Gerenciar PDI, Journal, 1:1, etc.**
|
||
|
|
5. **Voltar** → Escolher outro colaborador
|
||
|
|
|
||
|
|
### Atalho Rápido:
|
||
|
|
|
||
|
|
Se o gestor clicar no logo ou acessar `/dashboard`, volta para a tela de seleção de equipe.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 📊 Estrutura do Banco de Dados
|
||
|
|
|
||
|
|
### Workspace
|
||
|
|
```typescript
|
||
|
|
{
|
||
|
|
id: string
|
||
|
|
slug: string
|
||
|
|
|
||
|
|
employeeId: string // Colaborador
|
||
|
|
employee: User
|
||
|
|
|
||
|
|
managerId: string // Gestor
|
||
|
|
manager: User
|
||
|
|
|
||
|
|
status: WorkspaceStatus // ACTIVE, PENDING_INVITE, ARCHIVED
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
### Relações:
|
||
|
|
|
||
|
|
- Um **gestor** pode ter **múltiplos workspaces** (um para cada colaborador)
|
||
|
|
- Um **colaborador** pode ter **múltiplos gestores** (workspaces diferentes)
|
||
|
|
- Cada workspace é **isolado** e **privado**
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🔧 Criar Novos Workspaces
|
||
|
|
|
||
|
|
### Como Gestor Adiciona Colaboradores:
|
||
|
|
|
||
|
|
1. Acesse: https://pdimaker.com.br/workspace/create
|
||
|
|
2. Preencha dados do colaborador
|
||
|
|
3. Sistema cria workspace automático
|
||
|
|
4. Colaborador recebe convite
|
||
|
|
|
||
|
|
### Via Admin (Recomendado):
|
||
|
|
|
||
|
|
```bash
|
||
|
|
# Fazer login como admin
|
||
|
|
https://pdimaker.com.br/admin
|
||
|
|
|
||
|
|
# Criar usuários
|
||
|
|
# Criar workspaces
|
||
|
|
# Associar gestor ↔ colaborador
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🎨 Melhorias Visuais Implementadas
|
||
|
|
|
||
|
|
### 1. **Header Dinâmico**
|
||
|
|
```
|
||
|
|
Antes: "Meus Workspaces"
|
||
|
|
Agora: "🎓 Minha Equipe" (para gestores)
|
||
|
|
```
|
||
|
|
|
||
|
|
### 2. **Contador Visual**
|
||
|
|
```
|
||
|
|
🎓 3 Colaboradores 👤 1 Gestor
|
||
|
|
```
|
||
|
|
|
||
|
|
### 3. **Cards Premium para Gestores**
|
||
|
|
- Background: Gradiente verde
|
||
|
|
- Shadow: Verde brilhante
|
||
|
|
- Tamanho: Maior
|
||
|
|
- Informações: Nome + Email
|
||
|
|
|
||
|
|
### 4. **Mensagem Vazia**
|
||
|
|
- Quando não há workspaces
|
||
|
|
- Call-to-action claro
|
||
|
|
- Ícone ilustrativo
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🚀 Casos de Uso
|
||
|
|
|
||
|
|
### Caso 1: Gestor com 5 Colaboradores
|
||
|
|
```
|
||
|
|
Login → Ver lista de 5 colaboradores → Escolher um → Gerenciar PDI
|
||
|
|
```
|
||
|
|
|
||
|
|
### Caso 2: Gestor que também é Colaborador
|
||
|
|
```
|
||
|
|
Login → Ver:
|
||
|
|
🎓 Sua Equipe (3 colaboradores)
|
||
|
|
👤 Seus Gestores (1 gestor)
|
||
|
|
→ Escolher papel → Acessar workspace
|
||
|
|
```
|
||
|
|
|
||
|
|
### Caso 3: Colaborador Simples
|
||
|
|
```
|
||
|
|
Login → Redireciona direto para workspace do gestor
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 📱 Acesso Rápido
|
||
|
|
|
||
|
|
### URLs Principais:
|
||
|
|
|
||
|
|
- **Dashboard:** /dashboard → Redireciona inteligente
|
||
|
|
- **Seleção de Equipe:** /workspaces
|
||
|
|
- **Criar Workspace:** /workspace/create
|
||
|
|
- **Workspace Específico:** /workspace/[slug]
|
||
|
|
|
||
|
|
### Exemplo Real:
|
||
|
|
|
||
|
|
```
|
||
|
|
Gestor: scorrea69@gmail.com
|
||
|
|
Colaborador: joao@empresa.com
|
||
|
|
|
||
|
|
Workspace criado:
|
||
|
|
- Slug: scorrea69-joao
|
||
|
|
- URL: /workspace/scorrea69-joao
|
||
|
|
- Gestor vê tudo do João
|
||
|
|
- João vê tudo dele mesmo + feedback do gestor
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## ✅ Checklist de Funcionalidades
|
||
|
|
|
||
|
|
- ✅ Múltiplos workspaces por gestor
|
||
|
|
- ✅ Tela de seleção visual
|
||
|
|
- ✅ Contador de equipe
|
||
|
|
- ✅ Cards destacados para gestores
|
||
|
|
- ✅ Separação clara de papéis
|
||
|
|
- ✅ Informações completas dos colaboradores
|
||
|
|
- ✅ Botão para adicionar mais colaboradores
|
||
|
|
- ✅ Mensagem quando vazio
|
||
|
|
- ✅ Redirecionamento inteligente
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🎯 Próximos Passos (Opcional)
|
||
|
|
|
||
|
|
### Melhorias Futuras:
|
||
|
|
|
||
|
|
1. **Busca/Filtro** de colaboradores (se tiver muitos)
|
||
|
|
2. **Ordenação** (nome, último acesso, etc.)
|
||
|
|
3. **Cards com métricas** (% PDI completo, last login, etc.)
|
||
|
|
4. **Grupos/Times** (agrupar colaboradores)
|
||
|
|
5. **Exportação** de relatórios da equipe
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 📞 Teste Agora
|
||
|
|
|
||
|
|
1. Acesse: https://pdimaker.com.br
|
||
|
|
2. Login: `scorrea69@gmail.com` / `Admin@2024`
|
||
|
|
3. Crie workspaces no Admin
|
||
|
|
4. Veja a nova interface!
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
**Status:** ✅ FUNCIONANDO PERFEITAMENTE!
|
||
|
|
**Data:** 21 de Novembro de 2025
|
||
|
|
|