{{ currentTitle }}
Dashboard
Visão geral do desempenho da sua escola.
Alunos Ativos
{{ stats.students }}
Cursos
{{ stats.courses }}
Professores
{{ stats.teachers }}
Matrículas Hoje
{{ stats.enrollments_today }}
history Últimas Atividades
{{ log.user_name }}
{{ log.user_role }}{{ log.description }}
Modo Seguro
As alterações feitas neste painel são aplicadas instantaneamente para todos os usuários.
Relatórios
Exporte a lista completa de alunos e seu progresso acadêmico.
Meus Cursos
Gerencie o catálogo de aulas da sua escola.
smartphone Experiência Vertical (Reels)
{{ course.title }}
{{ course.description || 'Sem descrição.' }}
school Cursos Tradicionais
{{ course.title }}
{{ course.description || 'Sem descrição.' }}
Nenhum curso encontrado
{{ student.name }}
{{ student.email }}
Matrículas ({{ student.enrolled_courses?.length || 0 }})
{{ student.last_activity.description }}
Há {{ student.last_activity.time_ago }}
{{ member.name }}
{{ member.email }}
{{ member.role === 'tenant_admin' ? 'Administrador' : (member.role_name || 'Professor') }}Administrador
Acesso total a todas as funcionalidades do sistema e configurações globais.
Professor
Pode criar cursos, gerenciar conteúdos, alunos e interagir na comunidade.
Aluno
Acesso à área de aprendizado, visualização de aulas e participação em grupos.
{{ role.name }}
{{ role.permissions.length }} Capacidades Ativas
{{ customLabels.group_plural }}
Organize seus alunos em grupos para facilitar a gestão.
{{ group.name }}
{{ group.description || 'Sem descrição.' }}
Nenhuma turma criada
{{ currentGroup.name }}
Comunidade da Turma
Nenhuma postagem ainda
Seja o primeiro a publicar algo para a turma!
{{ post.author_name }}
Admin • {{ new Date(post.created_at).toLocaleDateString() }}
{{ post.title }}
Atividade Avançada
{{ comment.author_name }}
{{ comment.content }}
Sobre a Turma
{{ currentGroup.description || 'Sem descrição.' }}
event_upcoming Próximas Entregas
Membros ({{ groupMembers.length }})
Link de Convite
Envie este link para os alunos entrarem automaticamente.
Financeiro
Gerencie suas receitas e sua assinatura.
Configurar Conta Asaas
Conecte sua conta do Asaas para receber os pagamentos dos alunos diretamente. O dinheiro cairá na sua conta, sem intermediários.
Você encontra esta chave em sua conta Asaas > Configurações da Conta > Integrações.
Certifique-se de que sua conta no Asaas está aprovada para receber pagamentos via Cartão e PIX.
Receita Confirmada
R$ {{ financeStats.total.toFixed(2).replace('.', ',') }}
Pendente
R$ {{ financeStats.pending.toFixed(2).replace('.', ',') }}
Saque Disponível
R$ {{ (financeStats.total * 0.95).toFixed(2).replace('.', ',') }}
Histórico de Transações
| Aluno | Curso | Valor | Data | Status |
|---|---|---|---|---|
| Nenhuma transação encontrada. | ||||
| {{ t.student }} | {{ t.course }} | R$ {{ t.amount.toFixed(2).replace('.', ',') }} | {{ t.date }} | check Pago schedule Pendente close Falhou |
{{ subscriptionInfo.plan_id === 'pro' ? 'Profissional' : 'Básico' }}
credit_card Forma de Pagamento
•••• •••• •••• {{ subscriptionInfo.card_last4 }}
Nenhum cartão cadastrado
Próxima Fatura
{{ new Date(subscriptionInfo.next_due_date).toLocaleDateString('pt-BR', {day: '2-digit', month: 'long', year: 'numeric'}) }}
Histórico de Faturas
| Data | Valor | ID | Status | |
|---|---|---|---|---|
| Nenhuma fatura encontrada. | ||||
| {{ inv.date }} | R$ {{ inv.amount.toFixed(2).replace('.', ',') }} | {{ inv.id }} | Pago | |
Registro de Presença
Selecione a turma e a data para realizar a chamada.
Total Alunos
{{ attendanceStudents.length }}
Presentes
{{ attendanceStudents.filter(s => s.status === 'present').length }}
Faltas
{{ attendanceStudents.filter(s => s.status === 'absent').length }}
{{ student.name }}
{{ student.email }}
Agenda Escolar
Gerencie provas, eventos e datas importantes.
Nenhum evento agendado
Comece adicionando provas ou feriados escolares.
{{ event.title }}
{{ event.description }}
Dica Pedagógica
Agende provas com pelo menos 7 dias de antecedência para que os alunos possam se organizar no dashboard deles.
Legenda
Agendar Evento
Identidade Visual
Gerencie como sua marca é percebida pelos alunos.
Ativos de Marca
Upload Logo
Visível na aba do navegador.
Cores e Estilo
Cor Principal
Cor Secundária
Preview Instantâneo
Esta é uma representação simplificada de como as cores e logo serão aplicadas no portal.
Banners da Página Inicial
Destaque conteúdos importantes com carrosséis cinematográficos.
Nenhum banner configurado
O sistema usará o primeiro curso como destaque padrão.
Páginas Institucionais
Gerencie o conteúdo do seu site público.
{{ page.title }}
Sugestões de Páginas
Adicione páginas essenciais com um clique.
Sobre Nós
Conte a história e a missão da sua escola.
Fale Conosco
Canais de atendimento e localização.
Termos de Uso
Regras, política de privacidade e LGPD.
Instalar Novo Tema
Faça upload de um arquivo ZIP contendo o tema do portal do aluno.
{{ theme.name }}
v{{ theme.version }}{{ theme.description }}
Guia de Desenvolvimento de Temas
Eduflix v3 Ecosystem
Aprenda a criar e personalizar temas imersivos utilizando nossa arquitetura baseada em componentes Vue.js e Pinia.
list_alt Sumário
01 Introdução ao Sistema
O portal do aluno utiliza uma arquitetura moderna onde cada "tema" é um conjunto de arquivos .js e .html localizados em public/app/templates/[nome-do-tema]/views/. A store.js atua como a fonte única de verdade para o estado global da aplicação.
02 Estrutura de Arquivos
Views Principais
Home.js: Dashboard do AlunoCourseDetail.js: Página do CursoLessonPlayer.js: Player de Aulas
Views de Apoio
Activities.js,Bulletin.jsCalendar.js,Community.js
03 Acesso a Dados (Store)
Importe a useMainStore para acessar o estado global do Pinia dentro do seu componente:
import { useMainStore } from '../../../js/store.js';
export default {
setup() {
const store = useMainStore();
return { store };
}
}04 Recursos por Página
Home & Grid de Cursos
Exibe banners e carrosséis de conteúdo.
Variáveis Principais
featuredCourse ObjectcontinueWatching ArrayfilteredCourses ArrayMétodos Úteis
store.goCourse(id) RoutergetModuleThumbnail(m) Helper05 Implementando Minutagem
A duração é armazenada em segundos (duration_seconds). Use os formatadores abaixo para exibir o tempo de forma amigável:
<span>{{ formatDuration(lesson.duration_seconds) }}</span>
06 Thumbnails Dinâmicos
O sistema prioriza a imagem enviada, mas pode extrair automaticamente do YouTube se necessário.
getLessonThumbnail(lesson). Ele gerencia o fallback para a imagem do curso caso a aula não tenha vídeo ou thumb própria.
07 Diretrizes Gerais
Configurações Gerais
Ajustes técnicos e fundamentais da sua escola.
Usada para geração automática de cursos e feedbacks de IA.
Domínio Próprio
Use seu próprio endereço para o portal do aluno.
| Domínio | Status | Ações |
|---|---|---|
{{ d.domain }}Padrão |
verified Ativo verified Conectado schedule DNS Pendente error Erro |
Instruções DNS
1. Tipo CNAME
Crie um registro CNAME no seu provedor.
2. Nome / Host
Use seu subdomínio (ex: ead).
3. Destino
* Propagação: 2h a 24h.
Módulo em Desenvolvimento
O recurso {{ currentTitle }} estará disponível em breve.