teste
/
testes
Template
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity

Atualização 12 | Desenvolvimento do painel de configuração de ambientes, foco html e css, além da inserção estrutura de scripts em modulos

This commit is contained in:
daivid.alves 2024-11-21 17:40:41 -03:00
parent 843b95ce55
commit 15dadbe0f0
35 changed files with 976 additions and 241 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

4
Ambiente_Usuario_copy.html → Ambiente_Usuario.html
View File

@ -16,8 +16,8 @@
</style>
<title>Ambiente do Usuario</title>
<script defer src="./js/Ambiente/Estrutura/load.js"></script>
<script src="./js/Ambiente/Estrutura/Estrutura_primaria.js"></script>
<script defer src="./js/page/Ambiente/Estrutura/Modulo_Construcao/Painel/load.js"></script>
<script src="./js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_primaria.js"></script>

13
Css/page/Ambiente/Config/Ambientes/AmbientesConfig.css Normal file
View File

@ -0,0 +1,13 @@
@import url(../../../../global/import.css);
@import url(../Ambientes/estrutura/AmbienteEstruture.css);
@import url(../Ambientes/Componentes/Ambientes.css);
@import url(../Ambientes/Componentes/AmbientesAlertas.css);
@import url(../Ambientes/Componentes/AmbientesRelatorios.css);
@import url(../Ambientes/estrutura/Sec_Cap_1.css);
@import url(../Ambientes/estrutura/Sec_Cap_2.css);
@import url(../Ambientes/estrutura/Sec_Cap_3.css);
@import url(../Ambientes/Painel/PopUp.css);
@import url(../Ambientes/Painel/tags.css);

121
Css/page/Ambiente/Config/Ambientes/Componentes/Ambientes.css Normal file
View File

@ -0,0 +1,121 @@
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem {
width: 95%;
display: flex;
justify-content: space-around;
align-items: center;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .img {
width: 4vw;
height: 8vh;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_2_2);
display: flex;
justify-content: center;
align-items: center;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .img img {
width: 3vw;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .corpo {
width: 80%;
height: 8vh;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_2_2);
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .corpo .alinhamentos {
width: 50%;
height: 6vh;
display: flex;
justify-content: center;
align-items: center;
gap: 1vw;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .corpo .alinhamentos button {
background: none;
border: none;
outline: none;
background-color: var(--Cor_Segundaria_5_1);
box-shadow: 5px 5px 0px 0px var(--Cor_Segundaria_5_2);
width: 40%;
height: 5vh;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
font-family: var(--font_titulo);
color: var(--Matriz);
font-size: 1vw;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .titulo h2 {
font-family: var(--font_titulo);
font-size: 1.4vw;
color: var(--Matriz);
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .edicao button {
background: none;
border: none;
outline: none;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px 0px var(--Cor_Segundaria_2_2);
width: 3vw;
height: 8vh;
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
align-items: center;
font-family: var(--font_titulo);
color: var(--Matriz);
font-size: 2vw;
}

0
Css/page/Ambiente/Config/Ambientes/Componentes/AmbientesAlertas.css Normal file
View File

0
Css/page/Ambiente/Config/Ambientes/Componentes/AmbientesRelatorios.css Normal file
View File

0
Css/page/Ambiente/Config/Ambientes/Painel/PopUp.css Normal file
View File

0
Css/page/Ambiente/Config/Ambientes/Painel/tags.css Normal file
View File

60
Css/page/Ambiente/Config/Ambientes/estrutura/AmbienteEstruture.css Normal file
View File

@ -0,0 +1,60 @@
.bloco_ambiente {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
}
.bloco_ambiente .seguimento_1,
.bloco_ambiente .seguimento_2 {
padding-top: 2vh;
width: 50%;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.bloco_ambiente .seguimento_1 .capitulo_1,
.bloco_ambiente .seguimento_2 .capitulo_2,
.bloco_ambiente .seguimento_2 .capitulo_3 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .titulo_Cap,
.bloco_ambiente .seguimento_2 .capitulo_2 .titulo_Cap,
.bloco_ambiente .seguimento_2 .capitulo_3 .titulo_Cap {
width: 15vw;
display: flex;
justify-content: center;
align-items: center;
font-family: var(--font_titulo);
text-align: center;
font-size: 0.9vw;
background: var(--Cor_Segundaria_2_1);
box-shadow: 7px 7px 0px var(--Cor_Segundaria_2_2);
color: var(--Matriz);
margin-top: 2vh;
margin-bottom: 2vh;
}
.bloco_ambiente .seguimento_2 .capitulo_2 .painel_Cap,
.bloco_ambiente .seguimento_2 .capitulo_3 .painel_Cap {
overflow-y: scroll;
height: 30vh;
margin-bottom: 2vh;
}

56
Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_1.css Normal file
View File

@ -0,0 +1,56 @@
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap {
width: 90%;
height: 74vh;
padding: 2vw;
background-color: var(--Cor_Segundaria_5_1);
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_1 {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_1 .insercao_ambiente button {
width: 14vw;
height: 6vh;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_1 .pesquisa {
width: 60%;
height: 8vh;
display: flex;
justify-content: space-between;
align-items: center;
}
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_1 .pesquisa input {
background: none;
outline: none;
border: none;
width: 15vw;
height: 4vh;
background-color: var(--Matriz);
border: 0.4vw solid var(--Cor_Segundaria_2_1);
box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_2_2);
padding-left: 1vw;
padding-right: 1vw;
font-size: 0.8vw;
font-family: var(--font_titulo);
color: var(--Cor_Segundaria_2_1);
}

130
Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_2.css Normal file
View File

@ -0,0 +1,130 @@
.bloco_ambiente .seguimento_2 .capitulo_2 .painel_Cap {
width: 90%;
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
align-content: center;
gap: 1vw;
overflow-y: auto;
padding: 2vh;
background-color: var(--Cor_Segundaria_5_1);
height: 20vh;
}
/* Estilo customizado para o scroll (somente no Webkit) */
.capitulo_2 .painel_Cap::-webkit-scrollbar {
width: 0.2vw;
/* Largura da barra de rolagem */
height: 0.2vw;
/* Para scroll horizontal, se necessário */
}
/* Estilo para o polegar da barra de rolagem */
.capitulo_2 .painel_Cap::-webkit-scrollbar-thumb {
background-color: var(--Matriz);
/* Cor da parte da barra que você arrasta */
border-radius: 10px;
/* Borda arredondada */
/* Borda ao redor do polegar */
}
/* Aumentando o tamanho do track (fundo da barra de rolagem) */
.capitulo_2 .painel_Cap::-webkit-scrollbar-track {
background-color: var(--Cor_Segundaria_5_2);
/* Cor do fundo do scroll */
border-radius: 10px;
/* Borda arredondada */
/* Usar diretamente a largura ou altura aqui para aumentar o track */
width: 1vw;
/* Aumentando a largura do track para o scroll vertical */
height: 1vw;
/* Aumentando a altura do track para o scroll horizontal */
}
.subpainel_Status {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1vw;
}
.subpainel_Status .bloco_1 {
width: 25%;
height: 6vh;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
}
.subpainel_Status .bloco_2 {
width: 70%;
height: 6vh;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1vw;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
}
.subpainel_Status .bloco_1 .titulo {
font-family: var(--font_titulo);
color: var(--Matriz);
font-size: 0.6vw;
}
.subpainel_Status .bloco_2 .Mensagem_ambiente {
font-family: var(--font_titulo);
margin-left: 1vw;
color: var(--Matriz);
font-size: 1vw;
}
.subpainel_Status .bloco_2 .button_rel button {
background: none;
outline: none;
border: none;
}
.subpainel_Status .bloco_2 .button_rel img {
width: 1.6vw;
filter: drop-shadow(3px 3px 0px var(--Cor_Segundaria_2_2));
}
.subpainel_Status .bloco_2 .status_ambiente {
font-family: var(--font_titulo);
color: var(--Cor_Segundaria_5_1);
font-size: 0.7vw;
margin-right: 1vw;
background-color: var(--Matriz);
padding: 0.2vw;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2vw;
width: 4vw;
height: 3vh;
}

92
Css/page/Ambiente/Config/Ambientes/estrutura/Sec_Cap_3.css Normal file
View File

@ -0,0 +1,92 @@
.bloco_ambiente .seguimento_2 .capitulo_3 .painel_Cap {
width: 90%;
height: 40vh;
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
align-content: center;
gap: 1vw;
overflow-y: auto;
padding: 2vh;
background-color: var(--Cor_Segundaria_5_1);
}
/* Estilo customizado para o scroll (somente no Webkit) */
.capitulo_3 .painel_Cap::-webkit-scrollbar {
width: 0.2vw;
/* Largura da barra de rolagem */
height: 0.2vw;
/* Para scroll horizontal, se necessário */
}
/* Estilo para o polegar da barra de rolagem */
.capitulo_3 .painel_Cap::-webkit-scrollbar-thumb {
background-color: var(--Matriz);
/* Cor da parte da barra que você arrasta */
border-radius: 10px;
/* Borda arredondada */
/* Borda ao redor do polegar */
}
/* Aumentando o tamanho do track (fundo da barra de rolagem) */
.capitulo_3 .painel_Cap::-webkit-scrollbar-track {
background-color: var(--Cor_Segundaria_5_2);
/* Cor do fundo do scroll */
border-radius: 10px;
/* Borda arredondada */
/* Usar diretamente a largura ou altura aqui para aumentar o track */
width: 1vw;
/* Aumentando a largura do track para o scroll vertical */
height: 1vw;
/* Aumentando a altura do track para o scroll horizontal */
}
.bloco_ambiente .coluna_1 {
width: 100%;
margin-bottom: 2vh;
}
.bloco_ambiente .coluna_1 button {
outline: none;
background: none;
border: none;
width: 32.33%;
height: 6vh;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
font-family: var(--font_titulo);
color: var(--Matriz);
font-size: 1vw;
}
.coluna_2 {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.opicao button {
outline: none;
background: none;
border: none;
width: 20vw;
height: 6vh;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);
font-family: var(--font_titulo);
color: var(--Matriz);
font-size: 1.2vw;
}

42
Css/page/Ambiente/Config/Estrutura/menu.css
View File

@ -45,19 +45,52 @@ body {
}
.menu {
width: 20vw;
width: 25vw;
height: 100vh;
background-color: var(--Cor_Segundaria_5_1);
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
}
/* Estilo customizado para o scroll (somente no Webkit) */
.menu::-webkit-scrollbar {
width: 0.2vw;
/* Largura da barra de rolagem */
height: 0.2vw;
/* Para scroll horizontal, se necessário */
}
/* Estilo para o polegar da barra de rolagem */
.menu::-webkit-scrollbar-thumb {
background-color: var(--Matriz);
/* Cor da parte da barra que você arrasta */
border-radius: 10px;
/* Borda arredondada */
/* Borda ao redor do polegar */
}
/* Aumentando o tamanho do track (fundo da barra de rolagem) */
.menu::-webkit-scrollbar-track {
background-color: var(--Cor_Segundaria_5_2);
/* Cor do fundo do scroll */
border-radius: 10px;
/* Borda arredondada */
/* Usar diretamente a largura ou altura aqui para aumentar o track */
width: 1vw;
/* Aumentando a largura do track para o scroll vertical */
height: 1vw;
/* Aumentando a altura do track para o scroll horizontal */
}
.contener_1,
.contener_2,
.contener_3 {
width: 100%;
padding-bottom: 5vh;
padding-bottom: 1vh;
list-style: none;
text-decoration: none;
padding-top: 1vh;
border-top: 0.1vh solid var(--Matriz);
}
@ -120,7 +153,8 @@ body {
.contener_1 .opicao .escrita,
.contener_2 .opicao .escrita,
.contener_3 .opicao .escrita {
width: 9vw;
width: 12vw;
margin-right: 2vw;
padding: 0.6vw;
background-color: var(--Vazio_Corpo);
box-shadow: 5px 5px 0px var(--Vazio_Fundo);

2
Css/page/Ambiente/Config/Estrutura/menu_houver.css
View File

@ -9,7 +9,7 @@
}
.escrita {
width: 9vw;
width: 10vw;
padding: 0.6vw;
background-color: var(--Cor_Segundaria_2_1);
box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2);

3
html/Config.html
View File

@ -74,6 +74,7 @@
</body>
<script src="../js/Ambiente/Config/Estrutural_config/config.js"></script>
<script src="../js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/config.js"></script>
<script src="../js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/Ambientes_Root.js"></script>
</html>

4
html/projetos_itguys.html
View File

@ -23,8 +23,8 @@
<section class="capitulo_2" id="saida"></section>
<div id="painel_Servico" class="popup_contener"></div>
<script src="../js/Ambiente/Service/Datas_service.js"></script>
<script src="../js/Ambiente/Service/Contrutor_Serviços.js"></script>
<script src="../js/page/Ambiente/Service/Datas_service.js"></script>
<script src="../js/page/Ambiente/Service/Contrutor_Serviços.js"></script>
</main>
</body>

203
html/tela_emconstrucao.html Normal file
View File

@ -0,0 +1,203 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../Css/page/Ambiente/Config/Ambientes/AmbientesConfig.css">
</head>
<body>
<main class="bloco_ambiente">
<div class="seguimento_1">
<section class="capitulo_1">
<div class="titulo_Cap">
<h2>Ambientes</h2>
</div>
<div class="painel_Cap">
<div class="coluna_1">
<div class="insercao_ambiente">
<button id="criarAmbiente">+</button>
</div>
<div class="pesquisa">
<input type="text" placeholder="Pesquise seu ambiente" id="pesquisarAmbiente">
<button id="pesquisa">Pesquise aqui</button>
</div>
</div>
<div class="coluna_2" id="apresentarAmbientes">
<div class="painelItem" id="Painel_itguys">
<div class="img">
<img src="../Acessts/Imagens/iT_Guys/Logo 32x32.png" alt="Logo da Itguys">
</div>
<div class="corpo">
<div class="titulo">
<h2>Nome da Empresa</h2>
</div>
<div class="alinhamentos">
<button id="AtreladorDashbord">Atreladores</button>
<button id="AtreladorGrupos">Atreladores</button>
</div>
</div>
<div class="edicao">
<button id="EdicacaoAmbiente_Itguys">:</button>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="seguimento_2">
<section class="capitulo_2">
<div class="titulo_Cap">
<h2>Status dos Ambientes</h2>
</div>
<div class="painel_Cap">
<div class="subpainel_Status">
<div class="bloco_1">
<div class="titulo">
<h2>Nome da Empresa</h2>
</div>
</div>
<div class="bloco_2">
<div class="Mensagem_ambiente" id="Mensagem_ambiente">
<p>mensagem de status do ambiente</p>
</div>
<div class="button_rel">
<button id="Formulario">
<img src="../Acessts/Imagens/Iconis/exportar.png" alt="">
</button>
</div>
<div class="status_ambiente" id="status_ambiente">
<p>OFF</p>
</div>
</div>
</div>
<div class="subpainel_Status">
<div class="bloco_1">
<div class="titulo">
<h2>Nome da empresa</h2>
</div>
</div>
<div class="bloco_2">
<div class="Mensagem_ambiente" id="Mensagem_ambiente">
<p>mensagem de status do ambiente</p>
</div>
<div class="button_rel">
<button id="Formulario">
<img src="../Acessts/Imagens/Iconis/exportar.png" alt="">
</button>
</div>
<div class="status_ambiente" id="status_ambiente">
<p>OFF</p>
</div>
</div>
</div>
<div class="subpainel_Status">
<div class="bloco_1">
<div class="titulo">
<h2>Nome da empresa</h2>
</div>
</div>
<div class="bloco_2">
<div class="Mensagem_ambiente" id="Mensagem_ambiente">
<p>mensagem de status do ambiente</p>
</div>
<div class="button_rel">
<button id="Formulario">
<img src="../Acessts/Imagens/Iconis/exportar.png" alt="">
</button>
</div>
<div class="status_ambiente" id="status_ambiente">
<p>OFF</p>
</div>
</div>
</div>
</div>
</section>
<section class="capitulo_3">
<div class="titulo_Cap">
<h2>Controle de Ambiente</h2>
</div>
<div class="painel_Cap">
<div class="coluna_1">
<button>ON</button>
<button>OFF</button>
<button>ERRO</button>
</div>
<div class="coluna_2">
<div class="opicao">
<button>Nome da empresa</button>
</div>
</div>
</div>
</section>
</div>
</main>
</body>
</html>

27
js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/Ambientes_Root.js Normal file
View File

@ -0,0 +1,27 @@
//Variavel botão 1 responsavel por inicar a função
var BotaoAmbienteConfig = document.getElementById('opicao_1');
BotaoAmbienteConfig.addEventListener('click', surgirAmbiente);
//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 1'
function surgirAmbiente() {
var estilo = document.getElementById('conexao');
var painel = document.getElementById('preenchimento');
estilo.href = 'ola';
painel.innerHTML = EstruturaPrincipal();
}
function EstruturaPrincipal() {
return `
`;
}

0
js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/Monitoramento_Root copy.js Normal file
View File

47
js/Ambiente/Config/Estrutural_config/config.js → js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/config.js
View File

@ -1,23 +1,30 @@
//Variavel botão 1 responsavel por inicar a função
var botao_1 = document.getElementById('opicao_1');
botao_1.addEventListener('click', surgir1);
//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 1'
function surgir1() {
var estilo = document.getElementById('conexao');
var painel = document.getElementById('preenchimento');
estilo.href = 'ola';
painel.innerHTML = 'ola1';
}
//Variavel botão 2 responsavel por inicar a função
var botao_2 = document.getElementById('opicao_2');
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');
@ -26,9 +33,6 @@ function surgir2() {
painel.innerHTML = 'ola2';
}
//Variavel botão 3 responsavel por inicar a função
var botao_3 = document.getElementById('opicao_3');
botao_3.addEventListener('click', surgir3);
//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() {
@ -38,9 +42,6 @@ function surgir3() {
painel.innerHTML = 'ola3';
}
//Variavel botão 4 responsavel por inicar a função
var botao_4 = document.getElementById('opicao_4');
botao_4.addEventListener('click', surgir4);
//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() {
@ -50,9 +51,6 @@ function surgir4() {
painel.innerHTML = 'ola4';
}
//Variavel botão 5 responsavel por inicar a função
var botao_5 = document.getElementById('opicao_5');
botao_5.addEventListener('click', surgir5);
//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() {
@ -62,9 +60,6 @@ function surgir5() {
painel.innerHTML = 'ola5';
}
//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 6'
function surgir6() {

0
js/Ambiente/Config/Estrutural_config/construtor_config.js → js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/construtor_config.js
View File

0
js/page/Ambiente/Config/Estrutural_config/Modulo_Construcao/Funcao/estrutura_Ambientes.js Normal file
View File

4
js/Ambiente/Estrutura/Estrutura_Primaria_modelo.js → js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_Primaria_modelo.js
View File

@ -135,13 +135,13 @@ if (autenteticação == true) {
//construtor da reação do menu sobre as interações do usuário
const script1 = document.createElement('script');
script1.src = '../js/Ambiente/Estrutura/Reacao_menu.js';
script1.src = '../js/page/Ambiente/Estrutura/Modulo_Construcao/Reacao_menu.js';
document.body.appendChild(script1);
//construtor da sub camada de construção, alinhada sobre a condicional onde se a pessoa possui permisão para visualizar o monitoramente de sua empresa, visuMonitor será igual á true, enquanto se ela não tiver permissão para visualizar o visuMonitor será igual á false
if (visuMonitor == true) {
const script2 = document.createElement('script');
script2.src = './js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js';
script2.src = './js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/Estrutura_Secundaria_Monitor.js';
document.body.appendChild(script2);
};

400
js/Ambiente/Estrutura/Estrutura_Primaria.js → js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Estrutura_primaria.js
View File

@ -74,7 +74,7 @@ async function criarBlocos() {
console.log(data);
console.log(primeiroNome);
console.log(Empresa);
console.log(ImagemUser);
console.log('teste -' + ImagemUser);
console.log(logoEmpresa);
@ -88,204 +88,204 @@ async function criarBlocos() {
const construtor_primario = document.getElementById('entrada_1');
construtor_primario.innerHTML =
'<nav>'
+
'<section class="menu_lateral">'
+
'<div class="seguimentacao_1">'
+
'<div class="coluna_1">'
+
'<div class="subcolunas_1">'
+
'<div class="filheira">'
+
'<img src="./Acessts/Imagens/iT_Guys/Logo_itGuys - Copia.png" alt="">'
+
'</div>'
+
'</div>'
+
'</div>'
+
'<div class="coluna_2">'
+
'<div class="subcolunas_1">'
+
'<div class="filheira">'
+
'<img class="img" src="./Acessts/Imagens/Iconis/home.png" alt="">'
+
'</div>'
+
'<div id="sub_entrada_moni_1"></div>'
+
'<div class="filheira">'
+
'<img class="img" src="./Acessts/Imagens/Iconis/technical-support.png" alt="">'
+
'</div>'
+
'<div class="filheira">'
+
'<img class="img" src="./Acessts/Imagens/Iconis/caixa-de-ferramentas.png" alt="">'
+
'</div>'
+
'</div>'
+
'<div class="subcolunas_2">'
+
'<div class="filheira">'
+
'<img class="img" src="./Acessts/Imagens/Iconis/central-de-atendimento.png" alt="">'
+
'</div>'
+
'<div class="filheira">'
+
' <img class="img" src="./Acessts/Imagens/Iconis/engrenagem - Copia.png" alt="">'
+
'</div>'
+
'</div>'
+
'</div>'
+
'</div>'
+
'<div class="seguimentacao_2">'
+
'<div class="coluna_1">'
+
'<div class="subcolunas_1">'
+
'<div class="filheira">'
+
'<img class="profileImage" alt="">'
+
'</div>'
+
'<div class="filheira">'
+
'<h2>' + primeiroNome + '</h2>'
+
'<h2>' + Empresa + '</h2>'
+
'</div>'
+
'</div>'
+
'<div class="subcolunas_2">'
+
'<button class="id_ajuste" id="id_ajuste">'
+
'<img class="imgjust" src="./Acessts/Imagens/Iconis/seta-direita.png" alt="">'
+
'</button>'
+
'</div>'
+
'</div>'
+
'<div class="coluna_2">'
+
'<div class="subcolunas_1">'
+
'<a href="./html/Home.html" class="filheira_a" target="frame">'
+
'<div class="filheira">'
+
'<h2>Home</h2>'
+
'</div>'
+
'</a>'
+
//Estrutura vaizia dedicada para aparesentação do painel de monitoramento caso o usuário tenha permissão para o visualizar.
'<div id="sub_entrada_moni_2"></div>'
+
'<a href="https://suporte.itguys.com.br/" class="filheira_a" target="frame">'
+
'<div class="filheira">'
+
'<h2>Servicdesk</h2>'
+
'</div>'
+
'</a>'
+
'<a href="./html/projetos_itguys.html" class="filheira_a" target="frame">'
+
'<div class="filheira">'
+
'<h2>Ferramentas</h2>'
+
'</div>'
+
'</a>'
+
'</div>'
+
'<div class="subcolunas_2">'
+
'<a href="https://api.whatsapp.com/send?phone=5521966344698" class="filheira_a" target="black_">'
+
'<div class="filheira">'
+
'<h2>Suporte</h2>'
+
'</div>'
+
'</a>'
+
'<a href="./html/Config.html" class="filheira_a">'
+
'<div class="filheira">'
+
'<h2>Configurações</h2>'
+
'</div>'
+
'</a>'
+
'</div>'
+
'</div>'
+
'</div>'
+
'</section>'
+
'</nav>'
+
'<main class="apresentacao">'
+
'<section class="capitulo_1">'
+
'<div class="Bloco_subcab1_1">'
+
'<img class="companyLogo" alt="" class="icon_subcab1_1">'
+
'</div>'
+
'<div class="Bloco_subcab1_2">'
+
'<a href="https://dev.itguys.com.br/"><button>Logout</button></a>'
+
'</div>'
+
'</section>'
+
'<section class="capitulo_2">'
+
'<iframe id="test1" name="frame" class="transmissão" src="./html/Home.html"frameborder = "0" ></iframe > '
+
'</section>'
+
'</main>'
//Estrutura Html que será apresentada sobre a tela
construtor_primario.innerHTML = `
<nav>
<section class="menu_lateral">
<div class="seguimentacao_1">
<div class="coluna_1">
<div class="subcolunas_1">
<div class="filheira">
<img src="./Acessts/Imagens/iT_Guys/Logo_itGuys - Copia.png" alt="">
</div>
</div>
</div>
<div class="coluna_2">
<div class="subcolunas_1">
<div class="filheira">
<img class="img" src="./Acessts/Imagens/Iconis/home.png" alt="">
</div>
<div id="sub_entrada_moni_1"></div>
<div class="filheira">
<img class="img" src="./Acessts/Imagens/Iconis/technical-support.png" alt="">
</div>
<div class="filheira">
<img class="img" src="./Acessts/Imagens/Iconis/caixa-de-ferramentas.png" alt="">
</div>
</div>
<div class="subcolunas_2">
<div class="filheira">
<img class="img" src="./Acessts/Imagens/Iconis/central-de-atendimento.png" alt="">
</div>
<div class="filheira">
<img class="img" src="./Acessts/Imagens/Iconis/engrenagem - Copia.png" alt="">
</div>
</div>
</div>
</div>
<div class="seguimentacao_2">
<div class="coluna_1">
<div class="subcolunas_1">
<div class="filheira">
<img class="profileImage" alt="">
</div>
<div class="filheira">
<h2> ${primeiroNome} </h2>
<h2> ${Empresa} </h2>
</div>
</div>
<div class="subcolunas_2">
<button class="id_ajuste" id="id_ajuste">
<img class="imgjust" src="./Acessts/Imagens/Iconis/seta-direita.png" alt="">
</button>
</div>
</div>
<div class="coluna_2">
<div class="subcolunas_1">
<a href="./html/Home.html" class="filheira_a" target="frame">
<div class="filheira">
<h2>Home</h2>
</div>
</a>
<div id="sub_entrada_moni_2"></div>
<a href="https://suporte.itguys.com.br/" class="filheira_a" target="frame">
<div class="filheira">
<h2>Servicdesk</h2>
</div>
</a>
<a href="./html/projetos_itguys.html" class="filheira_a" target="frame">
<div class="filheira">
<h2>Ferramentas</h2>
</div>
</a>
</div>
<div class="subcolunas_2">
<a href="https://api.whatsapp.com/send?phone=5521966344698" class="filheira_a" target="black_">
<div class="filheira">
<h2>Suporte</h2>
</div>
</a>
<a href="./html/Config.html" class="filheira_a">
<div class="filheira">
<h2>Configurações</h2>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
</nav>
<main class="apresentacao">
<section class="capitulo_1">
<div class="Bloco_subcab1_1">
<img class="companyLogo" alt="" class="icon_subcab1_1">
</div>
<div class="Bloco_subcab1_2">
<a href="https://dev.itguys.com.br/"><button>Logout</button></a>
</div>
</section>
<section class="capitulo_2">
<iframe id="test1" name="frame" class="transmissão" src="./html/Home.html"frameborder = "0" ></iframe >
</section>
</main>
`
const construido = true;
;
@ -310,7 +310,7 @@ async function criarBlocos() {
if (Permissoes.visuMonitor) {
const script2 = document.createElement('script');
script2.src = './js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js';
script2.src = './js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/Estrutura_Secundaria_Monitor.js';
script2.setAttribute // Acessando a propriedade corretamente
document.body.appendChild(script2);
}

0
js/Ambiente/Estrutura/Reacao_menu.js → js/page/Ambiente/Estrutura/Modulo_Construcao/Funcao/Reacao_menu.js
View File

0
js/Ambiente/Estrutura/load.js → js/page/Ambiente/Estrutura/Modulo_Construcao/Painel/load.js
View File

0
js/Ambiente/Home/RelatorioCeu.js → js/page/Ambiente/Home/RelatorioCeu.js
View File

0
js/Ambiente/Monitoramento/Estrutura_Secundaria_Monitor.js → js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/Estrutura_Secundaria_Monitor.js
View File

0
js/Ambiente/Monitoramento/monitorCeu.js → js/page/Ambiente/Monitoramento/Modulo_Construcao/Funcao/monitorCeu.js
View File

0
js/Ambiente/Service/Contrutor_Serviços.js → js/page/Ambiente/Service/Contrutor_Serviços.js
View File

0
js/Ambiente/Service/Datas_service.js → js/page/Ambiente/Service/Datas_service.js
View File

0
js/Ambiente/Service/List/Gerador_XML_Telefonia.js → js/page/Ambiente/Service/List/Gerador_XML_Telefonia.js
View File

2
js/Login/login.js → js/page/Login/Modulo_Autenticacao/Funcao/login.js
View File

@ -169,7 +169,7 @@ document.getElementById("formLogin").addEventListener("submit", async function (
const data = await response.json(); // Extrai os dados JSON da resposta
localStorage.setItem('x-access-token', data.token); // Armazena o token de autenticação no localStorage
// Redireciona o usuário para a página do ambiente do usuário
window.location.href = "./Ambiente_Usuario_copy.html";
window.location.href = "./Ambiente_Usuario.html";
}
/* Caso de erro*/

0
js/Login/seguranca.js → js/page/Login/Modulo_Segurança/Funcao/seguranca.js
View File

4
login.html
View File

@ -89,8 +89,8 @@
</div>
</main>
<!--Script responsavel por lidar com o retiro das informações e as processar-->
<script src="./js/Login/login.js"></script>
<script src="./js/Login/seguranca.js"></script>
<script src="./js/page/Login/Modulo_Autenticacao/Funcao/login.js"></script>
<script src="./js/page/Login/Modulo_Segurança/Funcao/seguranca.js"></script>
</body>
</html>