Monfab/pagina2.html at master · Maria-Gio/Monfab · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="refresh" content="350">
    <link rel="icon" type="image/x-icon" href="css/img/icono.png" />
    <meta name="keywords" content="sensor, sensores industriales, motor, maquinaria, industrial" />
    <meta name="robots" content="follow" />
    <meta name="author" content="María Isabel Álvarez Gio" />
    <meta name="copyright" content="María Isabel Álvarez Gio" />
    <meta name="description" content="Es una web de monitorizacion de stock de sensores industriales." />
    <link href="css/style2.css" rel="stylesheet" type="text/css" />
    <link href="//cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet">
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
    <script defer src="./js/P2functions.js"></script>

    <title>Tabla | Página 2</title>
</head>

<body>
    <header>
        <div id="header">
            <section id="header-top">
                <div id="logo">
                    <a href="https://www.sensorstecnics.net/pages/es/inicio.php"><img src="css/img/logo_footer.png"></a>
                </div>
                <div id="subtitle">
                    <h2>Tabla de datos</h2>
                </div>
                <div id="user-icon"><img src="./css/img/usericon.png"></div>
            </section>

            <div id="menuDesp">
                <details>
                    <summary><img src="./css/img/contacto2.png" /></summary>

                    <form method="post">

                        <div class="emailBox">
                            <input class="input" id="emailAddress" type="email" size="64" maxlength="64" required
                                placeholder="Ingresa tu correo electronico "
                                pattern=".+@gmail\.com,.+@gmail\.es,.+@hotmail\.com,.+@hotmail\.es"
                                title="Proporcione solo una dirección de correo electrónico corporativa de Best Startup Ever" />
                        </div>
                        <div class="messageBox">
                            <textarea id="message" cols="60" rows="4" required
                                placeholder="Indica aquí tu consulta y te contactaremos lo más rápido posible..."></textarea>
                        </div>
                        <div class="emailCheck">
                            <p><input type="checkbox" id="check" checked><label for="check"> Enviar ofertas y
                                    promociones a mi dirección de e-mail</label>
                        </div>
                        <div id="menuDespButton">
                            <button class="button" id="contactButton">Enviar</button>
                        </div>

                    </form>

                </details>
            </div>
        </div>
    </header>
    <main>
        <div id="links">
            <script src="./js/nav.js"></script>
        </div>

        <div id="princContent">
            <div id="bloqueTabla">
                <div id="divFinderInput">
                    <div id="barraBusca">
                        <form id="searchForm">
                            <input type="text" id="searchInput" name="search" oninput="checkInput();"
                                placeholder="Busca aqui...">
                            <img id="searchButton" src="./css/img/buscar.png">
                        </form>
                    </div>
                </div>
                <section id="cuerpoTabla">
                    <div id="tabla">
                        <table>
                            <tr id="headerTabla">
                                <th>Acciones</th>
                                <th>Nombre</th>
                                <th>Descripción</th>
                                <th>Número de serie</th>
                                <th>Estado</th>
                                <th>Prioridad</th>
                            </tr>
                            <div id='divTabla'>
                                <tbody id="tableBody">
                                </tbody>
                            </div>


                        </table>
                    </div>
                </section>
                <div id="botonesTabla">
                    <button id="restoreButton" class="button" onclick="createTable()">Restaurar
                        Tabla</button>
                    <button id="saveButton" class="button" onclick="saveChanges2()">Guardar
                        cambios</button>
                </div>


            </div>
        </div>
        </div>
        <div id="botonUp"><a href="#logo"><img src="css/img/flecha.png"></a></div>
    </main>
    <footer>
        <p>Realizado por <a id="footerName" href="https://es.wikipedia.org/wiki/Isabel_II_del_Reino_Unido">María Isabel
                Álvarez Gio</a>
        </p>
    </footer>
</body>

</html>