`
+
+ PainelMoniButton.addEventListener('click', () => carregarTela('moni'));
+ PainelMoniIcon.addEventListener('click', () => carregarTela('moni'));
+
+ }
+
+
+}
+
+setTimeout(async () => {
+ const ConfigLoad = document.getElementById('entrada_2');
+
+ 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
+
+
+
+// Verifica se o elemento existe
+
+
+
+
+
+
+
+
+
+
+
diff --git a/js/page/Modulo_Construcao/Funcao/Config/Grupos/PopDashbord.js b/js/page/Modulo_Construcao/Funcao/Config/Grupos/PopDashbord.js
new file mode 100644
index 0000000..e69de29
diff --git a/js/page/Modulo_Construcao/Funcao/Config/Manual/PopManual.js b/js/page/Modulo_Construcao/Funcao/Config/Manual/PopManual.js
new file mode 100644
index 0000000..e69de29
diff --git a/js/page/Modulo_Construcao/Funcao/Config/config.js b/js/page/Modulo_Construcao/Funcao/Config/config.js
deleted file mode 100644
index 4278414..0000000
--- a/js/page/Modulo_Construcao/Funcao/Config/config.js
+++ /dev/null
@@ -1,70 +0,0 @@
-
-
-//Variavel botão 2 responsavel por inicar a função
-var botao_2 = document.getElementById('opicao_1');
-botao_2.addEventListener('click', surgir2);
-
-//Variavel botão 3 responsavel por inicar a função
-var botao_3 = document.getElementById('opicao_3');
-botao_3.addEventListener('click', surgir3);
-
-//Variavel botão 4 responsavel por inicar a função
-var botao_4 = document.getElementById('opicao_4');
-botao_4.addEventListener('click', surgir4);
-
-//Variavel botão 5 responsavel por inicar a função
-var botao_5 = document.getElementById('opicao_5');
-botao_5.addEventListener('click', surgir5);
-
-//Variavel botão 6 responsavel por inicar a função
-var botao_6 = document.getElementById('opicao_6');
-botao_6.addEventListener('click', surgir6);
-
-
-
-
-
-
-//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 2'
-function surgir2() {
- var estilo = document.getElementById('conexao');
- var painel = document.getElementById('preenchimento');
- estilo.href = 'ola2';
- painel.innerHTML = 'ola2';
-}
-
-
-//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 3'
-function surgir3() {
- var estilo = document.getElementById('conexao');
- var painel = document.getElementById('preenchimento');
- estilo.href = 'ola3';
- painel.innerHTML = 'ola3';
-}
-
-
-//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 4'
-function surgir4() {
- var estilo = document.getElementById('conexao');
- var painel = document.getElementById('preenchimento');
- estilo.href = 'ola3';
- painel.innerHTML = 'ola4';
-}
-
-
-//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 5'
-function surgir5() {
- var estilo = document.getElementById('conexao');
- var painel = document.getElementById('preenchimento');
- estilo.href = 'ola3';
- painel.innerHTML = 'ola5';
-}
-
-
-//Nessa função o conteudo da tela é modificado e novas informaçõe são apresentadas 'lembre de alinhar o nome da função com o seu botão respecitivo, sendo essa do botão 6'
-function surgir6() {
- var estilo = document.getElementById('conexao');
- var painel = document.getElementById('preenchimento');
- estilo.href = 'ola3';
- painel.innerHTML = 'ola6';
-}
diff --git a/js/page/Modulo_Construcao/Funcao/Config/construtor_config.js b/js/page/Modulo_Construcao/Funcao/Config/construtor_config.js
deleted file mode 100644
index eda24d4..0000000
--- a/js/page/Modulo_Construcao/Funcao/Config/construtor_config.js
+++ /dev/null
@@ -1 +0,0 @@
-//onde estará a construção da estrutura de configuração do ambiente do usuário
\ No newline at end of file
diff --git a/js/page/Modulo_Construcao/Funcao/Estrutura/Autencacao.js b/js/page/Modulo_Construcao/Funcao/Estrutura/Autencacao.js
index 9c4ed22..4d6fdba 100644
--- a/js/page/Modulo_Construcao/Funcao/Estrutura/Autencacao.js
+++ b/js/page/Modulo_Construcao/Funcao/Estrutura/Autencacao.js
@@ -1,3 +1,5 @@
+
+// Função de comunicação com a rota mounting, para a construção do ambiente do usuário
async function Autenticao() {
const apiUrl = await getApiUrl();
const token = getAuthToken();
@@ -13,3 +15,85 @@ async function Autenticao() {
return { response, apiUrl }; // Retorne um objeto com a resposta e apiUrl
}
+
+
+async function IntegracaoZamade() {
+ const apiUrl = await getApiUrl();
+ const token = getAuthToken();
+
+
+ if (!apiUrl || !token) {
+ throw new Error("Erro: Parâmetros obrigatórios ausentes (apiUrl, token ou domain)");
+ }
+
+ const Chamados = await fetch(`${apiUrl}/tickets`, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'x-access-token': token,
+ //'Id_Cliente': domain
+ }
+ });
+
+
+ if (!Chamados.ok) {
+ throw new Error(`Erro na API: ${Chamados.status} - ${Chamados.statusText}`);
+ }
+
+ return { Chamados, apiUrl }; // Retorna a resposta e a URL
+
+}
+
+async function IntegracaoZamade() {
+ const apiUrl = await getApiUrl();
+ const token = getAuthToken();
+
+
+ if (!apiUrl || !token) {
+ throw new Error("Erro: Parâmetros obrigatórios ausentes (apiUrl, token ou domain)");
+ }
+
+ const Chamados = await fetch(`${apiUrl}/tickets`, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'x-access-token': token,
+ //'Id_Cliente': domain
+ }
+ });
+
+
+ if (!Chamados.ok) {
+ throw new Error(`Erro na API: ${Chamados.status} - ${Chamados.statusText}`);
+ }
+
+ return { Chamados, apiUrl }; // Retorna a resposta e a URL
+
+}
+
+async function IntegracaoBoleto() {
+ const apiUrl = await getApiUrl();
+ const token = getAuthToken();
+
+
+ if (!apiUrl || !token) {
+ throw new Error("Erro: Parâmetros obrigatórios ausentes (apiUrl, token ou domain)");
+ }
+
+ const Boleto = await fetch(`${apiUrl}/boletos`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'x-access-token': token,
+ //'Id_Cliente': domain
+ }
+ });
+
+
+ if (!Boleto.ok) {
+ throw new Error(`Erro na API: ${Boleto.status} - ${Boleto.statusText}`);
+ }
+
+ return { Boleto, apiUrl }; // Retorna a resposta e a URL
+
+}
diff --git a/js/page/Modulo_Construcao/Funcao/Estrutura/Controlador_telas.js b/js/page/Modulo_Construcao/Funcao/Estrutura/Controlador_telas.js
index 0c7c9e6..6d68fc7 100644
--- a/js/page/Modulo_Construcao/Funcao/Estrutura/Controlador_telas.js
+++ b/js/page/Modulo_Construcao/Funcao/Estrutura/Controlador_telas.js
@@ -1,61 +1,94 @@
-// Função para carregar e exibir as imagens protegidas
+//Evento que esepra, todos os elementos htmls foram construidos na tela para disparar a função
document.addEventListener('DOMContentLoaded', () => {
insercaoFunc_Total();
});
+//Função responsavel por inserir o script de load dentro dá página html
function insercaoFunc_Total() {
-
+ // Script de carregamento
const script_Load = document.createElement('script');
script_Load.src = './js/page/Modulo_Construcao/Painel/Estrutura/load.js';
document.body.appendChild(script_Load);
+ script_Load.onload = async () => {
+ await verificarAmbiente(); // Chama a função somente após o script ser carregado
+ };
+
}
+let usuarioData = null; // Variável para armazenar dados do usuário
+//Função responsavel por montar toda á página do ambiente do usuário
async function criarBlocos() {
try {
- const { response, apiUrl } = await Autenticao(); // Recebe o objeto com response e apiUrl
- const data = await response.json(); // Faz o parse do JSON retornado
+ // Se os dados já estiverem carregados, use-os diretamente
+ if (usuarioData) {
+ const { nomeCompleto, Empresa, ImagemUser, logoEmpresa } = usuarioData;
- // Agora acessa as propriedades do objeto
- const nomeCompleto = data.usuario.nome; // Nome completo do usuário
+ loadImage(ImagemUser, 'profileImage');
+ loadImage(logoEmpresa, 'companyLogo');
- const Empresa = data.empresa.nome;
- const ImagemUser = `${apiUrl}${data.usuario.img_perfil}`;
- //const ImagemUser2 = `${apiUrl}${data.usuario.img_perfil}`;
- const logoEmpresa = `${apiUrl}${data.empresa.logo}`;
+ console.log('Usando dados armazenados');
- // Exibe as imagens protegidas usando os URLs retornados pela API
- loadImage(ImagemUser, 'profileImage');
- //loadImage(ImagemUser2, 'profileImage'); // Imagem de perfil do usuário
- loadImage(logoEmpresa, 'companyLogo'); // Logo da empresa
- // Acessando o primeiro objeto do array retornado
- console.log(data);
- console.log(nomeCompleto);
- console.log(Empresa);
- console.log('Link da imagem de perfil -' + ImagemUser);
- console.log('Link da Logo -' + logoEmpresa);
+ } else {
+ // 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();
+
+ // Armazena os dados para usos futuros
+ usuarioData = {
+ nomeCompleto: data.usuario.nome,
+ Empresa: data.empresa.nome,
+ ImagemUser: `${apiUrl}${data.usuario.img_perfil}`,
+ logoEmpresa: `${apiUrl}${data.empresa.logo}`
+ };
+
+ // Aplica as funções para carregamento das imagens, os alinhando com classe para a aplicação dentro do html.
+ loadImage(usuarioData.ImagemUser, 'profileImage');
+ loadImage(usuarioData.logoEmpresa, 'companyLogo');
+
+ console.log(usuarioData);
+ console.log(usuarioData.nomeCompleto);
+ console.log(usuarioData.Empresa);
+ console.log('Link da imagem de perfil -' + usuarioData.ImagemUser);
+ console.log('Link da Logo -' + usuarioData.logoEmpresa);
+
+
+ }
+ // Inicia a função insercaoFunc_Estrutura
await insercaoFunc_Estrutura();
-
+ // Função responsavel por construir todos os elementos sobre a tela apartir das informações recebidas pelo back end.
async function insercaoFunc_Estrutura() {
const script_Func = document.createElement('script');
- script_Func.src = './js/page/Modulo_Construcao/Painel/Estrutura/Estrutura.js';
- document.body.appendChild(script_Func);
+ script_Func.id = 'Ambiente_func';
+ script_Func.src = './js/page/Modulo_Construcao/Funcao/Estrutura/Estrutura.js';
const script_Html = document.createElement('script');
+ script_Html.id = 'Ambiente_Html';
script_Html.src = './js/page/Modulo_Construcao/Painel/Estrutura/Html_estrutura.js';
- document.body.appendChild(script_Html);
- script_Html.onload = async () => {
- await EstruturaEsqueleto(); // Chama a função somente após o script ser carregado
- };
+ // Adiciona os scripts ao DOM e aguarda o carregamento
+ await Promise.all([
+ carregarScript(script_Func),
+ carregarScript(script_Html)
+ ]);
+ await EstruturaEsqueleto(); // Chama a função somente após o script ser carregado
+
+ function carregarScript(script) {
+ return new Promise((resolve, reject) => {
+ script.onload = () => resolve();
+ script.onerror = () => reject(new Error(`Erro ao carregar o script: ${script.src}`));
+ document.body.appendChild(script);
+ });
+ }
async function EstruturaEsqueleto() {
//constante que controla o estilo css que está estilizando todo o ambiente do usuário.
@@ -65,9 +98,13 @@ async function criarBlocos() {
//Estrutura Html que será apresentada sobre a tela
- construtor_primario.innerHTML = InterfaceAmbiente(nomeCompleto, Empresa);
- Interatividade();
- ApresentarTelas();
+ construtor_primario.innerHTML = InterfaceAmbiente(usuarioData.nomeCompleto, usuarioData.Empresa);
+
+ if (construtor_primario.innerHTML !== '') {
+ Interatividade();
+ ApresentarTelas(usuarioData);
+ }
+
}
@@ -83,7 +120,7 @@ async function criarBlocos() {
function insercaoFunc_Erro() {
const script_ERRO = document.createElement('script');
- script_ERRO.src = './js/page/Modulo_Construcao/Painel/Estrutura/Painel_Erro.js';
+ script_ERRO.src = './js/page/Modulo_Construcao/Funcao/Estrutura/Painel_Erro.js';
document.body.appendChild(script_ERRO);
script_ERRO.onload = async () => {
diff --git a/js/page/Modulo_Construcao/Funcao/Estrutura/Estrutura.js b/js/page/Modulo_Construcao/Funcao/Estrutura/Estrutura.js
new file mode 100644
index 0000000..80a87cb
--- /dev/null
+++ b/js/page/Modulo_Construcao/Funcao/Estrutura/Estrutura.js
@@ -0,0 +1,184 @@
+
+function Interatividade() {
+
+ var botao = document.getElementById('id_ajuste');
+ var cabecario = document.querySelector('.capitulo_1');
+ var tela = document.querySelector('.capitulo_2');
+ var menu = document.querySelector('.menu_lateral');
+
+ if (botao) {
+ botao.addEventListener('click', function () {
+ console.log('Botão clicado!');
+ if (menu) menu.classList.toggle('expansao');
+ if (cabecario) cabecario.classList.toggle('expansao');
+ if (tela) tela.classList.toggle('expansao');
+ });
+ } else {
+ console.error('Botão não encontrado!');
+ }
+
+
+ /*if (Permissoes.visuMonitor) {
+ const script2 = document.createElement('script');
+ script2.src = './js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/Estrutura_Secundaria_Monitor.js';
+ script2.setAttribute // Acessando a propriedade corretamente
+ document.body.appendChild(script2);
+ }*/
+
+ // Adiciona o listener de clique após a construção do HTML
+
+
+}
+
+async function ApresentarTelas(InfoGeral) {
+
+ InteracoesTelas();
+
+
+
+ function InteracoesTelas() {
+
+ ControladorDeVisualizacao(InfoGeral);
+
+ const Config_texts = document.getElementById('Configuracao_1');
+ const Config_icon = document.getElementById('Configuracao_2');
+
+ const Home_texts = document.getElementById('Home_1');
+ const Home_icon = document.getElementById('Home_2');
+
+ // Adiciona eventos para alternar entre as telas
+ Config_texts.addEventListener('click', () => carregarTela('config'));
+ Config_icon.addEventListener('click', () => carregarTela('config'));
+
+ Home_texts.addEventListener('click', () => carregarTela('home'));
+ Home_icon.addEventListener('click', () => carregarTela('home'));
+ }
+
+ async function carregarTela(tela) {
+ const telaVisualizacao = document.getElementById('TelaVisualizacao');
+ const scriptPaths = {
+
+ //Alinhamento das telas por datas, aqui são organizadas das possiveis respostas de cada botão e os caminhos scripts cada uma delas necessita para o seu funcionamento.
+ home: {
+ func: './js/page/Modulo_Construcao/Funcao/Home/Func_Home.js',
+ html: './js/page/Modulo_Construcao/Painel/Home/Html_Home.js',
+ mensagem: 'Carregando ...',
+ },
+ moni: {
+ func: './js/page/Modulo_Construcao/Funcao/Monitoramento/Func_Moni.js',
+ html: './js/page/Modulo_Construcao/Painel/Monitoramento/Html_Moni.js',
+ mensagem: 'Carregando ...',
+ },
+ config: {
+ func: './js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js',
+ html: './js/page/Modulo_Construcao/Painel/Config/Estrutura/Estrutura_Config_Html.js',
+ mensagem: 'Carregando ...',
+ },
+ };
+
+ if (!scriptPaths[tela]) {
+ console.error('Tela inválida:', tela);
+ return;
+ }
+
+ // Remove scripts antigos antes de adicionar novos
+ document.querySelectorAll('script[data-dinamico]').forEach(script => script.remove());
+
+ try {
+ // Aguarda o carregamento dos dois scripts
+ await Promise.all([
+ carregarScript(scriptPaths[tela].html),
+ carregarScript(scriptPaths[tela].func),
+
+ ]);
+
+ // Aplicação de if realizam a modificação da mensagem de cada condicional para a estrutura de seu html respectivo.
+
+ // Estrutura html do home
+ if (tela === 'home' && typeof estruturaHtml_Home === 'function') {
+ scriptPaths[tela].mensagem = estruturaHtml_Home();
+
+ const Tela_homelink = document.getElementById('conexao_tela');
+ Tela_homelink.href = "./Css/page/Ambiente/Home/root_Home.css";
+
+
+
+ }
+
+ // Estrutura html de monitoramento
+ if (tela === 'moni' && typeof estruturaHtml_Home === 'function') {
+ scriptPaths[tela].mensagem = estruturaHtml_Moni();
+ }
+
+ // Estrutura html de configuração
+ if (tela === 'config' && typeof estruturaHtml_Home === 'function') {
+ const novatela = document.getElementById('entrada_2')
+ const antigatela = document.getElementById('entrada_1')
+
+ novatela.innerHTML = estruturaHtml_Config();
+ antigatela.innerHTML = "";
+
+ // Remove os scripts específicos, se existirem
+ const scriptFunc = document.getElementById('Ambiente_func');
+ const scriptHtml = document.getElementById('Ambiente_Html');
+
+ if (scriptFunc) {
+ scriptFunc.remove(); // Remove o script 'func'
+ console.log('Script Ambiente_func removido');
+ }
+
+ if (scriptHtml) {
+ scriptHtml.remove(); // Remove o script 'html'
+ console.log('Script Ambiente_Html removido');
+ }
+
+ console.log('estrutura')
+
+ }
+
+ telaVisualizacao.innerHTML = scriptPaths[tela].mensagem;
+ console.log(`Tela ${tela} carregada com sucesso!`);
+ } catch (error) {
+ console.error('Erro ao carregar os scripts:', error);
+ }
+ }
+
+ // função que carreca os scripts dentro do html
+ function carregarScript(src) {
+ return new Promise((resolve, reject) => {
+ const script = document.createElement('script');
+ script.src = src;
+ script.dataset.dinamico = true; // Marca como script dinâmico
+ script.onload = () => resolve();
+ script.onerror = () => reject(new Error(`Erro ao carregar o script ${src}`));
+ document.body.appendChild(script);
+ });
+ }
+
+
+ // Carrega a tela 'home' automaticamente ao iniciar
+ carregarTela('home');
+
+ // Controlador de visualização sobre as opições que existem dentro do ambiente do usuário
+ function ControladorDeVisualizacao(InfoGeral) {
+
+ if (InfoGeral.Empresa == "itguys.com.br") {
+ const PainelMoniIcon = document.getElementById('sub_entrada_moni_1');
+ const PainelMoniButton = document.getElementById('sub_entrada_moni_2');
+
+
+ PainelMoniButton.innerHTML = "
+ 
+ 
+ 
+ 
+ 
+ 
@@ -74,7 +74,7 @@ function InterfaceAmbiente(nomeCompleto, Empresa) {
+
+
+
+
+
+
+ Serviço
+
+
+ -
+
+
+
+
+
+
+
+ Chamados
+
+
+ -
+
+
+
+
+
+
+
+
+
+ Mês
+
+
+
+
+
+ dia
+ +
+
+ DiaAtual
+
+
+
+
+ Ano
+
+
+ Ano
+
+
+
+
+
+
+
+
+