460 lines
18 KiB
HTML
460 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="../../../Css/Ambiente_Usuario/Monitor.css">
|
|
<link rel="stylesheet" href="../../../Css/global/padraouser.css">
|
|
<link rel="stylesheet" href="../../../Css/global/import.css">
|
|
<link rel="stylesheet" href="../../../Css/Ambiente_Usuario/Sub_telas_monitor.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<main class="Corpo">
|
|
<section class="Capitulos_1">
|
|
|
|
|
|
<div class="reação" onclick="togglePanelVisibility('panel1')">
|
|
<p>Alerta</p>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="reação" onclick="togglePanelVisibility('panel2')">
|
|
<p>VPN</p>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="reação" onclick="togglePanelVisibility('panel3')">
|
|
|
|
<p>Data Center</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="reação" onclick="togglePanelVisibility('panel4')">
|
|
|
|
<p>Firewall</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="reação" onclick="togglePanelVisibility('panel5')">
|
|
<p>Ramais</p>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="reação" onclick="togglePanelVisibility('panel6')">
|
|
<p>CFTV</p>
|
|
|
|
</div>
|
|
|
|
<div class="reação" onclick="togglePanelVisibility('panel7')">
|
|
<p>Host</p>
|
|
|
|
</div>
|
|
|
|
<div class="reação" onclick="togglePanelVisibility('panel8')">
|
|
<p>Consumo</p>
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<script>
|
|
|
|
var temas = document.querySelectorAll('.reação')
|
|
|
|
function selectLink() {
|
|
temas.forEach((item) =>
|
|
item.classList.remove('ativo')
|
|
)
|
|
this.classList.add('ativo')
|
|
}
|
|
temas.forEach((item) =>
|
|
item.addEventListener('click', selectLink))
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<section class="Capitulos_2">
|
|
|
|
<article id="panel1" class="matriz_alert">
|
|
<section class="sub_tela_alert_frame_1">
|
|
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=18"
|
|
frameborder="0" class="sub_tela_alert_frame_1"></iframe>
|
|
|
|
</section>
|
|
</article>
|
|
|
|
<article id="panel2" class="Matriz_Vpn">
|
|
<section class="Subtela_Vpn_1">
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=14"
|
|
frameborder="0" class="Subtela_Vpn_frame_1">
|
|
|
|
</iframe>
|
|
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=16"
|
|
frameborder="0" class="Subtela_Vpn_frame_2">
|
|
|
|
</iframe>
|
|
</section>
|
|
</article>
|
|
|
|
|
|
<article id="panel3" class="matriz_DataCenter">
|
|
<section class="Subtela_Data_1">
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=20"
|
|
frameborder="0" class="Subtela_Data_frame_1"></iframe>
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=21"
|
|
frameborder="0" class="Subtela_Data_frame_2"></iframe>
|
|
</section>
|
|
</article>
|
|
|
|
<article id="panel4" class="matriz_Firewall">
|
|
|
|
<section class="capitulo_1">
|
|
|
|
<section class="Hardware">
|
|
|
|
<div class="sessao_1">
|
|
|
|
<div class="tela_har_1">
|
|
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=3"
|
|
frameborder="0"></iframe>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="sessao_2">
|
|
|
|
<div class="tela_har_2">
|
|
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=15"
|
|
frameborder="0"></iframe>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="tela_har_3">
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=19"
|
|
frameborder="0"></iframe>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
</section>
|
|
|
|
|
|
<section class="capitulo_2">
|
|
|
|
<section class="trafegos">
|
|
<div class="tela_traf_1">
|
|
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=5"
|
|
frameborder="0"></iframe>
|
|
|
|
</div>
|
|
|
|
<div class="tela_traf_2">
|
|
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=4"
|
|
frameborder="0"></iframe>
|
|
|
|
</div>
|
|
|
|
<div class="tela_traf_3">
|
|
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=31"
|
|
frameborder=" 0"></iframe>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
<section class="speed_teste">
|
|
<div class="tela_spe_1">
|
|
|
|
<iframe class="tela_5"
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=7"
|
|
frameborder="0"></iframe>
|
|
|
|
|
|
|
|
</div>
|
|
<div class="tela_spe_2">
|
|
|
|
<iframe class="tela_4"
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=6"
|
|
frameborder="0"></iframe>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
</section>
|
|
</article>
|
|
|
|
|
|
|
|
<article id="panel5" class="matriz_Ramais">
|
|
<section class="Subtela_ramais_1">
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=30"
|
|
frameborder="0" class="Subtela_Ramais_frame_1"></iframe>
|
|
</section>
|
|
|
|
|
|
|
|
</article>
|
|
|
|
<article id="panel6" class="matriz_CFTV">
|
|
|
|
<section class="Subtela_CFTV_1">
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=22"
|
|
frameborder="0" class="Subtela_CFTV_frame_1"></iframe>
|
|
</section>
|
|
|
|
<section class="Subtela_CFTV_2">
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=26"
|
|
frameborder="0" class="Subtela_CFTV_frame_2"></iframe>
|
|
</section>
|
|
|
|
<section class="Subtela_CFTV_3">
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=27"
|
|
frameborder="0" class="Subtela_CFTV_frame_3"></iframe>
|
|
</section>
|
|
|
|
<section class="Subtela_CFTV_4">
|
|
<iframe
|
|
src="https://grafana.itguys.com.br/d-solo/c44d02bc-649f-489d-8d2b-ed51fd5d2144/ronald-santoro?orgId=1&refresh=5s&theme=light&panelId=28"
|
|
frameborder="0" class="Subtela_CFTV_frame_4"></iframe>
|
|
</section>
|
|
|
|
</article>
|
|
|
|
<article id="panel7" class="matriz_hosts">
|
|
|
|
<section class="host_2">
|
|
<div class="Subtela_2_1">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=6"
|
|
frameborder="0" class="subtela_frame_1"></iframe>
|
|
</div>
|
|
<div class="Subtela_2_2">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=10"
|
|
frameborder="0" class="subtela_frame_2"></iframe>
|
|
</div>
|
|
<div class="Subtela_2_3">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=12"
|
|
frameborder="0" class="subtela_frame_3"></iframe>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="host_3">
|
|
<div class="Subtela_3_1">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=7"
|
|
frameborder="0" class="subtela_frame_1"></iframe>
|
|
</div>
|
|
<div class="Subtela_3_2">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=11"
|
|
frameborder="0" class="subtela_frame_2"></iframe>
|
|
</div>
|
|
<div class="Subtela_3_3">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=13"
|
|
frameborder="0" class="subtela_frame_3"></iframe>
|
|
</div>
|
|
</section>
|
|
<section class="host_4">
|
|
<div class="Subtela_4_1">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=14"
|
|
frameborder="0" class="subtela_frame_1"></iframe>
|
|
</div>
|
|
<div class="Subtela_4_2">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=15"
|
|
frameborder="0" class="subtela_frame_2"></iframe>
|
|
</div>
|
|
<div class="Subtela_4_3">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=16"
|
|
frameborder="0" class="subtela_frame_3"></iframe>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
|
|
|
|
<article id="panel8" class="matriz_consumo_PDU">
|
|
<section class="cap_1">
|
|
<div class="sessao_1">
|
|
|
|
<div class="subtela_PDU_1"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=20"
|
|
frameborder="0" class="subtela_PDU_1_1"></iframe></div>
|
|
|
|
</div>
|
|
|
|
<div class="sessao_2">
|
|
<div class="subtela_PDU_1">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=21"
|
|
frameborder="0" class="subtela_PDU_1_1"></iframe>
|
|
</div>
|
|
|
|
<div class="subtela_PDU_2">
|
|
<iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=24"
|
|
frameborder="0" class="subtela_PDU_1_2"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cap_2">
|
|
<div class="sessao_1">
|
|
<div class="subtela_PDU_1"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=41"
|
|
frameborder="0" class="subtela_PDU_1_1"></iframe>
|
|
</div>
|
|
|
|
<div class="subtela_PDU_2"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=36"
|
|
frameborder="0" class="subtela_PDU_1_2"></iframe>
|
|
</div>
|
|
|
|
<div class="subtela_PDU_3"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=43"
|
|
frameborder="0" class="subtela_PDU_1_3"></iframe>
|
|
</div>
|
|
|
|
<div class="subtela_PDU_4"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=42"
|
|
frameborder="0" class="subtela_PDU_1_4"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="sessao_2">
|
|
<div class="subtela_PDU_1"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=34"
|
|
frameborder="0" class="subtela_PDU_1_1"></iframe>
|
|
</div>
|
|
|
|
<div class="subtela_PDU_2"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=33"
|
|
frameborder="0" class="subtela_PDU_1_2"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cap_3">
|
|
|
|
<div class="sessao_1">
|
|
<div class="subtela_PDU_1"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=22"
|
|
frameborder="0" class="subtela_PDU_1_1"></iframe>
|
|
</div>
|
|
</div>
|
|
<div class="sessao_2">
|
|
|
|
<div class="esqueda">
|
|
|
|
<div class="subtela_PDU_1"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=23"
|
|
frameborder="0" class="subtela_PDU_1_1"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="direita">
|
|
|
|
<div class="subtela_PDU_2"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=25"
|
|
frameborder="0" class="subtela_PDU_1_2"></iframe>
|
|
</div>
|
|
|
|
<div class="subtela_PDU_3"><iframe
|
|
src="http://grafana.itguys.com.br/d-solo/fdkljov89nawwa/consumo-energetico-ronaldo-santoro?orgId=1&theme=light&panelId=27"
|
|
frameborder="0" class="subtela_PDU_1_3"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</article>
|
|
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
|
|
<script>
|
|
|
|
function togglePanelVisibility(panelId) {
|
|
var panel = document.getElementById(panelId);
|
|
var radio = document.querySelector('input[name="panelSelection"]:checked');
|
|
var allPanels = document.querySelectorAll('article');
|
|
|
|
if (panel.style.display === "none" || panel.style.display === "") {
|
|
// Exibe o painel clicado
|
|
panel.style.display = "flex";
|
|
|
|
// Oculta todos os outros painéis
|
|
allPanels.forEach(function (otherPanel) {
|
|
if (otherPanel.id !== panelId) {
|
|
otherPanel.style.display = "none";
|
|
}
|
|
});
|
|
} else {
|
|
// Se o botão de rádio não estiver selecionado, oculta o painel clicado
|
|
if (!radio) {
|
|
panel.style.display = "none";
|
|
}
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |