diff --git a/Acessts/Imagens/Iconis/Thumbs.db b/Acessts/Imagens/Iconis/Thumbs.db index 47d1f02..27d8a8c 100644 Binary files a/Acessts/Imagens/Iconis/Thumbs.db and b/Acessts/Imagens/Iconis/Thumbs.db differ diff --git a/Acessts/Imagens/Iconis/relatorio.png b/Acessts/Imagens/Iconis/relatorio.png new file mode 100644 index 0000000..785fc23 Binary files /dev/null and b/Acessts/Imagens/Iconis/relatorio.png differ diff --git a/Css/page/Ambiente/Home/root_Home.css b/Css/page/Ambiente/Home/root_Home.css index 735adce..fba46b3 100644 --- a/Css/page/Ambiente/Home/root_Home.css +++ b/Css/page/Ambiente/Home/root_Home.css @@ -49,7 +49,9 @@ .capitulo_1 .painel, .capitulo_2 .painel, .capitulo_3 .painel { - width: 40vw; + width: 46vw; + border-radius: 2vw; + padding: 2vh; background-color: var(--Cor_Segundaria_5_1); diff --git a/Css/page/Ambiente/Home/sec_cap_1.css b/Css/page/Ambiente/Home/sec_cap_1.css index e69de29..31d90be 100644 --- a/Css/page/Ambiente/Home/sec_cap_1.css +++ b/Css/page/Ambiente/Home/sec_cap_1.css @@ -0,0 +1,27 @@ +.corpo_controler { + width: 100%; + display: flex; + flex-direction: row; +} + +.seguimento_1, +.seguimento_2 { + + display: flex; + flex-direction: column; + width: 50%; + gap: 2vw; +} + +.dashbord_user_1 { + width: 18vw; + height: 20vh; + background-color: var(--Matriz); +} + +.dashbord_user_2, +.dashbord_user_3 { + width: 20vw; + height: 8vh; + background-color: var(--Matriz); +} \ No newline at end of file diff --git a/Css/page/Ambiente/Home/sec_cap_2.css b/Css/page/Ambiente/Home/sec_cap_2.css index 007a6e8..8aca2cd 100644 --- a/Css/page/Ambiente/Home/sec_cap_2.css +++ b/Css/page/Ambiente/Home/sec_cap_2.css @@ -29,6 +29,7 @@ flex-wrap: wrap; justify-content: center; align-items: center; + align-content: center; gap: 1vw; background-color: var(--Cor_Segundaria_2_1); @@ -37,7 +38,7 @@ .dashbord .dash_painel .dash_subpaneis { width: 10vw; - height: 15vh; + height: 10vh; padding: 0.4vw; background-color: var(--Matriz); display: flex; @@ -70,10 +71,9 @@ .OFF { color: red; + } .ON { color: var(--Cor_Segundaria_2_1); -} - -.dashbord .dash_painel .dash_subpaneis .grafico {} \ No newline at end of file +} \ No newline at end of file diff --git a/Css/page/Ambiente/Home/sec_cap_3.css b/Css/page/Ambiente/Home/sec_cap_3.css index e69de29..8654dd3 100644 --- a/Css/page/Ambiente/Home/sec_cap_3.css +++ b/Css/page/Ambiente/Home/sec_cap_3.css @@ -0,0 +1,149 @@ +.subCapitulo_1 { + width: 100%; + height: 20vh; + +} + +.subCapitulo_1 .carrossel_host { + width: 100%; + height: 20vh; + + display: flex; + align-items: center; + position: relative; +} + +.subCapitulo_1 .carrossel_host .list { + overflow: hidden; + width: 100%; + height: 15vh; + scroll-behavior: smooth; + + padding: 1vw; + display: flex; + align-items: center; + gap: 2vw; +} + +.subCapitulo_1 .carrossel_host .list .item button { + background: none; + border: none; + outline: none; + + border-radius: 2vw; + background-color: var(--Matriz); + padding: 2.5vw; + color: var(--Cor_Segundaria_5_1); + font-family: var(--font_titulo); +} + +.subCapitulo_1 .carrossel_host .button button { + background: none; + outline: none; + border: none; + + padding: 0.5vw; + border-radius: 0.5vw; + backdrop-filter: blur(2px); + background-color: #00000070; +} + +.subCapitulo_1 .carrossel_host .button img { + width: 2vw; +} + +#next { + position: absolute; + right: 0; + top: 8vh; +} + +#prev { + position: absolute; + left: 0; + top: 8vh; + +} + +.subCapitulo_2 { + width: 100%; + padding-bottom: 2vh; + align-items: center; + + display: flex; + flex-direction: column; + justify-content: center; +} + +.subCapitulo_2 .titulo_Sub_cap { + font-family: var(--font_titulo); + font-size: 1vw; + color: var(--Matriz); + width: 90%; + display: flex; + justify-content: start; +} + +.subCapitulo_2 .relatorio { + + margin-top: 2vh; + padding-top: 1vh; + width: 40vw; + display: flex; + flex-direction: row; + gap: 0.5vw; +} + + + +.subCapitulo_2 .relatorio .icon img { + width: 3vw; + padding: 0.5vw; + background-color: var(--Cor_Segundaria_2_1); + box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2); +} + +.subCapitulo_2 .relatorio .painel_Ren { + width: 20vw; + height: 8vh; + padding: 0.5vw; + background-color: var(--Cor_Segundaria_2_1); + box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2); + + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + +} + +.subCapitulo_2 .relatorio .painel_Ren .cabecario { + width: 100%; + + display: flex; + justify-content: space-around; + align-items: center; + border-radius: 1vw; + + gap: 1vw; + + font-family: var(--font_titulo); + color: var(--Cor_Segundaria_5_1); + background-color: var(--Matriz); + font-size: 0.7vw; +} + +.subCapitulo_2 .relatorio .painel_Ren .cabecario button { + + background: none; + border: none; + outline: none; + + border-radius: 2vw; + background-color: var(--Cor_Segundaria_5_1); + width: 6vw; + height: 4vh; + color: var(--Matriz); + font-family: var(--font_titulo); + font-size: 1vw; +} \ No newline at end of file diff --git a/Css/page/Ambiente/Monitoramento/Monitor.css b/Css/page/Ambiente/Monitoramento/Monitor.css new file mode 100644 index 0000000..bc74400 --- /dev/null +++ b/Css/page/Ambiente/Monitoramento/Monitor.css @@ -0,0 +1,3 @@ +@import url(../../../global/import.css); +@import url(./sec_cap_1.css); +@import url(./sec_cap_2.css); \ No newline at end of file diff --git a/Css/page/Ambiente/Monitoramento/sec_cap_1.css b/Css/page/Ambiente/Monitoramento/sec_cap_1.css new file mode 100644 index 0000000..e56b2cd --- /dev/null +++ b/Css/page/Ambiente/Monitoramento/sec_cap_1.css @@ -0,0 +1,68 @@ + .carrossel_host { + width: 100%; + height: 20vh; + + display: flex; + align-items: center; + position: relative; + } + + .carrossel_host .list { + overflow: hidden; + width: 100%; + height: 15vh; + scroll-behavior: smooth; + + padding: 1vw; + display: flex; + align-items: center; + gap: 2vw; + } + + .carrossel_host .list .item button { + background: none; + border: none; + outline: none; + + width: 12vw; + height: 5vh; + display: flex; + justify-content: center; + align-items: center; + + border-radius: 2vw; + background-color: var(--Cor_Segundaria_5_1); + padding: 2vw; + color: var(--Matriz); + font-family: var(--font_titulo); + font-size: 1vw; + } + + .carrossel_host .button button { + background: none; + outline: none; + border: none; + + + padding: 0.5vw; + border-radius: 0.5vw; + backdrop-filter: blur(2px); + background-color: #00000070; + } + + .carrossel_host .button img { + width: 2vw; + } + + #next { + position: absolute; + right: 1vw; + top: 15vh; + } + + #prev { + position: absolute; + left: 1vw; + top: 15vh; + + } \ No newline at end of file diff --git a/Css/page/Ambiente/Monitoramento/sec_cap_2.css b/Css/page/Ambiente/Monitoramento/sec_cap_2.css new file mode 100644 index 0000000..e69de29 diff --git a/html/Home.html b/html/Home.html index 6c7d250..6945baf 100644 --- a/html/Home.html +++ b/html/Home.html @@ -17,7 +17,25 @@

Gráficos mais importantes

-
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
@@ -36,7 +54,7 @@
ON
-
+
@@ -45,7 +63,7 @@
ON
-
+
@@ -54,7 +72,7 @@
ON
-
+
@@ -63,7 +81,7 @@
ON
-
+
@@ -72,7 +90,7 @@
ON
-
+
@@ -81,7 +99,7 @@
OFF
-
+ @@ -96,7 +114,7 @@
ON
-
+
@@ -105,7 +123,7 @@
ON
-
+
@@ -114,7 +132,7 @@
ON
-
+
@@ -123,7 +141,7 @@
ON
-
+
@@ -132,7 +150,7 @@
ON
-
+
@@ -141,7 +159,7 @@
OFF
-
+ @@ -150,16 +168,97 @@
+
-
+

Detalhes da semana

-
+ +
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + +
+
+ +
+
+ +
+

Relatorios

+
+
+ +
+ +
+
+
+

25/10/2024

+ +
+
+
+ +
+
+ +
+
+
+

24/10/2024

+ +
+
+
+ +
+ +
+ + + + \ No newline at end of file diff --git a/html/Monitoramento.html b/html/Monitoramento.html index b532a5a..3e768ac 100644 --- a/html/Monitoramento.html +++ b/html/Monitoramento.html @@ -5,13 +5,74 @@ Monitoramento - + -

Aqui vão aparecer os graficos do influx e do Zabix

+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + +
+
+
+
+
+
+ + \ No newline at end of file diff --git a/js/Ambiente/Home/RelatorioCeu.js b/js/Ambiente/Home/RelatorioCeu.js new file mode 100644 index 0000000..685fa84 --- /dev/null +++ b/js/Ambiente/Home/RelatorioCeu.js @@ -0,0 +1,34 @@ + +document.addEventListener('DOMContentLoaded', () => { + const productContainer3 = document.querySelector('#list'); + const nxtBtn3 = document.getElementById('next'); + const preBtn3 = document.getElementById('prev'); + + const atualizarDimensoesContainer = () => { + const dimensoesContainer3 = productContainer3.getBoundingClientRect(); + return dimensoesContainer3.width; + }; + + let larguraContainer3 = atualizarDimensoesContainer(); + + nxtBtn3.addEventListener('click', () => { + productContainer3.scrollLeft += larguraContainer3; + // Verificação de limite + if (productContainer3.scrollLeft + larguraContainer3 >= productContainer3.scrollWidth) { + productContainer3.scrollLeft = productContainer3.scrollWidth; // Para no final + } + }); + + preBtn3.addEventListener('click', () => { + productContainer3.scrollLeft -= larguraContainer3; + // Verificação de limite + if (productContainer3.scrollLeft < 0) { + productContainer3.scrollLeft = 0; // Para no início + } + }); + + // Recalcula a largura do container se necessário (por exemplo, ao redimensionar a janela) + window.addEventListener('resize', () => { + larguraContainer3 = atualizarDimensoesContainer(); + }); +}); \ No newline at end of file diff --git a/js/Ambiente/Monitoramento/monitorCeu.js b/js/Ambiente/Monitoramento/monitorCeu.js new file mode 100644 index 0000000..685fa84 --- /dev/null +++ b/js/Ambiente/Monitoramento/monitorCeu.js @@ -0,0 +1,34 @@ + +document.addEventListener('DOMContentLoaded', () => { + const productContainer3 = document.querySelector('#list'); + const nxtBtn3 = document.getElementById('next'); + const preBtn3 = document.getElementById('prev'); + + const atualizarDimensoesContainer = () => { + const dimensoesContainer3 = productContainer3.getBoundingClientRect(); + return dimensoesContainer3.width; + }; + + let larguraContainer3 = atualizarDimensoesContainer(); + + nxtBtn3.addEventListener('click', () => { + productContainer3.scrollLeft += larguraContainer3; + // Verificação de limite + if (productContainer3.scrollLeft + larguraContainer3 >= productContainer3.scrollWidth) { + productContainer3.scrollLeft = productContainer3.scrollWidth; // Para no final + } + }); + + preBtn3.addEventListener('click', () => { + productContainer3.scrollLeft -= larguraContainer3; + // Verificação de limite + if (productContainer3.scrollLeft < 0) { + productContainer3.scrollLeft = 0; // Para no início + } + }); + + // Recalcula a largura do container se necessário (por exemplo, ao redimensionar a janela) + window.addEventListener('resize', () => { + larguraContainer3 = atualizarDimensoesContainer(); + }); +}); \ No newline at end of file