• Para incluir o recurso de localização vamos criar um arquivo na pasta adminjs chamado locale.ts. Nele vamos declarar todas as traduções para o nosso painel, tanto de textos do próprio AdminJs quanto das nossas tabelas e colunas:
  • Obs.: Muitos desses textos são apenas os textos padrões do AdminJS, porém traduzidos para o português. Não entraremos tanto em detalhes nessa parte para poupar tempo, mas você poderia utilizar os textos que quisesse.

// src/adminjs/locale.ts

import { Locale } from 'adminjs'

export const locale: Locale = {
  language: 'pt-BR',
  translations: {
    actions: {
      new: 'Criar novo(a)',
      edit: 'Editar',
      show: 'Exibir',
      delete: 'Excluir',
      bulkDelete: 'Excluir tudo',
      list: 'Listar',
    },
    buttons: {
      save: 'Salvar',
      addNewItem: 'Adicionar Novo Item',
      filter: 'Filtrar',
      applyChanges: 'Aplicar mudanças',
      resetFilter: 'Redefinir',
      confirmRemovalMany: 'Confirma a remoção de {{count}} registro',
      confirmRemovalMany_plural: 'Confirma a remoção de {{count}} registros',
      logout: 'Sair',
      login: 'Entrar',
      seeTheDocumentation: 'Ver: <1>a documentação</1>',
      createFirstRecord: 'Criar Primeiro Registro',
    },
    labels: {
      navigation: 'Navegação',
      pages: 'Páginas',
      selectedRecords: 'Selecionado ({{selected}})',
      filters: 'Filtros',
      adminVersion: 'Admin: {{version}}',
      appVersion: 'App: {{version}}',
      loginWelcome: 'Bem-vindo',
      courses: 'Cursos',
      episodes: 'Episódios',
      categories: 'Categorias',
      users: 'Usuários'
    },
    properties: {
      firstName: 'Primeiro Nome',
      lastName: 'Sobrenome',
      phone: 'Telefone',
      birth: 'Data de Nascimento',
      email: 'E-mail',
      password: 'Senha',
      role: 'Perfil',
      name: 'Nome',
      synopsis: 'Sinopse',
      featured: 'Em Destaque',
      order: 'Ordem',
      videoUrl: 'URL do Vídeo',
      secondsLong: 'Segundos de Duração',
      courseId: 'Curso',
      uploadVideo: 'Enviar um vídeo',
      thumbnailUrl: 'URL da Capa',
      uploadThumbnail: 'Upload da Capa',
      categoryId: 'Categoria',
      position: 'Posição na Tela',
      createdAt: 'Criado em',
      updatedAt: 'Atualizado em',
      from: 'De',
      to: 'Até'
    },
    messages: {
      successfullyBulkDeleted: '{{count}} registro removido com sucesso',
      successfullyBulkDeleted_plural: '{{count}} registros removidos com sucesso',
      successfullyDeleted: 'Registro excluído com sucesso',
      successfullyUpdated: 'Registro atualizado com sucesso',
      thereWereValidationErrors: 'Existem erros de validação - confira-os abaixo',
      forbiddenError: 'Você não pode executar a ação {{actionName}} em {{resourceId}}',
      anyForbiddenError: 'Você não pode executar a ação solicitada',
      successfullyCreated: 'Novo registro criado com sucesso',
      bulkDeleteError: 'Houve um erro ao excluir os registros. Verifique os logs para mais informações',
      errorFetchingRecords: 'Houve um erro ao obter os registros. Verifique os logs para mais informações',
      errorFetchingRecord: 'Houve um erro ao obter o registro, Verifique os logs para mais informações',
      noRecordsSelected: 'Você não selecionou nenhum registro',
      theseRecordsWillBeRemoved: 'O registro a seguir será excluído',
      theseRecordsWillBeRemoved_plural: 'Os registros a seguir serão excluídos',
      pickSomeFirstToRemove: 'Para remover registros você precisa selecioná-los primeiro',
      error404Resource: 'Recurso indentificado pelo id: {{resourceId}} não pôde ser encontrado',
      error404Action: 'Recurso indentificado pelo id: {{resourceId}} não possui uma ação com nome: {{actionName}} ou você não está autorizado a usá-la!',
      error404Record: 'Recurso indentificado pelo id: {{resourceId}} não possui um registro com id: {{recordId}} ou você não está autorizado a acessá-lo!',
      seeConsoleForMore: 'Veja o console de desenvolvimento para mais detalhes...',
      noActionComponent: 'Você precisa implementar componente de ação para a sua Ação',
      noRecordsInResource: 'Não existem registros neste recurso',
      noRecords: 'Nenhum registro',
      confirmDelete: 'Você tem certeza que deseja remover este item? Essa ação é irreversível',
      welcomeOnBoard_title: 'Bem-vindo à bordo!',
      welcomeOnBoard_subtitle: 'Agora você é um de nós! Preparamos algumas dicas para você começar:',
      loginWelcome: 'Ao AdminJS - o melhor framework admin para aplicações Node.js, baseado em React.',
      addingResources_title: 'Adicionando Recursos',
      addingResources_subtitle: 'Como adicionar novos recursos à barra lateral',
      customizeResources_title: 'Personalizar Recursos',
      customizeResources_subtitle: 'Definindo comportamento, adicionando propriedades e mais...',
      customizeActions_title: 'Personalizar Ações',
      customizeActions_subtitle: 'Modificar ações existentes e adicionar novas',
      writeOwnComponents_title: 'Escrever Componentes',
      writeOwnComponents_subtitle: 'Como modificar o visual do AdminJS',
      customDashboard_title: 'Dashboard Personalizado',
      customDashboard_subtitle: 'Como modificar esta página e adicionar novas páginas à barra lateral',
      roleBasedAccess_title: 'Controle de Acesso Baseado em Perfil',
      roleBasedAccess_subtitle: 'Criar perfis de usuário e permissões no AdminJS',
      community_title: 'Junte-se à comunidade slack',
      community_subtitle: 'Fale com os criadores do AdminJS e outros usuários do AdminJS',
      foundBug_title: 'Encontrou um Bug? Precisa de alguma melhoria?',
      foundBug_subtitle: 'Levante um issue em nosso repositório no GitHub',
      needMoreSolutions_title: 'Precisa de mais soluções avançadas?',
      needMoreSolutions_subtitle: 'Estamos aqui para te entregar um belo desenho de UX/UI e software feito sob medida baseado (não apenas) no AdminJS',
      invalidCredentials: 'Nome de usuário e/ou senha incorretos',
    },
  }
}

• Uma vez que tenhamos o arquivo locale.ts basta incluir ele nas opções do AdminJs através da propriedade locale:

// src/adminjs/index.ts

// ...
import { locale } from './locale'

AdminJs.registerAdapter(AdminJsSequelize)

const adminJs = new AdminJs({
  databases: [database],
  resources: adminJsResources,
  rootPath: '/admin',
  locale: locale,
  branding: {
 
// ...

• E isso é tudo! Agora basta acessar o painel e conferir as traduções.