LouisMazin/Boulangerie_Website
LouisMazin/Boulangerie_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nice

Browse Source
This commit is contained in:
Louis Mazin 2026-09-15 19:51:06 +02:00
parent dee38ad8dc
commit 3b6d99c825
2 changed files with 78 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/pages/TimeClockPage.css
View File

@ -90,6 +90,7 @@
.time-entry-form {
background-color: #f8f9fa;
padding: 20px;
border: 1px solid var(--accent);
border-radius: 8px;
margin: 20px 0;
}

120
frontend/src/pages/TimeClockPage.jsx
View File

@ -256,13 +256,6 @@ const TimeClockPage = () => {
</button>
)}
{scanResult && (
<div className="alert alert-success scan-success">
QR code détecté : <strong>{scanResult}</strong>
<span>Le pointage sera relié à votre session dans la prochaine étape.</span>
</div>
)}
{/* Time tracking section */}
<div className="time-tracking-section">
@ -271,42 +264,83 @@ const TimeClockPage = () => {
<p>Heure actuelle: {currentTime.toLocaleTimeString('fr-FR')}</p>
</div>
{/* Add new entry form */}
{isAdmin && (
<div className="time-entry-form">
<h4>Ajouter un pointage manuel</h4>
<form onSubmit={handleAddEntry}>
<div className="form-group">
<label>Date:</label>
<input
type="date"
value={newEntry.date}
onChange={(e) => setNewEntry({...newEntry, date: e.target.value})}
required
/>
</div>
<div className="form-group">
<label>Heure d'entrée:</label>
<input
type="time"
value={newEntry.start_time}
onChange={(e) => setNewEntry({...newEntry, start_time: e.target.value})}
required
/>
</div>
<div className="form-group">
<label>Heure de sortie:</label>
<input
type="time"
value={newEntry.end_time}
onChange={(e) => setNewEntry({...newEntry, end_time: e.target.value})}
required
/>
</div>
<button type="submit" className="btn btn-primary">Ajouter le pointage</button>
</form>
</div>
)}
{ (isAdmin && editingEntry) ?
(
<div className="time-entry-form">
<h4>Modifier le pointage du {formatDate(editingEntry.date)}</h4>
<form onSubmit={handleUpdateEntry}>
<div className="form-group">
<label htmlFor="edit-start-time">Heure d'entrée :</label>
<input
id="edit-start-time"
type="time"
value={editForm.start_time}
onChange={(e) => setEditForm({ ...editForm, start_time: e.target.value })}
required
/>
</div>
<div className="form-group">
<label htmlFor="edit-end-time">Heure de sortie :</label>
<input
id="edit-end-time"
type="time"
value={editForm.end_time}
onChange={(e) => setEditForm({ ...editForm, end_time: e.target.value })}
required
/>
</div>
<div className="btn-group">
<button type="submit" className="btn btn-primary">Enregistrer</button>
<button type="button" className="btn btn-secondary" onClick={() => setEditingEntry(null)}>
Annuler
</button>
</div>
</form>
</div>
)
:
(
<div>
{isAdmin &&
(
<div className="time-entry-form">
<h4>Ajouter un pointage manuel</h4>
<form onSubmit={handleAddEntry}>
<div className="form-group">
<label>Date:</label>
<input
type="date"
value={newEntry.date}
onChange={(e) => setNewEntry({...newEntry, date: e.target.value})}
required
/>
</div>
<div className="form-group">
<label>Heure d'entrée:</label>
<input
type="time"
value={newEntry.start_time}
onChange={(e) => setNewEntry({...newEntry, start_time: e.target.value})}
required
/>
</div>
<div className="form-group">
<label>Heure de sortie:</label>
<input
type="time"
value={newEntry.end_time}
onChange={(e) => setNewEntry({...newEntry, end_time: e.target.value})}
required
/>
</div>
<button type="submit" className="btn btn-primary">Ajouter le pointage</button>
</form>
</div>
)
}
</div>
)
}
{/* Time entries list */}
<div className="time-entries-list">