modal.js
const modal = document.getElementById("modal");
const modalBanner = document.getElementById("modalBanner");
const modalTitulo = document.getElementById("modalTitulo");
const modalMeta = document.getElementById("modalMeta");
const modalDescricao = document.getElementById("modalDescricao");
const modalTrailer = document.getElementById("modalTrailer");
const modalProviders = document.getElementById("modalProviders");
const fecharModal = document.getElementById("fecharModal");
/* ===========================
ABRIR MODAL
=========================== */
async function abrirModal(id, tipo = "movie") {
console.log("ID:", id);
console.log("TIPO:", tipo);
if(!modal) return;
modal.classList.add("ativo");
document.body.style.overflow = "hidden";
modalTitulo.innerHTML = "Carregando...";
modalDescricao.innerHTML = "";
modalMeta.innerHTML = "";
modalProviders.innerHTML = "";
if(modalTrailer){
modalTrailer.innerHTML = "";
}
try {
const detalhes = await api(`/${tipo}/${id}`);
preencherModal(
detalhes,
tipo
);
await carregarTrailer(
id,
tipo
);
await carregarOndeAssistir(
id,
tipo
);
} catch(error){
console.error(
"Erro modal:",
error
);
modalTitulo.innerHTML =
"Erro ao carregar conteúdo";
}
}
/* ===========================
PREENCHER MODAL
=========================== */
function preencherModal(item,tipo){
if(modalBanner){
modalBanner.style.backgroundImage =
item.backdrop_path
?
`url(${CONFIG.IMAGE_BACKDROP}${item.backdrop_path})`
:
"none";
}
modalTitulo.innerHTML =
item.title ||
item.name ||
"Sem título";
const ano = (
item.release_date ||
item.first_air_date ||
""
).substring(0,4);
const nota = item.vote_average
?
item.vote_average.toFixed(1)
:
"-";
const duracao = item.runtime
?
item.runtime + " min"
:
"";
const generos = item.genres
?
item.genres
.map(g=>g.name)
.join(" • ")
:
"";
modalMeta.innerHTML = `
⭐ ${nota}
${ano ? " | " + ano : ""}
${duracao ? " | " + duracao : ""}
${generos ? " | " + generos : ""}
`;
modalDescricao.innerHTML =
item.overview ||
"Sinopse não disponível.";
}
/* ===========================
ONDE ASSISTIR
=========================== */
/* ===========================
BIBLIOTECA DE LINKS
=========================== */
const LINK_PROVIDERS = {
"Netflix": "https://www.netflix.com/search?q=",
"Amazon Prime Video": "https://www.primevideo.com/search/ref=atv_nb_sr?phrase=",
"Prime Video": "https://www.primevideo.com/search/ref=atv_nb_sr?phrase=",
"Disney+": "https://www.disneyplus.com/pt-br/search?q=",
"Disney Plus": "https://www.disneyplus.com/pt-br/search?q=",
"Max": "https://play.max.com/search?q=",
"HBO Max": "https://play.max.com/search?q=",
"Globoplay": "https://globoplay.globo.com/busca/?q=",
"Paramount+": "https://www.paramountplus.com/search/?q=",
"Paramount Plus": "https://www.paramountplus.com/search/?q=",
"Apple TV+": "https://tv.apple.com/br/search?q=",
"Apple TV Plus": "https://tv.apple.com/br/search?q=",
"Crunchyroll": "https://www.crunchyroll.com/search?q=",
"Looke": "https://www.looke.com.br/search?q=",
"MUBI": "https://mubi.com/pt/search?query=",
"Telecine": "https://www.telecine.com.br/busca?q=",
"Claro tv+": "https://www.claro.com.br/claro-tv-plus",
"Claro Video": "https://www.clarovideo.com/",
"Pluto TV": "https://pluto.tv/",
"Mercado Play": "https://www.mercadoplay.com.br/",
"Plex": "https://watch.plex.tv/search?q=",
"YouTube": "https://www.youtube.com/results?search_query=",
"Google Play Movies": "https://play.google.com/store/search?q=",
"Google Play": "https://play.google.com/store/search?q="
};
/* ===========================
ONDE ASSISTIR
=========================== */
async function carregarOndeAssistir(id, tipo) {
const detalhes = await api(`/${tipo}/${id}`);
const titulo = detalhes.title || detalhes.name;
const busca = encodeURIComponent(titulo);
const dados = await api(`/${tipo}/${id}/watch/providers`);
modalProviders.innerHTML = "
${nome}
`;
});
modalProviders.appendChild(lista);
/* Oferta */
modalProviders.innerHTML += `
`;
}
/* ===========================
TRAILER
=========================== */
async function carregarTrailer(id,tipo){
try{
const dados = await api(
`/${tipo}/${id}/videos`
);
if(
!dados.results ||
dados.results.length === 0 ||
!modalTrailer
){
return;
}
const trailer = dados.results.find(video=>
video.site === "YouTube"
&&
video.type === "Trailer"
);
if(!trailer){
return;
}
modalTrailer.innerHTML = `
`;
}
catch(error){
console.error(
"Erro trailer:",
error
);
}
}
/* ===========================
FECHAR MODAL
=========================== */
function fecharModalFuncao(){
if(!modal) return;
modal.classList.remove("ativo");
document.body.style.overflow = "";
}
if(fecharModal){
fecharModal.addEventListener(
"click",
(e)=>{
e.stopPropagation();
fecharModalFuncao();
}
);
}
if(modal){
modal.addEventListener(
"click",
(e)=>{
if(e.target === modal){
fecharModalFuncao();
}
}
);
}
document.addEventListener(
"keydown",
(e)=>{
if(e.key === "Escape"){
fecharModalFuncao();
}
}
);
Onde assistir
"; if (!dados.results || !dados.results.BR) { modalProviders.innerHTML += "Não encontramos plataformas disponíveis para o Brasil.
"; return; } const br = dados.results.BR; let providers = []; if (br.flatrate) providers.push(...br.flatrate); if (br.buy) providers.push(...br.buy); if (br.rent) providers.push(...br.rent); /* Remove repetidos */ providers = providers.filter((provider, index, self) => index === self.findIndex(p => p.provider_id === provider.provider_id) ); const lista = document.createElement("div"); lista.className = "providers"; providers.forEach(provider => { const nome = provider.provider_name; const link = LINK_PROVIDERS[nome] ? LINK_PROVIDERS[nome] + busca : br.link; lista.innerHTML += `
${nome}
`;
});
modalProviders.appendChild(lista);
/* Oferta */
modalProviders.innerHTML += `
💡 Quer vários streamings pagando o preço de um?
Tenha acesso a diversas plataformas em um único plano.
Saiba mais