Kevin McGonigle, do Tigers, segundo candidato da MLB, faz parte da escalação do dia de abertura

#betmgm-odds { @media (largura máxima: 767px) {margem: 0 20px 20px 20px; } } #betmgm-odds { @media (largura mínima: 768px) e (largura máxima: 1023px) { largura: 83%; margem: 0px automático 20px automático; } } .betmgmArticle { font-family: “protipo-narrow”, sans-serif !necessary; largura: 100%; preenchimento: 0; margem inferior: 24px; raio da borda: 8px; show: bloco embutido; família de fontes: Arial, sem serifa; }

.betmgmArticle .header { peso da fonte: negrito; margem inferior: 10px; exibição: bloco; cor: var(–core-sn-blue-800-blue, #06192F); decoração de texto: nenhuma; }

.betmgmArticle .content material { show: flex; flex-wrap: envoltório; alinhar itens: centro; preenchimento: 20px 10px; raio da borda: 8px; borda: 1px sólido var(–Gray-Scale-400-Gray, #CED4DA); plano de fundo: var(–Escala de Cinza-0-Branco, #FFF); }

@media (largura máxima: 767px) { .betmgmArticle .content material { preenchimento: 20px; } } @media (largura mínima: 768px) e (largura máxima: 1023px) { .betmgmArticle .content material { preenchimento: 20px 10px; } } @media (largura mínima: 1024px) e (largura máxima: 1249px) { .betmgmArticle .content material { preenchimento: 20px; } } @media (largura mínima: 1250px) { .betmgmArticle .content material { preenchimento: 20px 10px; } }

.betmgmArticle .part {largura: 82px; flexível: 1; alinhamento de texto: centro; }

.betmgmArticle .part .row {tamanho da fonte: 14px; altura da linha: 22px; }

.betmgmArticle .section-info { flex: 2; }

.betmgmArticle .section-info .gameDate { cor: var(–core-sn-blue-800-blue, #06192F); alinhamento de texto: centro; tamanho da fonte: 14px; estilo de fonte: regular; peso da fonte: 700; altura da linha: regular; margem inferior: 14px; }

.betmgmArticle .section-info .team-logo {largura: 48px; altura: 48px; show: bloco embutido; }

.betmgmArticle .section-info .versus { show: bloco embutido; margem: 0 16px; tamanho da fonte: 14px; cor: #495057; peso da fonte: 500; }

.betmgmArticle .divider {largura: 1px; cor de fundo: #ddd; plano de fundo: var(–Gray-Scale-400-Gray, #CED4DA); altura: 82px; margem: 0 16px; }

.betmgmArticle .title { alinhamento de texto: centro; peso da fonte: negrito; margem inferior: 8px; tamanho da fonte: 16px; } @media (largura máxima: 767px) { .betmgmArticle .title { text-align: left; } } @media (largura mínima: 768px) e (largura máxima: 1023px) { .betmgmArticle .title { text-align: heart; } }

@media (largura mínima: 1024px) e (largura máxima: 1249px) { .betmgmArticle .title { text-align: left; } }

@media (largura mínima: 1250px) { .betmgmArticle .title { text-align: heart; } }

.betmgmArticle .row {margem inferior: 5px; exibição: flexível; justificar-conteúdo: espaço entre; margem: 0; } .betmgmArticle .row::earlier than { show: nenhum; }

.betmgmArticle .worth { peso da fonte: negrito; }

.betmgmArticle .purple { cor: vermelho; }

.betmgmArticle .inexperienced { cor: verde; }

.betmgmArticle .betmgm-button {cursor: ponteiro; } .betmgmArticle .betmgm-button a {decoração de texto: nenhum; }

.betmgmArticle .button button { cor de fundo: #005EB8; cor: branco; preenchimento: 6px 16px 14px 16px; fronteira: nenhuma; raio da borda: 5px; cursor: ponteiro; peso da fonte: negrito; }

.betmgmArticle .buttonText { posição: relativa; cor: #ADB5BD; tamanho da fonte: 12px; estilo de fonte: regular; peso da fonte: 500; altura da linha: regular; alinhamento de texto: esquerda; superior: -6px; margem inferior: 10px; }

.betmgmArticle .betMGMLogo { alinhamento de texto: esquerda; largura: 150px; altura: 42px;

@media (largura máxima: 767px) { background: url(‘../../../wp-content/themes/sportsnet-nhl/photographs/BetMGM-Black.svg’) no-repeat; tamanho do fundo: capa;

@media (prefere esquema de cores: escuro) { background: url(‘../../../wp-content/themes/sportsnet-nhl/photographs/BetMGM-White.svg’) no-repeat; } } }

.betmgmArticle .betMGMLogo img { text-align: left; largura: 150px; altura: 42px; }

.betmgmArticle .content-mobile { show: flex; justificar conteúdo: espaço ao redor; largura: 100%; margem superior: 20px; }

@media (largura máxima: 767px) { .betmgmArticle .content-mobile { show: flex; margem: 20px 0; } } @media (largura mínima: 768px) e (largura máxima: 1023px) { .betmgmArticle .content-mobile { show: nenhum; } }

@media (largura mínima: 1024px) e (largura máxima: 1249px) { .betmgmArticle .content-mobile { show: flex; margem: 20px 0; } }

@media (largura mínima: 1250px) { .betmgmArticle .content-mobile { show: nenhum; } }

.betmgmArticle .content-mobile .team-logos { show: flex; justificar-conteúdo: flex-start; largura: 100%; }

.betmgmArticle .content-mobile .team-logos .versus { show: flex; alinhar itens: centro; }

.betmgmArticle .content-mobile .gameDate { text-align: left; margem inferior: 8px; }

.betmgmArticle .content-mobile .buttonText { text-align: left; superior: 0; margem inferior: 12px; decoração de texto: nenhuma; cor: #ADB5BD; }

@media (largura máxima: 767px) { .betmgmArticle .desktop-only { show: nenhum; } } @media (largura mínima: 768px) e (largura máxima: 1023px) { .betmgmArticle .desktop-only { show: block; } } @media (largura mínima: 1024px) e (largura máxima: 1249px) { .betmgmArticle .desktop-only { show: nenhum; } } @media (largura mínima: 1250px) { .betmgmArticle .desktop-only { show: block; } }

função assíncrona fetchOddsData(league, gameId) { const res = await fetch(` { cache: ‘no-store’, });

if (!res.okay) { throw new Error(‘Falha ao buscar dados de probabilidades’); }

dados const = aguarda res.json(); const oddsData = dados?.dados?.jogo?.detalhes?.current_line; const visitandoTeam = dados?.dados?.recreation?.visiting_team; const visitandoTeamLogo = dados?.dados?.recreation?.visiting_team?.image_url_90; const homeTeam = dados?.dados?.jogo?.home_team; const homeTeamLogo = dados?.dados?.jogo?.home_team?.image_url_90; const gameTimestamp = dados?.dados?.jogo?.detalhes?.timestamp;

return {oddsData, VisitingTeam, VisitingTeamLogo, homeTeam, homeTeamLogo, gameTimestamp }; }

função assíncrona renderBetMGM(componentId, league, gameId) { let oddsData,visitTeam,visitTeamLogo, homeTeam, homeTeamLogo, gameTimestamp, erro;

const contêiner = doc.getElementById(componentId + ‘-odds’); if (!container) retornar;

tente { ({oddsData,visitTeam,visitTeamLogo, homeTeam, homeTeamLogo, gameTimestamp } = aguarde fetchOddsData(liga, gameId)); } catch (err) { erro = err.message; }

if (erro) {container.innerHTML = `

`; retornar; }

if (!oddsData) {container.innerHTML = `

`; retornar; }

deixe gameDate = new Date(gameTimestamp * 1000); const gameDateFormatted = gameDate.toLocaleDateString(‘en-US’, { ano: ‘numérico’, mês: ‘longo’, dia: ‘numérico’ });

container.innerHTML = `

Probabilidades BetMGM

${gameDateFormatted}

VS

Linha de dinheiro

${visitingTeam.short_name}

${oddsData.away_money > 0? `+${oddsData.away_money}`: oddsData.away_money}

${homeTeam.short_name}

${oddsData.home_money > 0? `+${oddsData.home_money}`: oddsData.home_money}

Espalhar

${oddsData.fav_id === visitandoTeam.id ? oddsData.fav_points: oddsData.fav_points > 0? `-${oddsData.fav_points}` : `+${Math.abs(oddsData.fav_points)}`}

${oddsData.fav_id === visitandoTeam.id ? oddsData.fav_money > 0? `+${oddsData.fav_money}`: oddsData.fav_money: oddsData.underdog_money > 0? `+${oddsData.underdog_money}`: oddsData.underdog_money}

${oddsData.fav_id === homeTeam.id ? oddsData.fav_points: oddsData.fav_points > 0? `-${oddsData.fav_points}` : `+${Math.abs(oddsData.fav_points)}`}

${oddsData.fav_id === homeTeam.id ? oddsData.fav_money > 0? `+${oddsData.fav_money}`: oddsData.fav_money: oddsData.underdog_money > 0? `+${oddsData.underdog_money}`: oddsData.underdog_money}

Acima/Abaixo

Ou ${oddsData.complete}

${oddsData.over_money > 0? `+${oddsData.over_money}`: oddsData.over_money}

${oddsData.complete}

${oddsData.under_money > 0? `+${oddsData.under_money}`: oddsData.under_money}

Distribuído por

${gameDateFormatted}

VS

Distribuído por

`; }

// Exemplo de uso renderBetMGM(‘block_b9da8323375ab731def40b7bb28a37a1’, ‘MLB’, ’12bd2d2a-843d-453e-aa37-355fb0aab11b’);