From 35a38a521a16088597c23c3e1818fb9067e18f43 Mon Sep 17 00:00:00 2001 From: "daivid.alves" Date: Fri, 18 Oct 2024 11:45:33 -0300 Subject: [PATCH] =?UTF-8?q?Painel=20de=20configura=C3=A7=C3=A3o=20-=20Prim?= =?UTF-8?q?eiras=20modifica=C3=A7=C3=B5es?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Css/global/import.css | 1 + Css/page/Ambiente/Service/pop_up.css | 2 +- js/Ambiente/Estrutura/load.js | 94 +++++++++++--- js/Ambiente/Service/Datas_service.js | 175 ++++++++++++++++++--------- 4 files changed, 192 insertions(+), 80 deletions(-) diff --git a/Css/global/import.css b/Css/global/import.css index 31256a8..9246b07 100644 --- a/Css/global/import.css +++ b/Css/global/import.css @@ -5,6 +5,7 @@ body { padding: 0; } + @font-face { font-family: fonteTi; src: url(../../Acessts/Fontes/zekton\ rg.otf); diff --git a/Css/page/Ambiente/Service/pop_up.css b/Css/page/Ambiente/Service/pop_up.css index b3d4b77..7fccf03 100644 --- a/Css/page/Ambiente/Service/pop_up.css +++ b/Css/page/Ambiente/Service/pop_up.css @@ -14,7 +14,7 @@ height: 70vh; background-color: var(--Cor_Segundaria_5_1); box-shadow: 10px 10px 0px var(--Cor_Segundaria_5_2); - animation: surgirpopupcenter 1s ease; + animation: surgirpopupcenter 0.5s ease; } @keyframes surgirpopupcenter { diff --git a/js/Ambiente/Estrutura/load.js b/js/Ambiente/Estrutura/load.js index 4b02b47..fb988cd 100644 --- a/js/Ambiente/Estrutura/load.js +++ b/js/Ambiente/Estrutura/load.js @@ -1,23 +1,75 @@ -function verificarAmbiente() { - var main = document.getElementById("entrada_1"); - const tela_laod = document.getElementById('entrada_2'); - let elemento_1; - let elemento_2; - - if (main.innerHTML.trim() === "") { - elemento_1 = 'Estamos carregando sua página'; - } else { - elemento_1 = 'Algo foi encontrado mas estamos preparando'; +async function respostaServer() { + // Função para obter a URL base da API + async function getApiUrl() { + try { + const response = await fetch('../../../Sites/Site_ItGuys/php/config_url.php'); + if (!response.ok) { + throw new Error('Network response was not ok'); + } + const data = await response.json(); + return data.apiUrl; + } catch (error) { + console.error('Error fetching API URL:', error); + throw error; + } } - elemento_2 = ''; - tela_laod.innerHTML = '

' + elemento_1 + '

' + elemento_2 + '
'; + // Função para obter o token do localStorage + function getAuthToken() { + return localStorage.getItem('x-access-token'); + } - // Inicia a animação após configurar o canvas - iniciarAnimacao(); + // Obtenha a URL da API e o token + const apiUrl = await getApiUrl(); + const token = getAuthToken(); - // Inicia a contagem para limpar a tela após 3 segundos - finalizar(); + return { apiUrl, token }; // Retorne os valores +} + +// Função para verificar o ambiente do usuário +async function verificarAmbiente() { + try { + const { apiUrl, token } = await respostaServer(); // Desestruture a resposta + + const response = await fetch(`${apiUrl}/mounting`, { + method: 'GET', + headers: { + 'Content-Type': 'application/json', + 'x-access-token': token || '' // Use um fallback para token + } + }); + + if (!response.ok) { + throw new Error('Erro na requisição: ' + response.statusText); + } + + const data = await response.json(); + const nameuser = data.usuario.nome || 'Visitante'; // Fallback caso o nome não esteja definido + const primeiroNomeuser = nameuser.split(' ')[0].substring(0, 10); + + const main = document.getElementById("entrada_1"); + const tela_laod = document.getElementById('entrada_2'); + + let elemento_1; + let elemento_2; + + if (main.innerHTML.trim() === "") { + elemento_1 = 'Estamos carregando sua página'; + } else { + elemento_1 = 'Seja bem-vindo, ' + primeiroNomeuser; // Corrigido para concatenar corretamente + } + + elemento_2 = ''; + tela_laod.innerHTML = '

' + elemento_1 + '

' + elemento_2 + '
'; + + // Inicia a animação após configurar o canvas + iniciarAnimacao(); + + // Inicia a contagem para limpar a tela após 3 segundos + finalizar(); + } catch (error) { + console.error('Erro ao verificar o ambiente:', error); + } } function finalizar() { @@ -50,10 +102,12 @@ function iniciarAnimacao() { circle.linePath.push({ x: pathX, y: pathY }); ctx.beginPath(); - for (let i = 0; i < circle.linePath.length - 1; i++) { - ctx.moveTo(circle.linePath[i].x, circle.linePath[i].y); - ctx.lineTo(circle.linePath[i + 1].x, circle.linePath[i + 1].y); - } + circle.linePath.forEach((point, i) => { + if (i > 0) { + ctx.moveTo(circle.linePath[i - 1].x, circle.linePath[i - 1].y); + ctx.lineTo(point.x, point.y); + } + }); ctx.strokeStyle = '#22c0a3'; ctx.lineWidth = 10; ctx.stroke(); diff --git a/js/Ambiente/Service/Datas_service.js b/js/Ambiente/Service/Datas_service.js index 9536658..b24d89d 100644 --- a/js/Ambiente/Service/Datas_service.js +++ b/js/Ambiente/Service/Datas_service.js @@ -1,66 +1,123 @@ -const Data_Center = { - Ser_User: {}, - Ser_Itguys: {} -}; - -const permissa_User = true; - -if (permissa_User === true) { - Data_Center.Ser_User = { - resetar_senha: { - nome: 'Resetar senha', - Imagem: '../../Acessts/Imagens/Iconis/ferramentas.png', - id_server: 'serv_gat_2', - resposta_popup: '

Olá do Resetar Senha!

', - resposta_script: `console.log('Script para Resetar Senha');`, - resposta_estilo: `document.body.style.backgroundColor = '#f0f0f0';` +async function respostaServer_data() { + // Função para obter a URL base da API + async function getApiUrl() { + try { + const response = await fetch('../../../Sites/Site_ItGuys/php/config_url.php'); + if (!response.ok) { + throw new Error('Network response was not ok'); + } + const data = await response.json(); + return data.apiUrl; + } catch (error) { + console.error('Error fetching API URL:', error); + throw error; } - }; + } + + // Função para obter o token do localStorage + function getAuthToken() { + return localStorage.getItem('x-access-token'); + } + + // Obtenha a URL da API e o token + const apiUrl = await getApiUrl(); + const token = getAuthToken(); + + return { apiUrl, token }; // Retorne os valores } -const permissa_Itguys = true; +// Função para verificar o ambiente do usuário +async function verificarAmbiente() { + try { + const { apiUrl, token } = await respostaServer_data(); // Desestruture a resposta -if (permissa_Itguys === true) { - Data_Center.Ser_Itguys = { - Gerador_de_arquivos_telefonia: { - nome: 'Configurador de Telefonia', - Imagem: '../../Acessts/Imagens/Iconis/ferramentas.png', - id_server: 'serv_gat_1', - resposta_popup: ` -
+ const response = await fetch(`${apiUrl}/mounting`, { + method: 'GET', + headers: { + 'Content-Type': 'application/json', + 'x-access-token': token || '' // Use um fallback para token + } + }); -
- -
-
- -
- -
-
- -
-
- -
-
- -
- -
-
- -
- -
-
- -
- -
-
`, - resposta_script: '../js/Ambiente/Service/List/Gerador_XML_Telefonia.js', - resposta_estilo: `.control {width: 100%;display: flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;}.formulario {width: 80%;display: flex;flex-direction: column;animation: surgirpopup 1s ease;}@keyframes surgirpopup {to {opacity: 1;transform: translateY(0);}from {opacity: 0;transform: translateY(40vw);}}.formulario input {border:none;outline: none;background: none;background-color: var(--Matriz);border: 0.2vw solid var(--Cor_Segundaria_2_1);box-shadow: 5px 5px 0px 2px var(--Cor_Segundaria_2_2);font-family: var(--font_titulo);font-size: 0.9vw;color: var(--Cor_Segundaria_2_1);padding-left: 1vw;padding-right: 1vw;width: 100%;height: 3vh;}.formulario label {font-family: var(--font_titulo);font-size: 1vw;color: var(--Matriz);}.formulario button {border: none;outline: none;background: none;font-family: var(--font_titulo);font-size: 1vw;color: var(--Matriz);background-color: #c6c6c6;box-shadow: -5px 5px 0px #9a9a9a;transition: 1s ease;width: 8vw;height: 4vh;}.formulario button:hover {background-color: var(--Cor_Segundaria_2_1);box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);};` + if (!response.ok) { + throw new Error('Erro na requisição: ' + response.statusText); } - }; + + const data = await response.json(); // Mover para cá após a verificação de resposta + const nameempresa = data.empresa.nome || 'Empresa Desconhecida'; // Fallback + + console.log(data); + + const Data_Center = { + Ser_User: {}, + Ser_Itguys: {} + }; + + const permissa_User = true; + const permissa_Itguys = true; + + if (permissa_User) { + Data_Center.Ser_User = { + resetar_senha: { + nome: 'Resetar senha', + Imagem: '../../Acessts/Imagens/Iconis/ferramentas.png', + id_server: 'serv_gat_2', + resposta_popup: '

Olá do Resetar Senha!

', + resposta_script: `console.log('Script para Resetar Senha');`, + resposta_estilo: `document.body.style.backgroundColor = '#f0f0f0';` + } + }; + } + + if (permissa_Itguys) { + Data_Center.Ser_Itguys = { + Gerador_de_arquivos_telefonia: { + nome: 'Configurador de Telefonia', + Imagem: '../../Acessts/Imagens/Iconis/ferramentas.png', + id_server: 'serv_gat_1', + resposta_popup: ` +
+
+

Preencha o Formulario

+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
`, + resposta_script: '../js/Ambiente/Service/List/Gerador_XML_Telefonia.js', + resposta_estilo: `.control {width: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;} + .formulario {width: 80%; display: flex; flex-direction: column; animation: surgirpopup 0.8s ease;} + @keyframes surgirpopup {to {opacity: 1; transform: translateY(0);} from {opacity: 0; transform: translateY(40vw);}} + .formulario input {border:none; outline: none; background: none; background-color: var(--Matriz); border: 0.2vw solid var(--Cor_Segundaria_2_1); box-shadow: 5px 5px 0px 2px var(--Cor_Segundaria_2_2); font-family: var(--font_titulo); font-size: 0.9vw; color: var(--Cor_Segundaria_2_1); padding-left: 1vw; padding-right: 1vw; width: 100%; height: 3vh;} + .formulario label {font-family: var(--font_titulo); font-size: 1vw; color: var(--Matriz);} + .formulario button {border: none; outline: none; background: none; font-family: var(--font_titulo); font-size: 1vw; color: var(--Matriz); background-color: #c6c6c6; box-shadow: -5px 5px 0px #9a9a9a; transition: 1s ease; width: 8vw; height: 4vh;} + .formulario button:hover {background-color: var(--Cor_Segundaria_2_1); box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);} + .formulario h2 {font-family: var(--font_titulo); text-align:center; font-size: 2vw; color: var(--Matriz);}` + } + }; + } + + } catch (error) { + console.error('Erro ao verificar o ambiente:', error); + } }