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

test

Browse Source
This commit is contained in:
Louis Mazin 2026-09-20 01:37:48 +02:00
parent b62ddb5156
commit 5cbef6828a
1 changed files with 70 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1714,92 +1714,89 @@ const TimeClockPage = () => {
{/* ===================================================== {/* =====================================================
POINTAGE + HISTORIQUE BOUTON POINTER — MOBILE UNIQUEMENT
====================================================== */} ====================================================== */}
<div className="grid w-full grid-cols-1 gap-6 lg:grid-cols-2"> <Dialog
open={
isScannerDialogOpen
}
onOpenChange={(
open,
) => {
if (open) {
setIsScannerDialogOpen(
true,
);
} else {
closeScanner();
}
}}
>
{/* ================================================= <Button
COLONNE GAUCHE onClick={
POINTAGE startScanner
================================================== */} }
variant="default"
className="mb-6 w-full lg:hidden"
>
Pointer
</Button>
<div className="flex min-w-0 flex-col gap-6">
{/* ========================= <DialogContent className="max-w-2xl">
BOUTON POINTER
========================== */} <DialogHeader className="border-b">
<Dialog <DialogTitle>
open={ Aperçu de la caméra
isScannerDialogOpen </DialogTitle>
} </DialogHeader>
onOpenChange={(
open, <div className="scanner-panel">
) => {
if (open) { <video
setIsScannerDialogOpen( ref={videoRef}
true, className="scanner-video h-auto w-full"
); playsInline
} else { muted
closeScanner(); autoPlay
} />
}}
> <div
className="scanner-frame"
aria-hidden="true"
/>
<Button <Button
onClick={ onClick={
startScanner closeScanner
} }
variant="default" variant="secondary"
className="w-full lg:hidden" className="mt-2"
> >
Pointer Annuler
</Button> </Button>
</div>
<DialogContent className="max-w-2xl"> </DialogContent>
<DialogHeader className="border-b"> </Dialog>
<DialogTitle>
Aperçu de la caméra
</DialogTitle>
</DialogHeader>
<div className="scanner-panel">
<video
ref={videoRef}
className="scanner-video h-auto w-full"
playsInline
muted
autoPlay
/>
<div
className="scanner-frame"
aria-hidden="true"
/>
<Button
onClick={
closeScanner
}
variant="secondary"
className="mt-2"
>
Annuler
</Button>
</div>
</DialogContent>
</Dialog>
{/* ========================= {/* =====================================================
GESTION ADMIN GESTION + HISTORIQUE
========================== */} ====================================================== */}
<div className="grid w-full grid-cols-2 gap-3 lg:grid-cols-2 lg:gap-6">
{/* =================================================
COLONNE GAUCHE
GESTION ADMIN
================================================== */}
<div className="min-w-0">
{isAdmin && ( {isAdmin && (
<Card> <Card>
@ -1934,7 +1931,7 @@ const TimeClockPage = () => {
} }
> >
<div className="mb-4 grid grid-cols-1 gap-4 md:grid-cols-2"> <div className="mb-4 grid grid-cols-1 gap-4">
<div> <div>
<Label> <Label>
@ -1986,7 +1983,7 @@ const TimeClockPage = () => {
</div> </div>
<div className="flex gap-2"> <div className="flex flex-col gap-2 sm:flex-row">
<Button type="submit"> <Button type="submit">
Enregistrer Enregistrer
@ -2017,7 +2014,7 @@ const TimeClockPage = () => {
} }
> >
<div className="mb-4 grid grid-cols-1 gap-4 md:grid-cols-2"> <div className="mb-4 grid grid-cols-1 gap-4">
<div> <div>
<Label> <Label>