226 lines
6.6 KiB
JavaScript
226 lines
6.6 KiB
JavaScript
|
|
// Inserção do esqueleto principal do projeto.
|
|
function InterfaceAmbiente(nomeCompleto, Empresa) {
|
|
return `
|
|
<nav>
|
|
|
|
<section class="menu_lateral">
|
|
|
|
<div class="seguimentacao_1">
|
|
|
|
<div class="coluna_1">
|
|
|
|
<div class="subcolunas_1">
|
|
|
|
<div class="filheira">
|
|
|
|
<img src="./Acessts/Imagens/iT_Guys/Logo_itGuys - Copia.png" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="coluna_2">
|
|
|
|
<div class="subcolunas_1">
|
|
|
|
<div id="Home_1" class="filheira">
|
|
|
|
<img class="img" src="./Acessts/Imagens/Iconis/home.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div id="sub_entrada_moni_1" class="filheira">
|
|
|
|
<img class="img" src="./Acessts/Imagens/Iconis/monitor.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="filheira">
|
|
|
|
<img class="img" src="./Acessts/Imagens/Iconis/technical-support.png" alt="">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="filheira">
|
|
|
|
<img class="img" src="./Acessts/Imagens/Iconis/o-email.png" alt="">
|
|
|
|
</div>
|
|
<div id="sub_entrada_Zammad_1"></div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="subcolunas_2">
|
|
|
|
<div class="filheira">
|
|
|
|
<img class="img" src="./Acessts/Imagens/Iconis/central-de-atendimento.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div id="Configuracao_1" class="filheira">
|
|
|
|
<img class="img" src="./Acessts/Imagens/Iconis/engrenagem - Line.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div id="EncerrarSessao_1" class="filheira">
|
|
|
|
<img class="img" src="./Acessts/Imagens/Iconis/simbolo-de-logout.png" alt="">
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="seguimentacao_2">
|
|
|
|
<div class="coluna_1">
|
|
|
|
<div class="subcolunas_1">
|
|
|
|
<div class="filheira">
|
|
|
|
<img class="profileImage" alt="Perfil de ${nomeCompleto}" src="./Acessts/Imagens/Iconis/profile-user.png">
|
|
|
|
</div>
|
|
|
|
<div class="filheira">
|
|
|
|
<h2> ${nomeCompleto} </h2>
|
|
|
|
<h2> ${Empresa} </h2>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="subcolunas_2">
|
|
|
|
<button class="id_ajuste" id="id_ajuste">
|
|
|
|
<img class="imgjust" src="./Acessts/Imagens/Iconis/seta-direita.png" alt="">
|
|
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="coluna_2">
|
|
|
|
<div class="subcolunas_1">
|
|
|
|
<div id="Home_2" class="filheira">
|
|
|
|
<h2>Home</h2>
|
|
|
|
</div>
|
|
<div id="sub_entrada_moni_2" class="filheira">
|
|
|
|
<h2>Monitoramento</h2>
|
|
|
|
</div>
|
|
|
|
<a href="https://suporte.itguys.com.br/" class="filheira_a" target="black_">
|
|
|
|
<div class="filheira">
|
|
|
|
<h2>Servicdesk</h2>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="https://webmail.itguys.com.br/owa" class="filheira_a" target="black_">
|
|
|
|
<div class="filheira">
|
|
|
|
<h2>Webmail</h2>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
<div id="sub_entrada_Zammad_2"></div>
|
|
|
|
<!-- <div class="filheira">
|
|
|
|
<h2>Ferramentas</h2>
|
|
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
<div class="subcolunas_2">
|
|
|
|
<a href="https://api.whatsapp.com/send?phone=5521966344698" class="filheira_a" target="black_">
|
|
|
|
<div class="filheira">
|
|
|
|
<h2>Suporte</h2>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<div id="Configuracao_2" class="filheira">
|
|
|
|
<h2>Configurações</h2>
|
|
|
|
</div>
|
|
<div id="EncerrarSessao_2" class="filheira Logout">
|
|
|
|
<h2>Logout</h2>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</nav>
|
|
|
|
<main class="apresentacao">
|
|
|
|
<section class="capitulo_1">
|
|
|
|
<div class="Bloco_subcab1_1">
|
|
|
|
<img class="companyLogo" alt="" class="icon_subcab1_1">
|
|
|
|
</div>
|
|
|
|
<!--<div class="Bloco_subcab1_2">
|
|
|
|
<a href="./login"><button>Logout</button></a>
|
|
|
|
</div>-->
|
|
|
|
</section>
|
|
|
|
<section class="capitulo_2" id="TelaVisualizacao">
|
|
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
|
|
|
|
`;
|
|
}
|