ExtratorNFE/index.html at main · nao-compativel/ExtratorNFE · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ExtratorNFE</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lekton:ital,wght@0,400;0,700;1,400&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" href="https://i.ibb.co/nQ6xQhW/Group-2.png" type="image/png">
</head>

<body>
    <header>
        <img class="socialIMG" width="25" height="25" src="https://img.icons8.com/ios/50/linkedin.png" alt="linkedin" />
        <a class="social" href="https://www.linkedin.com/in/whoisczar/"
            aria-label="Perfil no LinkedIn de Gabriel Reis"></a>
    </header>

    <div id="helpModal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <h2>Informações do Programa</h2>
            <p>Este programa foi desenvolvido para simplificar a interpretação de DANFEs em formato XML. Ele surgiu como uma ferramenta para otimizar meu trabalho como Auxiliar Administrativo, além de ser um projeto que me permitiu aprofundar meus conhecimentos em JavaScript e CSS. <br> Você pode encontrar o repositório deste projeto no meu <a href="https://github.com/whoisczar">GitHub</a>.</p>
        </div>
    </div>


    <main>
        <div class="InfoHeadContainer" style="display: block;">
            <div class="titleInfo">
                <h1>ExtratorNFE</h1>
                <img width="25" height="25" src="https://img.icons8.com/ios/50/help--v1.png" alt="Ajuda" />
            </div>
            <div id="dropZone" class="dropZone">
                Arraste e solte o arquivo aqui ou clique para selecionar<br>
                <span>OBS: A nota tem que estar em arquivo XML</span>
            </div>
            <footer>
                <h5>Criado por: <a href="https://www.linkedin.com/in/whoisczar/">Gabriel Reis</a> <br> Icons by <a
                        href="https://icons8.com/">Icons8</a></h5>
            </footer>
            <input class="inputButton" type="file" id="fileInput" style="display: none;" accept="application/xml">
        </div>

        <section class="bodyContainer">
            <div class="infoNfeContainer" style="display: none;">
                <button class="closeButton" aria-label="Fechar">X</button>
                <h2 class="Title">Nenhuma informação até o momento</h2>
                <div class="customButton">
                    <button id="infoEmitenteButton" class="infoEmitenteButton">Emitente</button>
                    <button id="infoDestinatarioButton" class="infoDestinatarioButton">Destinatário</button>
                    <button id="infoProdsButton" class="infoProdsButton">Visualizar produtos</button><br>
                    <button id="infoIcmsProdsButton" class="infoIcmsProdsButton">ICMS</button>
                    <button id="infoIcmsStProdsButton" class="infoIcmsStProdsButton">ICMS ST</button>
                    <button id="InfoIpiProdsButton" class="InfoIpiProdsButton">IPI</button>
                    <button id="infoPisButton" class="infoIpiProdsButton">PIS</button>
                    <button id="infoCofinsButton" class="infoIpiProdsButton">COFINS</button>
                    <button id="infoFcpButton" class="infoIpiProdsButton">FCP</button>
                    <button id="infoFcpStButton" class="infoIpiProdsButton">FCP ST</button>
                    <textarea class="infoText" readonly id="infoText" style="display: none;"></textarea>
                    <table class="infoTable" id="infoTable"></table>
                </div>
                <footer>
                    <h5>Criado por: <a href="https://www.linkedin.com/in/whoisczar/">Gabriel Reis</a> <br> Icons by <a
                            href="https://icons8.com/">Icons8</a></h5>
                </footer>
            </div>
        </section>
    </main>

    <script src="script.js"></script>
</body>

</html>