feat: CNB exchange rates, multi-currency KPI stats, invoice PDF VAT in CZK
- ČNB exchange rate service with date-specific rates and caching - Invoice/received invoice stats convert foreign currencies to CZK - Dashboard revenue converts all currencies to CZK - Invoice PDF: VAT recap table always in CZK with CNB rate footer - Inline styles replaced with utility classes (step 4 cleanup) - Spinner animation exempt from prefers-reduced-motion Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
BOHA
@@ -576,10 +576,7 @@ export default function Attendance() {
|
||||
<div className="attendance-project-header">
|
||||
<span className="attendance-shift-label">Projekt</span>
|
||||
{activeProjectId ? (
|
||||
<span
|
||||
className="admin-badge admin-badge-wrap"
|
||||
style={{ fontSize: "0.8125rem" }}
|
||||
>
|
||||
<span className="admin-badge admin-badge-wrap text-sm">
|
||||
{projects.find(
|
||||
(p) => String(p.id) === String(activeProjectId),
|
||||
)
|
||||
@@ -587,12 +584,7 @@ export default function Attendance() {
|
||||
: `Projekt #${activeProjectId}`}
|
||||
</span>
|
||||
) : (
|
||||
<span
|
||||
className="text-muted"
|
||||
style={{ fontSize: "0.8125rem" }}
|
||||
>
|
||||
Žádný
|
||||
</span>
|
||||
<span className="text-muted text-sm">Žádný</span>
|
||||
)}
|
||||
</div>
|
||||
<select
|
||||
@@ -601,8 +593,7 @@ export default function Attendance() {
|
||||
handleSwitchProject(e.target.value || null)
|
||||
}
|
||||
disabled={switchingProject}
|
||||
className="admin-form-select"
|
||||
style={{ fontSize: "0.875rem" }}
|
||||
className="admin-form-select text-md"
|
||||
>
|
||||
<option value="">— Bez projektu —</option>
|
||||
{projects.map((p) => (
|
||||
@@ -654,8 +645,7 @@ export default function Attendance() {
|
||||
<button
|
||||
onClick={handleBreak}
|
||||
disabled={submitting}
|
||||
className="admin-btn admin-btn-secondary"
|
||||
style={{ width: "100%" }}
|
||||
className="admin-btn admin-btn-secondary w-full"
|
||||
>
|
||||
Pauza (30 min)
|
||||
</button>
|
||||
@@ -663,15 +653,13 @@ export default function Attendance() {
|
||||
<button
|
||||
onClick={() => handlePunch("departure")}
|
||||
disabled={submitting}
|
||||
className="admin-btn admin-btn-primary"
|
||||
style={{ width: "100%" }}
|
||||
className="admin-btn admin-btn-primary w-full"
|
||||
>
|
||||
{submitting ? "Zpracovávám..." : "Odchod"}
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setShowLeaveModal(true)}
|
||||
className="admin-btn admin-btn-secondary"
|
||||
style={{ width: "100%" }}
|
||||
className="admin-btn admin-btn-secondary w-full"
|
||||
>
|
||||
Žádost o nepřítomnost
|
||||
</button>
|
||||
@@ -703,16 +691,14 @@ export default function Attendance() {
|
||||
<button
|
||||
onClick={() => handlePunch("arrival")}
|
||||
disabled={submitting}
|
||||
className="admin-btn admin-btn-primary"
|
||||
style={{ width: "100%" }}
|
||||
className="admin-btn admin-btn-primary w-full"
|
||||
>
|
||||
{submitting ? "Zpracovávám..." : "Příchod"}
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={() => setShowLeaveModal(true)}
|
||||
className="admin-btn admin-btn-secondary"
|
||||
style={{ width: "100%" }}
|
||||
className="admin-btn admin-btn-secondary w-full"
|
||||
>
|
||||
Žádost o nepřítomnost
|
||||
</button>
|
||||
@@ -877,11 +863,10 @@ export default function Attendance() {
|
||||
</div>
|
||||
<div style={{ marginTop: "0.75rem" }}>
|
||||
<div
|
||||
className="text-secondary"
|
||||
className="text-secondary text-sm"
|
||||
style={{
|
||||
display: "flex",
|
||||
justifyContent: "space-between",
|
||||
fontSize: "0.8125rem",
|
||||
marginBottom: "0.5rem",
|
||||
}}
|
||||
>
|
||||
@@ -905,8 +890,8 @@ export default function Attendance() {
|
||||
</div>
|
||||
{data.monthly_fund.leave_hours > 0 && (
|
||||
<div
|
||||
className="text-muted"
|
||||
style={{ fontSize: "0.75rem", marginTop: "0.375rem" }}
|
||||
className="text-muted text-xs"
|
||||
style={{ marginTop: "0.375rem" }}
|
||||
>
|
||||
{"Pokryto: "}
|
||||
{data.monthly_fund.covered}h (práce{" "}
|
||||
|
||||
@@ -270,7 +270,7 @@ function SortableInvoiceRow({
|
||||
</select>
|
||||
</td>
|
||||
) : null}
|
||||
<td style={{ textAlign: "right", fontWeight: 600, whiteSpace: "nowrap" }}>
|
||||
<td className="text-right fw-600 whitespace-nowrap">
|
||||
{formatCurrency(lineTotal, currency)}
|
||||
</td>
|
||||
<td>
|
||||
@@ -354,12 +354,7 @@ function SortableInvoiceEditRow({
|
||||
</svg>
|
||||
</button>
|
||||
</td>
|
||||
<td
|
||||
className="text-tertiary"
|
||||
style={{ textAlign: "center", fontWeight: 500 }}
|
||||
>
|
||||
{index + 1}
|
||||
</td>
|
||||
<td className="text-tertiary text-center fw-500">{index + 1}</td>
|
||||
<td>
|
||||
<input
|
||||
type="text"
|
||||
@@ -1371,10 +1366,7 @@ export default function InvoiceDetail() {
|
||||
))}
|
||||
</select>
|
||||
{form.due_date && (
|
||||
<span
|
||||
className="text-tertiary"
|
||||
style={{ fontSize: "0.75rem", marginTop: "0.25rem" }}
|
||||
>
|
||||
<span className="text-tertiary text-xs mt-1">
|
||||
Splatnost:{" "}
|
||||
{new Date(form.due_date).toLocaleDateString("cs-CZ")}
|
||||
</span>
|
||||
@@ -1448,10 +1440,7 @@ export default function InvoiceDetail() {
|
||||
</FormField>
|
||||
<FormField label="DPH">
|
||||
<div className="flex-row-gap">
|
||||
<label
|
||||
className="admin-form-checkbox"
|
||||
style={{ whiteSpace: "nowrap" }}
|
||||
>
|
||||
<label className="admin-form-checkbox whitespace-nowrap">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={!!form.apply_vat}
|
||||
@@ -1809,7 +1798,7 @@ export default function InvoiceDetail() {
|
||||
{invoice.paid_date && (
|
||||
<div className="admin-form-row mt-2">
|
||||
<FormField label="Datum úhrady">
|
||||
<div style={{ color: "var(--success)", fontWeight: 500 }}>
|
||||
<div className="fw-500" style={{ color: "var(--success)" }}>
|
||||
{formatDate(invoice.paid_date)}
|
||||
</div>
|
||||
</FormField>
|
||||
@@ -1954,16 +1943,13 @@ export default function InvoiceDetail() {
|
||||
: 0;
|
||||
return (
|
||||
<tr key={item.id || index}>
|
||||
<td
|
||||
className="text-tertiary"
|
||||
style={{ textAlign: "center", fontWeight: 500 }}
|
||||
>
|
||||
<td className="text-tertiary text-center fw-500">
|
||||
{index + 1}
|
||||
</td>
|
||||
<td className="fw-500">
|
||||
{item.description || "\u2014"}
|
||||
</td>
|
||||
<td style={{ textAlign: "center" }}>
|
||||
<td className="text-center">
|
||||
{item.quantity}{" "}
|
||||
{item.unit && (
|
||||
<span className="text-tertiary">
|
||||
@@ -1971,7 +1957,7 @@ export default function InvoiceDetail() {
|
||||
</span>
|
||||
)}
|
||||
</td>
|
||||
<td style={{ textAlign: "center" }}>
|
||||
<td className="text-center">
|
||||
{item.unit || "\u2014"}
|
||||
</td>
|
||||
<td className="admin-mono text-right">
|
||||
@@ -1980,16 +1966,13 @@ export default function InvoiceDetail() {
|
||||
invoice.currency,
|
||||
)}
|
||||
</td>
|
||||
<td style={{ textAlign: "center" }}>
|
||||
<td className="text-center">
|
||||
{Number(invoice.apply_vat)
|
||||
? Number(item.vat_rate)
|
||||
: 0}
|
||||
%
|
||||
</td>
|
||||
<td
|
||||
className="admin-mono"
|
||||
style={{ textAlign: "right", fontWeight: 600 }}
|
||||
>
|
||||
<td className="admin-mono text-right fw-600">
|
||||
{formatCurrency(
|
||||
lineSubtotal + lineVat,
|
||||
invoice.currency,
|
||||
|
||||
@@ -56,7 +56,7 @@ function formatCzkWithDetail(
|
||||
if (!Array.isArray(amounts) || amounts.length === 0)
|
||||
return { value: "0 Kč", detail: null };
|
||||
const hasForeign = amounts.some((a) => a.currency !== "CZK");
|
||||
if (hasForeign && totalCzk !== null && totalCzk !== undefined) {
|
||||
if (hasForeign && totalCzk != null) {
|
||||
return {
|
||||
value: formatCurrency(totalCzk, "CZK"),
|
||||
detail: formatMultiCurrency(amounts),
|
||||
|
||||
@@ -180,9 +180,7 @@ function SortableItemRow({
|
||||
</button>
|
||||
</td>
|
||||
)}
|
||||
<td style={{ textAlign: "center", color: "var(--text-tertiary)" }}>
|
||||
{index + 1}
|
||||
</td>
|
||||
<td className="text-center text-tertiary">{index + 1}</td>
|
||||
<td style={{ verticalAlign: "top" }}>
|
||||
<div
|
||||
style={{ display: "flex", flexDirection: "column", gap: "0.25rem" }}
|
||||
@@ -191,10 +189,9 @@ function SortableItemRow({
|
||||
type="text"
|
||||
value={item.description}
|
||||
onChange={(e) => onUpdate("description", e.target.value)}
|
||||
className="admin-form-input"
|
||||
className="admin-form-input fw-500"
|
||||
placeholder="Název položky"
|
||||
readOnly={readOnly}
|
||||
style={{ fontWeight: 500 }}
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
@@ -240,7 +237,7 @@ function SortableItemRow({
|
||||
readOnly={readOnly}
|
||||
/>
|
||||
</td>
|
||||
<td style={{ textAlign: "center" }}>
|
||||
<td className="text-center">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={item.is_included_in_total}
|
||||
@@ -248,10 +245,7 @@ function SortableItemRow({
|
||||
disabled={readOnly}
|
||||
/>
|
||||
</td>
|
||||
<td
|
||||
className="admin-mono"
|
||||
style={{ textAlign: "right", fontWeight: 600 }}
|
||||
>
|
||||
<td className="admin-mono text-right fw-600">
|
||||
{formatCurrency(lineTotal, currency)}
|
||||
</td>
|
||||
{!readOnly && (
|
||||
@@ -874,11 +868,10 @@ export default function OfferDetail() {
|
||||
{isEdit ? `Nabídka ${form.quotation_number}` : "Nová nabídka"}
|
||||
{isInvalidated && (
|
||||
<span
|
||||
className="admin-badge admin-badge-danger"
|
||||
className="admin-badge admin-badge-danger text-xs"
|
||||
style={{
|
||||
marginLeft: "0.75rem",
|
||||
verticalAlign: "middle",
|
||||
fontSize: "0.75rem",
|
||||
}}
|
||||
>
|
||||
Zneplatněna
|
||||
@@ -1208,10 +1201,7 @@ export default function OfferDetail() {
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
<label
|
||||
className="admin-form-checkbox"
|
||||
style={{ whiteSpace: "nowrap" }}
|
||||
>
|
||||
<label className="admin-form-checkbox whitespace-nowrap">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={form.apply_vat}
|
||||
@@ -1672,7 +1662,7 @@ export default function OfferDetail() {
|
||||
<FormField label="Příloha (PDF)">
|
||||
{orderAttachment ? (
|
||||
<div className="flex-row gap-2">
|
||||
<span style={{ fontSize: "0.875rem" }}>
|
||||
<span className="text-md">
|
||||
{orderAttachment.name}{" "}
|
||||
<span className="text-tertiary">
|
||||
({(orderAttachment.size / 1024).toFixed(0)} KB)
|
||||
|
||||
@@ -814,8 +814,8 @@ export default function Offers() {
|
||||
<tr>
|
||||
<td
|
||||
colSpan={8}
|
||||
className="text-muted"
|
||||
style={{ textAlign: "center", padding: "1.5rem" }}
|
||||
className="text-muted text-center"
|
||||
style={{ padding: "1.5rem" }}
|
||||
>
|
||||
Žádné nabídky odpovídající hledání.
|
||||
</td>
|
||||
@@ -879,8 +879,8 @@ export default function Offers() {
|
||||
<div className="admin-modal-header">
|
||||
<h2 className="admin-modal-title">Vytvořit objednávku</h2>
|
||||
<p
|
||||
className="text-secondary"
|
||||
style={{ marginTop: "0.25rem", fontSize: "0.875rem" }}
|
||||
className="text-secondary text-md"
|
||||
style={{ marginTop: "0.25rem" }}
|
||||
>
|
||||
Nabídka:{" "}
|
||||
<strong>{orderModal.quotation?.quotation_number}</strong>
|
||||
@@ -917,7 +917,7 @@ export default function Offers() {
|
||||
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
|
||||
<polyline points="14 2 14 8 20 8" />
|
||||
</svg>
|
||||
<span style={{ fontSize: "0.875rem" }}>
|
||||
<span className="text-md">
|
||||
{orderAttachment.name}{" "}
|
||||
<span className="text-tertiary">
|
||||
({(orderAttachment.size / 1024).toFixed(0)} KB)
|
||||
@@ -944,11 +944,9 @@ export default function Offers() {
|
||||
</div>
|
||||
) : (
|
||||
<label
|
||||
className="admin-btn admin-btn-secondary admin-btn-sm"
|
||||
className="admin-btn admin-btn-secondary admin-btn-sm inline-flex"
|
||||
style={{
|
||||
cursor: "pointer",
|
||||
display: "inline-flex",
|
||||
alignItems: "center",
|
||||
gap: "0.4rem",
|
||||
}}
|
||||
>
|
||||
|
||||
@@ -115,7 +115,7 @@ function formatCzkWithDetail(
|
||||
return { value: "0 Kč", detail: null };
|
||||
}
|
||||
const hasForeign = amounts.some((a) => a.currency !== "CZK");
|
||||
if (hasForeign && totalCzk !== null && totalCzk !== undefined) {
|
||||
if (hasForeign && totalCzk != null) {
|
||||
return {
|
||||
value: formatCurrency(totalCzk, "CZK"),
|
||||
detail: formatMultiCurrency(amounts),
|
||||
@@ -709,9 +709,9 @@ export default function ReceivedInvoices({
|
||||
<p>Žádné přijaté faktury v tomto měsíci.</p>
|
||||
{hasPermission("invoices.create") && (
|
||||
<p
|
||||
className="text-md"
|
||||
style={{
|
||||
color: "var(--text-tertiary)",
|
||||
fontSize: "0.875rem",
|
||||
}}
|
||||
>
|
||||
Nahrajte faktury tlačítkem výše.
|
||||
@@ -780,7 +780,8 @@ export default function ReceivedInvoices({
|
||||
/>
|
||||
</th>
|
||||
<th
|
||||
style={{ textAlign: "right", cursor: "pointer" }}
|
||||
className="text-right"
|
||||
style={{ cursor: "pointer" }}
|
||||
onClick={() => handleSort("amount")}
|
||||
>
|
||||
Částka{" "}
|
||||
@@ -959,9 +960,9 @@ export default function ReceivedInvoices({
|
||||
Vybrat soubory
|
||||
</button>
|
||||
<span
|
||||
className="text-sm"
|
||||
style={{
|
||||
marginLeft: "0.75rem",
|
||||
fontSize: "0.8125rem",
|
||||
color: "var(--text-tertiary)",
|
||||
}}
|
||||
>
|
||||
@@ -1106,8 +1107,8 @@ export default function ReceivedInvoices({
|
||||
</div>
|
||||
{uploadMeta[idx]?.amount && (
|
||||
<div
|
||||
className="text-xs"
|
||||
style={{
|
||||
fontSize: "0.75rem",
|
||||
color: "var(--text-tertiary)",
|
||||
marginTop: "-0.25rem",
|
||||
marginBottom: "0.5rem",
|
||||
@@ -1320,8 +1321,8 @@ export default function ReceivedInvoices({
|
||||
</div>
|
||||
{editInvoice.amount && (
|
||||
<div
|
||||
className="text-xs"
|
||||
style={{
|
||||
fontSize: "0.75rem",
|
||||
color: "var(--text-tertiary)",
|
||||
marginBottom: "0.75rem",
|
||||
}}
|
||||
|
||||
@@ -639,17 +639,16 @@ export default function Settings() {
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
className="fw-500 text-md"
|
||||
style={{
|
||||
fontWeight: 500,
|
||||
color: "var(--text-primary)",
|
||||
fontSize: "0.875rem",
|
||||
}}
|
||||
>
|
||||
Povinné dvoufaktorové ověření (2FA)
|
||||
</div>
|
||||
<div
|
||||
className="text-xs"
|
||||
style={{
|
||||
fontSize: "0.75rem",
|
||||
color: "var(--text-secondary)",
|
||||
}}
|
||||
>
|
||||
@@ -781,16 +780,16 @@ export default function Settings() {
|
||||
<tr key={role.id}>
|
||||
<td>
|
||||
<div
|
||||
className="fw-500"
|
||||
style={{
|
||||
fontWeight: 500,
|
||||
color: "var(--text-primary)",
|
||||
}}
|
||||
>
|
||||
{role.display_name}
|
||||
</div>
|
||||
<div
|
||||
className="text-xs"
|
||||
style={{
|
||||
fontSize: "0.75rem",
|
||||
color: "var(--text-tertiary)",
|
||||
}}
|
||||
>
|
||||
@@ -1077,9 +1076,9 @@ export default function Settings() {
|
||||
/>
|
||||
</FormField>
|
||||
<small
|
||||
className="text-xs"
|
||||
style={{
|
||||
color: "var(--text-tertiary)",
|
||||
fontSize: "0.75rem",
|
||||
}}
|
||||
>
|
||||
Změna se projeví po restartu serveru
|
||||
@@ -1179,10 +1178,9 @@ export default function Settings() {
|
||||
/>
|
||||
)}
|
||||
<div
|
||||
className="fw-600 text-md"
|
||||
style={{
|
||||
fontWeight: 600,
|
||||
marginBottom: "0.5rem",
|
||||
fontSize: "0.875rem",
|
||||
}}
|
||||
>
|
||||
{cfg.label}
|
||||
@@ -1355,8 +1353,8 @@ export default function Settings() {
|
||||
<div className="admin-card-body">
|
||||
{systemInfo ? (
|
||||
<table
|
||||
className="w-full"
|
||||
style={{
|
||||
width: "100%",
|
||||
fontSize: "0.85rem",
|
||||
borderCollapse: "collapse",
|
||||
}}
|
||||
@@ -1374,16 +1372,16 @@ export default function Settings() {
|
||||
).map(([label, val]) => (
|
||||
<tr key={label}>
|
||||
<td
|
||||
className="whitespace-nowrap"
|
||||
style={{
|
||||
padding: "6px 12px 6px 0",
|
||||
color: "var(--text-secondary)",
|
||||
whiteSpace: "nowrap",
|
||||
width: 160,
|
||||
}}
|
||||
>
|
||||
{label}
|
||||
</td>
|
||||
<td style={{ padding: "6px 0", fontWeight: 500 }}>
|
||||
<td className="fw-500" style={{ padding: "6px 0" }}>
|
||||
{val}
|
||||
</td>
|
||||
</tr>
|
||||
@@ -1516,9 +1514,9 @@ export default function Settings() {
|
||||
</span>
|
||||
{info?.configured && (
|
||||
<span
|
||||
className="text-xs"
|
||||
style={{
|
||||
marginLeft: 8,
|
||||
fontSize: "0.75rem",
|
||||
color: "var(--text-tertiary)",
|
||||
}}
|
||||
>
|
||||
@@ -1548,8 +1546,7 @@ export default function Settings() {
|
||||
<button
|
||||
onClick={handleSaveSystemSettings}
|
||||
disabled={sysSettingsSaving}
|
||||
className="admin-btn admin-btn-primary"
|
||||
style={{ width: "100%" }}
|
||||
className="admin-btn admin-btn-primary w-full"
|
||||
>
|
||||
{sysSettingsSaving ? (
|
||||
<>
|
||||
@@ -1637,9 +1634,9 @@ export default function Settings() {
|
||||
/>
|
||||
{!editingRole && (
|
||||
<small
|
||||
className="text-xs"
|
||||
style={{
|
||||
color: "var(--text-tertiary)",
|
||||
fontSize: "0.75rem",
|
||||
}}
|
||||
>
|
||||
Pouze malá písmena, čísla a pomlčky. Nelze později
|
||||
|
||||
Reference in New Issue
Block a user