264 lines
12 KiB
HTML
264 lines
12 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 id="conexao" rel="stylesheet" href="">
|
|
<link rel="stylesheet" href="../Css/page/Ambiente/Home/BlocoHome.css">
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<div class="bloco_home">
|
|
<div class="seguimento">
|
|
<section class="capitulo_1">
|
|
<div class="titulo">
|
|
<h2>Gráficos mais importantes</h2>
|
|
</div>
|
|
<div class="painel">
|
|
<!--Editavel pelo usuário e capacidade de inserir graficos das outras dasbords-->
|
|
<div class="corpo_controler">
|
|
<div class="seguimento_1">
|
|
<div class="dashbord_user_1">
|
|
<div class="grafico"></div>
|
|
</div>
|
|
</div>
|
|
<div class="seguimento_2">
|
|
<div class="dashbord_user_2">
|
|
<div class="grafico"></div>
|
|
</div>
|
|
<div class="dashbord_user_3">
|
|
<div class="grafico"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="capitulo_2">
|
|
<div class="titulo">
|
|
<h2>DashBords</h2>
|
|
</div>
|
|
<div class="painel">
|
|
|
|
<div class="dashbord"> <!--Opição-->
|
|
<div class="dash_titulo">Padrão</div>
|
|
<div class="dash_painel">
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status ">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status OFF" id="sub_status">OFF</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dashbord"> <!--Opição-->
|
|
<div class="dash_titulo">Padrão</div>
|
|
<div class="dash_painel">
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status ">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status ON" id="sub_status">ON</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="dash_subpaneis">
|
|
<div class="sub_titulo">
|
|
<div class="Name" id="Name">
|
|
<h2>Grafico</h2><!--prenchivel-->
|
|
</div>
|
|
<div class="sub_status OFF" id="sub_status">OFF</div><!--prenchivel-->
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<div class="seguimento">
|
|
<section class="capitulo_3"> <!--Painel de relatorios-->
|
|
<div class="titulo">
|
|
<h2>Detalhes da semana</h2>
|
|
</div>
|
|
|
|
<div class="painel">
|
|
<div class="subCapitulo_1">
|
|
<div class="carrossel_host">
|
|
<div class="list" id="list">
|
|
<div class="item"><!--Preenchivem com os servidores da empresa-->
|
|
<button>Host 1</button>
|
|
</div>
|
|
<div class="item">
|
|
<button>Host 2</button>
|
|
</div>
|
|
<div class="item">
|
|
<button>Host 3</button>
|
|
</div>
|
|
<div class="item">
|
|
<button>Host 4</button>
|
|
</div>
|
|
<div class="item">
|
|
<button>Host 5</button>
|
|
</div>
|
|
<div class="item">
|
|
<button>Host 6</button>
|
|
</div>
|
|
<div class="item">
|
|
<button>Host 7</button>
|
|
</div>
|
|
<div class="item">
|
|
<button>Host 8</button>
|
|
</div>
|
|
<div class="item">
|
|
<button>Host 9</button>
|
|
</div>
|
|
</div>
|
|
<div class="button">
|
|
<button id="next">
|
|
<img src="../Acessts/Imagens/Iconis/seta-direita.png" alt="">
|
|
</button>
|
|
<button id="prev">
|
|
<img src="../Acessts/Imagens/Iconis/seta-esquerda.png" alt="">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="subCapitulo_2">
|
|
|
|
<div class="titulo_Sub_cap">
|
|
<h2>Relatorios</h2>
|
|
</div>
|
|
<div class="relatorio">
|
|
<!--Estrutura de conexão do relatorio com a ferramenta do João que cospe pdfs-->
|
|
<div class="icon">
|
|
<img src="../Acessts/Imagens/Iconis/relatorio.png" alt="">
|
|
</div>
|
|
<div class="painel_Ren">
|
|
<div class="cabecario">
|
|
<h2>25/10/2024</h2>
|
|
<button>PDF</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="relatorio">
|
|
<div class="icon">
|
|
<img src="../Acessts/Imagens/Iconis/relatorio.png" alt="">
|
|
</div>
|
|
<div class="painel_Ren">
|
|
<div class="cabecario">
|
|
<h2>24/10/2024</h2>
|
|
<button>PDF</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
|
|
<script src="../js/Ambiente/Home/RelatorioCeu.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |