127 lines
4.5 KiB
JavaScript
127 lines
4.5 KiB
JavaScript
IniciandoTelaHome();
|
|
|
|
function IniciandoTelaHome() {
|
|
|
|
const interval_home = 500; // Tempo em milissegundos (1 segundo)
|
|
|
|
const checkElements_home = setInterval(() => {
|
|
const HomeConstruida = document.getElementById('HomeConstuctor');
|
|
|
|
if (HomeConstruida) {
|
|
const gerar = document.getElementById('gerar');
|
|
gerar.addEventListener('click', gerarBoleto)
|
|
console.log('Funções da tela Home foram iniciadas corretamente')
|
|
|
|
Data_home();
|
|
//Servicos_home();
|
|
Chamados_home();
|
|
|
|
function Servicos_home() {
|
|
|
|
|
|
|
|
}
|
|
|
|
async function Chamados_home() {
|
|
|
|
const { Chamados } = await IntegracaoZamade();
|
|
const dataZam = await Chamados.json();
|
|
|
|
// Seleciona o elemento que vai receber os ambientes no painel
|
|
const ListadeChamados = document.getElementById('ChamadosDominio');
|
|
|
|
// Insere o HTML gerado pela função ComponenteAmbientes dentro do painel
|
|
ListadeChamados.innerHTML = FormeChamados(); // Inserção de HTML
|
|
|
|
|
|
|
|
// Função responsável por gerar o HTML com a estrutura dos ambientes
|
|
function FormeChamados() {
|
|
let htmlContent = ''; //
|
|
|
|
for (let Chamados in dataZam) { // Itera sobre os itens de ambientes definidos no objeto 'dataAmbientes'
|
|
const nome = dataZam[Chamados].customer_id;
|
|
const Titulo = dataZam[Chamados].title;
|
|
const DatadeAbertura = dataZam[Chamados].close_at;
|
|
const DatadeFechamento = dataZam[Chamados].created_at;
|
|
|
|
// Chama a função 'FormeEditarAmbiente' passando o nome de cada ambiente
|
|
|
|
htmlContent += `<li>${Titulo}</li>`
|
|
|
|
}
|
|
|
|
// Retorna o conteúdo HTML gerado para ser inserido no DOM
|
|
return htmlContent;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
function Data_home() {
|
|
const DiaAtual = document.getElementById('NumeroDodial');
|
|
const DiaSemana = document.getElementById('DiaSemana');
|
|
const MesAtual = document.getElementById('Mesatual');
|
|
const AnoAtual = document.getElementById('AnoAtual');
|
|
|
|
let { dia, diaSemana, mes, ano, data } = CapturandoDatas();
|
|
|
|
function CapturandoDatas(dataReferencia = new Date()) {
|
|
const dia = dataReferencia.getDate();
|
|
const diasSemana = ["Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado"];
|
|
const diaSemana = diasSemana[dataReferencia.getDay()];
|
|
const mesesAno = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
|
|
const mes = mesesAno[dataReferencia.getMonth()];
|
|
const ano = dataReferencia.getFullYear();
|
|
|
|
return { dia, diaSemana, mes, ano, data: dataReferencia };
|
|
}
|
|
|
|
function AtualizarData(novaData) {
|
|
const { dia, diaSemana, mes, ano } = CapturandoDatas(novaData);
|
|
DiaAtual.innerHTML = dia;
|
|
DiaSemana.innerHTML = diaSemana;
|
|
MesAtual.innerHTML = mes;
|
|
AnoAtual.innerHTML = ano;
|
|
}
|
|
|
|
function MudarDia() {
|
|
const proximo_dia = document.getElementById('NumeroProximo');
|
|
const dia_anterior = document.getElementById('NumeroAnterior');
|
|
|
|
proximo_dia.addEventListener('click', () => {
|
|
data.setDate(data.getDate() + 1); // Avança um dia
|
|
AtualizarData(data);
|
|
});
|
|
|
|
dia_anterior.addEventListener('click', () => {
|
|
data.setDate(data.getDate() - 1); // Retrocede um dia
|
|
AtualizarData(data);
|
|
});
|
|
}
|
|
|
|
// Inicializa os valores na tela
|
|
AtualizarData(data);
|
|
MudarDia();
|
|
}
|
|
|
|
|
|
|
|
async function gerarBoleto() {
|
|
|
|
const { Boleto } = await IntegracaoBoleto();
|
|
|
|
const dataBole = await Boleto.json();
|
|
|
|
console.log(dataBole);
|
|
|
|
}
|
|
|
|
clearInterval(checkElements_home); // Para o setInterval
|
|
}
|
|
}, interval_home);
|
|
|
|
|
|
|
|
}
|