testes/html/padrao.js

//Variavel que recebe as validação do login do usuário
var autenteticação = true;

if (autenteticação == true) {

    const estilos = document.getElementById('conexao');
    estilos.href = '../Css/global/Estrutura.css';

    var Usuário = 'Daivid';
    var Empresa = 'ItGuys';
    var ImagemUser = '../Acessts/Imagens/1605305486169.jpg';
    var imagemFun = 'url(../Acessts/Imagens/01160209321024.jpg)';
    var visuMonitor = true;



    const fundouser = document.getElementById('fundouser');

    fundouser.innerHTML =
        '.Corpo_1 .Colunas_1 {'
        +
        'display: flex;'
        +
        'flex-direction: row;'
        +
        'background-image:' + imagemFun + ';'
        +
        'background-position: center;'
        +
        'background-size: cover;'
        +
        'width: 15vw;'
        +
        'height: 10vh;'
        +
        'overflow: hidden;'
        +
        'transition: 1s ease;'
        ;

    const construtor_primario = document.getElementById('entrada_1');

    construtor_primario.innerHTML =
        '<section class="menu">'
        +
        '<header class="cabecario_1">'
        +
        '<div class="Bloco_subcab1_1"><img src="../Acessts/Imagens/iT_Guys/logo_flat.png" alt="" class="icon_subcab1_1"></div>'
        +
        '<div class="Bloco_subcab1_2"><a href="https://dev.itguys.com.br/"><button>Logout</button></a></div>'
        +
        '</header>'
        +
        '</section>'
        +
        '<main class="matriz">'
        +
        '<section class="capitulo_1">'
        +
        '<div class="Corpo_1">'
        +
        '<div class="Colunas_1">'
        +
        '<div class="seguimentos_1"><button><img id="menu" src="../Acessts/Imagens/Iconis/seta-direita.png" alt=""></button></div>'
        +
        '<div class="seguimentos_2">'
        +
        '<div class="user_1">'
        +
        '<img src="' + ImagemUser + '" alt="" class="icon_subcab2_2">'
        +
        '<img src="' + ImagemUser + '" alt="" class="icon_subcab2_1">'
        +
        '</div>'
        +
        '<div class="user_2"><p> <div id="User">' + Usuário + '</div><div id="Empresa">' + Empresa + '</div></p></div>'
        +
        '</div>'
        +
        '</div>'
        +
        '<div class="Colunas_2">'
        +
        '<div class="seguimentos_1"></div>'
        +
        '<div class="seguimentos_2"><div class="sessao_1"><a href="https://dev.itguys.com.br/ambiente_do_usu%C3%A1rio/Ambiente_Usuario_copy.html" target="frame">'
        +
        '<div class="item_menu"><img src="../Acessts/Imagens/Iconis/home.png" alt=""><p>Home</p></div></a>'
        +
        '<section class="forg">'
        +
        '<div id="sub_entrada"></div>'
        +
        '</section>'
        +
        '<a href="http://10.10.253.111/"><div class="item_menu"><img src="../Acessts/Imagens/Iconis/technical-support.png" alt=""><p>Servicedesk</p></div></a>'
        +
        '</div>'
        +
        '<div class="sessao_2">'
        +
        '<a href="https://api.whatsapp.com/send?phone=5521966344698"><div class="item_menu"><img src="../Acessts/Imagens/Iconis/central-de-atendimento.png" alt=""><p>Suporte</p></div></a>'
        +
        '<a href="./Config.html" ><div class="item_menu"><img src="../Acessts/Imagens/Iconis/engrenagem - Copia.png" alt=""><p>Configuracões</p></div></a>'
        +
        ' </div>'
        +
        '</section>'
        +
        '<section class="capitulo_2">'
        +
        '<div class="Corpo_2">'
        +
        '<div class="Colunas_1"><iframe id = "test1" name = "frame" class="transmissão" src = "http://grafana.itguys.com.br:3000/dashboard/snapshot/6sVz7BNJVCY4sZD0m9P40k7nFEc5MqLI?kiosk"frameborder = "0" ></iframe ></div>'
        +
        '</div>'
        +
        '</main>'
        ;

    const script1 = document.createElement('script');
    script1.src = './Reação_menu.js';
    document.body.appendChild(script1);

    const script2 = document.createElement('script');
    script2.src = './Monitor.js';
    document.body.appendChild(script2);

} else {

    const estilos = document.getElementById('conexao');
    estilos.href = '../Css/page/Telas_acao/erro_404.css';


    var Status = 'Erro 404';
    var mensagem = 'Desculpe mas sua página não foi encontrada';
    var sub_mensagem = 'Tente fazer seu, login novamente';

    const erro = document.getElementById('entrada_1');

    erro.innerHTML = '<section class="matriz_404" id="cap">'
        +
        '<section class="paineis_1"><div class="cap"><h1>' + Status + '</h1></div></section>'
        +
        '<section class="paineis_2">'
        +
        '<div class="cap"><h2>' + mensagem + '</h2><p>' + sub_mensagem + '</p></div>'
        +
        '<div class="cap_2"><a href="https://dev.itguys.com.br/ambiente_do_usu%C3%A1rio/login.html"><button>Retornar</button></a></div>'
        +
        '</section>'
        +
        '<div class="wave wave_1"></div>'
        +
        '<div class="wave wave_2"></div>'
        +
        '<div class="wave wave_3"></div>'
        +
        '<div class="wave wave_4"></div>'
        +
        '</section>'
        ;




}