ba95723b61
- Replace hand-coded skeleton CSS/JSX with boneyard-js auto-generated bones - Remove skeleton.css and @keyframes shimmer from base.css - Add <Skeleton> wrappers with fixtures to all 25+ page components - Generate 20 bone captures via boneyard CLI (CDP auth-gated capture) - Refactor data fetching from useEffect+useState to TanStack Query - Extract query hooks into src/admin/lib/queries/ and apiAdapter - Add usePaginatedQuery hook replacing useApiCall/useListData - Fix parseFloat || 0 anti-pattern in OfferDetail and OffersTemplates inputs - Fix customer_id mandatory validation on offer creation - Fix leave-requests comma-separated status filter (Prisma enum in: []) - Add cross-entity cache invalidation for orders/offers/invoices/projects - Make rate limits configurable via env vars (RATE_LIMIT_MAX, RATE_LIMIT_REFRESH, etc.) - Add boneyard.config.json with routes and breakpoints Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
70 lines
2.3 KiB
TypeScript
70 lines
2.3 KiB
TypeScript
export default function AttendanceAdminFixture() {
|
|
return (
|
|
<div>
|
|
<div className="admin-page-header">
|
|
<div>
|
|
<h1 className="admin-page-title">Správa docházky</h1>
|
|
</div>
|
|
<div className="admin-page-actions">
|
|
<button className="admin-btn admin-btn-secondary">
|
|
Vyplnit měsíc
|
|
</button>
|
|
<button className="admin-btn admin-btn-primary">Přidat záznam</button>
|
|
</div>
|
|
</div>
|
|
<div className="admin-card mb-6">
|
|
<div className="admin-card-body">
|
|
<div className="admin-form-row">
|
|
<label className="admin-form-label">Měsíc</label>
|
|
<select className="admin-form-select" />
|
|
<label className="admin-form-label">Zaměstnanec</label>
|
|
<select className="admin-form-select" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="admin-grid admin-grid-3">
|
|
{Array.from({ length: 3 }, (_, i) => (
|
|
<div key={i} className="admin-card">
|
|
<div className="admin-card-body">
|
|
<div className="flex-row gap-2 mb-2">
|
|
<span style={{ fontWeight: 600 }}>Jan Novák</span>
|
|
<span className="attendance-working-badge finished">
|
|
✗
|
|
</span>
|
|
</div>
|
|
<div className="admin-stat-value">8:00</div>
|
|
<div className="admin-stat-label">odpracováno</div>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
<div className="admin-card">
|
|
<div className="admin-card-body">
|
|
<div className="admin-table-responsive">
|
|
<table className="admin-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Datum</th>
|
|
<th>Příchod</th>
|
|
<th>Odchod</th>
|
|
<th>Hodiny</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{Array.from({ length: 4 }, (_, i) => (
|
|
<tr key={i}>
|
|
<td>1. 4. 2025</td>
|
|
<td className="admin-mono">08:00</td>
|
|
<td className="admin-mono">16:00</td>
|
|
<td className="admin-mono">8:00</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|