import React, { Fragment,useState, useContext, useEffect } from "react";
import GuardarLog from '@contexts/GuardarLog'
import { FaUserLock } from "react-icons/fa";
import Script from 'react-load-script';
import Header from "@components/Header";
import RegistroPresencial from '@components/registroPresencial';
import RegistroOnline from '@components/registroOnline';
import PlayerVideos from "@components/playerVideos";
import GridPonentes from "@components/gridPonentes";
import { useAppContext } from '@contexts/Context';
import { CargaContenido } from "@components/cargaContenido";
import { ModalRegistro } from "@components/modalRegistro";
import { ModalLogin } from "@components/modalLogin";
const EventoDefault = (props) => {
const log = useContext(GuardarLog)
const { modalRegistro, toggleModalRegisitro, modalLogin, toggleModalLogin, activateAuth, isAuth, removeAuth, variableState,updateEmailLogin,emailLogin } = useAppContext();
console.log('dataEvento:: 1',props.dataEvento)
const [inscrito, setInscrito] = useState(props.dataEvento.data.eventoSeleccionado[0].inscrito);
const [isAgenda, setIsAgenda] = useState(false);
const [esBajoDemanda, setEsBajoDemanda] = useState(false);
function bajoDemandaCheck() {
if (props.dataEvento.data.eventoSeleccionado[0].idTipoEvento === 2) {
setEsBajoDemanda(true)
} else {
setEsBajoDemanda(false)
}
}
useEffect(() => {
bajoDemandaCheck()
}, [])
props.dataEvento.data.zonasContenido.map(item => {
if (item.idZona === 6 && !isAgenda) {
setIsAgenda(true)
}
if (!item.idZona === 6 && isAgenda) {
setIsAgenda(true)
}
})
const [isChat, setIsChat] = useState(false);
props.dataEvento.data.zonasContenido.map(item => {
if (item.tipoZona === "chat_preguntas" && !isChat) {
setIsChat(true)
}
})
const tiempoRecarga = 30000;
useEffect(() => {
const interval = setInterval(() => {
if (props.dataEvento.data.eventoSeleccionado[0].idTipoEvento === 12) {
window.location.reload();
}
}, tiempoRecarga);
return () => clearInterval(interval);
}, [])
function checkRecordatorio() {
if (localStorage.getItem(`bs_plus_recordatorio`)) {
log.logEvento(props.dataEvento.data.eventoSeleccionado[0].idEvento, esBajoDemanda, "logPorMailRecordatorio", true)
localStorage.removeItem(`bs_plus_recordatorio`);
}
}
useEffect(() => {
checkRecordatorio()
}, [])
useEffect(() => {
console.log("Evento:: prop inscrito")
setInscrito(props.dataEvento.data.eventoSeleccionado[0].inscrito)
}, [])
function logEntradaEvento() {
console.log('Log:: entra 04', localStorage.getItem(`bs_plus_idEntradaEvento`))
if (
isAuth &&
(!localStorage.getItem(`bs_plus_idEntradaEvento`) || localStorage.getItem(`bs_plus_idEntradaEvento`) != props.dataEvento.data.eventoSeleccionado[0].idEvento)
) {
console.log('Log:: entra 05')
localStorage.setItem(`bs_plus_idEntradaEvento`, props.dataEvento.data.eventoSeleccionado[0].idEvento)
console.log('Log:: grabar entradaEvento')
log.logEvento(props.dataEvento.data.eventoSeleccionado[0].idEvento, esBajoDemanda, "entradaEvento", true)
}
}
let fechaEvento = props.dataEvento.data.eventoSeleccionado[0].fechaEvento;
let year = fechaEvento.split("-")[0];
let month = fechaEvento.split("-")[1];
if (month.substr(0, 1) == "0") {
month = month.substr(1);
}
month = month - 1;
let day = fechaEvento.split("-")[2].split("T")[0];
let monthNames = ["enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"];
let monthName = monthNames[month];
if (day < 10) {
day = day.split('0')[1]
}
let horaEvento = props.dataEvento.data.eventoSeleccionado[0].horaInicio;
let hour = horaEvento.split(":")[0];
let minute = horaEvento.split(":")[1];
var ampm = hour >= 12 ? 'pm' : 'am';
let esPresencial = false;
console.log('Log:: entra 02')
useEffect(() => {
console.log('Log:: entra 03')
logEntradaEvento()
}, [])
return (
//eventos no presenciales
props.dataEvento.data.eventoSeleccionado[0].idTipoEvento !== 3 ?
<>
{
props.dataEvento.userisauth ?
!inscrito && !props.dataEvento.data.eventoSeleccionado[0].privado ?
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 3 && item.tipoZona === 'imagen' &&
)
:
<>
{
/*
player tipoeventos
1 webinar
2 bajo demanda
3 presencial
4 directo
5 contenido
6 tutorial
10 congreso online
11 canal
12 contenido con recarga
*/
// directo o webinar amazon
((props.dataEvento.data.eventoSeleccionado[0].idTipoEvento == 1 ||props.dataEvento.data.eventoSeleccionado[0].idTipoEvento == 4) && props.dataEvento.data.eventoSeleccionado[0].idContenedorPlayer == null) &&
props.dataEvento.data.zonasContenido.map(item =>
{item.idZona === 3 && item.tipoZona == 'imagen' &&
}
)
}
{
// directo o webinar conrado
((props.dataEvento.data.eventoSeleccionado[0].idTipoEvento == 1 || props.dataEvento.data.eventoSeleccionado[0].idTipoEvento == 4) && props.dataEvento.data.eventoSeleccionado[0].idContenedorPlayer !== null) &&
}
{
//bajo demanda
props.dataEvento.data.eventoSeleccionado[0].idTipoEvento == 2 &&
props.dataEvento.data.zonasContenido.map(item =>
{item.idZona === 3 && item.tipoZona == 'imagen' &&
}
)
}
{
//contenido, presencial, congreso online, contenido con recarga
(props.dataEvento.data.eventoSeleccionado[0].idTipoEvento == 5 || props.dataEvento.data.eventoSeleccionado[0].idTipoEvento == 3 || props.dataEvento.data.eventoSeleccionado[0].idTipoEvento == 10 || props.dataEvento.data.eventoSeleccionado[0].idTipoEvento == 12) &&
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 3 && item.tipoZona === 'imagen' &&
La emisión en directo empezará el dia:
{day} de {monthName}, {year} a las {hour}:{minute} {ampm}.
)
}
>
:
<>
{ //user no login
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 3 && item.tipoZona === 'imagen' && props.dataEvento.data.eventoSeleccionado[0].privado ?
Para poder disfrutar de este contenido es necesario tener una cuenta en Business+
toggleModalLogin()} className="boton_registro_videoplayer1">ya tengo cuenta
toggleModalRegisitro()} className="boton_registro_videoplayer2">Crear Cuenta Gratis
:
item.idZona === 3 && item.tipoZona === 'imagen' && !props.dataEvento.data.eventoSeleccionado[0].privado &&
)
//end user no login
}
>
}
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 4 &&
)
}
{
!props.dataEvento.data.eventoSeleccionado[0].privado ?
: null
}
{
((props.dataEvento.data.eventoSeleccionado[0].idTipoEvento === 4 || props.dataEvento.data.eventoSeleccionado[0].idTipoEvento === 1) && ((isAuth && inscrito) || (isAuth && props.dataEvento.data.eventoSeleccionado[0].privado === true)) && isChat) &&
Chat en directo
Te damos la bienvenida al chat en directo. Participa y resuelve tus dudas.
IR AL CHAT
}
{
(props.dataEvento.data.eventoSeleccionado[0].idTipoEvento === 4 || props.dataEvento.data.eventoSeleccionado[0].idTipoEvento === 1) &&
props.dataEvento.data.zonasContenido.map(item =>
{
item.idZona === 10 && item.orden === 1 &&
}
)
}
{
props.dataEvento.data.zonasContenido.map(item =>
{item.idZona === 5 &&
{
isAuth ?
item.orden === 2 && !props.dataEvento.data.eventoSeleccionado[0].privado ?
:
:
item.orden === 2 && !props.dataEvento.data.eventoSeleccionado[0].privado ?
:
}
}
)
}
{
(props.dataEvento.data.eventoSeleccionado[0].idTipoEvento !== 4 && props.dataEvento.data.eventoSeleccionado[0].idTipoEvento !== 1) &&
props.dataEvento.data.zonasContenido.map(item =>
{
item.idZona === 10 && item.orden === 1 &&
}
)
}
{
isAgenda ?
Agenda evento
{
props.dataEvento.data.zonasContenido.map(item =>
{item.idZona === 6 &&
}
)
}
: null
}
{
props.dataEvento.data.zonasContenido.map(item =>
item.tipoZona === "listado_ponentes" ?
Ponentes
{
props.dataEvento.data.zonasContenido.map(item =>
item.tipoZona === "listado_ponentes" &&
)
}
: null
)
}
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona ===11 &&
)
}
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 8 && item.orden === 1 ?
{
{item.titulo}
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 8 && item.orden === 1 &&
item.logotipos.map(logotipoSponsor =>
)
)
}
}
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 8 && item.orden != 1 ?
{item.titulo}
{
item.logotipos.map(logotipoSponsor =>
)
}
: null
)
}
: null
)
}
>
//end eventos No presenciales
:
//eventos presenciales
<>
{
props.dataEvento.data.zonasContenido.map(item =>
{item.idZona === 3 &&
}
)
}
{
props.dataEvento.data.eventoSeleccionado[0].precio === "gratuito" ?
Invitación gratuita
: null
}
{
props.dataEvento.data.zonasContenido.map(item =>
{item.idZona === 4 &&
}
)
}
{
(props.dataEvento.data.zonasContenido.filter(e => e.tipoZona === "boton_inscripcion_externo").length > 0) ?
props.dataEvento.data.zonasContenido.map(item =>
{item.tipoZona === "boton_inscripcion_externo" &&
}
)
:
props.dataEvento.data.eventoSeleccionado[0].fechaEvento.split('T')[0]+'T24:00:00' > new Date(Date.now()).toISOString() &&
}
Agenda evento
{
props.dataEvento.data.zonasContenido.map(item =>
{item.idZona === 6 &&
}
)
}
{
props.dataEvento.data.zonasContenido.map(item =>
{item.idZona === 5 &&
}
)
}
{
(props.dataEvento.data.zonasContenido.filter(e => e.tipoZona === "boton_inscripcion_externo").length > 0) ?
props.dataEvento.data.zonasContenido.map(item =>
{item.tipoZona === "boton_inscripcion_externo" &&
}
)
:
{
props.dataEvento.data.eventoSeleccionado[0].fechaEvento.split('T')[0]+'T24:00:00' > new Date(Date.now()).toISOString() &&
}
}
{console.log("HHHHH::", props.dataEvento.data.zonasContenido.filter(e => e.tipoZona === "boton_inscripcion_externo"))}
{
(props.dataEvento.data.eventoSeleccionado[0].idTipoEvento === 3) &&
props.dataEvento.data.zonasContenido.map(item =>
{
item.idZona === 13 &&
{
}
}
)
}
Ponentes
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 7 &&
)
}
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona ===11 &&
)
}
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 8 && item.orden === 1 ?
{
{item.titulo}
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 8 && item.orden === 1 &&
item.logotipos.map(logotipoSponsor =>
)
)
}
}
{
props.dataEvento.data.zonasContenido.map(item =>
item.idZona === 8 && item.orden != 1 ?
{item.titulo}
{
item.logotipos.map(logotipoSponsor =>
)
}
: null
)
}
: null
)
}
>
//end eventos presenciales
)
}
export default EventoDefault;