Aula 01

19/06

Aula 02

20/06

Aula 03

21/06

Aula 04

22/06

A próxima aula começa em:

Dias
Horas
Minutos
Segundos

Aula 01

19/06

Aula 02

20/06

Aula 03

21/06

Aula 04

22/06

				
					<script>
// Array com as informações de cada aula
var aulas = [
  { classes: ['.aula-1'], data: '2023-06-15T20:00:00', status: 'Assistindo' },
  { classes: ['.aula-2'], data: '2023-06-20T20:00:00', status: 'Disponível' },
  { classes: ['.aula-3'], data: '2023-06-21T20:00:00', status: 'Disponível' }
];

// Obtendo a data atual
var dataAtual = new Date();

// Loop pelas aulas
aulas.forEach(function(aula) {
  // Selecionar caixa de descrição da aula
  var descricaoAula = document.querySelector(aula.classes[0] + ' .elementor-image-box-description');

  // Selecionar imagens da aula
  var imagensAula = document.querySelectorAll(aula.classes[0] + ' .elementor-image-box-img');

  // Selecionar conteúdo da caixa da aula
  var conteudoAula = document.querySelector(aula.classes[0] + ' .elementor-image-box-content');

  // Selecionar título da caixa da aula
  var tituloAula = document.querySelector(aula.classes[0] + ' .elementor-image-box-title');

  // Adicionar aula às classes que terão eventos de mouse desativados
  var classesDesativarMouse = ['.elementor-image-box-img', '.elementor-image-box-content', '.elementor-image-box-title', '.elementor-image-box-description'];

  // Criar a data da aula
  var aulaData = new Date(aula.data);

  // Verificar se a data atual é posterior à data e horário da aula
  if (dataAtual > aulaData) {
    // Aula lançada, atualizar o status e remover filtro

    descricaoAula.innerHTML = aula.status;

    // Remover filtro e ativar eventos de mouse para cada imagem da aula
    imagensAula.forEach(function(imagem) {
      imagem.style.filter = 'none';
      imagem.style.pointerEvents = 'auto'; // Ativar eventos de mouse
    });

    // Ativar eventos de mouse para as classes específicas da box da aula
    classesDesativarMouse.forEach(function(classe) {
      var elementos = document.querySelectorAll(aula.classes[0] + ' ' + classe);
      elementos.forEach(function(elemento) {
        elemento.style.pointerEvents = 'auto'; // Ativar eventos de mouse
      });
    });
  } else {
    // Aula não lançada, manter o status e aplicar filtro grayscale, desativando eventos de mouse
    imagensAula.forEach(function(imagem) {
      imagem.style.filter = 'grayscale(1)';
      imagem.style.pointerEvents = 'none'; // Desativar eventos de mouse
    });

    // Desativar eventos de mouse para as classes específicas da box da aula
    classesDesativarMouse.forEach(function(classe) {
      var elementos = document.querySelectorAll(aula.classes[0] + ' ' + classe);
      elementos.forEach(function(elemento) {
        elemento.style.pointerEvents = 'none'; // Desativar eventos de mouse
      });
    });
  }
});

</script>

				
			
				
					<script>
// Array com as informações de cada aula 2
var aulas = [
  { classes: ['.aula-1'], data: '2023-06-15T20:00:00', status: 'Assistindo' },
  { classes: ['.aula-2'], data: '2023-06-20T20:00:00', status: 'Disponível' },
  { classes: ['.aula-3'], data: '2023-06-21T20:00:00', status: 'Disponível' }
];

// Obtendo a data atual
var dataAtual = new Date();

// Loop pelas aulas
aulas.forEach(function(aula) {
  // Selecionar caixa de descrição da aula
  var descricaoAula = document.querySelector(aula.classes.join(' ') + ' .elementor-image-box-description');

  // Selecionar imagens da aula
  var imagensAula = document.querySelectorAll(aula.classes.join(' ') + ' .elementor-image-box-img');

  // Selecionar conteúdo da caixa da aula
  var conteudoAula = document.querySelector(aula.classes.join(' ') + ' .elementor-image-box-content');

  // Selecionar título da caixa da aula
  var tituloAula = document.querySelector(aula.classes.join(' ') + ' .elementor-image-box-title');

  // Adicionar aula às classes que terão eventos de mouse desativados
  var classesDesativarMouse = ['.elementor-image-box-img', '.elementor-image-box-content', '.elementor-image-box-title', '.elementor-image-box-description'];

  // Criar a data da aula
  var aulaData = new Date(aula.data);

  // Verificar se a data atual é posterior à data e horário da aula
  if (dataAtual > aulaData) {
    // Aula lançada, atualizar o status e remover filtro

    descricaoAula.innerHTML = aula.status;

    // Remover filtro e ativar eventos de mouse para cada imagem da aula
    Array.from(imagensAula).forEach(function(imagem) {
      imagem.style.filter = 'none';
      imagem.style.pointerEvents = 'auto'; // Ativar eventos de mouse
    });

    // Ativar eventos de mouse para as classes específicas da box da aula
    classesDesativarMouse.forEach(function(classe) {
      var elementos = document.querySelectorAll(aula.classes.join(' ') + ' ' + classe);
      Array.from(elementos).forEach(function(elemento) {
        elemento.style.pointerEvents = 'auto'; // Ativar eventos de mouse
      });
    });
  } else {
    // Aula não lançada, manter o status e aplicar filtro grayscale, desativando eventos de mouse
    Array.from(imagensAula).forEach(function(imagem) {
      imagem.style.filter = 'grayscale(1)';
      imagem.style.pointerEvents = 'none'; // Desativar eventos de mouse
    });

    // Desativar eventos de mouse para as classes específicas da box da aula
    classesDesativarMouse.forEach(function(classe) {
      var elementos = document.querySelectorAll(aula.classes.join(' ') + ' ' + classe);
      Array.from(elementos).forEach(function(elemento) {
        elemento.style.pointerEvents = 'none'; // Desativar eventos de mouse
      });
    });
  }
});

</script>