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

Autlização 11 | Estruturação do painel de ambientes

This commit is contained in:
daivid.alves 2024-10-23 17:47:41 -03:00
parent 4669a6ed2b
commit 5325d6107c
2 changed files with 203 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Css/page/Ambiente/Monitoramento/sec_cap_1.css
View File

@ -65,4 +65,5 @@
left: 1vw;
top: 15vh;
}

202
html/Home.html
View File

@ -254,6 +254,208 @@
</section>
</div>
</div>
<div class="bloco_ambiente">
<div class="seguimento_1">
<section class="capitulo_1">
<div class="titulo_Cap">
<h2>Titulo de Painel</h2>
</div>
<div class="painel_Cap">
<div class="colun_1">
<div class="titulo">
<h2>Nome da empresa</h2>
</div>
<div class="Mensagem_ambiente" id="Mensagem_ambiente">
p{mensagem de status do ambiente}
</div>
<div class="button_rel">
<button id="Formulario">
<img src="" alt="">
</button>
</div>
<div class="status_ambiente" id="status_ambiente">
<p>OFF ON ERRO</p>
</div>
</div>
<div class="colun_2">
<div class="titulo">
<h2>Nome da empresa</h2>
</div>
<div class="Mensagem_ambiente" id="Mensagem_ambiente">
<p>mensagem de status do ambiente</p>
</div>
<div class="button_rel">
<button id="Formulario">
<img src="" alt="">
</button>
</div>
<div class="status_ambiente" id="status_ambiente">
<p>OFF ON ERRO</p>
</div>
</div>
</div>
</section>
</div>
<div class="seguimento_2">
<div class="subseguimento_1">
<section class="capitulo_2">
<div class="titulo_Cap">
<h2>Titulo de Painel</h2>
</div>
<div class="painel_Cap">
<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 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="subseguimento_2">
<section class="capitulo_3">
<div class="titulo_Cap">
<h2>Titulo de Painel</h2>
</div>
<div class="painel_Cap">
<div class="coluna_1">
<button>ON</button>
<button>ON</button>
<button>ON</button>
</div>
<div class="coluna_2">
<div class="opicao">
<button>Nome da empresa</button>
</div>
</div>
</div>
</section>
</div>
</div>
</main>