diff --git a/Acessts/Imagens/Iconis/Down.png b/Acessts/Imagens/Icons/Down.png similarity index 100% rename from Acessts/Imagens/Iconis/Down.png rename to Acessts/Imagens/Icons/Down.png diff --git a/Acessts/Imagens/Iconis/Thumbs.db b/Acessts/Imagens/Icons/Thumbs.db similarity index 100% rename from Acessts/Imagens/Iconis/Thumbs.db rename to Acessts/Imagens/Icons/Thumbs.db diff --git a/Acessts/Imagens/Iconis/User 1.png b/Acessts/Imagens/Icons/User 1.png similarity index 100% rename from Acessts/Imagens/Iconis/User 1.png rename to Acessts/Imagens/Icons/User 1.png diff --git a/Acessts/Imagens/Iconis/User 2.png b/Acessts/Imagens/Icons/User 2.png similarity index 100% rename from Acessts/Imagens/Iconis/User 2.png rename to Acessts/Imagens/Icons/User 2.png diff --git a/Acessts/Imagens/Iconis/Zammad_logo.png b/Acessts/Imagens/Icons/Zammad_logo.png similarity index 100% rename from Acessts/Imagens/Iconis/Zammad_logo.png rename to Acessts/Imagens/Icons/Zammad_logo.png diff --git a/Acessts/Imagens/Iconis/abra-o-livro - Copia.png b/Acessts/Imagens/Icons/abra-o-livro - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/abra-o-livro - Copia.png rename to Acessts/Imagens/Icons/abra-o-livro - Copia.png diff --git a/Acessts/Imagens/Iconis/abra-o-livro copiar.png b/Acessts/Imagens/Icons/abra-o-livro copiar.png similarity index 100% rename from Acessts/Imagens/Iconis/abra-o-livro copiar.png rename to Acessts/Imagens/Icons/abra-o-livro copiar.png diff --git a/Acessts/Imagens/Iconis/abra-o-livro.png b/Acessts/Imagens/Icons/abra-o-livro.png similarity index 100% rename from Acessts/Imagens/Iconis/abra-o-livro.png rename to Acessts/Imagens/Icons/abra-o-livro.png diff --git a/Acessts/Imagens/Icons/backup.png b/Acessts/Imagens/Icons/backup.png new file mode 100644 index 0000000..e7a52ea Binary files /dev/null and b/Acessts/Imagens/Icons/backup.png differ diff --git a/Acessts/Imagens/Iconis/caixa-de-ferramentas - Copia.png b/Acessts/Imagens/Icons/caixa-de-ferramentas - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/caixa-de-ferramentas - Copia.png rename to Acessts/Imagens/Icons/caixa-de-ferramentas - Copia.png diff --git a/Acessts/Imagens/Iconis/caixa-de-ferramentas.png b/Acessts/Imagens/Icons/caixa-de-ferramentas.png similarity index 100% rename from Acessts/Imagens/Iconis/caixa-de-ferramentas.png rename to Acessts/Imagens/Icons/caixa-de-ferramentas.png diff --git a/Acessts/Imagens/Iconis/central-de-atendimento - Copia.png b/Acessts/Imagens/Icons/central-de-atendimento - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/central-de-atendimento - Copia.png rename to Acessts/Imagens/Icons/central-de-atendimento - Copia.png diff --git a/Acessts/Imagens/Iconis/central-de-atendimento.png b/Acessts/Imagens/Icons/central-de-atendimento.png similarity index 100% rename from Acessts/Imagens/Iconis/central-de-atendimento.png rename to Acessts/Imagens/Icons/central-de-atendimento.png diff --git a/Acessts/Imagens/Iconis/chamada-telefonica (1) - Copia.png b/Acessts/Imagens/Icons/chamada-telefonica (1) - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/chamada-telefonica (1) - Copia.png rename to Acessts/Imagens/Icons/chamada-telefonica (1) - Copia.png diff --git a/Acessts/Imagens/Iconis/chamada-telefonica (1).png b/Acessts/Imagens/Icons/chamada-telefonica (1).png similarity index 100% rename from Acessts/Imagens/Iconis/chamada-telefonica (1).png rename to Acessts/Imagens/Icons/chamada-telefonica (1).png diff --git a/Acessts/Imagens/Iconis/chamada-telefonica - Copia.png b/Acessts/Imagens/Icons/chamada-telefonica - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/chamada-telefonica - Copia.png rename to Acessts/Imagens/Icons/chamada-telefonica - Copia.png diff --git a/Acessts/Imagens/Iconis/chamada-telefonica.png b/Acessts/Imagens/Icons/chamada-telefonica.png similarity index 100% rename from Acessts/Imagens/Iconis/chamada-telefonica.png rename to Acessts/Imagens/Icons/chamada-telefonica.png diff --git a/Acessts/Imagens/Icons/email.png b/Acessts/Imagens/Icons/email.png new file mode 100644 index 0000000..35ed0cf Binary files /dev/null and b/Acessts/Imagens/Icons/email.png differ diff --git a/Acessts/Imagens/Iconis/engrenagem - Copia.png b/Acessts/Imagens/Icons/engrenagem - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/engrenagem - Copia.png rename to Acessts/Imagens/Icons/engrenagem - Copia.png diff --git a/Acessts/Imagens/Iconis/engrenagem - Line.png b/Acessts/Imagens/Icons/engrenagem - Line.png similarity index 100% rename from Acessts/Imagens/Iconis/engrenagem - Line.png rename to Acessts/Imagens/Icons/engrenagem - Line.png diff --git a/Acessts/Imagens/Iconis/engrenagem.png b/Acessts/Imagens/Icons/engrenagem.png similarity index 100% rename from Acessts/Imagens/Iconis/engrenagem.png rename to Acessts/Imagens/Icons/engrenagem.png diff --git a/Acessts/Imagens/Iconis/exportar.png b/Acessts/Imagens/Icons/exportar.png similarity index 100% rename from Acessts/Imagens/Iconis/exportar.png rename to Acessts/Imagens/Icons/exportar.png diff --git a/Acessts/Imagens/Iconis/facebook - Copia.png b/Acessts/Imagens/Icons/facebook - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/facebook - Copia.png rename to Acessts/Imagens/Icons/facebook - Copia.png diff --git a/Acessts/Imagens/Iconis/facebook.png b/Acessts/Imagens/Icons/facebook.png similarity index 100% rename from Acessts/Imagens/Iconis/facebook.png rename to Acessts/Imagens/Icons/facebook.png diff --git a/Acessts/Imagens/Iconis/ferramentas - Copia.png b/Acessts/Imagens/Icons/ferramentas - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/ferramentas - Copia.png rename to Acessts/Imagens/Icons/ferramentas - Copia.png diff --git a/Acessts/Imagens/Iconis/ferramentas.png b/Acessts/Imagens/Icons/ferramentas.png similarity index 100% rename from Acessts/Imagens/Iconis/ferramentas.png rename to Acessts/Imagens/Icons/ferramentas.png diff --git a/Acessts/Imagens/Iconis/group.png b/Acessts/Imagens/Icons/group.png similarity index 100% rename from Acessts/Imagens/Iconis/group.png rename to Acessts/Imagens/Icons/group.png diff --git a/Acessts/Imagens/Iconis/hand-shake.png b/Acessts/Imagens/Icons/hand-shake.png similarity index 100% rename from Acessts/Imagens/Iconis/hand-shake.png rename to Acessts/Imagens/Icons/hand-shake.png diff --git a/Acessts/Imagens/Iconis/home.png b/Acessts/Imagens/Icons/home.png similarity index 100% rename from Acessts/Imagens/Iconis/home.png rename to Acessts/Imagens/Icons/home.png diff --git a/Acessts/Imagens/Iconis/hospital.png b/Acessts/Imagens/Icons/hospital.png similarity index 100% rename from Acessts/Imagens/Iconis/hospital.png rename to Acessts/Imagens/Icons/hospital.png diff --git a/Acessts/Imagens/Iconis/instagram - Copia.png b/Acessts/Imagens/Icons/instagram - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/instagram - Copia.png rename to Acessts/Imagens/Icons/instagram - Copia.png diff --git a/Acessts/Imagens/Iconis/instagram.png b/Acessts/Imagens/Icons/instagram.png similarity index 100% rename from Acessts/Imagens/Iconis/instagram.png rename to Acessts/Imagens/Icons/instagram.png diff --git a/Acessts/Imagens/Iconis/linkedin - Copia.png b/Acessts/Imagens/Icons/linkedin - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/linkedin - Copia.png rename to Acessts/Imagens/Icons/linkedin - Copia.png diff --git a/Acessts/Imagens/Iconis/linkedin.png b/Acessts/Imagens/Icons/linkedin.png similarity index 100% rename from Acessts/Imagens/Iconis/linkedin.png rename to Acessts/Imagens/Icons/linkedin.png diff --git a/Acessts/Imagens/Iconis/list copiar.png b/Acessts/Imagens/Icons/list copiar.png similarity index 100% rename from Acessts/Imagens/Iconis/list copiar.png rename to Acessts/Imagens/Icons/list copiar.png diff --git a/Acessts/Imagens/Iconis/list.png b/Acessts/Imagens/Icons/list.png similarity index 100% rename from Acessts/Imagens/Iconis/list.png rename to Acessts/Imagens/Icons/list.png diff --git a/Acessts/Imagens/Iconis/localizacao.png b/Acessts/Imagens/Icons/localizacao.png similarity index 100% rename from Acessts/Imagens/Iconis/localizacao.png rename to Acessts/Imagens/Icons/localizacao.png diff --git a/Acessts/Imagens/Iconis/lupa.png b/Acessts/Imagens/Icons/lupa.png similarity index 100% rename from Acessts/Imagens/Iconis/lupa.png rename to Acessts/Imagens/Icons/lupa.png diff --git a/Acessts/Imagens/Icons/microsoft.png b/Acessts/Imagens/Icons/microsoft.png new file mode 100644 index 0000000..849040c Binary files /dev/null and b/Acessts/Imagens/Icons/microsoft.png differ diff --git a/Acessts/Imagens/Iconis/mission.png b/Acessts/Imagens/Icons/mission.png similarity index 100% rename from Acessts/Imagens/Iconis/mission.png rename to Acessts/Imagens/Icons/mission.png diff --git a/Acessts/Imagens/Iconis/monitor copiar.png b/Acessts/Imagens/Icons/monitor copiar.png similarity index 100% rename from Acessts/Imagens/Iconis/monitor copiar.png rename to Acessts/Imagens/Icons/monitor copiar.png diff --git a/Acessts/Imagens/Iconis/monitor.png b/Acessts/Imagens/Icons/monitor.png similarity index 100% rename from Acessts/Imagens/Iconis/monitor.png rename to Acessts/Imagens/Icons/monitor.png diff --git a/Acessts/Imagens/Iconis/novo-banco-de-dados.png b/Acessts/Imagens/Icons/novo-banco-de-dados.png similarity index 100% rename from Acessts/Imagens/Iconis/novo-banco-de-dados.png rename to Acessts/Imagens/Icons/novo-banco-de-dados.png diff --git a/Acessts/Imagens/Icons/nuvem.png b/Acessts/Imagens/Icons/nuvem.png new file mode 100644 index 0000000..ab0be40 Binary files /dev/null and b/Acessts/Imagens/Icons/nuvem.png differ diff --git a/Acessts/Imagens/Iconis/o-email - Copia.png b/Acessts/Imagens/Icons/o-email - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/o-email - Copia.png rename to Acessts/Imagens/Icons/o-email - Copia.png diff --git a/Acessts/Imagens/Iconis/o-email.png b/Acessts/Imagens/Icons/o-email.png similarity index 100% rename from Acessts/Imagens/Iconis/o-email.png rename to Acessts/Imagens/Icons/o-email.png diff --git a/Acessts/Imagens/Iconis/paint-palette copia.png b/Acessts/Imagens/Icons/paint-palette copia.png similarity index 100% rename from Acessts/Imagens/Iconis/paint-palette copia.png rename to Acessts/Imagens/Icons/paint-palette copia.png diff --git a/Acessts/Imagens/Iconis/paint-palette.png b/Acessts/Imagens/Icons/paint-palette.png similarity index 100% rename from Acessts/Imagens/Iconis/paint-palette.png rename to Acessts/Imagens/Icons/paint-palette.png diff --git a/Acessts/Imagens/Iconis/pin-de-localizacao - Copia.png b/Acessts/Imagens/Icons/pin-de-localizacao - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/pin-de-localizacao - Copia.png rename to Acessts/Imagens/Icons/pin-de-localizacao - Copia.png diff --git a/Acessts/Imagens/Iconis/pin-de-localizacao.png b/Acessts/Imagens/Icons/pin-de-localizacao.png similarity index 100% rename from Acessts/Imagens/Iconis/pin-de-localizacao.png rename to Acessts/Imagens/Icons/pin-de-localizacao.png diff --git a/Acessts/Imagens/Iconis/profile-user.png b/Acessts/Imagens/Icons/profile-user.png similarity index 100% rename from Acessts/Imagens/Iconis/profile-user.png rename to Acessts/Imagens/Icons/profile-user.png diff --git a/Acessts/Imagens/Iconis/relatorio.png b/Acessts/Imagens/Icons/relatorio.png similarity index 100% rename from Acessts/Imagens/Iconis/relatorio.png rename to Acessts/Imagens/Icons/relatorio.png diff --git a/Acessts/Imagens/Icons/satelite.png b/Acessts/Imagens/Icons/satelite.png new file mode 100644 index 0000000..96fe62f Binary files /dev/null and b/Acessts/Imagens/Icons/satelite.png differ diff --git a/Acessts/Imagens/Icons/server.png b/Acessts/Imagens/Icons/server.png new file mode 100644 index 0000000..24d59e4 Binary files /dev/null and b/Acessts/Imagens/Icons/server.png differ diff --git a/Acessts/Imagens/Icons/servidor.png b/Acessts/Imagens/Icons/servidor.png new file mode 100644 index 0000000..1ed6e3f Binary files /dev/null and b/Acessts/Imagens/Icons/servidor.png differ diff --git a/Acessts/Imagens/Iconis/seta-direita - Copia.png b/Acessts/Imagens/Icons/seta-direita - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/seta-direita - Copia.png rename to Acessts/Imagens/Icons/seta-direita - Copia.png diff --git a/Acessts/Imagens/Iconis/seta-direita.png b/Acessts/Imagens/Icons/seta-direita.png similarity index 100% rename from Acessts/Imagens/Iconis/seta-direita.png rename to Acessts/Imagens/Icons/seta-direita.png diff --git a/Acessts/Imagens/Iconis/seta-direitaCOPIA.png b/Acessts/Imagens/Icons/seta-direitaCOPIA.png similarity index 100% rename from Acessts/Imagens/Iconis/seta-direitaCOPIA.png rename to Acessts/Imagens/Icons/seta-direitaCOPIA.png diff --git a/Acessts/Imagens/Iconis/seta-esquerda - Copia.png b/Acessts/Imagens/Icons/seta-esquerda - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/seta-esquerda - Copia.png rename to Acessts/Imagens/Icons/seta-esquerda - Copia.png diff --git a/Acessts/Imagens/Iconis/seta-esquerda - Copia2.png b/Acessts/Imagens/Icons/seta-esquerda - Copia2.png similarity index 100% rename from Acessts/Imagens/Iconis/seta-esquerda - Copia2.png rename to Acessts/Imagens/Icons/seta-esquerda - Copia2.png diff --git a/Acessts/Imagens/Iconis/seta-esquerda.png b/Acessts/Imagens/Icons/seta-esquerda.png similarity index 100% rename from Acessts/Imagens/Iconis/seta-esquerda.png rename to Acessts/Imagens/Icons/seta-esquerda.png diff --git a/Acessts/Imagens/Iconis/simbolo-de-logout.png b/Acessts/Imagens/Icons/simbolo-de-logout.png similarity index 100% rename from Acessts/Imagens/Iconis/simbolo-de-logout.png rename to Acessts/Imagens/Icons/simbolo-de-logout.png diff --git a/Acessts/Imagens/Iconis/ferramentas copiar.png b/Acessts/Imagens/Icons/suporte.png similarity index 100% rename from Acessts/Imagens/Iconis/ferramentas copiar.png rename to Acessts/Imagens/Icons/suporte.png diff --git a/Acessts/Imagens/Iconis/technical-support.png b/Acessts/Imagens/Icons/technical-support.png similarity index 100% rename from Acessts/Imagens/Iconis/technical-support.png rename to Acessts/Imagens/Icons/technical-support.png diff --git a/Acessts/Imagens/Iconis/telefone - Copia.png b/Acessts/Imagens/Icons/telefone - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/telefone - Copia.png rename to Acessts/Imagens/Icons/telefone - Copia.png diff --git a/Acessts/Imagens/Iconis/telefone.png b/Acessts/Imagens/Icons/telefone.png similarity index 100% rename from Acessts/Imagens/Iconis/telefone.png rename to Acessts/Imagens/Icons/telefone.png diff --git a/Acessts/Imagens/Iconis/trabalhos copiar.png b/Acessts/Imagens/Icons/trabalhos copiar.png similarity index 100% rename from Acessts/Imagens/Iconis/trabalhos copiar.png rename to Acessts/Imagens/Icons/trabalhos copiar.png diff --git a/Acessts/Imagens/Iconis/trabalhos.png b/Acessts/Imagens/Icons/trabalhos.png similarity index 100% rename from Acessts/Imagens/Iconis/trabalhos.png rename to Acessts/Imagens/Icons/trabalhos.png diff --git a/Acessts/Imagens/Icons/voip.png b/Acessts/Imagens/Icons/voip.png new file mode 100644 index 0000000..d000a9d Binary files /dev/null and b/Acessts/Imagens/Icons/voip.png differ diff --git a/Acessts/Imagens/Iconis/vpn.png b/Acessts/Imagens/Icons/vpn.png similarity index 100% rename from Acessts/Imagens/Iconis/vpn.png rename to Acessts/Imagens/Icons/vpn.png diff --git a/Acessts/Imagens/Iconis/whatsapp (1) - Copia.png b/Acessts/Imagens/Icons/whatsapp (1) - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/whatsapp (1) - Copia.png rename to Acessts/Imagens/Icons/whatsapp (1) - Copia.png diff --git a/Acessts/Imagens/Iconis/whatsapp (1).png b/Acessts/Imagens/Icons/whatsapp (1).png similarity index 100% rename from Acessts/Imagens/Iconis/whatsapp (1).png rename to Acessts/Imagens/Icons/whatsapp (1).png diff --git a/Acessts/Imagens/Iconis/whatsapp (2) - Copia.png b/Acessts/Imagens/Icons/whatsapp (2) - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/whatsapp (2) - Copia.png rename to Acessts/Imagens/Icons/whatsapp (2) - Copia.png diff --git a/Acessts/Imagens/Iconis/whatsapp (2).png b/Acessts/Imagens/Icons/whatsapp (2).png similarity index 100% rename from Acessts/Imagens/Iconis/whatsapp (2).png rename to Acessts/Imagens/Icons/whatsapp (2).png diff --git a/Acessts/Imagens/Iconis/whatsapp - Copia.png b/Acessts/Imagens/Icons/whatsapp - Copia.png similarity index 100% rename from Acessts/Imagens/Iconis/whatsapp - Copia.png rename to Acessts/Imagens/Icons/whatsapp - Copia.png diff --git a/Acessts/Imagens/Iconis/whatsapp.png b/Acessts/Imagens/Icons/whatsapp.png similarity index 100% rename from Acessts/Imagens/Iconis/whatsapp.png rename to Acessts/Imagens/Icons/whatsapp.png diff --git a/Ambiente_Usuario.html b/Ambiente_Usuario.html index 6006bc8..cbfdfe9 100644 --- a/Ambiente_Usuario.html +++ b/Ambiente_Usuario.html @@ -16,7 +16,7 @@ - + diff --git a/Ambiente_Usuario_copy2.html b/Ambiente_Usuario_copy2.html deleted file mode 100644 index cab6159..0000000 --- a/Ambiente_Usuario_copy2.html +++ /dev/null @@ -1,104 +0,0 @@ - - - - - - - - - - Ambiente do Usuario - - - - - - - -
- -
- - - - - - - - - - - - - - \ No newline at end of file diff --git a/Css/Ambiente_Usuario/Configuracoes.css b/Css/Ambiente_Usuario/Configuracoes.css deleted file mode 100644 index 11d8a28..0000000 --- a/Css/Ambiente_Usuario/Configuracoes.css +++ /dev/null @@ -1,250 +0,0 @@ -.matriz { - display: flex; - flex-direction: row; - justify-content: start; - align-items: center; - align-content: center; - background-color: var(--fundo_4); -} - -.menu { - background-color: var(--fundo_1); - width: 15vw; - height: 100vh; - - display: flex; - flex-direction: column; - align-content: start; - align-items: start; - justify-content: start; - -} - -.menu .catalos_1, -.menu .catalos_2, -.menu .catalos_3, -.menu .catalos_4, -.menu .catalos_5, -.menu .catalos_6 { - display: flex; - align-items: center; - margin-top: 5vh; - align-content: center; - margin-left: 2vw; - padding-left: 0.5vw; - gap: 2vw; - -} - -.menu .catalos_1:hover, -.menu .catalos_2:hover, -.menu .catalos_3:hover, -.menu .catalos_4:hover, -.menu .catalos_5:hover, -.menu .catalos_6:hover { - - border-left: 0.5vh solid var(--fudno_3); - -} - - -.menu .catalos_1 img, -.menu .catalos_2 img, -.menu .catalos_3 img, -.menu .catalos_4 img, -.menu .catalos_5 img, -.menu .catalos_6 img { - - width: 3vw; -} - -.menu .catalos_1 a, -.menu .catalos_2 a, -.menu .catalos_3 a, -.menu .catalos_4 a, -.menu .catalos_5 a, -.menu .catalos_6 a { - text-decoration: none; - color: var(--variante_font_1); - font-family: fonteTi; -} - -.apresentacao { - display: flex; - align-content: center; - align-items: center; - width: 80vw; - height: 100vh; -} - -.apresentacao iframe { - width: 100%; - height: 99%; -} - -.estilos { - padding: 10px; -} - -.estilos label { - font-family: var(--font_titulo); -} - -.tema_usuario input {} - - -.mudanca_Img {} - -.mudanca_Img .Cap_1 {} - -.mudanca_Img .Cap_2 {} - -.tema_Pesonalizavel { - - display: flex; - flex-direction: row; - -} - -.tema_Pesonalizavel {} - -.tema_Pesonalizavel .fundo_1 {} - -.tema_Pesonalizavel .fundo_1 img { - width: 10vw; - height: 10vh; -} - -.tema_Pesonalizavel .fundo_2 {} - -.tema_Pesonalizavel .fundo_2 img { - width: 10vw; - height: 10vh; -} - -.tema_Pesonalizavel .fundo_3 {} - -.tema_Pesonalizavel .fundo_3 img { - width: 10vw; - height: 10vh; -} - - -.conteiner2 { - - width: 20vw; - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - border-radius: 7px; - box-shadow: var(--sombra_variante_1) 0 0 10px; -} - -.image-container2 { - width: 20vw; - height: 30vh; - - display: flex; - align-items: center; - align-content: center; - justify-content: center; - margin: 0 auto 30px auto; - border-radius: 50%; - background-color: #ffffff; - overflow: hidden; -} - -.image-container2 img { - display: block; - position: relative; - width: 100%; - height: 100%; - margin: auto; - -} - -.figcaption { - margin: 20px 0 30px 0; - text-align: center; - color: #2a292a; -} - -.container2 input[type="file"] { - display: none; -} - -.container2 label { - display: block; - position: relative; - background-color: #025bee; - color: #ffffff; - font-size: 18px; - text-align: center; - width: 300px; - padding: 18px 0; - border-radius: 5px; - margin: auto; - cursor: pointer; -} - - - -.conteiner { - - background-color: var(--variante_font_1); - width: 20vw; - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - left: 50%; - border-radius: 7px; - box-shadow: var(--sombra_variante_1) 0 0 10px; -} - -.image-container { - width: 30vw; - height: 30vh; - - display: flex; - align-items: center; - align-content: center; - justify-content: center; - margin: 0 auto 30px auto; - - background-color: #ffffff; - overflow: hidden; -} - -.image-container img { - display: block; - position: relative; - width: 100%; - height: 100%; - margin: auto; - -} - -.figcaption { - margin: 20px 0 30px 0; - text-align: center; - color: #2a292a; -} - -.container input[type="file"] { - display: none; -} - -.container label { - display: block; - position: relative; - background-color: #025bee; - color: #ffffff; - font-size: 18px; - text-align: center; - width: 300px; - padding: 18px 0; - border-radius: 5px; - margin: auto; - cursor: pointer; -} \ No newline at end of file diff --git a/Css/Ambiente_Usuario/Monitor.css b/Css/Ambiente_Usuario/Monitor.css deleted file mode 100644 index bca00d9..0000000 --- a/Css/Ambiente_Usuario/Monitor.css +++ /dev/null @@ -1,116 +0,0 @@ -body { - overflow: hidden; -} - -.Corpo { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - align-content: center; -} - -.Capitulos_1 { - width: 100vw; - height: 20vh; - margin-bottom: 2vh; - background-color: var(--fundo_2); - - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: center; - align-content: center; - justify-content: center; - - animation: painelPrincipal 1s ease; - -} - -.Capitulos_1 a { - text-decoration: none; - -} - - -@keyframes painelPrincipal { - to { - opacity: 1; - transform: translateY(0); - } - - from { - opacity: 0; - transform: translateY(-20vh); - } - -} - -div.ativo { - - background-color: var(--fudno_3); - color: var(--fundo_2); - margin-bottom: 2vh; - box-shadow: var(--fudno_3) 0px 0px 5px; - transition: 1s ease; -} - - -.reação a { - text-decoration: none; - -} - -.reação { - display: flex; - align-content: center; - justify-content: center; - align-items: center; - - width: 8vw; - height: 6vh; - font-family: var(--font_titulo); - font-size: 1.2vw; - color: var(--variante_font_1); - border: solid 3px var(--fudno_3); - - cursor: pointer; - - margin-left: 1vw; - margin-top: 1vh; - transition: 1s ease; - - -} - -.Capitulos_2 { - - width: 100%; - height: 77.8vh; - animation: conteudoPrincipal 1s ease; - -} - -.Capitulos_2 iframe { - - width: 100%; - height: 100%; - - - -} - -@keyframes conteudoPrincipal { - to { - opacity: 1; - transform: translateY(0vh); - - } - - from { - opacity: 0; - transform: translateY(20vh); - - } - -} \ No newline at end of file diff --git a/Css/Ambiente_Usuario/Sub_telas_monitor.css b/Css/Ambiente_Usuario/Sub_telas_monitor.css deleted file mode 100644 index 3014f34..0000000 --- a/Css/Ambiente_Usuario/Sub_telas_monitor.css +++ /dev/null @@ -1,460 +0,0 @@ -/*subpainel alert*/ - -.matriz_alert { - display: flex; - justify-content: center; - width: 100%; - height: 75vh; - overflow: hidden; -} - -.sub_tela_alert_frame_1 { - width: 95%; - height: 100%; - - background-color: var(--fundo_5); - overflow: hidden; -} - - -/* Subpainel Vpn */ - -.Matriz_Vpn { - display: none; - justify-content: center; - flex-direction: row; - width: 100%; - height: 75vh; - - overflow: hidden; -} - -.Subtela_Vpn_1 { - overflow: hidden; -} - -.Matriz_Vpn .Subtela_Vpn_1 .Subtela_Vpn_frame_1, -.Matriz_Vpn .Subtela_Vpn_1 .Subtela_Vpn_frame_2 { - - width: 48vw; - height: 100%; - - background-color: var(--fundo_5); - overflow: hidden; -} - -/*Data Center*/ - -.matriz_DataCenter { - display: none; - flex-direction: column; - width: 100%; - height: 100vh; - overflow: hidden; -} - -.matriz_DataCenter .Subtela_Data_1 .Subtela_Data_frame_1, -.matriz_DataCenter .Subtela_Data_1 .Subtela_Data_frame_2 { - - width: 100%; - height: 35vh; - background-color: var(--fundo_5); - overflow: hidden; -} - - -/*Fireware*/ - -.matriz_Firewall { - display: none; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - - -} - -.capitulo_1, -.capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - - - overflow: hidden; - - -} - -.sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.tela_har_1 { - width: 46vw; - height: 35vh; - - background-color: var(--fundo_5); -} - -.tela_har_1 iframe { - width: 100%; - height: 100%; -} - - -.tela_har_2, -.tela_har_3 { - width: 23vw; - height: 40vh; - - background-color: var(--fundo_5); -} - -.tela_har_2 iframe, -.tela_har_3 iframe { - width: 100%; - height: 100%; -} - - - -.trafegos { - width: 48vw; - height: 30vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - -} - -.tela_traf_1 { - width: 50%; - height: 100%; -} - - -.tela_traf_2 { - width: 50%; - height: 100%; -} - -.tela_traf_3 { - width: 50%; - height: 100%; -} - - -.tela_traf_1 iframe, -.tela_traf_2 iframe, -.tela_traf_3 iframe { - outline: none; - border: none; - width: 100%; - height: 100%; -} - - -.speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - overflow: hidden; -} - -.tela_spe_1, -.tela_spe_2 { - height: 100%; - - -} - -.tela_spe_1 iframe, -.tela_spe_2 iframe { - - width: 24.01366vw; - height: 100%; -} - - -/*Ramais*/ - -.matriz_Ramais { - - display: none; - justify-content: center; -} - -.matriz_Ramais .Subtela_ramais_1 .Subtela_Ramais_frame_1 { - - width: 90vw; - height: 75vh; - - background-color: var(--fundo_5); -} - - -/*CFTV*/ - -.matriz_CFTV { - - display: none; - justify-content: center; - flex-wrap: wrap; -} - - -.matriz_CFTV .Subtela_CFTV_1 .Subtela_CFTV_frame_1, -.matriz_CFTV .Subtela_CFTV_2 .Subtela_CFTV_frame_2, -.matriz_CFTV .Subtela_CFTV_3 .Subtela_CFTV_frame_3, -.matriz_CFTV .Subtela_CFTV_4 .Subtela_CFTV_frame_4 { - - margin: 1vw; - background-color: var(--fundo_5); - width: 38vw; - height: 35vh; - -} - - -/*Host*/ - - -.matriz_hosts { - width: 100vw; - display: none; - justify-content: center; - flex-direction: row; -} - -.host_2, -.host_3, -.host_4 { - width: 22.5vw; - -} - -.host_2 .Subtela_2_1 .subtela_frame_1, -.host_2 .Subtela_2_2 .subtela_frame_2, -.host_2 .Subtela_2_3 .subtela_frame_3 { - width: 100%; - height: 25vh; - background-color: var(--fundo_5); -} - -.host_3 .Subtela_3_1 .subtela_frame_1, -.host_3 .Subtela_3_2 .subtela_frame_2, -.host_3 .Subtela_3_3 .subtela_frame_3 { - width: 100%; - height: 25vh; - background-color: var(--fundo_5); -} - -.host_4 .Subtela_4_1 .subtela_frame_1, -.host_4 .Subtela_4_2 .subtela_frame_2, -.host_4 .Subtela_4_3 .subtela_frame_3 { - width: 100%; - height: 25vh; - background-color: var(--fundo_5); -} - - -.matriz_consumo_PDU { - width: 100%; - display: none; - flex-direction: column; - justify-content: center; - align-content: center; - align-items: center; - overflow: hidden; - -} - -.cap_1 { - margin-top: 1vh; -} - -.cap_1, -.cap_2, -.cap_3 { - display: flex; - flex-direction: row; - width: 99vw; - height: 25vh; -} - -.cap_1 .sessao_1 { - width: 49.5vw; - background-color: var(--fundo_5); -} - -.cap_1 .sessao_2 { - display: flex; - flex-direction: column; - width: 49.5vw; - background-color: var(--fundo_5); -} - -.cap_1 .sessao_1 .subtela_PDU_1 .subtela_PDU_1_1 { - width: 49.5vw; - height: 25vh; -} - -.cap_1 .sessao_2 .subtela_PDU_1 .subtela_PDU_1_1 { - width: 49.5vw; - height: 13vh; - margin-bottom: -1vh; -} - -.cap_1 .sessao_2 .subtela_PDU_2 .subtela_PDU_1_2 { - width: 49.5vw; - height: 13vh; -} - - -.cap_2 .sessao_1 { - display: flex; - flex-direction: row; - width: 49.5vw; - background-color: var(--fundo_5); -} - -.cap_2 .sessao_2 { - display: flex; - flex-direction: row; - width: 49.5vw; - background-color: var(--fundo_5); -} - -.cap_2 .sessao_1 .subtela_PDU_1 .subtela_PDU_1_1, -.cap_2 .sessao_1 .subtela_PDU_2 .subtela_PDU_1_2, -.cap_2 .sessao_1 .subtela_PDU_3 .subtela_PDU_1_3, -.cap_2 .sessao_1 .subtela_PDU_4 .subtela_PDU_1_4 { - width: 12.375vw; - height: 25vh; -} - - -.cap_2 .sessao_2 .subtela_PDU_1 .subtela_PDU_1_1 { - width: 24.75vw; - height: 25vh; -} - -.cap_2 .sessao_2 .subtela_PDU_2 .subtela_PDU_1_2 { - width: 24.75vw; - height: 25vh; -} - - -.cap_3 .sessao_1 { - width: 49.5vw; - background-color: rgb(226, 226, 226); -} - -.cap_3 .sessao_2 { - width: 49.5vw; - display: flex; - flex-direction: row; - background-color: var(--fundo_5); -} - -.cap_3 .sessao_2 .esqueda { - - width: 50%; - -} - -.cap_3 .sessao_2 .direita { - - width: 50%; - display: flex; - flex-direction: column; -} - -.cap_3 .sessao_1 .subtela_PDU_1 .subtela_PDU_1_1 { - width: 49.5vw; - height: 26vh; -} - -.cap_3 .sessao_2 .esqueda .subtela_PDU_1 .subtela_PDU_1_1 { - width: 24.75vw; - height: 26vh; -} - -.cap_3 .sessao_2 .direita .subtela_PDU_2 .subtela_PDU_1_2 { - width: 24.75vw; - height: 13vh; - margin-bottom: -1vh; -} - -.cap_3 .sessao_2 .direita .subtela_PDU_3 .subtela_PDU_1_3 { - width: 24.75vw; - height: 13vh; -} - - -#panel1, -#panel2, -#panel3, -#panel4, -#panel5, -#panel6, -#panel7, -#panel8 { - - animation: conteudoPrincipal2 2s ease; - -} - -@keyframes conteudoPrincipal2 { - to { - opacity: 1; - transform: translateY(0vh); - - } - - from { - opacity: 0; - transform: translateY(10vh); - overflow: auto; - - } - -} \ No newline at end of file diff --git a/Css/Ambiente_Usuario/Sub_telas_monitor_Enseg.css b/Css/Ambiente_Usuario/Sub_telas_monitor_Enseg.css deleted file mode 100644 index cc609e4..0000000 --- a/Css/Ambiente_Usuario/Sub_telas_monitor_Enseg.css +++ /dev/null @@ -1,703 +0,0 @@ -/*Unidade de Itaguaí*/ - -/*Fireware*/ - -.Matriz_Firewall_Itaguai { - display: flex; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - - -} - -.Matriz_Firewall_Itaguai .capitulo_1, -.Matriz_Firewall_Itaguai .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Firewall_Itaguai .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - - - overflow: hidden; - - -} - -.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1 { - width: 46vw; - height: 35vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2 { - width: 46vw; - height: 40vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe { - width: 100%; - height: 100%; -} - - - -.Matriz_Firewall_Itaguai .capitulo_2 .trafegos { - width: 48vw; - height: 30vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - -} - -.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_1, -.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_2, -.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_3 { - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_1 iframe, -.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_2 iframe, -.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_3 iframe { - outline: none; - border: none; - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Itaguai .capitulo_2 .speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - overflow: hidden; -} - -.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1, -.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 { - height: 100%; - - -} - -.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1 iframe, -.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 iframe { - - width: 24.01366vw; - height: 100%; -} - - -/*Links*/ - -.Matriz_Links_Itaguai { - display: none; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - - -} - -.Matriz_Links_Itaguai .capitulo_1, -.Matriz_Links_Itaguai .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Links_Itaguai .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - - - overflow: hidden; - - -} - -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_1, -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_3 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2, -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1, -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_3 .tela_har_1 { - width: 49vw; - height: 8vh; - - background-color: var(--fundo_5); -} - -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe, -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_3 .tela_har_1 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2, -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_2 { - - width: 40vw; - height: 28.5vh; - - background-color: var(--fundo_5); -} - -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_3, -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_3 { - width: 10vw; - height: 28.5vh; - - background-color: var(--fundo_5); -} - - -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe, -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_2 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe, -.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_3 iframe { - width: 100%; - height: 100%; -} - - - -.Matriz_Links_Itaguai .capitulo_2 .trafegos { - width: 48vw; - height: 30vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: column; - -} - -.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_1, -.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_2 { - width: 100%; - height: 8vh; -} - -.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_3 { - width: 100%; - height: 20vh; -} - - -.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_1 iframe, -.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_2 iframe, -.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_3 iframe { - outline: none; - border: none; - width: 100%; - height: 100%; -} - - -.Matriz_Links_Itaguai .capitulo_2 .speed_teste { - - width: 48vw; - height: 35vh; - margin-top: 9vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - overflow: hidden; -} - -.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1, -.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 { - width: 48vw; - height: 100%; - - -} - -.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1 iframe, -.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 iframe { - - width: 100%; - height: 100%; -} - - - -/*Ramais*/ - -.Matriz_Relatorio_Itaguai { - - display: none; - justify-content: center; -} - -.Matriz_Relatorio_Itaguai .Subtela_ramais_1 .Subtela_Ramais_frame_1 { - - width: 90vw; - height: 75vh; - - background-color: var(--fundo_5); - -} - - - -#panel1, -#panel2 { - - animation: conteudoPrincipal2 2s ease; - -} - -/*Unidade do Recreio*/ - -/*Fireware*/ - -.Matriz_Firewall_Recreio { - display: flex; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - - -} - -.Matriz_Firewall_Recreio .capitulo_1, -.Matriz_Firewall_Recreio .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Firewall_Recreio .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - overflow: hidden; - -} - -.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_1 .tela_har_1 { - width: 46vw; - height: 8vh; -} - -.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe { - width: 100%; - height: 100%; - - background-color: var(--fundo_5); -} - - -.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_2, -.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_3 { - width: 46vw; - height: 67vh; -} - -.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe, -.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe { - width: 100%; - height: 100%; - - background-color: var(--fundo_5); -} - - - -.Matriz_Firewall_Recreio .capitulo_2 .trafegos { - width: 48vw; - height: 30vh; - - display: flex; - flex-direction: column; - - background-color: var(--fundo_5); - -} - -.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_1 { - - width: 48vw; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_1 .tela_traf_1 { - width: 48vw; - height: 8vh; -} - -.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_2, -.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_3 { - width: 50%; - height: 12vw; - -} - - -.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_1 .tela_traf_1 iframe, -.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_2 iframe, -.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_3 iframe { - outline: none; - border: none; - width: 100%; - height: 100%; - -} - - -.Matriz_Firewall_Recreio .capitulo_2 .speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - - display: flex; - flex-direction: column; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_1 { - width: 100%; - height: 8vh; -} - -.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_2 { - width: 100%; - height: 34vh; -} - -.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_1 iframe, -.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_2 iframe { - - width: 100%; - height: 100%; - -} - - -/*Ramais*/ - -.Matriz_Relatorios_Recreio { - - display: none; - justify-content: center; -} - -.Matriz_Relatorios_Recreio .Subtela_ramais_1 .Subtela_Ramais_frame_1 { - - width: 90vw; - height: 75vh; - - background-color: var(--fundo_5); - -} - -#panel1, -#panel2 { - - animation: conteudoPrincipal2 2s ease; - -} - -/*Client VPN*/ - -/* Subpainel Vpn */ - -.Matriz_Conexao_Client_VPN { - display: flex; - justify-content: center; - flex-direction: row; - width: 100%; - height: 75vh; - - overflow: hidden; -} - -.Matriz_Conexao_Client_VPN .Subtela_Vpn_1 { - overflow: hidden; -} - -.Matriz_Conexao_Client_VPN .Subtela_Vpn_1 .Subtela_Vpn_frame_1, -.Matriz_Conexao_Client_VPN .Subtela_Vpn_1 .Subtela_Vpn_frame_2 { - - width: 48vw; - height: 100%; - - background-color: var(--fundo_5); - overflow: hidden; -} - -/*Data Center*/ - -.Matriz_Conectados_Client_VPN { - display: none; - flex-direction: column; - width: 100%; - height: 100vh; - overflow: hidden; -} - -.Matriz_Conectados_Client_VPN .Subtela_Data_1 .Subtela_Data_frame_1, -.Matriz_Conectados_Client_VPN .Subtela_Data_1 .Subtela_Data_frame_2 { - - width: 100%; - height: 75vh; - - background-color: var(--fundo_5); - overflow: hidden; -} - -.Matriz_Calor_Client_VPN { - - display: none; - justify-content: center; - - width: 100%; - -} - -.Matriz_Calor_Client_VPN .Subtela_1 .subtela_frame_1 { - - width: 95vw; - height: 75vh; - - background-color: var(--fundo_5); - overflow: hidden; - -} - -.Matriz_Servidores_Client_VPN { - width: 100%; - height: 80vh; - display: flex; - overflow-y: scroll; - - -} - -.Matriz_Servidores_Client_VPN .catalago { - width: 100%; - - height: 160vh; - - - gap: 1vw; - - display: flex; - flex-direction: row; - justify-content: center; - align-content: center; - align-items: center; - flex-wrap: wrap; -} - -.Matriz_Servidores_Client_VPN .catalago .painel_1, -.Matriz_Servidores_Client_VPN .catalago .painel_2, -.Matriz_Servidores_Client_VPN .catalago .painel_3, -.Matriz_Servidores_Client_VPN .catalago .painel_4, -.Matriz_Servidores_Client_VPN .catalago .painel_5, -.Matriz_Servidores_Client_VPN .catalago .painel_6, -.Matriz_Servidores_Client_VPN .catalago .painel_7, -.Matriz_Servidores_Client_VPN .catalago .painel_8, -.Matriz_Servidores_Client_VPN .catalago .painel_9 { - - width: 27.5vw; - height: 50vh; - - display: flex; - flex-direction: column; - background-color: var(--fundo_5); - - -} - - -.Matriz_Servidores_Client_VPN .catalago .painel_1 .Painel_2, -.Matriz_Servidores_Client_VPN .catalago .painel_2 .Painel_2, -.Matriz_Servidores_Client_VPN .catalago .painel_3 .Painel_2, -.Matriz_Servidores_Client_VPN .catalago .painel_4 .Painel_2, -.Matriz_Servidores_Client_VPN .catalago .painel_5 .Painel_2, -.Matriz_Servidores_Client_VPN .catalago .painel_6 .Painel_2, -.Matriz_Servidores_Client_VPN .catalago .painel_7 .Painel_2, -.Matriz_Servidores_Client_VPN .catalago .painel_8 .Painel_2, -.Matriz_Servidores_Client_VPN .catalago .painel_9 .Painel_2 { - - display: none; - width: 27.5vw; - height: 40vh; - -} - -.Matriz_Servidores_Client_VPN .catalago .painel_1 .Painel_1, -.Matriz_Servidores_Client_VPN .catalago .painel_2 .Painel_1, -.Matriz_Servidores_Client_VPN .catalago .painel_3 .Painel_1, -.Matriz_Servidores_Client_VPN .catalago .painel_4 .Painel_1, -.Matriz_Servidores_Client_VPN .catalago .painel_5 .Painel_1, -.Matriz_Servidores_Client_VPN .catalago .painel_6 .Painel_1, -.Matriz_Servidores_Client_VPN .catalago .painel_7 .Painel_1, -.Matriz_Servidores_Client_VPN .catalago .painel_8 .Painel_1, -.Matriz_Servidores_Client_VPN .catalago .painel_9 .Painel_1 { - - display: none; - width: 27.5vw; - height: 10vh; - -} - -#panel1, -#panel2, -#panel3 { - - animation: conteudoPrincipal2 2s ease; - -} - -@keyframes conteudoPrincipal2 { - to { - opacity: 1; - transform: translateY(0vh); - - } - - from { - opacity: 0; - transform: translateY(10vh); - overflow: auto; - - } - -} \ No newline at end of file diff --git a/Css/Ambiente_Usuario/Sub_telas_monitor_Ferreira_Real.css b/Css/Ambiente_Usuario/Sub_telas_monitor_Ferreira_Real.css deleted file mode 100644 index 2cb797a..0000000 --- a/Css/Ambiente_Usuario/Sub_telas_monitor_Ferreira_Real.css +++ /dev/null @@ -1,167 +0,0 @@ -/*Fireware*/ - -.Matriz_Firewall_Real { - display: flex; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - - -} - -.Matriz_Firewall_Real .capitulo_1, -.Matriz_Firewall_Real .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Firewall_Real .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - - - overflow: hidden; - - -} - -.Matriz_Firewall_Real .capitulo_1 .sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_Real .capitulo_1 .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_Real .capitulo_1 .sessao_1 .tela_har_1 { - width: 46vw; - height: 35vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Real .capitulo_1 .sessao_1 .tela_har_1 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Real .capitulo_1 .sessao_2 .tela_har_2 { - width: 46vw; - height: 40vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Real .capitulo_1 .sessao_2 .tela_har_2 iframe { - width: 100%; - height: 100%; -} - - - -.Matriz_Firewall_Real .capitulo_2 .trafegos { - width: 48vw; - height: 30vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - -} - -.Matriz_Firewall_Real .capitulo_2 .trafegos .tela_traf_1, -.Matriz_Firewall_Real .capitulo_2 .trafegos .tela_traf_2 { - width: 50%; - height: 100%; -} - - - -.Matriz_Firewall_Real .capitulo_2 .trafegos .tela_traf_1 iframe, -.Matriz_Firewall_Real .capitulo_2 .trafegos .tela_traf_2 iframe { - outline: none; - border: none; - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Real .capitulo_2 .speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - overflow: hidden; -} - -.Matriz_Firewall_Real .capitulo_2 .speed_teste .tela_spe_1, -.Matriz_Firewall_Real .capitulo_2 .speed_teste .tela_spe_2 { - height: 100%; - - -} - -.Matriz_Firewall_Real .capitulo_2 .speed_teste .tela_spe_1 iframe, -.Matriz_Firewall_Real .capitulo_2 .speed_teste .tela_spe_2 iframe { - - width: 24.01366vw; - height: 100%; -} - - -#panel1, -#panel2, -#panel3, -#panel4, -#panel5, -#panel6, -#panel7, -#panel8 { - - animation: conteudoPrincipal2 2s ease; - -} - -@keyframes conteudoPrincipal2 { - to { - opacity: 1; - transform: translateY(0vh); - - } - - from { - opacity: 0; - transform: translateY(10vh); - overflow: auto; - - } - -} \ No newline at end of file diff --git a/Css/Ambiente_Usuario/Sub_telas_monitor_GAU.css b/Css/Ambiente_Usuario/Sub_telas_monitor_GAU.css deleted file mode 100644 index 5bbb74b..0000000 --- a/Css/Ambiente_Usuario/Sub_telas_monitor_GAU.css +++ /dev/null @@ -1,619 +0,0 @@ -/*Gau freguesia*/ - -/*Fireware*/ - -.Matriz_Firewall_Fregusia { - display: none; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - -} - -.Matriz_Firewall_Fregusia .capitulo_1, -.Matriz_Firewall_Fregusia .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Firewall_Fregusia .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - overflow: hidden; - -} - -.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_1 .tela_har_1 { - width: 46vw; - height: 35vh; - - background-color: var(--fundo_5); -} - -.tela_har_1 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_2, -.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_3 { - width: 23vw; - height: 40vh; - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe, -.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe { - width: 100%; - height: 100%; -} - - - -.Matriz_Firewall_Fregusia .capitulo_2 .trafegos { - width: 48vw; - height: 34vh; - - display: flex; - flex-direction: row; - background-color: var(--fundo_5); - -} - -.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_1, -.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_2, -.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_3 { - width: 50%; - height: 100%; -} - - -.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_1 iframe, -.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_2 iframe, -.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_3 iframe { - outline: none; - border: none; - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Fregusia .capitulo_2 .speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - - display: flex; - flex-direction: row; - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_1, -.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_2 { - width: 100%; - height: 100%; -} - -.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_1 iframe, -.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_2 iframe { - - width: 100%; - height: 100%; -} - -/*Ramais*/ - -.Matriz_Ramais_Fregusia { - - display: flex; - justify-content: center; - - - -} - -.Matriz_Ramais_Fregusia .Subtela_ramais_1 { - - - display: flex; - align-content: center; - align-items: center; - justify-content: center; - - width: 95vw; - height: 75vh; - background-color: var(--fundo_5); - overflow: hidden; - - -} - - -.Matriz_Ramais_Fregusia .Subtela_ramais_1 .Subtela_Ramais_frame_1 { - - width: 94.9vw; - height: 75vh; - -} - - -#panel1, -#panel2, -#panel3, -#panel4, -#panel5, -#panel6, -#panel7, -#panel8 { - - animation: conteudoPrincipal2 2s ease; - -} - - -/*Gau Infantil*/ - -/*Fireware*/ - -.Matriz_Firewall_Infantil { - display: none; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - -} - -.Matriz_Firewall_Infantil .capitulo_1, -.Matriz_Firewall_Infantil .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Firewall_Infantil .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - overflow: hidden; - -} - -.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_1 .tela_har_1 { - width: 46vw; - height: 35vh; - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_2, -.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_3 { - width: 23vw; - height: 40vh; - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe, -.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Infantil .capitulo_2 .trafegos { - width: 48vw; - height: 30vh; - - display: flex; - flex-direction: row; - background-color: var(--fundo_5); - -} - -.Matriz_Firewall_Infantil .capitulo_2 .trafegos .tela_traf_1 iframe, -.Matriz_Firewall_Infantil .capitulo_2 .trafegos .tela_traf_2 iframe { - outline: none; - border: none; - width: 24.017vw; - height: 100%; -} - -.Matriz_Firewall_Infantil .capitulo_2 .speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - background-color: var(--fundo_5); - - display: flex; - flex-direction: row; -} - -.Matriz_Firewall_Infantil .capitulo_2 .tela_spe_1 iframe, -.Matriz_Firewall_Infantil .capitulo_2 .tela_spe_2 iframe { - - width: 48vw; - height: 43.2vh; -} - -/*Ramais*/ - -.Matriz_Ramais_Infantil { - - display: flex; - justify-content: center; -} - -.Matriz_Ramais_Infantil .Subtela_ramais_1 { - - - display: flex; - align-content: center; - align-items: center; - justify-content: center; - - width: 95vw; - height: 75vh; - background-color: var(--fundo_5); - overflow: hidden; - - -} - -.Matriz_Ramais_Infantil .Subtela_ramais_1 .Subtela_Ramais_frame_1 { - - width: 94.9vw; - height: 75vh; - -} - -/*CFTV*/ - -.Matriz_CFTV_Infantil { - - display: none; - justify-content: center; - flex-wrap: wrap; -} - -.Matriz_CFTV_Infantil .Subtela_ramais_1 { - - - display: flex; - align-content: center; - align-items: center; - justify-content: center; - - width: 95vw; - height: 75vh; - background-color: var(--fundo_5); - overflow: hidden; - - -} - -.Matriz_CFTV_Infantil .Subtela_CFTV_1 .Subtela_CFTV_frame_1 { - - width: 94.9vw; - height: 75vh; - -} - - -#panel1, -#panel2, -#panel3, -#panel4, -#panel5, -#panel6, -#panel7, -#panel8 { - - animation: conteudoPrincipal2 2s ease; - -} - -/*São Fabiano*/ - - -/*Fireware*/ - -.Matriz_Firewall_Fabiano { - display: none; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - - -} - -.Matriz_Firewall_Fabiano .capitulo_1, -.Matriz_Firewall_Fabiano .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Firewall_Fabiano .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - overflow: hidden; - -} - -.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_1 .tela_har_1 { - width: 46vw; - height: 35vh; -} - -.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe { - width: 100%; - height: 100%; - - background-color: var(--fundo_5); -} - - -.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_2, -.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_3 { - width: 23vw; - height: 40vh; -} - -.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe, -.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe { - width: 100%; - height: 100%; - - background-color: var(--fundo_5); -} - - - -.Matriz_Firewall_Fabiano .capitulo_2 .trafegos { - width: 48vw; - height: 30vh; - - display: flex; - flex-direction: row; - - background-color: var(--fundo_5); - -} - -.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_1, -.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_2 { - width: 50%; - height: 100%; - -} - - -.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_1 iframe, -.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_2 iframe { - outline: none; - border: none; - width: 24.2vw; - height: 100%; - -} - - -.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - - display: flex; - flex-direction: row; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_1, -.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_2 { - width: 100%; - height: 100%; -} - -.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_1 iframe, -.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_2 iframe { - - width: 100%; - height: 43.2vh; - - -} - - -/*Ramais*/ - -.Matriz_Ramais_Fabiano { - - display: flex; - justify-content: center; -} - -.Matriz_Ramais_Fabiano .Subtela_ramais_1 { - - - display: flex; - align-content: center; - align-items: center; - justify-content: center; - - width: 95vw; - height: 75vh; - background-color: var(--fundo_5); - overflow: hidden; - - -} - -.Matriz_Ramais_Fabiano .Subtela_ramais_1 .Subtela_Ramais_frame_1 { - - width: 94.9vw; - height: 75vh; - -} - -/*CFTV*/ - -.Matriz_CFTV_Fabiano { - - display: none; - justify-content: center; - flex-wrap: wrap; - -} - - -.Matriz_CFTV_Fabiano .Subtela_ramais_1 { - - - display: flex; - align-content: center; - align-items: center; - justify-content: center; - - width: 95vw; - height: 75vh; - background-color: var(--fundo_5); - overflow: hidden; - - -} - -.Matriz_CFTV_Fabiano .Subtela_CFTV_1 .Subtela_CFTV_frame_1 { - - width: 94.9vw; - height: 75vh; - -} - -#panel1, -#panel2, -#panel3, -#panel4, -#panel5, -#panel6, -#panel7, -#panel8 { - - animation: conteudoPrincipal2 2s ease; - -} - - -@keyframes conteudoPrincipal2 { - to { - opacity: 1; - transform: translateY(0vh); - - } - - from { - opacity: 0; - transform: translateY(10vh); - overflow: auto; - - } - -} \ No newline at end of file diff --git a/Css/Ambiente_Usuario/Sub_telas_monitor_IBAP.css b/Css/Ambiente_Usuario/Sub_telas_monitor_IBAP.css deleted file mode 100644 index 1a87e17..0000000 --- a/Css/Ambiente_Usuario/Sub_telas_monitor_IBAP.css +++ /dev/null @@ -1,159 +0,0 @@ -/*Fireware*/ - -.Matriz_Firewall_IBAP { - display: flex; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - -} - -.Matriz_Firewall_IBAP .capitulo_1, -.Matriz_Firewall_IBAP .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Firewall_IBAP .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - - - overflow: hidden; - - -} - -.Matriz_Firewall_IBAP .capitulo_1 .sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_IBAP .capitulo_1 .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_IBAP .capitulo_1 .sessao_1 .tela_har_1 { - width: 46vw; - height: 35vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_IBAP .capitulo_1 .sessao_1 .tela_har_1 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_IBAP .capitulo_1 .sessao_2 .tela_har_2 { - width: 46vw; - height: 40vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_IBAP .capitulo_1 .sessao_2 .tela_har_2 iframe { - width: 100%; - height: 100%; -} - - - -.Matriz_Firewall_IBAP .capitulo_2 .trafegos { - width: 48vw; - height: 30vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - -} - -.Matriz_Firewall_IBAP .capitulo_2 .trafegos .tela_traf_1, -.Matriz_Firewall_IBAP .capitulo_2 .trafegos .tela_traf_2 { - width: 50%; - height: 100%; -} - - - -.Matriz_Firewall_IBAP .capitulo_2 .trafegos .tela_traf_1 iframe, -.Matriz_Firewall_IBAP .capitulo_2 .trafegos .tela_traf_2 iframe { - outline: none; - border: none; - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_IBAP .capitulo_2 .speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - overflow: hidden; -} - -.Matriz_Firewall_IBAP .capitulo_2 .speed_teste .tela_spe_1, -.Matriz_Firewall_IBAP .capitulo_2 .speed_teste .tela_spe_2 { - height: 100%; - - -} - -.Matriz_Firewall_IBAP .capitulo_2 .speed_teste .tela_spe_1 iframe, -.Matriz_Firewall_IBAP .capitulo_2 .speed_teste .tela_spe_2 iframe { - - width: 24.01366vw; - height: 100%; -} - - -#panel1 { - - animation: conteudoPrincipal2 2s ease; - -} - -@keyframes conteudoPrincipal2 { - to { - opacity: 1; - transform: translateY(0vh); - - } - - from { - opacity: 0; - transform: translateY(10vh); - overflow: auto; - - } - -} \ No newline at end of file diff --git a/Css/Ambiente_Usuario/Sub_telas_monitor_IVVCG.css b/Css/Ambiente_Usuario/Sub_telas_monitor_IVVCG.css deleted file mode 100644 index 9a4d5bc..0000000 --- a/Css/Ambiente_Usuario/Sub_telas_monitor_IVVCG.css +++ /dev/null @@ -1,205 +0,0 @@ -/*subpainel alert*/ - -.Matriz_CFTV_IVVCG { - display: flex; - justify-content: center; - width: 100%; - height: 75vh; - overflow: hidden; -} - -.Matriz_CFTV_IVVCG .sub_tela_cftv_1 { - width: 95%; - height: 100%; - - background-color: var(--fundo_5); - overflow: hidden; -} - - -/*Fireware*/ - -.Matriz_Firewall_IVVCG { - display: none; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - - -} - -.Matriz_Firewall_IVVCG .capitulo_1, -.Matriz_Firewall_IVVCG .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Firewall_IVVCG .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - - - overflow: hidden; - - -} - -.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_1 .tela_har_1 { - width: 46vw; - height: 35vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 .tela_har_2, -.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 .tela_har_3 { - width: 23vw; - height: 40vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe, -.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe { - width: 100%; - height: 100%; -} - - - -.Matriz_Firewall_IVVCG .capitulo_2 .trafegos { - width: 48vw; - height: 30vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - -} - -.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_1, -.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_2 { - width: 50%; - height: 100%; -} - - - -.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_1 iframe, -.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_2 iframe, -.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_3 iframe { - outline: none; - border: none; - width: 100%; - height: 100%; -} - -.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - overflow: hidden; -} - -.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste .tela_spe_1, -.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste .tela_spe_2 { - height: 100%; - - -} - -.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste .tela_spe_1 iframe, -.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste .tela_spe_2 iframe { - - width: 24.01366vw; - height: 100%; -} - -/*CFTV*/ - -.Matriz_Antenas_IVVCG { - - display: none; - justify-content: center; - flex-wrap: wrap; -} - - -.Matriz_Antenas_IVVCG .Subtela_Antenas_1 .Subtela_Antenas_frame_1, -.Matriz_Antenas_IVVCG .Subtela_Antenas_2 .Subtela_Antenas_frame_2, -.Matriz_Antenas_IVVCG .Subtela_Antenas_3 .Subtela_Antenas_frame_3, -.Matriz_Antenas_IVVCG .Subtela_Antenas_4 .Subtela_Antenas_frame_4 { - - margin: 1vw; - background-color: var(--fundo_5); - width: 38vw; - height: 35vh; - -} - - -#panel1, -#panel2, -#panel3 { - - animation: conteudoPrincipal2 2s ease; - -} - -@keyframes conteudoPrincipal2 { - to { - opacity: 1; - transform: translateY(0vh); - - } - - from { - opacity: 0; - transform: translateY(10vh); - overflow: auto; - - } - -} \ No newline at end of file diff --git a/Css/Ambiente_Usuario/Sub_telas_monitor_Oeste_Pan.css b/Css/Ambiente_Usuario/Sub_telas_monitor_Oeste_Pan.css deleted file mode 100644 index 451e24d..0000000 --- a/Css/Ambiente_Usuario/Sub_telas_monitor_Oeste_Pan.css +++ /dev/null @@ -1,199 +0,0 @@ -/*subpainel CFTV*/ - -.Matriz_CFTV_Oeste { - display: flex; - justify-content: center; - width: 100%; - height: 75vh; - overflow: hidden; -} - -.sub_tela_cftv_frame_1 { - width: 95%; - height: 100%; - - background-color: var(--fundo_5); - overflow: hidden; -} - - -/*Fireware*/ -.Matriz_Firewall_Oeste { - display: none; - flex-direction: row; - width: 100%; - height: 75vh; - overflow: hidden; - - -} - -.Matriz_Firewall_Oeste .capitulo_1, -.Matriz_Firewall_Oeste .capitulo_2 { - width: 50vw; - height: 75vh; - display: flex; - flex-direction: column; - overflow: hidden; - -} - - -.Matriz_Firewall_Oeste .capitulo_1 .Hardware { - display: flex; - width: 48vw; - height: 100%; - - flex-direction: column; - - - overflow: hidden; - - -} - -.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_1 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: column; -} - -.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 { - - width: 100%; - - display: flex; - justify-content: center; - align-content: center; - align-items: center; - flex-direction: row; -} - -.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_1 .tela_har_1 { - width: 46vw; - height: 35vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe { - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_2, -.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_3 { - width: 46vw; - height: 40vh; - - background-color: var(--fundo_5); -} - -.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe, -.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe { - width: 100%; - height: 100%; -} - - - -.Matriz_Firewall_Oeste .capitulo_2 .trafegos { - width: 48vw; - height: 30vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - -} - -.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_1, -.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_2 { - width: 50%; - height: 100%; -} - - - -.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_1 iframe, -.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_2 iframe { - outline: none; - border: none; - width: 100%; - height: 100%; -} - - -.Matriz_Firewall_Oeste .capitulo_2 .speed_teste { - - width: 48vw; - height: 44vh; - margin-top: 3vh; - - display: flex; - background-color: var(--fundo_5); - flex-direction: row; - overflow: hidden; -} - -.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_1, -.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_2 { - height: 100%; - - -} - -.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_1 iframe, -.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_2 iframe { - - width: 24.01366vw; - height: 100%; -} - - -/*Ramais*/ - -.Matriz_Ramais_Oeste { - - display: none; - justify-content: center; -} - -.Matriz_Ramais_Oeste .Subtela_ramais_1 .Subtela_Ramais_frame_1 { - - width: 90vw; - height: 75vh; - - background-color: var(--fundo_5); -} - - -#panel1, -#panel2, -#panel3 { - - animation: conteudoPrincipal2 2s ease; - -} - -@keyframes conteudoPrincipal2 { - to { - opacity: 1; - transform: translateY(0vh); - - } - - from { - opacity: 0; - transform: translateY(10vh); - overflow: auto; - - } - -} \ No newline at end of file diff --git a/Css/global/Scroll.css b/Css/global/Scroll.css index c4d7baa..508d5e1 100644 --- a/Css/global/Scroll.css +++ b/Css/global/Scroll.css @@ -1,6 +1,6 @@ /* Estilo customizado para o scroll (somente no Webkit) */ .Capitulo_1 .linha_1 .Corpo::-webkit-scrollbar, -.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens::-webkit-scrollbar-thumb { +.Pop_up_Config.PainelUser .FormeApresente::-webkit-scrollbar { width: 0.2vw; /* Largura da barra de rolagem */ height: 0.2vw; @@ -9,7 +9,7 @@ .Capitulo_1 .linha_1 .Corpo::-webkit-scrollbar-thumb, -.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens::-webkit-scrollbar-thumb { +.Pop_up_Config.PainelUser .FormeApresente::-webkit-scrollbar-thumb { background-color: var(--Cor_Segundaria_2_1); /* Cor da parte da barra que você arrasta */ border-radius: 1vw; @@ -19,7 +19,7 @@ /* Aumentando o tamanho do track (fundo da barra de rolagem) */ .Capitulo_1 .linha_1 .Corpo::-webkit-scrollbar-track, -.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens::-webkit-scrollbar-thumb { +.Pop_up_Config.PainelUser .FormeApresente::-webkit-scrollbar-track { background-color: var(--Cor_Segundaria_5_2); /* Cor do fundo do scroll */ border-radius: 10px; diff --git a/Css/global/import.css b/Css/global/import.css index ecaeef5..871cec3 100644 --- a/Css/global/import.css +++ b/Css/global/import.css @@ -55,4 +55,14 @@ body { --Vazio_Corpo: #c6c6c6; --Vazio_Fundo: #9a9a9a; + --Caso_Erro_400: #00bcd4; + --Caso_Erro_401: #4399e4; + --Caso_Erro_404: #055499; + --Caso_Erro_405: #123f66; + --Caso_Erro_500: #9726dd; + --Caso_Erro_502: #5c0096; + --Caso_Erro_503: #ba43ff; + --Caso_Erro_504: #652eff; + + } \ No newline at end of file diff --git a/Css/page/Ambiente/Config/Config.css b/Css/page/Ambiente/Config/Config.css index 0b9e5a3..6dc5f04 100644 --- a/Css/page/Ambiente/Config/Config.css +++ b/Css/page/Ambiente/Config/Config.css @@ -1,4 +1,4 @@ @import url(../../../../Css/global/import.css); - +@import url(../../../global/Scroll.css); @import url(./pop.css); @import url(./sec_cap_1.css); \ No newline at end of file diff --git a/Css/page/Ambiente/Config/pop.css b/Css/page/Ambiente/Config/pop.css index 0606893..e1a0476 100644 --- a/Css/page/Ambiente/Config/pop.css +++ b/Css/page/Ambiente/Config/pop.css @@ -744,4 +744,66 @@ /* Define o **tamanho da fonte** utilizando uma variável CSS personalizada chamada `--Matriz`. Assim, o tamanho da fonte será adaptado conforme o valor dessa variável, facilitando ajustes de estilo em todo o projeto. */ font-size: 0.8vw; /* Define o **tamanho da fonte** como 0.8% da **largura da janela de visualização** (tela). Isso torna o tamanho da fonte **responsivo**, adaptando-se ao tamanho da tela, o que é útil em layouts fluidos e adaptáveis a diferentes dispositivos. */ +} + +.Pop_up_Config.PainelUser .FormeApresente { + + width: 35vw; + height: 40vh; + padding-top: 2vh; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: start; + align-items: center; + gap: 1vh; + + + + border-top: solid var(--Cor_Segundaria_5_1) 0.6vh; + + overflow-y: auto; +} + +.Pop_up_Config.PainelUser .FormeApresente .CorpoPainelUser { + + width: 26vw; + height: 5vh; + padding-left: 2vw; + padding-right: 2vw; + + display: flex; + justify-content: space-between; + align-items: center; + + border: 0.1vw solid var(--Cor_Segundaria_5_1); + border-radius: 2vw; + + font-family: var(--font_titulo); + color: var(--Cor_Segundaria_5_1); + font-size: 1.2vw; + +} + +.Pop_up_Config.PainelUser .FormeApresente .CorpoPainelUser img { + width: 4vw; +} + +.Pop_up_Config.PainelUser .FormeApresente .CorpoPainelUser button { + background: none; + border: none; + outline: none; + + width: 2.5vw; + height: 1.5vw; + background-color: var(--Cor_Segundaria_5_1); + color: var(--Matriz); + font-size: 1.4vw; + border-radius: 2vw; + + display: flex; + align-items: center; + justify-content: center; + } \ No newline at end of file diff --git a/Css/page/Ambiente/Estrutura/tela_hover.css b/Css/page/Ambiente/Estrutura/tela_hover.css index f50c791..ac998de 100644 --- a/Css/page/Ambiente/Estrutura/tela_hover.css +++ b/Css/page/Ambiente/Estrutura/tela_hover.css @@ -100,4 +100,5 @@ /* Define a distância entre a parte esquerda do elemento e o lado esquerdo da viewport (60% da largura da tela) */ left: 40vh; } + } \ No newline at end of file diff --git a/Css/page/Ambiente/Home/Aplicacoes.css b/Css/page/Ambiente/Home/Aplicacoes.css index 6b0208c..530111e 100644 --- a/Css/page/Ambiente/Home/Aplicacoes.css +++ b/Css/page/Ambiente/Home/Aplicacoes.css @@ -61,9 +61,9 @@ .PainelEstado.Atencao h2 { - color: red; + color: red; /*muda a cor do status do objeto*/ - + } .Capitulo_2 .painel .Corpo .Mes_financeiro.Desativado button { @@ -98,4 +98,34 @@ color: var(--Matriz); +} + +.Corpo_erro.Status_400 { + color: var(--Caso_Erro_400); + +} + +.Corpo_erro.Status_404 { + color: var(--Caso_Erro_404); + +} + +.Corpo_erro.Status_401 { + color: var(--Caso_Erro_401); + +} + +.Corpo_erro.Status_500 { + color: var(--Caso_Erro_500); + +} + +.Corpo_erro.Status_502 { + color: var(--Caso_Erro_502); + +} + +.Corpo_erro.Status_503 { + color: var(--Caso_Erro_503); + } \ No newline at end of file diff --git a/Css/page/Ambiente/Home/Item_servico.css b/Css/page/Ambiente/Home/Item_servico.css index 8707d64..4e5a1bf 100644 --- a/Css/page/Ambiente/Home/Item_servico.css +++ b/Css/page/Ambiente/Home/Item_servico.css @@ -1,8 +1,7 @@ .Corpo .ItemServicos img { width: 1.5vw; /*modifica a largura */ - height: 3vh; - /*modifica a altura*/ + } .Corpo .ItemServicos .PainelTexto { @@ -16,15 +15,11 @@ /*define largura*/ height: 5vh; /*define altura*/ - border-radius: 1.5vw; - /*define o tamanho da borda*/ + padding-right: 1.5vw; /*define espaco da direita */ + border-radius: 2vw; padding-left: 1.5vw; - /*define espaço da esquerda*/ - background-color: var(--Cor_Segundaria_5_1); - /*define a cor de fundo atraves de uma variavel*/ - color: var(--Cor_Segundaria_5_1); /*define a cor atraves de uma variavel*/ font-family: var(--font_titulo); /*define a fonte usada*/ @@ -34,10 +29,20 @@ /* Alinha os itens no centro ao longo do eixo vertical (eixo transversal), ou seja, centraliza os itens dentro do contêiner de acordo com o eixo oposto ao principal. */ justify-content: center; /* Alinha os itens no centro ao longo do eixo horizontal (eixo principal), ou seja, centraliza os itens dentro do contêiner, distribuindo-os de maneira equidistante. */ + border-left: solid 0.2vw #d9d9d9; + + border-right: solid 0.2vw #d9d9d9; + + border-bottom: solid 0.2vw #d9d9d9; + + border-top: solid 0.2vw #d9d9d9; + + background-color: var(--Cor_Segundaria_5_1); } + .Corpo .ItemServicos p { - font-family: var(--font_conteudo); + font-family: var(--font_titulo); /*define a fonte */ color: white; /*define a cor */ @@ -54,15 +59,13 @@ /*define o display*/ height: 5vh; /*define a direção orizontal*/ - border-radius: 1.5vw; - /*define o tamanho da borda*/ + padding-right: 1.5vw; /*define um espaço ah direita*/ padding-left: 1.5vw; /*define espaço a esquerda*/ - background-color: var(--Cor_Segundaria_5_1); - /*define a cor de fundo*/ - color: var(--Cor_Segundaria_5_1); + + color: var(--cor); /*define a cor*/ font-family: var(--font_titulo); /*define a fonte */ @@ -88,17 +91,18 @@ } .capitulo_2 .CorpoArtificial .Capitulo_1 .linha_1 .painel .Corpo .Corpo_erro p { - color: var(--Cor_Segundaria_5_1); - /*define a cor */ - font-size: 1.5vw; + + font-size: 1.2vw; /*define o tamanho da fonte*/ font-family: var(--font_titulo); + } .capitulo_2 .CorpoArtificial .Capitulo_1 .linha_1 .painel .Corpo .Corpo_erro h2 { - color: var(--Cor_Segundaria_5_1); - /*define a cor */ + + font-size: 1.3vw; /*define o tamanho da fonte*/ font-family: var(--font_titulo); + } \ No newline at end of file diff --git a/Css/page/Ambiente/Home/Iten_chamados.css b/Css/page/Ambiente/Home/Iten_chamados.css index 823c846..d83e3ae 100644 --- a/Css/page/Ambiente/Home/Iten_chamados.css +++ b/Css/page/Ambiente/Home/Iten_chamados.css @@ -66,7 +66,7 @@ /* Define bordas arredondadas com 2% da largura da viewport (tela) */ border-radius: 2vw; /* Define a altura do elemento como 40% da altura da viewport (tela) */ - height: 40vh; + height: 60vh; /* Inicialmente, o elemento não será exibido na página */ display: none; /* A posição do elemento será absoluta em relação ao contêiner pai posicionado */ @@ -106,6 +106,14 @@ font-size: 1.2vw; } +.PopUpHome.Chamado .PainelConteudo h2 { + + text-align: center; + +} + + + .PopUpHome.Chamado .PainelFechar { height: 15%; /* Define a altura do elemento como 15% da altura do elemento pai */ @@ -117,25 +125,22 @@ justify-content: center; /* Organiza os itens na direção da coluna (vertical) */ - flex-direction: column; + flex-direction: row; /* Alinha os itens no início do eixo transversal (o eixo vertical, no caso de flex-direction: column) */ - align-items: start; + align-items: center; + - /* Aplica uma margem à esquerda de 0.9% da largura da tela (viewport) */ - margin-left: 0.9vw; } .PopUpHome.Chamado .PainelFechar button { border-radius: 2vh; /* Isso dá ao botão bordas arredondadas */ - color: var(--Cor_Segundaria_5_1); /* Define a cor do texto do botão como um tom de branco suave (#fffefe) */ - font-family: var(--font_titulo); /* Define a fonte do texto como Arial */ @@ -147,17 +152,15 @@ width: 2vw; /* Define a largura do botão como 1.5% da largura da viewport (tela) */ - + height: 4.5vh; /* Define a altura do botão como 1.5% da largura da viewport (tela) */ /* Alinha o conteúdo do botão (texto ou elementos) no centro, horizontalmente */ display: flex; - justify-content: center; + font-size: 1.2vw; /* Alinha o conteúdo do botão (texto ou elementos) no centro, verticalmente */ - align-items: center; - } .PopUpHome.Chamado .PainelFechar button:hover { @@ -171,10 +174,11 @@ } .PopUpHome.Chamado .PainelEstado { - font-size: 0.7vw; + font-size: 0.8vw; font-family: var(--font_titulo); /* Define a fonte do texto com a variável --font_titulo */ + width: 90%; height: 20%; /* Define a altura do elemento como 20% da altura do elemento pai */ @@ -195,7 +199,45 @@ justify-content: center; /* Alinha os itens no centro do eixo principal (horizontal, por padrão) */ - margin-right: 0.9vw; + /* Aplica uma margem à direita de 0.9% da largura da tela (viewport) */ + margin-top: 1vw; + +} + + +.PopUpHome.Chamado .Direcionamento { + + width: 100%; + height: 10vh; + + display: flex; + justify-content: space-around; + align-items: center; + +} + +.PopUpHome.Chamado .Direcionamento a { + + text-decoration: none; + color: var(--Cor_Segundaria_5_1); + + padding: 0.8vw; + border-radius: 20vw; + + border: 0.2vw solid var(--Cor_Segundaria_5_1); + font-size: 1.2vw; + font-family: var(--font_titulo); + transition: 1s ease; + + +} + +.PopUpHome.Chamado .Direcionamento a:hover { + + background-color: var(--Cor_Segundaria_5_1); + color: var(--Matriz); + transition: 1s ease; + } \ No newline at end of file diff --git a/Css/page/Ambiente/Home/item_Financeiro.css b/Css/page/Ambiente/Home/item_Financeiro.css index 0efbc51..81cd774 100644 --- a/Css/page/Ambiente/Home/item_Financeiro.css +++ b/Css/page/Ambiente/Home/item_Financeiro.css @@ -46,10 +46,7 @@ } -.Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado .GerarBoletoFinanceiro { - width: 11.3%; - /*define largura*/ -} + .Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado .GerarBoletoFinanceiro button { background: none; diff --git a/Css/page/Ambiente/Home/tela.css b/Css/page/Ambiente/Home/tela.css index 59a5c62..36fd545 100644 --- a/Css/page/Ambiente/Home/tela.css +++ b/Css/page/Ambiente/Home/tela.css @@ -93,7 +93,6 @@ /* Estilo para o título (h2) dentro do Corpo no Capítulo 1 */ .Capitulo_1 .linha_1 .Corpo h2 { - color: var(--Cor_Segundaria_5_1); /* Cor do título usando uma variável CSS */ font-family: var(--font_titulo); /* Fonte para o título */ diff --git a/Css/page/Ambiente/Monitoramento/Aplicacoes_moni.css b/Css/page/Ambiente/Monitoramento/Aplicacoes_moni.css index ce4ad4a..7c95046 100644 --- a/Css/page/Ambiente/Monitoramento/Aplicacoes_moni.css +++ b/Css/page/Ambiente/Monitoramento/Aplicacoes_moni.css @@ -31,4 +31,44 @@ width: 1vw; height: 1.4vh; +} + +.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Mesagem { + color: var(--Cor_Segundaria_5_1); +} + +.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_400 { + color: var(--Caso_Erro_400); + +} + + +.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_404 { + color: var(--Caso_Erro_404); + +} + +.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_401 { + color: var(--Caso_Erro_401); + +} + +.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_500 { + color: var(--Caso_Erro_500); + +} + +.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_502 { + color: var(--Caso_Erro_502); + +} + +.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_503 { + color: var(--Caso_Erro_503); + +} + +.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_504 { + color: var(--Caso_Erro_504); + } \ No newline at end of file diff --git a/Css/page/Ambiente/Monitoramento/TelaMonitoramento.css b/Css/page/Ambiente/Monitoramento/TelaMonitoramento.css index 473782d..b70e818 100644 --- a/Css/page/Ambiente/Monitoramento/TelaMonitoramento.css +++ b/Css/page/Ambiente/Monitoramento/TelaMonitoramento.css @@ -51,7 +51,7 @@ } .capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta { - color: var(--Cor_Segundaria_5_1); + font-family: var(--font_titulo); font-size: 1.2vw; } @@ -64,7 +64,7 @@ align-content: start; align-items: center; - width: 80%; + width: 70%; gap: 1vh; height: 80vh; @@ -78,7 +78,7 @@ flex-direction: column; - width: 20%; + width: 30%; height: 78vh; padding-top: 2vh; background-color: var(--Cor_Segundaria_5_1); diff --git a/Css/page/Login/Erros_login.css b/Css/page/Login/Erros_login.css index 7bb9535..c620fd7 100644 --- a/Css/page/Login/Erros_login.css +++ b/Css/page/Login/Erros_login.css @@ -15,37 +15,32 @@ } .error-message.Status_400 { - color: #00bcd4; + color: var(--Caso_Erro_400); } .error-message.Status_404 { - color: #055499; - -} - -.error-message.Status_404 { - color: #4399e4; + color: var(--Caso_Erro_404); } .error-message.Status_401 { - color: #123f66; + color: var(--Caso_Erro_401); } .error-message.Status_500 { - color: #9726dd; + color: var(--Caso_Erro_500); } .error-message.Status_502 { - color: #5c0096; + color: var(--Caso_Erro_502); } .error-message.Status_503 { - color: #dca5fd; + color: var(--Caso_Erro_503); } diff --git a/js/page/Modulo_Construcao/Funcao/Estrutura/Autencacao.js b/js/global/Modulo_de_Comunicacao/Funcao/Autencacao.js similarity index 94% rename from js/page/Modulo_Construcao/Funcao/Estrutura/Autencacao.js rename to js/global/Modulo_de_Comunicacao/Funcao/Autencacao.js index bf56b4c..4c94da7 100644 --- a/js/page/Modulo_Construcao/Funcao/Estrutura/Autencacao.js +++ b/js/global/Modulo_de_Comunicacao/Funcao/Autencacao.js @@ -201,6 +201,33 @@ async function IntegracaoZabix() { return { Zabix, ResutadosZabix }; // Retorna a resposta e a URL } + + +async function IntegracaoBancoConsultaUser() { + const apiUrl = await getApiUrl(); + const token = getAuthToken(); + + + + const UserBank = await fetch(`${apiUrl}/usuarios`, { + method: 'GET', + headers: { + 'Content-Type': 'application/json', + 'x-access-token': token, + //'Id_Cliente': domain + } + }); + + let ResutadosUserBank = UserBank.status; + //console.log(ResutadosZabix); + + + return { UserBank, ResutadosUserBank }; // Retorna a resposta e a URL + +} + + + /* async function IntegracaoUser() { const apiUrl = await getApiUrl(); diff --git a/js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js b/js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js index d57de30..54a2633 100644 --- a/js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js +++ b/js/page/Modulo_Construcao/Funcao/Config/Estrutura/config.js @@ -214,20 +214,20 @@ function ControladorDeVisualizacao_config(InfoGeral) { EstruraDinamicadeConfiguracao.innerHTML += `
- +

Usuário

`; - - EstruraDinamicadeConfiguracao.innerHTML += ` -
- -

Ambiente

-
`; - + /* + EstruraDinamicadeConfiguracao.innerHTML += ` +
+ +

Ambiente

+
`; + */ const User_button = document.getElementById('User_config'); User_button.addEventListener('click', () => carregarTela_config('PainelUser')); - const Ambiente_button = document.getElementById('Ambiente_config'); - Ambiente_button.addEventListener('click', () => carregarTela_config('PainelAmbiente')); + // const Ambiente_button = document.getElementById('Ambiente_config'); + // Ambiente_button.addEventListener('click', () => carregarTela_config('PainelAmbiente')); } diff --git a/js/page/Modulo_Construcao/Funcao/Config/User/PopUser_Func.js b/js/page/Modulo_Construcao/Funcao/Config/User/PopUser_Func.js index 98b3fba..ccc55b0 100644 --- a/js/page/Modulo_Construcao/Funcao/Config/User/PopUser_Func.js +++ b/js/page/Modulo_Construcao/Funcao/Config/User/PopUser_Func.js @@ -21,15 +21,117 @@ function InicializandoPopUser() { const IntegridadePopUp = document.getElementById('Pop_up_Config'); let TelaHtmlRecor = null; + + const PainelUsers = document.getElementById('ApresentarUser'); + let BuscandoInfor = "Buscando Usuários...."; + PainelUsers.innerHTML = BuscandoInfor; PainelApresentacao() - function PainelApresentacao() { + async function PainelApresentacao() { let TelaHtmlRecor = "Apresentacao"; SeletorEmpresa(TelaHtmlRecor); + await ApresentacaoUser(); - function ApresentacaoUser() { } + async function ApresentacaoUser() { + + const { UserBank, ResutadosUserBank } = await IntegracaoBancoConsultaUser(); + + const dataUser = await UserBank.json(); + const PainelUsers = document.getElementById('ApresentarUser'); + + + RespostasChamadosHome(ResutadosUserBank, PainelUsers) + + function RespostasChamadosHome(ResutadosUserBank, PainelUsers) { + + if (ResutadosUserBank === 500) { + + PainelUsers.innerHTML = ` +
+

Status 404

+

Sem serviços no momento

+
`; + throw new Error(`Erro na API dos Chamados: ${ResutadosUserBank}`); + } + + if (ResutadosUserBank === 404) { + + PainelUsers.innerHTML = ` +
+

Status 404

+

Nenhum serviço encontrado

+
`; + throw new Error(`Erro na API dos Chamados: ${ResutadosUserBank}`); + } + + if (ResutadosUserBank === 401) { + + PainelUsers.innerHTML = ` +
+

Status 404

+

Usuário não autenticado!

+
`; + location.reload(true); + throw new Error(`Erro na API dos Chamados: ${ResutadosUserBank}`); + } + + + + if (ResutadosUserBank === 502) { + + PainelUsers.innerHTML = ` +
+

Status 404

+

Estamos realizando manutenções, volte mais tarde

+
`; + throw new Error(`Erro na API dos Chamados: ${ResutadosUserBank} `); + } + + if (ResutadosUserBank === 504) { + + PainelUsers.innerHTML = ` +
+

Status 404

+

Estamos realizando manutenções, volte mais tarde

+
`; + throw new Error(`Erro na API dos Chamados: ${ResutadosUserBank} `); + } + + } + + htmlContent = ""; + for (let Usuario of dataUser) { + encontrouChamado = true; + + const UsuarioBank = Usuario.dominio + const DominioBank = Usuario.nome + + // Função para limitar o nome ao primeiro e último nome + function limitarNome(nome) { + const nomes = nome.split(" "); // Divide o nome em um array + if (nomes.length > 1) { + // Retorna o primeiro e o último nome + return nomes[0] + " " + nomes[nomes.length - 1]; + } + return nome; // Se tiver apenas um nome, retorna ele + } + + htmlContent += ` +
+ +

${UsuarioBank}

+

${limitarNome(DominioBank)}

+ +
`; + } + + PainelUsers.innerHTML = htmlContent; + + + + } } diff --git a/js/page/Modulo_Construcao/Funcao/Estrutura/Estrutura.js b/js/page/Modulo_Construcao/Funcao/Estrutura/Estrutura.js index bee415d..38f4c92 100644 --- a/js/page/Modulo_Construcao/Funcao/Estrutura/Estrutura.js +++ b/js/page/Modulo_Construcao/Funcao/Estrutura/Estrutura.js @@ -355,7 +355,7 @@ async function ApresentarTelas(InfoGeral) { `; PainelMoniIcon.innerHTML = `
- +
`; diff --git a/js/page/Modulo_Construcao/Funcao/Home/Func_Home.js b/js/page/Modulo_Construcao/Funcao/Home/Func_Home.js index 05cd691..09b712d 100644 --- a/js/page/Modulo_Construcao/Funcao/Home/Func_Home.js +++ b/js/page/Modulo_Construcao/Funcao/Home/Func_Home.js @@ -23,6 +23,12 @@ function IniciandoTelaHome() { Data_home(); Servicos_home(); TelaFinanceiro(); + let InforLoad = '

Buscando informações

' + const paineServicos = document.getElementById('sevicoDominio'); + const ListadeChamados = document.getElementById('ChamadosDominio'); + + paineServicos.innerHTML = InforLoad; + ListadeChamados.innerHTML = InforLoad; async function Servicos_home() { @@ -30,9 +36,8 @@ function IniciandoTelaHome() { const ServicosPDf = await Servicos.json(); - //console.log(ServicosPDf); + console.log(ServicosPDf); - const paineServicos = document.getElementById('sevicoDominio'); RespostasServiHome(ResutadosES, paineServicos) function RespostasServiHome(ResutadosES, paineServicos) { @@ -40,40 +45,50 @@ function IniciandoTelaHome() { if (ResutadosES === 500) {/*status 500 leia pfrrrrr*/ paineServicos.innerHTML = ` -
-

Sem serviços no momento

-

Status 404

- -
` +
+

Status 404

+

Sem serviços no momento

+
`; throw new Error(`Erro na API dos Serviços: ${ResutadosES}`); } if (ResutadosES === 404) { paineServicos.innerHTML = ` -
-

Status 404

-

Nenhum serviço encontrado

-
` +
+

Status 404

+

Nenhum serviço encontrado

+
`; throw new Error(`Erro na API dos Serviços: ${ResutadosES}`); } if (ResutadosES === 401) { paineServicos.innerHTML = ` -
-

Status 404

-

Usuário não autenticado!

-
` +
+

Status 404

+

Usuário não autenticado, atualize á página

+
`; + location.reload(true); throw new Error(`Erro na API dos Serviços: ${ResutadosES} `); } if (ResutadosES === 502) { paineServicos.innerHTML = ` -
-

Status 404

-

Estamos realizando manutenções, volte mais tarde

+
+

Status 404

+

Estamos realizando manutenções, volte mais tarde

+
` + throw new Error(`Erro na API dos Serviços: ${ResutadosES} `); + } + + if (ResutadosES === 504) { + + paineServicos.innerHTML = ` +
+

Status 404

+

Estamos realizando manutenções, volte mais tarde

` throw new Error(`Erro na API dos Serviços: ${ResutadosES} `); } @@ -87,13 +102,14 @@ function IniciandoTelaHome() { for (const key in ServicosPDf) { if (ServicosPDf.hasOwnProperty(key)) { - const servico = ServicosPDf[key]; + const servico_text = ServicosPDf[key].nome; + const servico_img = ServicosPDf[key].imagem; paineServicos.innerHTML += `
- +
-

${servico}

+

${servico_text}

`; @@ -105,11 +121,13 @@ function IniciandoTelaHome() { } async function Chamados_home(dia, pesquisaValor = '') { + + ListadeChamados.innerHTML = InforLoad; const { Chamados, ResutadosChamados } = await IntegracaoZamade(); const dataZam = await Chamados.json(); console.log(dataZam) - const ListadeChamados = document.getElementById('ChamadosDominio'); + RespostasChamadosHome(ResutadosChamados, ListadeChamados) @@ -118,24 +136,31 @@ function IniciandoTelaHome() { if (ResutadosChamados === 500) { ListadeChamados.innerHTML = ` -

Status 404

-

Sem serviços no momento

` +
+

Status 404

+

Sem serviços no momento

+
`; throw new Error(`Erro na API dos Chamados: ${ResutadosChamados}`); } if (ResutadosChamados === 404) { ListadeChamados.innerHTML = ` -

Status 404

-

Nenhum serviço encontrado

` +
+

Status 404

+

Nenhum serviço encontrado

+
`; throw new Error(`Erro na API dos Chamados: ${ResutadosChamados}`); } if (ResutadosChamados === 401) { ListadeChamados.innerHTML = ` -

Status 404

-

Usuário não autenticado!

` +
+

Status 404

+

Usuário não autenticado!

+
`; + location.reload(true); throw new Error(`Erro na API dos Chamados: ${ResutadosChamados}`); } @@ -149,21 +174,32 @@ function IniciandoTelaHome() { if (ResutadosChamados === 502) { ListadeChamados.innerHTML = ` -

Status 404

-

Estamos realizando manutenções, volte mais tarde

` +
+

Status 404

+

Estamos realizando manutenções, volte mais tarde

+
`; + throw new Error(`Erro na API dos Chamados: ${ResutadosChamados} `); + } + + if (ResutadosChamados === 504) { + + ListadeChamados.innerHTML = ` +
+

Status 404

+

Estamos realizando manutenções, volte mais tarde

+
`; throw new Error(`Erro na API dos Chamados: ${ResutadosChamados} `); } } - let htmlContent = ''; let encontrouChamado = false; - + let htmlContent = ''; // **Filtrando os chamados pela data** const resultadosFiltrados = dataZam.filter(item => { - const dataAbertura = item.created_at.split("T")[0]; // "2025-01-14" - //console.log("Valor á ser pesquisado " + dia) + const dataAbertura = item.created_at.split(" ")[0]; // "2025-01-14" + console.log("Valor á ser pesquisado " + dia + dataAbertura) return dataAbertura === dia; }); @@ -181,8 +217,8 @@ function IniciandoTelaHome() { for (let chamado of chamadosPesquisados) { encontrouChamado = true; - const dataAbertura = chamado.created_at.split("T")[0]; // "2025-01-14" - const horaAbertura = chamado.created_at.match(/T(\d{2}:\d{2})/)[1]; // "14:56" + const dataAbertura = chamado.created_at.split(" ")[0]; // "2025-01-14" + const horaAbertura = chamado.created_at.split(" ")[1]; // "14:56" const EstadoChamado = chamado.state_id; const IdChamado = chamado.number; @@ -220,22 +256,36 @@ function IniciandoTelaHome() { const Titulo = chamado.title; const IdChamado = chamado.number; - const AutorChamado = chamado.customer_id; + const AutorChamado = chamado.created_by; + const AutorChamadoId = chamado.customer_id; + const Prioridade = chamado.priority.split(" ")[0]; const estado = chamado.state_id - const dataAbertura = chamado.created_at.split("T")[0]; // "2025-01-14" + const dataAbertura = chamado.created_at.split(" ")[0]; // "2025-01-14" const [anoA, mesA, diaA] = dataAbertura.split("-"); const dataFormatadaA = `${mesA}/${diaA}/${anoA}`; // "01/14/2025" - const horaAbertura = chamado.created_at.match(/T(\d{2}:\d{2})/)[1]; // "14:56" + const horaAbertura = chamado.created_at.split(" ")[1].slice(0, 5); + + let dataFechamento = " ... "; + let dataFormatadaF = " ... "; + let horaFechamento = " ... "; + + if (chamado.close_at) { + + dataFechamento = chamado.close_at.split("T")[0]; // "2025-01-14" + const [anoF, mesF, diaF] = dataFechamento.split("-"); + dataFormatadaF = `${mesF}/${diaF}/${anoF}`; // "01/14/2025" + + horaFechamento = chamado.close_at.match(/T(\d{2}:\d{2})/)[1]; + } + + + - const dataFechamento = chamado.created_at.split("T")[0]; // "2025-01-14" - const [anoF, mesF, diaF] = dataAbertura.split("-"); - const dataFormatadaF = `${mesF}/${diaF}/${anoF}`; // "01/14/2025" - const horaFechamento = chamado.created_at.match(/T(\d{2}:\d{2})/)[1]; // "14:56" let StadoChamado = 0; @@ -264,12 +314,12 @@ function IniciandoTelaHome() { - ConstruirPoup(IdChamado, Titulo, AutorChamado, dataFormatadaA, horaAbertura, dataFormatadaF, horaFechamento, StadoChamado, StadoChamadoClass); + ConstruirPoup(IdChamado, Titulo, AutorChamado, dataFormatadaA, horaAbertura, dataFormatadaF, horaFechamento, StadoChamado, StadoChamadoClass, AutorChamadoId, Prioridade); } }, 0); } - function ConstruirPoup(Chamado, Titulo, AutorChamado, dataFormatadaA, horaAbertura, dataFormatadaF, horaFechamento, StadoChamado, StadoChamadoClass) { + function ConstruirPoup(Chamado, Titulo, AutorChamado, dataFormatadaA, horaAbertura, dataFormatadaF, horaFechamento, StadoChamado, StadoChamadoClass, AutorChamadoId, Prioridade) { const chamadoButton = document.getElementById(`${Chamado}`) @@ -293,17 +343,25 @@ function IniciandoTelaHome() { return `
+
+

${StadoChamado}

+
+

${Titulo}

-
-

${StadoChamado}

+ `; @@ -452,8 +510,11 @@ function IniciandoTelaHome() { case 'Dezembro': MesesDoAno = '12'; break; } - let idDiaClicado = dia; // Variável global para armazenar o ID + let idDiaClicado = idDiaAtual; + console.log("Antes do Click" + idDiaClicado) + // Variável global para armazenar o ID // Função para adicionar o evento de clique a todos os dias + function adicionarEventosClick() { // Seleciona todos os elementos

com a classe "dia" const dias = document.querySelectorAll('.dia'); @@ -471,6 +532,7 @@ function IniciandoTelaHome() { // Armazena a ID do dia clicado idDiaClicado = dia.id; + console.log("Apos o Click" + idDiaClicado) // Exibe o ID no console //console.log(`ID do dia clicado: ${idDiaClicado}`); @@ -486,7 +548,7 @@ function IniciandoTelaHome() { setTimeout(() => { Chamados_home(idDiaClicado); //console.log(`ID do dia após o clique: ${idDiaClicado}`); - }, 1000); // Isso espera 1 segundo após o clique para verificar a variável + }, 500); // Isso espera 1 segundo após o clique para verificar a variável const dataAtual = `${ano}-${MesesDoAno}-${dia}`; //console.log("Data processada corretamente:", dataAtual); @@ -564,7 +626,7 @@ 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 <= 20; + let botaoAtivo = ano === anoAtual && mes === mesAtual && diaAtual >= 1 && diaAtual <= 25; console.log(botaoAtivo); if (botaoAtivo == false) { @@ -600,7 +662,7 @@ function IniciandoTelaHome() {

@@ -620,21 +682,40 @@ function IniciandoTelaHome() { async function gerarBoleto() { - const { Boleto_Conect, Response_Conect } = await IntegracaoBoleto_Conect(); - //const { Boleto_Aline } = await IntegracaoBoleto_Alinhamento(); - //const { Boleto_PDF } = await IntegracaoBoleto_GerarPDF(); - const dataBole_Conect = await Boleto_Conect.json(); - //const dataBole_Aline = await Boleto_Aline.json(); - //const dataBole_PDF = await Boleto_PDF.json(); + try { + const { Boleto_Conect, Response_Conect } = await IntegracaoBoleto_Conect(); + const dataBole_Conect = await Boleto_Conect.json(); + console.log(dataBole_Conect) - const Alinhamento_Pdf = await Response_Conect.blob(); + // Verifique o tipo de conteúdo da resposta + const contentType = Response_Conect.headers.get("content-type"); + + if (contentType && contentType.includes("application/json")) { + // Se for JSON, processa como JSON + const dataJson = await Response_Conect.json(); + console.log("Resposta JSON recebida", dataJson); + alert("Falha ao Baixar PDF"); + return; + } + + // Se não for JSON, tenta tratar como Blob + const Alinhamento_Pdf = await Response_Conect.blob(); + + // Verificar se o Blob é válido + if (Alinhamento_Pdf.size === 0) { + throw new Error("O arquivo retornado está vazio."); + } + + const pdfUrl = URL.createObjectURL(Alinhamento_Pdf); + window.open(pdfUrl, '_blank'); + console.log("Resposta da conexão", dataBole_Conect, Alinhamento_Pdf); + + } catch (error) { + console.error("Erro ao processar o arquivo:", error); + alert("Não foi possível carregar o arquivo. Verifique sua conexão ou tente mais tarde."); + } - console.log("Resposta da conexão", dataBole_Conect, Alinhamento_Pdf); - // console.log("Resposta do Alinhamento", dataBole_Aline); - // console.log("Resposta da Geração de PDF", dataBole_PDF); - const pdfUrl = URL.createObjectURL(Alinhamento_Pdf); - window.open(pdfUrl, '_blank'); } diff --git a/js/page/Modulo_Construcao/Funcao/Monitoramento/Func_Moni.js b/js/page/Modulo_Construcao/Funcao/Monitoramento/Func_Moni.js index 15fa412..6233037 100644 --- a/js/page/Modulo_Construcao/Funcao/Monitoramento/Func_Moni.js +++ b/js/page/Modulo_Construcao/Funcao/Monitoramento/Func_Moni.js @@ -9,7 +9,7 @@ function MonitoramentoIniciar() { const moniConstruida = document.getElementById('Monitoramento'); if (moniConstruida) { - let Preinfo = "

Carregando ...

"; + let Preinfo = "

Carregando ...

"; const HostsPainel = document.getElementById('ItensHosts'); HostsPainel.innerHTML = Preinfo; @@ -36,9 +36,9 @@ function MonitoramentoIniciar() { if (ResutadosZabix === 500) { Elementohost.innerHTML = ` -
+

Status 404

-

Sem serviços no momento

+

Estamos sem serivço temporariamente

`; throw new Error(`Erro na API dos Chamados: ${ResutadosZabix}`); } @@ -46,7 +46,7 @@ function MonitoramentoIniciar() { if (ResutadosZabix === 404) { Elementohost.innerHTML = ` -
+

Status 404

Nenhum serviço encontrado

`; @@ -56,17 +56,18 @@ function MonitoramentoIniciar() { if (ResutadosZabix === 401) { Elementohost.innerHTML = ` -
+

Status 404

Usuário não autenticado!

`; + location.reload(true); throw new Error(`Erro na API dos Chamados: ${ResutadosZabix}`); } if (ResutadosZabix === 502) { Elementohost.innerHTML = ` -
+

Status 404

Estamos realizando manutenções, volte mais tarde

`; @@ -76,9 +77,9 @@ function MonitoramentoIniciar() { if (ResutadosZabix === 504) { Elementohost.innerHTML = ` -
+

Status 404

-

Estamos realizando manutenções, volte mais tarde

+

Este Serviço, demorou muito para responder, por favor contate o suporte

`; throw new Error(`Erro na API dos Chamados: ${ResutadosZabix} `); } @@ -98,11 +99,12 @@ function MonitoramentoIniciar() { // Evita múltiplos eventos sendo adicionados ao select seletorEnseg.innerHTML = ``; filteredHosts.forEach(host => { - let hostName = host.metrics.find(metric => metric.key === "system.hostname")?.value || "Desconhecido"; - seletorEnseg.innerHTML += ``; + let hostName = host.metrics.find(metric => metric.key === "system.hostname")?.value || "Desativado"; + let hostConsult = host.host_name; + seletorEnseg.innerHTML += ``; }); - Preinfo = "

Selecione um Host

"; + Preinfo = "

Selecione um Host

"; HostsPainel.innerHTML = Preinfo; // Removendo eventos anteriores antes de adicionar um novo @@ -111,14 +113,17 @@ function MonitoramentoIniciar() { const selectedHostName = this.value; hostsPainel.innerHTML = ""; // Limpa o painel - const selectedHost = filteredHosts.find(host => - host.metrics.some(metric => metric.key === "system.hostname" && metric.value === selectedHostName) - ); + // Busca o host correspondente pelo host_name + const selectedHost = filteredHosts.find(host => host.host_name === selectedHostName); + if (!selectedHost) return; - let hostContentPainelFixo = ""; - let hostContentPainelMovel = ""; + let hostAtivos = `

Status do Host - Sem Resposta

`; + let hostMemoriaTotalRam = `

Total de Ram - Sem Resposta

`; + let discos = {}; + let hostMemoriaUsoRam = `

Ram: ...

`; + let hostCPU = `

CPU: ....

`; selectedHost.metrics.forEach(metric => { @@ -127,11 +132,11 @@ function MonitoramentoIniciar() { const valor = metric.value; if (valor == 0) { - hostContentPainelFixo += `
Host Desativado
`; // Aplicação do Desativado dentro do item host + hostAtivos = `
Host Offline
`; // Aplicação do Desativado dentro do item host } // Reação de aplicação de inserção para o caso do ping for 1 if (valor == 1) { - hostContentPainelFixo += `
Host Ativado
`; // Aplicação do ativo dentro do item host + hostAtivos = `
Host Online
`; // Aplicação do ativo dentro do item host } @@ -142,50 +147,73 @@ function MonitoramentoIniciar() { const valorMemoria = metric.value; const totalGB = (valorMemoria / Math.pow(1024, 3)).toFixed(2); - hostContentPainelFixo += `
Total de Ram ${totalGB} GB
` + hostMemoriaTotalRam = `
Total de Ram ${totalGB} GB
` } - let hostContentArmazen = "" // Suponha que metric.key pode ter diferentes letras de unidade if (metric.key.startsWith("vfs.fs.dependent.size[")) { // Expressão regular para capturar a letra da unidade const match = metric.key.match(/vfs\.fs\.dependent\.size\[([A-Z]):,total\]/); if (match) { - const driveLetter = match[1]; // Captura a letra do drive - const valorDisco = metric.value; + let driveLetter = match[1]; // Captura a letra do drive + let totalGB = formatarTamanhoTotal(metric.value); // Converte para GB - const totalGB = (valorDisco / Math.pow(1024, 3)).toFixed(2); + function formatarTamanhoTotal(valorEmBytes) { + let valorEmGB = valorEmBytes / Math.pow(1024, 3); // Converte para GB + if (valorEmGB >= 1000) { + let valorEmTB = valorEmGB / 1024; // Converte para TB + return `${valorEmTB.toFixed(2)} TB`; + } + return `${valorEmGB.toFixed(2)} GB`; + } - hostContentArmazen += `
Disco de Total - ${driveLetter}: ${totalGB} GB
`; + + if (!discos[driveLetter]) { + discos[driveLetter] = { total: 0, used: 0 }; + } + discos[driveLetter].total = totalGB; } } - // Suponha que metric.key pode ter diferentes letras de unidade if (metric.key.startsWith("vfs.fs.dependent.size[")) { // Expressão regular para capturar a letra da unidade const match = metric.key.match(/vfs\.fs\.dependent\.size\[([A-Z]):,used\]/); if (match) { - const driveLetter = match[1]; // Captura a letra do drive - const valorDisco = metric.value; + let driveLetter = match[1]; // Captura a letra do drive + let usedGB = formatarTamanhoUsed(metric.value) // Converte para GB - const usedGB = (valorDisco / Math.pow(1024, 3)).toFixed(2); + // Função para formatar o tamanho em GB ou TB + function formatarTamanhoUsed(valorEmBytes) { + let valorEmGB = valorEmBytes / Math.pow(1024, 3); // Converte para GB + if (valorEmGB >= 1000) { + let valorEmTB = valorEmGB / 1024; // Converte para TB + return `${valorEmTB.toFixed(2)} TB`; + } + return `${valorEmGB.toFixed(2)} GB`; + } - hostContentArmazen += `
Disco em uso - ${driveLetter}: ${usedGB} GB
`; + + if (!discos[driveLetter]) { + discos[driveLetter] = { total: 0, used: 0 }; + } + discos[driveLetter].used = usedGB; } + + + } - hostContentPainelFixo += hostContentArmazen; if (metric.key === "system.cpu.util") { let Alinhadocpu = Math.floor(metric.value); - hostContentPainelMovel += `

CPU ${Alinhadocpu}%

`; + hostCPU = `

CPU: ${Alinhadocpu}%

`; setTimeout(() => { @@ -216,7 +244,7 @@ function MonitoramentoIniciar() { if (metric.key === "vm.memory.util") { let AlinhadoMemory = Math.floor(metric.value); - hostContentPainelMovel += `

Ram ${AlinhadoMemory}%

`; + hostMemoriaUsoRam = `

Ram: ${AlinhadoMemory}%

`; setTimeout(() => { @@ -245,10 +273,30 @@ function MonitoramentoIniciar() { } }); + + let alinhamentoDeDiscos = ""; + for (let drive in discos) { + alinhamentoDeDiscos += `

Unidade ${drive}: ${discos[drive].used} de ${discos[drive].total}

`; + } + + // Se nenhum disco foi encontrado, exibir mensagem padrão + let alidanhamento_de_disco = Object.keys(discos).length > 0 ? alinhamentoDeDiscos : "

Sem informações de disco disponíveis

"; + + hostsPainel.innerHTML = ` -
${hostContentPainelMovel}
-
${hostContentPainelFixo}
+
+ ${hostCPU} + ${hostMemoriaUsoRam} +
+
+
${hostAtivos}
+ +
+ ${alidanhamento_de_disco} +
+
${hostMemoriaTotalRam}
+
`; diff --git a/js/page/Modulo_Construcao/Painel/Config/Ambiente/PopAmbientes_html.js b/js/page/Modulo_Construcao/Painel/Config/Ambiente/PopAmbientes_html.js index 3783b3d..d1fe17c 100644 --- a/js/page/Modulo_Construcao/Painel/Config/Ambiente/PopAmbientes_html.js +++ b/js/page/Modulo_Construcao/Painel/Config/Ambiente/PopAmbientes_html.js @@ -10,7 +10,7 @@ function Estrututura_html_Ambiente_home() {
- +

Usuários

@@ -33,7 +33,7 @@ function Estrututura_html_Ambiente_Criacao() {
- +

Usuários

@@ -74,7 +74,7 @@ function Estrututura_html_User_edicao() {

Usuários

- +
diff --git a/js/page/Modulo_Construcao/Painel/Config/Estrutura/Estrutura_Config_Html.js b/js/page/Modulo_Construcao/Painel/Config/Estrutura/Estrutura_Config_Html.js index 72436ab..22acd60 100644 --- a/js/page/Modulo_Construcao/Painel/Config/Estrutura/Estrutura_Config_Html.js +++ b/js/page/Modulo_Construcao/Painel/Config/Estrutura/Estrutura_Config_Html.js @@ -8,22 +8,22 @@ function estruturaHtml_Config() {
- +

Perfil

diff --git a/js/page/Modulo_Construcao/Painel/Config/Perfil/PopPerfil_html.js b/js/page/Modulo_Construcao/Painel/Config/Perfil/PopPerfil_html.js index d7bb123..d177010 100644 --- a/js/page/Modulo_Construcao/Painel/Config/Perfil/PopPerfil_html.js +++ b/js/page/Modulo_Construcao/Painel/Config/Perfil/PopPerfil_html.js @@ -6,7 +6,7 @@ function Estrututura_html_Perfil() {
- +

perfil

diff --git a/js/page/Modulo_Construcao/Painel/Config/User/PopUser_html.js b/js/page/Modulo_Construcao/Painel/Config/User/PopUser_html.js index a0d8ab3..eeb8f1c 100644 --- a/js/page/Modulo_Construcao/Painel/Config/User/PopUser_html.js +++ b/js/page/Modulo_Construcao/Painel/Config/User/PopUser_html.js @@ -8,11 +8,11 @@ function Estrututura_html_User_home() {
- +

Usuários

-
+
@@ -31,7 +31,7 @@ function Estrututura_html_User_Criacao() {
- +

Usuários

@@ -72,7 +72,7 @@ function Estrututura_html_User_edicao() {

Usuários

- +
diff --git a/js/page/Modulo_Construcao/Painel/Estrutura/Html_estrutura.js b/js/page/Modulo_Construcao/Painel/Estrutura/Html_estrutura.js index b6e9b24..7c7052a 100644 --- a/js/page/Modulo_Construcao/Painel/Estrutura/Html_estrutura.js +++ b/js/page/Modulo_Construcao/Painel/Estrutura/Html_estrutura.js @@ -28,19 +28,19 @@ function InterfaceAmbiente(nomeCompleto, Empresa) {
- +
- +
- +
@@ -48,7 +48,7 @@ function InterfaceAmbiente(nomeCompleto, Empresa) {
- +
@@ -60,19 +60,19 @@ function InterfaceAmbiente(nomeCompleto, Empresa) {
- +
- +
- +
@@ -91,7 +91,7 @@ function InterfaceAmbiente(nomeCompleto, Empresa) {
- Perfil de ${nomeCompleto} + Perfil de ${nomeCompleto}
@@ -109,7 +109,7 @@ function InterfaceAmbiente(nomeCompleto, Empresa) {
diff --git a/js/page/Modulo_Construcao/Painel/Home/Html_Home.js b/js/page/Modulo_Construcao/Painel/Home/Html_Home.js index 9642351..4565d0d 100644 --- a/js/page/Modulo_Construcao/Painel/Home/Html_Home.js +++ b/js/page/Modulo_Construcao/Painel/Home/Html_Home.js @@ -7,7 +7,7 @@ function estruturaHtml_Home() {
-

Serviço

+

Serviços

diff --git a/js/tes.js b/js/tes.js deleted file mode 100644 index 28400a1..0000000 --- a/js/tes.js +++ /dev/null @@ -1,83 +0,0 @@ -// Função para obter a URL base da API -async function getApiUrl() { - try { - const response = await fetch('../../../Site_ItGuys/php/config_url.php'); // Solicita a URL base do PHP - if (!response.ok) { - throw new Error('Network response was not ok'); - } - const data = await response.json(); - return data.apiUrl; // Retorna a URL base - } 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'); -} - -// Função para carregar e exibir as imagens protegidas -async function criarBlocos() { - try { - const apiUrl = await getApiUrl(); // Obtém a URL da API a partir do PHP - const token = getAuthToken(); // Obtém o token JWT do localStorage - - // Faz uma requisição para obter os dados da rota /mounting - const response = await fetch(`${apiUrl}/mounting`, { - method: 'GET', - headers: { - 'Content-Type': 'application/json', - 'x-access-token': token ? token : '' - } - }); - - if (!response.ok) { - throw new Error('Erro na requisição: ' + response.statusText); - } - - const data = await response.json(); - - // Usar a URL da API para acessar as imagens protegidas - const profileImageUrl = `${apiUrl}${data.usuario.img_perfil}`; - const companyLogoUrl = `${apiUrl}${data.empresa.logo}`; - - // Exibe as imagens protegidas usando os URLs retornados pela API - loadImage(profileImageUrl, 'profileImage'); // Imagem de perfil do usuário - loadImage(companyLogoUrl, 'companyLogo'); // Logo da empresa - - } catch (error) { - console.error('Erro ao criar blocos:', error); - document.getElementById('result').innerText = 'Erro ao carregar dados: ' + error.message; - } -} - -// Função para carregar uma imagem protegida com token JWT e exibi-la -async function loadImage(url, imgElementId) { - try { - const token = getAuthToken(); - console.log(token) - const response = await fetch(url, { - method: 'GET', - headers: { - 'x-access-token': token // Se o backend usa um cabeçalho customizado - } - }); - - if (!response.ok) { - throw new Error('Erro ao carregar a imagem: ' + response.statusText); - } - - const blob = await response.blob(); // Converte a resposta para um blob - const imageUrl = URL.createObjectURL(blob); // Cria uma URL temporária para a imagem - - // Define a URL da imagem no elemento correspondente - document.getElementById(imgElementId).src = imageUrl; - } catch (error) { - console.error('Erro ao carregar a imagem:', error); - } -} - -// Inicia o carregamento das imagens quando o script for carregado -document.addEventListener('DOMContentLoaded', criarBlocos); diff --git a/login.html b/login.html index 9abe52f..1d0a0e6 100644 --- a/login.html +++ b/login.html @@ -58,14 +58,14 @@
- +