-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpaused.html
170 lines (157 loc) · 4.73 KB
/
paused.html
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Atendimento Pausado</title>
<style>
/* Seu estilo CSS aqui */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
h1 {
text-align: center;
}
table {
width: 100%;
font-size: 14px;
}
th,
td {
border: 1px solid black;
padding: 8px;
text-align: left;
background-color: rgb(168, 23, 23);
color: white;
}
th {
background-color: #292929;
color: white;
}
.sabo {
margin-top: 20px;
width: 220px;
}
.header {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 10px;
font-weight: bold;
}
.title-center {
text-align: center;
margin: 20px 397px 10px 150px;
font-size: 24px;
}
.titulo {
text-align: center;
font-weight: bold;
font-size: 35px;
margin-top: -10px;
margin-bottom: 10px;
}
.relogio {
font-weight: bold;
text-align: center;
font-size: 12px;
margin-bottom: 15px;
}
.pagination {
text-align: center;
margin-top: 10px;
}
.pagination button {
margin: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="header">
<img class="sabo" src="assets/Sabó claro recortado.png" alt="Logo" />
<h1 class="title-center">ATENDIMENTO DAS ORDENS DE MANUTENÇÃO</h1>
</div>
<p class="titulo">Pausadas</p>
<div class="relogio" id="relogio"></div>
<table>
<thead>
<tr>
<th>Ordem</th>
<th>Descrição</th>
<th>Equipamento</th>
<th>Local</th>
<th>Mantenedor</th>
<th>Motivo</th>
<th>Prazo</th>
</tr>
</thead>
<tbody id="data-container">
<!-- Os dados serão preenchidos aqui pelo JavaScript -->
</tbody>
</table>
<script>
const itemsPerPage = 10;
let currentPage = 1;
let totalPages = 1;
window.onload = function () {
fetchAndDisplayData("O", currentPage);
setInterval(autoPaginate, 10000); // Define o intervalo de 10 segundos
updateClock(); // Atualiza o relógio imediatamente
setInterval(updateClock, 1000); // Atualiza o relógio a cada segundo
};
function fetchAndDisplayData(status, page) {
fetch("formatado.txt")
.then((response) => response.text())
.then((data) => {
const rows = data.split("\n");
const filteredRows = rows.filter((row) => row.startsWith(status));
totalPages = Math.ceil(filteredRows.length / itemsPerPage);
const startIndex = (page - 1) * itemsPerPage;
const endIndex = startIndex + itemsPerPage;
const slicedRows = filteredRows.slice(startIndex, endIndex);
const formattedData = slicedRows
.map((row) => {
const rowData = row.split("|");
// Remover a letra da coluna "Ordem"
rowData[0] = rowData[0].replace(/[^\d]/g, "");
return "<tr><td>" + rowData.join("</td><td>") + "</td></tr>";
})
.join("");
document.getElementById("data-container").innerHTML = formattedData;
})
.catch((error) => console.error("Erro ao ler o arquivo:", error));
}
function autoPaginate() {
if (currentPage < totalPages) {
currentPage++;
} else {
// Redirecionar para a página resume.html
window.location.href = "resume.html";
return; // Termina a execução da função aqui para evitar a busca e exibição de dados extras.
}
fetchAndDisplayData("O", currentPage);
}
function autoPaginate() {
if (currentPage < totalPages) {
currentPage++;
} else {
// Redirecionar para a página inprogress.html
window.location.href = "notvalidated.html";
return; // Termina a execução da função aqui para evitar a busca e exibição de dados extras.
}
fetchAndDisplayData("V", currentPage);
}
function updateClock() {
const now = new Date();
const formattedDate = now.toLocaleDateString("pt-BR");
const formattedTime = now.toLocaleTimeString("pt-BR");
document.getElementById(
"relogio"
).innerText = `Data: ${formattedDate} Hora: ${formattedTime}`;
}
</script>
</body>
</html>