Gerar Dados de Relógio de Ponto
<style>
.chat-container {
width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
overflow-x: hidden;
}
.message {
display: flex;
margin-bottom: 10px;
}
.message-content {
width: 100%;
padding: 10px;
border-radius: 10px;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
box-sizing: border-box;
}
.human {
justify-content: flex-end;
}
.human .message-content {
background-color: #f4f4f4;
}
.assistant {
justify-content: flex-start;
}
.message-content img, .message-content video {
max-width: 100%;
height: auto;
object-fit: contain;
}
.message-content * {
max-width: 100%;
box-sizing: border-box;
}
.post-content {
max-width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
overflow-x: hidden;
}
.html-preview-container {
margin: 10px 0;
width: 100%;
position: relative;
}
.html-preview-iframe {
width: 100%;
height: 500px;
border: 1px solid #ddd;
border-radius: 4px;
}
</style>
<div class="chat-container post-content">
<div class="message human">
<div class="message-content"><p>Você<br>
relógio ponto digital nome ,Cargo,data, hora de entrada e saída ,horas extras, total de horas do dia,biometria</p>
</div>
</div>
<div class="message ai">
<div class="message-content"><h2>Relógio Ponto Digital</h2>
<p><strong>Nome:</strong> [Nome do Funcionário]<br>
<strong>Cargo:</strong> [Cargo do Funcionário]</p>
<p><strong>Data:</strong> 23/03/2025</p>
<table>
<thead>
<tr>
<th>Tipo</th>
<th>Horário</th>
<th>Biometria</th>
</tr>
</thead>
<tbody>
<tr>
<td>Entrada</td>
<td>[Hora Entrada]</td>
<td>[OK/Falha]</td>
</tr>
<tr>
<td>Saída Almoço</td>
<td>[Hora Saída]</td>
<td>[OK/Falha]</td>
</tr>
<tr>
<td>Retorno Almoço</td>
<td>[Hora Retorno]</td>
<td>[OK/Falha]</td>
</tr>
<tr>
<td>Saída</td>
<td>[Hora Saída]</td>
<td>[OK/Falha]</td>
</tr>
</tbody>
</table>
<p><strong>Horas Extras:</strong> [Tempo em Horas]<br>
<strong>Total de Horas Trabalhadas no Dia:</strong> [Tempo em Horas]</p>
</div>
</div>
</div>