ECOA: TIC em Trilhas — Modal de Inscrição

Página de validação local do componente de modal.

Use os botões abaixo para testar a abertura do modal, fluxo de e-mail e formulário completo.

Na etapa de e-mail (DEV), clique em um chip abaixo para copiar rapidamente:

Dica: use Tab/Enter para acionar por teclado. No console, os eventos são emitidos como ecoa:*.

Como utilizar em produção (CDN)

Inclua o script IIFE compilado hospedado na CDN. Você pode fixar uma versão específica ou usar o alias latest.

Base CDN (CDN_URL): https://s3-middag-public.middag.com.br/app-ecoa/modal/ 

<!-- Versão específica (recomendado) -->
<script defer src="https://s3-middag-public.middag.com.br/app-ecoa/modal/v1.0.0/ecoa-modal.js"></script>

<!-- Última versão publicada -->
<script defer src="https://s3-middag-public.middag.com.br/app-ecoa/modal/latest/ecoa-modal.js"></script>

Opcionalmente, personalize a API e o logo antes de carregar o script:

<script>
window.EcoaModalConfig = {
  apiBaseUrl: 'https://trilhas.ecoa.puc-rio.br',
  logoUrl: 'https://seu-site/logo.png'
};
</script>
<script defer src="${CDN_URL}v${APP_VERSION}/ecoa-modal.js"></script>

Como disparar o modal

<button
  data-trigger="modal-inscricao"
  data-form-id="35"
  data-course-name="Desenvolvimento Full Stack"
  data-course-id="123"
>Inscrever-se</button>

Os atributos mínimos são data-form-id e data-course-name. Você também pode abrir via JS: window.EcoaModal.debug.open({...}).

Eventos emitidos serão logados no console. Verifique também window.EcoaModal.debug.