+ Ambiente
+Carregando...
'; try { diff --git a/js/page/Modulo_Autenticacao/Painel/Repostas.js b/js/page/Modulo_Autenticacao/Painel/Repostas.js index cc73460..05a8ffd 100644 --- a/js/page/Modulo_Autenticacao/Painel/Repostas.js +++ b/js/page/Modulo_Autenticacao/Painel/Repostas.js @@ -28,18 +28,20 @@ async function RespostasErro(comunica, response, errorMessageElement, usernameEl /*Caso erro, onde o email usado é invalido*/ if (comunica === 400) { - + // Aplicação do texto dentro do elemento errorMessageElement.innerHTML = `O E-mail usado é invalido, o formato esperado é "usuario@domino.com.br"
`; - + // Aplicação de uma classe especial errorMessageElement.classList.add('Status_400') - + // Aplicações de tamanho e definição de opacidade errorMessageElement.style.height = '10vh'; errorMessageElement.style.opacity = '1'; - usernameElement.style.borderColor = 'red'; // Marca o campo do usuário com erro + // Aplica coloração vermelha e uma transição suave + usernameElement.style.borderColor = 'red'; errorMessageElement.style.transition = ' 1s ease'; + // Retirar todas as aplicações antes definidas const tempoDeExibicao = 5000; setTimeout(() => { @@ -55,51 +57,54 @@ async function RespostasErro(comunica, response, errorMessageElement, usernameEl /*Caso erro, quando há um erro na autenticação com o banco de dados*/ if (comunica === 401) { - + // Aplicação do texto dentro do elemento errorMessageElement.innerHTML = `Erro na autenticação, informe ao suporte, no e-mail suporte@itguys.com.br
`; - + // Aplicação de uma classe especial errorMessageElement.classList.add('Status_401') - + // Aplicações de tamanho e definição de opacidade errorMessageElement.style.height = '10vh'; errorMessageElement.style.opacity = '1'; + // Aplica uma transição suave errorMessageElement.style.transition = ' 1s ease'; + // Retirar todas as aplicações antes definidas const tempoDeExibicao = 5000; setTimeout(() => { - errorMessageElement.classList.remove('Status_401') - + errorMessageElement.classList.remove('Status_401'); errorMessageElement.style.height = '0vh'; // Oculta a mensagem errorMessageElement.style.opacity = '0'; - errorMessageElement.style.transition = ' 1s ease'; + errorMessageElement.style.transition = '1s ease'; }, tempoDeExibicao); } /*Caso erro, onde o usuário ou senha podem estar incorretos*/ if (comunica === 404) { - + // Aplicação do texto dentro do elemento errorMessageElement.innerHTML = `Usuário ou Senha, estão incorretos
`; - + // Aplicações de tamanho e definição de opacidade errorMessageElement.style.height = '10vh'; errorMessageElement.style.opacity = '1'; - errorMessageElement.classList.add('Status_404') + // Aplicação de uma classe especial + errorMessageElement.classList.add('Status_404'); usernameElement.style.borderColor = 'red'; // Marca o campo do usuário com erro passwordElement.style.borderColor = 'red'; // Marca o campo da senha com erro + // Aplica uma transição suave errorMessageElement.style.transition = ' 1s ease'; + // Retirar todas as aplicações antes definidas const tempoDeExibicao = 5000; setTimeout(() => { - errorMessageElement.classList.remove('Status_404') - usernameElement.style.borderColor = '#1478cf'; // Marca o campo do usuário com erro - passwordElement.style.borderColor = '#1478cf'; // Marca o campo da senha com erro + usernameElement.style.borderColor = '#1478cf'; // Desmarca o campo do usuário com erro + passwordElement.style.borderColor = '#1478cf'; // Desmarca o campo da senha com erro errorMessageElement.style.height = '0vh'; // Oculta a mensagem errorMessageElement.style.opacity = '0'; errorMessageElement.style.transition = ' 1s ease'; @@ -109,20 +114,22 @@ async function RespostasErro(comunica, response, errorMessageElement, usernameEl /*Caso erro, onde o usuário ou senha podem estar incorretos*/ if (comunica === 500) { - + // Aplicação do texto dentro do elemento errorMessageElement.innerHTML = `Estamos enfrentando dificuldades técnicas no momento. Por favor, tente novamente mais tarde.
`; - + // Aplicações de tamanho e definição de opacidade errorMessageElement.style.height = '10vh'; errorMessageElement.style.opacity = '1'; - + // Aplicação de uma classe especial errorMessageElement.classList.add('Status_500') usernameElement.style.borderColor = 'red'; // Marca o campo do usuário com erro passwordElement.style.borderColor = 'red'; // Marca o campo da senha com erro + // Aplica uma transição suave errorMessageElement.style.transition = ' 1s ease'; + // Retirar todas as aplicações antes definidas const tempoDeExibicao = 5000; setTimeout(() => { @@ -137,20 +144,19 @@ async function RespostasErro(comunica, response, errorMessageElement, usernameEl } - /*Caso de erro especial, que é apresentado em um pop up, essa estrutura pega a informações da resposta em json e os apresenta sobre o pop up na tela*/ - /*Caso de erro, onde acontece um problema na comunicação com o proprio servidor*/ if (comunica === 503) { - + // Aplicação do texto dentro do elemento errorMessageElement.innerHTML = `Estamos realizando manutenções necessárias. Agradecemos por sua compreensão.
`; - + // Aplicações de tamanho e definição de opacidade errorMessageElement.style.height = '15vh'; errorMessageElement.style.opacity = '1'; - + // Aplicação de uma classe especial errorMessageElement.classList.add('Status_503') - + // Aplica uma transição suave errorMessageElement.style.transition = ' 1s ease'; + // Retirar todas as aplicações antes definidas const tempoDeExibicao = 5000; setTimeout(() => { @@ -165,16 +171,17 @@ async function RespostasErro(comunica, response, errorMessageElement, usernameEl /*Caso de erro, onde acontece um problema na comunicação com o proprio servidor*/ if (comunica === 502) { - + // Aplicação do texto dentro do elemento errorMessageElement.innerHTML = `Houve um problema ao processar sua solicitação. Estamos trabalhando para corrigir a situação.
`; - + // Aplicações de tamanho e definição de opacidade errorMessageElement.style.height = '15vh'; errorMessageElement.style.opacity = '1'; - + // Aplicação de uma classe especial errorMessageElement.classList.add('Status_502') - + // Aplica uma transição suave errorMessageElement.style.transition = ' 1s ease'; + // Retirar todas as aplicações antes definidas const tempoDeExibicao = 5000; setTimeout(() => { diff --git a/js/page/Modulo_Construcao/Funcao/Config/Ambiente/PopAmbientes_Func.js b/js/page/Modulo_Construcao/Funcao/Config/Ambiente/PopAmbientes_Func.js index e69de29..98b3fba 100644 --- a/js/page/Modulo_Construcao/Funcao/Config/Ambiente/PopAmbientes_Func.js +++ b/js/page/Modulo_Construcao/Funcao/Config/Ambiente/PopAmbientes_Func.js @@ -0,0 +1,221 @@ +// Pop up desenvolvido para alinhar os Grupos de usuário de um ambiente respectivamente + + + +// Pop up dedicado para direcionar o manual do ambiente do usuário +InicializandoPopUser(); + +function InicializandoPopUser() { + + + const interval_ConfigUser = 500; // Tempo em milissegundos (1 segundo) + + try { + + const checkElements_ConfigUser = setInterval(() => { + try { + + const ConfigUserConstruida = document.getElementById('EstruturaUser'); + + if (ConfigUserConstruida) { + + const IntegridadePopUp = document.getElementById('Pop_up_Config'); + let TelaHtmlRecor = null; + PainelApresentacao() + + + function PainelApresentacao() { + let TelaHtmlRecor = "Apresentacao"; + SeletorEmpresa(TelaHtmlRecor); + + + function ApresentacaoUser() { } + + + } + async function PainelCricao() { + let TelaHtmlRecor = "Criacao"; + + IntegridadePopUp.innerHTML = Estrututura_html_User_Criacao(); + SeletorEmpresa(TelaHtmlRecor); + + const SeletorEmpresaElement = document.getElementById('SeletorEmpresa'); + const ButtoEnviarUser = document.getElementById('CriarUsuario'); + const DominioEmpresaElement = document.getElementById('DominioEmpresa'); + await Empresasconsulta(); + + let dominio_empresa = 'Vazio'; + async function Empresasconsulta() { + const { Empresinhas } = await ConsultasEmpresas(); + + const EmpresinhasPDf = await Empresinhas.json(); + + console.log(EmpresinhasPDf); + let htmlContentConfig = ''; + htmlContentConfig += `` + const seletorEmpresa = document.getElementById('SeletorEmpresa'); + + for (let EstadoEmpresa of EmpresinhasPDf) { + + const Empresas = EstadoEmpresa.nome; // "2025-01-14" + const IdEmpresas = EstadoEmpresa.idempresa; + const Dominio = EstadoEmpresa.dominio; + + + htmlContentConfig += ``; + + } + + + + seletorEmpresa.innerHTML = htmlContentConfig; + + // Evento para atualizar o domínio ao mudar a seleção + seletorEmpresa.addEventListener('change', function () { + const selectedOption = seletorEmpresa.options[seletorEmpresa.selectedIndex]; + const dominio = selectedOption.getAttribute('data-dominio') || 'Dominio'; + + DominioEmpresaElement.textContent = dominio; + dominio_empresa = dominio; + }); + + } + ButtoEnviarUser.addEventListener('click', CapitacaodeInformacao); + + + async function CapitacaodeInformacao() { + + + const NomeCompletoElement = document.getElementById('NomeUser'); + const UsuarioADElement = document.getElementById('UserAdUser'); + + const values = [ + NomeCompletoElement, UsuarioADElement, SeletorEmpresaElement + ]; + + // Verifica se todos os elementos existem, meio que uma validação de todos as informações do formulario estão sendo enviadas. + for (const el of values) { + if (!el) { + console.error('Elemento não encontrado:', el); + alert('Um ou mais elementos não foram encontrados.'); + return; + } + } + + // Alinhar cada um dos campos do formulario á sua variavel, para receber os dados que estão sendo prenchidos + const nome_completo = NomeCompletoElement.value.trim(); // Alinha o valor de um input + const usuario_ad = UsuarioADElement.value.trim(); + const id_empresa = SeletorEmpresaElement.value; + + + + // Valida se todos os capos foram preenchidos + if (!nome_completo || !usuario_ad || id_empresa === '0') { + + alert('Por favor, preencha todos os campos obrigatórios corretamente!'); + return; + } + + // Criação do objeto json do extintor, será enviado para o back end + const novoUser = { + nome_completo, + usuario_ad, + id_empresa, + dominio_empresa + }; + + console.log(novoUser) + + EnvioInformacao(novoUser) + } + async function EnvioInformacao(novoUser) { + + try { + + await NovoUser(novoUser); + alert('usuário criado com sucesso'); + + } catch (error) { + + console.error('Erro:', error); + alert('Erro ao criar ao usuário. Tente novamente mais tarde.'); + + } + + } + + + } + function PainelEdicao() { + let TelaHtmlRecor = "Edicao"; + SeletorEmpresa(TelaHtmlRecor); + } + + function SeletorEmpresa(Seletor) { + + + if (Seletor == "Criacao") { + const ButtonRetornarUser = document.getElementById('VoltarPopup'); + const ButtonFecharUser = document.getElementById('EncerrarPopup'); + + ButtonRetornarUser.addEventListener('click', Retonar); + ButtonFecharUser.addEventListener('click', Fechar); + } + if (Seletor == "Apresentacao") { + const ButtonFecharUser = document.getElementById('EncerrarPopup'); + const ButtonCriarUser = document.getElementById('NovoUsuarioPopup'); + const ButtonEditarUser = document.getElementById(''); + + ButtonCriarUser.addEventListener('click', PainelCricao); + ButtonFecharUser.addEventListener('click', Fechar); + + } + if (Seletor == "Edicao") { + const ButtonRetornarUser = document.getElementById('VoltarPopup'); + const ButtonFecharUser = document.getElementById('EncerrarPopup'); + + ButtonRetornarUser.addEventListener('click', Retonar); + ButtonFecharUser.addEventListener('click', Fechar); + } + + + function Retonar() { + + IntegridadePopUp.innerHTML = Estrututura_html_User_home(); + PainelApresentacao(); + + } + function Fechar() { + IntegridadePopUp.style.display = "none" + IntegridadePopUp.innerHTML = ''; + } + + } + + + + + clearInterval(checkElements_ConfigUser); // Para o setInterval + } + + + } catch (error) { + console.error('Houve algo inesperado dentro da tela home' + error) + + clearInterval(checkElements_ConfigUser); // Para o setInterval + + return false + } + + + + }, interval_ConfigUser); + + } catch (error) { + console.error('Houve algo inesperado fora da tela home' + error) + } + + + + +} \ No newline at end of file diff --git a/js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js b/js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js index fdc5e9e..d57de30 100644 --- a/js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js +++ b/js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js @@ -2,43 +2,84 @@ +setTimeout(async () => { + const ApresentarTeladeConfiguracao = localStorage.getItem('Iniciar_Config') + if (ApresentarTeladeConfiguracao === "true") { + const ConfigLoad = document.getElementById('entrada_2'); + localStorage.removeItem('Iniciar_Config', 'true') + if (ConfigLoad) { + // Verifica se o conteúdo do elemento não está vazio + if (ConfigLoad.innerHTML.trim() !== "") { + + + const estilos_config = document.getElementById('conexao'); + + const estilos_config_tela = document.getElementById('conexao_tela'); + + estilos_config_tela.href = ''; + estilos_config.href = './Css/page/Ambiente/Config/Config.css'; + + InteracoesTelas_Config(); + } + } else { + console.error("Elemento 'entrada_2' não encontrado."); + } + setTimeout(ConfigLoad == null, 500) // Salva um valor no localStorage + } +}, 300); // Executa as funções 3 segundos após o carregamento do DOM + + async function InteracoesTelas_Config() { - - let usuariConfig = null - // Conexção com o script de Comunicacao.js para se utilizar da função de autenticação com a rota mouten, para puxar a const response e apiURL - const { response, apiUrl } = await Autenticao(); - //Essa constante faz um tratamento sobre a response retirando o json para armazenar nesse data - const data = await response.json(); + try { - //console.log(data) - // Armazena os dados para usos futuros - usuariConfig = { - nomeCompleto: data.usuario.nome, - Empresa: data.empresa.nome, - ImagemUser: `${apiUrl}${data.usuario.img_perfil}`, - FundoUser: `${apiUrl}${data.usuario.img_fundo}` - }; + // Conexção com o script de Comunicacao.js para se utilizar da função de autenticação com a rota mouten, para puxar a const response e apiURL + const { response, apiUrl } = await Autenticao(); + //Essa constante faz um tratamento sobre a response retirando o json para armazenar nesse data + const data = await response.json(); + + //console.log(data) + // Armazena os dados para usos futuros + usuariConfig = { + nomeCompleto: data.usuario.nome, + Empresa: data.empresa.nome, + ImagemUser: `${apiUrl}${data.usuario.img_perfil}`, + FundoUser: `${apiUrl}${data.usuario.img_fundo}` + }; - //console.log("Esse dados vem para configurações", usuariConfig) - ControladorDeVisualizacao_config(usuariConfig) + //console.log("Esse dados vem para configurações", usuariConfig) + ControladorDeVisualizacao_config(usuariConfig) - const Voltar_home = document.getElementById('Voltar_config'); + const Voltar_home = document.getElementById('Voltar_config'); - const Manual_button = document.getElementById('Manual_config'); - const Perfil_button = document.getElementById('Perfil_config'); + const Manual_button = document.getElementById('Manual_config'); + const Perfil_button = document.getElementById('Perfil_config'); + + // Adiciona eventos para alternar entre as telas + Voltar_home.addEventListener('click', () => carregarTela_config('RetornarHome')); + // Manual_button.addEventListener('click', () => carregarTela_config('PainelManual')); + Perfil_button.addEventListener('click', () => carregarTela_config('PainelEstilo')); + + localStorage.setItem('Carregou_tela_config', 'true'); + } catch (error) { + + const ConfigErro = document.getElementById('entrada_2'); + ConfigErro.innerHTML = "" + await criarBlocos(); + localStorage.setItem('Carregou_tela_config', 'true'); + setTimeout(() => { + localStorage.removeItem('Carregou_tela_config'); + }, 100); + console.error("Erro na tela de configuração" + error) + } + - // Adiciona eventos para alternar entre as telas - Voltar_home.addEventListener('click', () => carregarTela_config('RetornarHome')); - Manual_button.addEventListener('click', () => carregarTela_config('PainelManual')); - Perfil_button.addEventListener('click', () => carregarTela_config('PainelEstilo')); - localStorage.setItem('Carregou_tela_config', 'true'); } async function carregarTela_config(tela) { @@ -62,6 +103,11 @@ async function carregarTela_config(tela) { html: './js/page/Modulo_Construcao/Painel/Config/Manual/PopManual_html.js', mensagem: 'Carregando ...', }, + PainelAmbiente: { + func: './js/page/Modulo_Construcao/Funcao/Config/Ambiente/PopAmbientes_Func.js', + html: './js/page/Modulo_Construcao/Painel/Config/Ambiente/PopAmbientes_html.js', + mensagem: 'Carregando ...', + }, RetornarHome: { func: './js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js', html: './js/page/Modulo_Construcao/Painel/Config/Estrutura/Estrutura_Config_Html.js', @@ -114,14 +160,22 @@ async function carregarTela_config(tela) { atualizarClasse('PainelManual'); } + // Estrutura html de monitoramento + if (tela === 'Painel_configuracao' && typeof estruturaHtml_Home === 'function') { + scriptPaths[tela].mensagem = Estrututura_html_Ambiente_home(); + telaVisualizacao.style.display = "flex" + atualizarClasse('Painel_configuracao'); + } + + // Estrutura html de configuração if (tela === 'RetornarHome' && typeof estruturaHtml_Home === 'function') { // Verifica se a função EstruturaEsqueleto existe antes de chamar - + localStorage.setItem('Carregou_tela_config_New', 'true'); const fimPainel = document.getElementById('entrada_2') fimPainel.innerHTML = ''; - + CarregamentoLoad(); await criarBlocos(); //console.log('config') @@ -164,34 +218,18 @@ function ControladorDeVisualizacao_config(InfoGeral) {Usuário
`; + EstruraDinamicadeConfiguracao.innerHTML += ` +
+ Ambiente
+
+ Sem serviços no momento
` +Sem serviços no momento
+Nenhum serviço encontrado
` +Nenhum serviço encontrado
+Usuário não autenticado!
` +Usuário não autenticado!
+Estamos realizando manutenções, volte mais tarde
` +Estamos realizando manutenções, volte mais tarde
+Sem serviços no momento
` - throw new Error(`Erro na API dos Serviços: ${ResutadosChamados}`); + throw new Error(`Erro na API dos Chamados: ${ResutadosChamados}`); } if (ResutadosChamados === 404) { ListadeChamados.innerHTML = ` -Nenhum serviço encontrado
` - throw new Error(`Erro na API dos Serviços: ${ResutadosChamados}`); + throw new Error(`Erro na API dos Chamados: ${ResutadosChamados}`); } if (ResutadosChamados === 401) { ListadeChamados.innerHTML = ` -Usuário não autenticado!
` - throw new Error(`Erro na API dos Serviços: ${ResutadosChamados}`); + throw new Error(`Erro na API dos Chamados: ${ResutadosChamados}`); + } + + if (ResutadosChamados === 405) { + + ListadeChamados.innerHTML = ` +Estamos realizando manutenções, volte mais tarde
` - throw new Error(`Erro na API dos Serviços: ${ResutadosChamados} `); + throw new Error(`Erro na API dos Chamados: ${ResutadosChamados} `); } - - - } let htmlContent = ''; @@ -178,7 +192,11 @@ function IniciandoTelaHome() { case 2: EstadosChamado = 'Aberto_Em_Análise'; break; case 3: EstadosChamado = 'Aguardando_Retorno'; break; case 4: EstadosChamado = 'Solucionado_Fechado'; break; + case 5: EstadosChamado = 'Atencao'; break; case 6: EstadosChamado = 'Em_Andamento'; break; + case 7: EstadosChamado = 'Atencao'; break; + case 8: EstadosChamado = 'Atencao'; break; + } htmlContent += ` @@ -226,7 +244,10 @@ function IniciandoTelaHome() { case 2: StadoChamado = 'Aberto Em Análise'; break; case 3: StadoChamado = 'Aguardando Retorno'; break; case 4: StadoChamado = 'Solucionado Fechado'; break; + case 5: StadoChamado = 'Atenção'; break; case 6: StadoChamado = 'Em Andamento'; break; + case 7: StadoChamado = 'Atenção'; break; + case 8: StadoChamado = 'Atenção'; break; } let StadoChamadoClass = 0; @@ -235,7 +256,10 @@ function IniciandoTelaHome() { case 2: StadoChamadoClass = 'Aberto_Em_Analise'; break; case 3: StadoChamadoClass = 'Aguardando_Retorno'; break; case 4: StadoChamadoClass = 'Solucionado_Fechado'; break; + case 5: StadoChamadoClass = 'Atencao'; break; case 6: StadoChamadoClass = 'Em_Andamento'; break; + case 7: StadoChamadoClass = 'Atencao'; break; + case 8: StadoChamadoClass = 'Atencao'; break; } @@ -540,13 +564,14 @@ function IniciandoTelaHome() { let nomeMes = nomesMeses[mes]; // 🔴 O botão SÓ fica ativo se estivermos DENTRO do mês respectivo E entre os dias 1 e 12 - let botaoAtivo = ano === anoAtual && mes === mesAtual && diaAtual >= 1 && diaAtual <= 13; + let botaoAtivo = ano === anoAtual && mes === mesAtual && diaAtual >= 1 && diaAtual <= 20; console.log(botaoAtivo); + if (botaoAtivo == false) { meses.push(`${nomeMes} - ${ano}
Sem serviços no momento
+Nenhum serviço encontrado
+Usuário não autenticado!
+Estamos realizando manutenções, volte mais tarde
+Estamos realizando manutenções, volte mais tarde
+CPU ${Alinhadocpu}%
Ram ${AlinhadoMemory}%
+
+ Dominio
+
+ Dominio
+
Manual do Usuário
-
+
+ 
+ 
