Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
2254a13ad0 | ||
|
|
1f5885de84 | ||
|
|
705f58e3d1 | ||
|
|
0330453ad6 |
572
package-lock.json
generated
572
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "app-ts",
|
||||
"version": "1.6.7",
|
||||
"version": "1.7.0",
|
||||
"description": "",
|
||||
"main": "dist/server.js",
|
||||
"scripts": {
|
||||
@@ -18,7 +18,6 @@
|
||||
"db:studio": "prisma studio",
|
||||
"test": "vitest run",
|
||||
"test:watch": "vitest",
|
||||
"bones": "boneyard-js build http://localhost:3000",
|
||||
"seed": "tsx prisma/seed.ts"
|
||||
},
|
||||
"prisma": {
|
||||
@@ -42,7 +41,6 @@
|
||||
"@tanstack/react-query": "^5.100.5",
|
||||
"@types/jsdom": "^28.0.1",
|
||||
"bcryptjs": "^3.0.3",
|
||||
"boneyard-js": "^1.8.1",
|
||||
"date-fns": "^4.1.0",
|
||||
"dompurify": "^3.3.3",
|
||||
"dotenv": "^17.3.1",
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
-- AlterTable
|
||||
ALTER TABLE `quotations` DROP COLUMN `exchange_rate`;
|
||||
ALTER TABLE `quotations` DROP COLUMN `exchange_rate_date`;
|
||||
@@ -0,0 +1,2 @@
|
||||
-- AlterTable
|
||||
ALTER TABLE `invoice_items` ADD COLUMN `item_description` TEXT NULL;
|
||||
@@ -0,0 +1,14 @@
|
||||
-- AlterTable: quotation_items
|
||||
ALTER TABLE `quotation_items` DROP COLUMN `uuid`;
|
||||
ALTER TABLE `quotation_items` DROP COLUMN `is_deleted`;
|
||||
ALTER TABLE `quotation_items` DROP COLUMN `sync_version`;
|
||||
|
||||
-- AlterTable: quotations
|
||||
ALTER TABLE `quotations` DROP COLUMN `uuid`;
|
||||
ALTER TABLE `quotations` DROP COLUMN `sync_version`;
|
||||
|
||||
-- AlterTable: scope_sections
|
||||
ALTER TABLE `scope_sections` DROP COLUMN `content_editor_height`;
|
||||
ALTER TABLE `scope_sections` DROP COLUMN `uuid`;
|
||||
ALTER TABLE `scope_sections` DROP COLUMN `is_deleted`;
|
||||
ALTER TABLE `scope_sections` DROP COLUMN `sync_version`;
|
||||
@@ -154,6 +154,7 @@ model invoice_items {
|
||||
id Int @id @default(autoincrement())
|
||||
invoice_id Int
|
||||
description String? @db.VarChar(500)
|
||||
item_description String? @db.Text
|
||||
quantity Decimal? @default(1.000) @db.Decimal(12, 3)
|
||||
unit String? @db.VarChar(20)
|
||||
unit_price Decimal? @default(0.00) @db.Decimal(12, 2)
|
||||
@@ -377,10 +378,7 @@ model quotation_items {
|
||||
unit String? @db.VarChar(20)
|
||||
unit_price Decimal? @default(0.00) @db.Decimal(12, 2)
|
||||
is_included_in_total Boolean? @default(true)
|
||||
uuid String? @db.VarChar(36)
|
||||
modified_at DateTime? @db.DateTime(0)
|
||||
is_deleted Boolean? @default(false)
|
||||
sync_version Int? @default(0)
|
||||
quotations quotations @relation(fields: [quotation_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "quotation_items_ibfk_1")
|
||||
|
||||
@@index([quotation_id], map: "quotation_id")
|
||||
@@ -397,17 +395,13 @@ model quotations {
|
||||
language String? @default("cs") @db.VarChar(5)
|
||||
vat_rate Decimal? @default(21.00) @db.Decimal(5, 2)
|
||||
apply_vat Boolean? @default(true)
|
||||
exchange_rate Decimal? @default(1.0000) @db.Decimal(10, 4)
|
||||
exchange_rate_date DateTime? @db.Date
|
||||
order_id Int?
|
||||
status String @default("active") @db.VarChar(20)
|
||||
scope_title String? @db.VarChar(500)
|
||||
scope_description String? @db.Text
|
||||
locked_by Int?
|
||||
locked_at DateTime? @db.DateTime(0)
|
||||
uuid String? @db.VarChar(36)
|
||||
modified_at DateTime? @db.DateTime(0)
|
||||
sync_version Int? @default(0)
|
||||
orders orders[]
|
||||
projects projects[]
|
||||
quotation_items quotation_items[]
|
||||
@@ -492,11 +486,7 @@ model scope_sections {
|
||||
title String? @db.VarChar(500)
|
||||
title_cz String? @db.VarChar(500)
|
||||
content String? @db.Text
|
||||
content_editor_height Int?
|
||||
uuid String? @db.VarChar(36)
|
||||
modified_at DateTime? @db.DateTime(0)
|
||||
is_deleted Boolean? @default(false)
|
||||
sync_version Int? @default(0)
|
||||
quotations quotations @relation(fields: [quotation_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "scope_sections_ibfk_1")
|
||||
|
||||
@@index([quotation_id], map: "quotation_id")
|
||||
|
||||
@@ -34,7 +34,7 @@ export interface InvoiceStats {
|
||||
export interface InvoiceItem {
|
||||
id?: number;
|
||||
description: string;
|
||||
item_description?: string;
|
||||
item_description: string;
|
||||
quantity: number;
|
||||
unit: string;
|
||||
unit_price: number;
|
||||
|
||||
@@ -19,6 +19,7 @@ export interface ScopeSection {
|
||||
export interface ScopeTemplate {
|
||||
id: number;
|
||||
name: string;
|
||||
title?: string;
|
||||
description?: string;
|
||||
scope_template_sections?: ScopeSection[];
|
||||
}
|
||||
@@ -70,6 +71,8 @@ export const offerListOptions = (filters: {
|
||||
order?: string;
|
||||
page?: number;
|
||||
perPage?: number;
|
||||
status?: string;
|
||||
customer_id?: number;
|
||||
}) =>
|
||||
queryOptions({
|
||||
queryKey: ["offers", "list", filters],
|
||||
@@ -80,6 +83,9 @@ export const offerListOptions = (filters: {
|
||||
if (filters.order) params.set("order", filters.order);
|
||||
if (filters.page) params.set("page", String(filters.page));
|
||||
if (filters.perPage) params.set("per_page", String(filters.perPage));
|
||||
if (filters.status) params.set("status", filters.status);
|
||||
if (filters.customer_id)
|
||||
params.set("customer_id", String(filters.customer_id));
|
||||
const qs = params.toString();
|
||||
return paginatedJsonQuery(`/api/admin/offers${qs ? `?${qs}` : ""}`);
|
||||
},
|
||||
@@ -127,9 +133,6 @@ export interface OfferDetailData {
|
||||
language: string;
|
||||
vat_rate: number;
|
||||
apply_vat: boolean;
|
||||
exchange_rate: string;
|
||||
scope_title: string;
|
||||
scope_description: string;
|
||||
items?: OfferItemData[];
|
||||
sections?: OfferSectionData[];
|
||||
status: string;
|
||||
|
||||
@@ -46,33 +46,6 @@
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
/* Template dropdown menu */
|
||||
.offers-template-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
z-index: 100;
|
||||
min-width: 200px;
|
||||
max-height: 250px;
|
||||
overflow-y: auto;
|
||||
background: var(--bg-primary);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.offers-template-menu-item {
|
||||
padding: 0.5rem 0.75rem;
|
||||
cursor: pointer;
|
||||
font-size: 0.875rem;
|
||||
transition: background var(--transition);
|
||||
}
|
||||
|
||||
.offers-template-menu-item:hover {
|
||||
background: var(--bg-secondary);
|
||||
}
|
||||
|
||||
/* Language badges */
|
||||
.offers-lang-badge {
|
||||
display: inline-flex;
|
||||
@@ -617,13 +590,32 @@
|
||||
}
|
||||
|
||||
/* Offer draft indicator */
|
||||
.offers-draft-indicator {
|
||||
/* Filters */
|
||||
.admin-filters {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.3rem;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 500;
|
||||
color: var(--text-tertiary);
|
||||
margin-top: 0.2rem;
|
||||
opacity: 0.8;
|
||||
flex-wrap: wrap;
|
||||
gap: 1rem;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.admin-filter-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.35rem;
|
||||
}
|
||||
|
||||
.admin-filter-label {
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
color: var(--text-tertiary);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
|
||||
.admin-filter-group .admin-tabs {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.admin-filter-group .admin-form-select {
|
||||
min-width: 10rem;
|
||||
}
|
||||
|
||||
@@ -10,8 +10,6 @@ import DOMPurify from "dompurify";
|
||||
import { useAlert } from "../context/AlertContext";
|
||||
import { useAuth } from "../context/AuthContext";
|
||||
import Forbidden from "../components/Forbidden";
|
||||
import { Skeleton } from "boneyard-js/react";
|
||||
import InvoiceDetailFixture from "../fixtures/InvoiceDetailFixture";
|
||||
import FormField from "../components/FormField";
|
||||
import AdminDatePicker from "../components/AdminDatePicker";
|
||||
import ConfirmModal from "../components/ConfirmModal";
|
||||
@@ -74,6 +72,7 @@ interface InvoiceItem {
|
||||
id?: number;
|
||||
_key: string;
|
||||
description: string;
|
||||
item_description: string;
|
||||
quantity: number;
|
||||
unit: string;
|
||||
unit_price: number;
|
||||
@@ -166,7 +165,10 @@ function SortableInvoiceRow({
|
||||
</button>
|
||||
</td>
|
||||
<td className="text-tertiary text-center fw-500">{index + 1}</td>
|
||||
<td>
|
||||
<td style={{ verticalAlign: "top" }}>
|
||||
<div
|
||||
style={{ display: "flex", flexDirection: "column", gap: "0.25rem" }}
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
value={item.description}
|
||||
@@ -174,6 +176,17 @@ function SortableInvoiceRow({
|
||||
className="admin-form-input fw-500"
|
||||
placeholder="Popis položky..."
|
||||
/>
|
||||
<input
|
||||
type="text"
|
||||
value={item.item_description}
|
||||
onChange={(e) =>
|
||||
onUpdate(index, "item_description", e.target.value)
|
||||
}
|
||||
className="admin-form-input"
|
||||
placeholder="Podrobný popis (volitelný)"
|
||||
style={{ fontSize: "0.8rem", opacity: 0.8 }}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<input
|
||||
@@ -281,6 +294,7 @@ export default function InvoiceDetail() {
|
||||
(): InvoiceItem => ({
|
||||
_key: `inv-${++keyCounterRef.current}`,
|
||||
description: "",
|
||||
item_description: "",
|
||||
quantity: 1,
|
||||
unit: "ks",
|
||||
unit_price: 0,
|
||||
@@ -508,6 +522,7 @@ export default function InvoiceDetail() {
|
||||
_key: `inv-${++keyCounterRef.current}`,
|
||||
id: item.id,
|
||||
description: item.description || "",
|
||||
item_description: item.item_description || "",
|
||||
quantity: Number(item.quantity) || 1,
|
||||
unit: item.unit || "",
|
||||
unit_price: Number(item.unit_price) || 0,
|
||||
@@ -587,6 +602,7 @@ export default function InvoiceDetail() {
|
||||
orderItems.map((item) => ({
|
||||
_key: `inv-${++keyCounterRef.current}`,
|
||||
description: (item.description as string) || "",
|
||||
item_description: (item.item_description as string) || "",
|
||||
quantity: Number(item.quantity) || 1,
|
||||
unit: (item.unit as string) || "",
|
||||
unit_price: Number(item.unit_price) || 0,
|
||||
@@ -910,12 +926,14 @@ export default function InvoiceDetail() {
|
||||
if (isEdit && !invoice) return null;
|
||||
|
||||
if (isPaid && invoice) {
|
||||
if (!dataReady) {
|
||||
return (
|
||||
<div className="admin-loading">
|
||||
<div className="admin-spinner" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
return (
|
||||
<Skeleton
|
||||
name="invoice-detail"
|
||||
loading={!dataReady}
|
||||
fixture={<InvoiceDetailFixture />}
|
||||
>
|
||||
<div>
|
||||
{/* Header */}
|
||||
<motion.div
|
||||
@@ -1124,23 +1142,29 @@ export default function InvoiceDetail() {
|
||||
</td>
|
||||
<td className="fw-500">
|
||||
{item.description || "\u2014"}
|
||||
{item.item_description && (
|
||||
<div
|
||||
style={{
|
||||
fontSize: "0.8rem",
|
||||
opacity: 0.8,
|
||||
marginTop: 2,
|
||||
}}
|
||||
>
|
||||
{item.item_description}
|
||||
</div>
|
||||
)}
|
||||
</td>
|
||||
<td className="text-center">
|
||||
{item.quantity}{" "}
|
||||
{item.unit && (
|
||||
<span className="text-tertiary">
|
||||
{item.unit}
|
||||
</span>
|
||||
<span className="text-tertiary">{item.unit}</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="text-center">
|
||||
{item.unit || "\u2014"}
|
||||
</td>
|
||||
<td className="admin-mono text-right">
|
||||
{formatCurrency(
|
||||
item.unit_price,
|
||||
invoice.currency,
|
||||
)}
|
||||
{formatCurrency(item.unit_price, invoice.currency)}
|
||||
</td>
|
||||
<td className="text-center">
|
||||
{Number(invoice.apply_vat)
|
||||
@@ -1172,14 +1196,12 @@ export default function InvoiceDetail() {
|
||||
</span>
|
||||
</div>
|
||||
{Number(invoice.apply_vat) > 0 &&
|
||||
Object.entries(createTotals.vatByRate).map(
|
||||
([rate, amount]) => (
|
||||
Object.entries(createTotals.vatByRate).map(([rate, amount]) => (
|
||||
<div key={rate} className="admin-totals-row">
|
||||
<span>DPH {rate}%:</span>
|
||||
<span>{formatCurrency(amount, invoice.currency)}</span>
|
||||
</div>
|
||||
),
|
||||
)}
|
||||
))}
|
||||
<div className="admin-totals-row admin-totals-total">
|
||||
<span>Celkem k úhradě:</span>
|
||||
<span>
|
||||
@@ -1220,19 +1242,20 @@ export default function InvoiceDetail() {
|
||||
loading={deleting}
|
||||
/>
|
||||
</div>
|
||||
</Skeleton>
|
||||
);
|
||||
}
|
||||
|
||||
// ═══════════════════════════════════════════════════════════
|
||||
// CREATE MODE + EDIT (not paid) — shared form
|
||||
// ═══════════════════════════════════════════════════════════
|
||||
if (!dataReady) {
|
||||
return (
|
||||
<div className="admin-loading">
|
||||
<div className="admin-spinner" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
return (
|
||||
<Skeleton
|
||||
name="invoice-detail"
|
||||
loading={!dataReady}
|
||||
fixture={<InvoiceDetailFixture />}
|
||||
>
|
||||
<div>
|
||||
<motion.div
|
||||
className="admin-page-header"
|
||||
@@ -1386,11 +1409,7 @@ export default function InvoiceDetail() {
|
||||
}}
|
||||
/>
|
||||
</FormField>
|
||||
<FormField
|
||||
label="Odběratel"
|
||||
error={errors.customer_id}
|
||||
required
|
||||
>
|
||||
<FormField label="Odběratel" error={errors.customer_id} required>
|
||||
{form.customer_id ? (
|
||||
<div className="admin-customer-selected">
|
||||
<span>{form.customer_name}</span>
|
||||
@@ -1732,19 +1751,15 @@ export default function InvoiceDetail() {
|
||||
</span>
|
||||
</div>
|
||||
{form.apply_vat &&
|
||||
Object.entries(createTotals.vatByRate).map(
|
||||
([rate, amount]) => (
|
||||
Object.entries(createTotals.vatByRate).map(([rate, amount]) => (
|
||||
<div key={rate} className="admin-totals-row">
|
||||
<span>DPH {rate}%:</span>
|
||||
<span>{formatCurrency(amount, form.currency)}</span>
|
||||
</div>
|
||||
),
|
||||
)}
|
||||
))}
|
||||
<div className="admin-totals-row admin-totals-total">
|
||||
<span>Celkem k úhradě:</span>
|
||||
<span>
|
||||
{formatCurrency(createTotals.total, form.currency)}
|
||||
</span>
|
||||
<span>{formatCurrency(createTotals.total, form.currency)}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1800,6 +1815,5 @@ export default function InvoiceDetail() {
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</Skeleton>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -20,9 +20,6 @@ import {
|
||||
type CurrencyAmount,
|
||||
} from "../lib/queries/invoices";
|
||||
import Pagination from "../components/Pagination";
|
||||
import { Skeleton } from "boneyard-js/react";
|
||||
import InvoicesFixture from "../fixtures/InvoicesFixture";
|
||||
import ReceivedInvoicesFixture from "../fixtures/ReceivedInvoicesFixture";
|
||||
|
||||
const ReceivedInvoices = lazy(() => import("./ReceivedInvoices"));
|
||||
const API_BASE = "/api/admin";
|
||||
@@ -283,13 +280,9 @@ export default function Invoices() {
|
||||
|
||||
if (initialLoad) {
|
||||
return (
|
||||
<Skeleton
|
||||
name="invoices"
|
||||
loading={initialLoad}
|
||||
fixture={<InvoicesFixture />}
|
||||
>
|
||||
<div />
|
||||
</Skeleton>
|
||||
<div className="admin-loading">
|
||||
<div className="admin-spinner" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -420,13 +413,9 @@ export default function Invoices() {
|
||||
>
|
||||
<Suspense
|
||||
fallback={
|
||||
<Skeleton
|
||||
name="invoices-received-kpi"
|
||||
loading={true}
|
||||
fixture={<ReceivedInvoicesFixture />}
|
||||
>
|
||||
<div />
|
||||
</Skeleton>
|
||||
<div className="admin-loading">
|
||||
<div className="admin-spinner" />
|
||||
</div>
|
||||
}
|
||||
>
|
||||
<ReceivedInvoices
|
||||
@@ -445,13 +434,9 @@ export default function Invoices() {
|
||||
transition={{ duration: 0.25, delay: 0.1 }}
|
||||
>
|
||||
{statsQuery.isPending && !hasLoadedOnce.current ? (
|
||||
<Skeleton
|
||||
name="invoices-kpi"
|
||||
loading={statsQuery.isPending && !hasLoadedOnce.current}
|
||||
fixture={<InvoicesFixture />}
|
||||
>
|
||||
<div />
|
||||
</Skeleton>
|
||||
<div className="admin-loading">
|
||||
<div className="admin-spinner" />
|
||||
</div>
|
||||
) : (
|
||||
stats && (
|
||||
<div style={{ overflow: "hidden", marginBottom: "1.5rem" }}>
|
||||
@@ -632,6 +617,14 @@ export default function Invoices() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<AnimatePresence mode="wait">
|
||||
<motion.div
|
||||
key={`${statusFilter}-${search}-${statsMonth}-${statsYear}-${page}-${invoices.length}`}
|
||||
initial={{ opacity: 0, y: 6 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
exit={{ opacity: 0 }}
|
||||
transition={{ duration: 0.15 }}
|
||||
>
|
||||
{invoices.length === 0 && !(draft && !statusFilter) ? (
|
||||
<div className="admin-empty-state">
|
||||
<div className="admin-empty-icon">
|
||||
@@ -723,18 +716,23 @@ export default function Invoices() {
|
||||
<span className="offers-draft-row-label">
|
||||
Koncept
|
||||
{draft.savedAt && (
|
||||
<span style={{ fontWeight: 400, opacity: 0.8 }}>
|
||||
<span
|
||||
style={{ fontWeight: 400, opacity: 0.8 }}
|
||||
>
|
||||
{" · "}
|
||||
{new Date(draft.savedAt).toLocaleTimeString(
|
||||
"cs-CZ",
|
||||
{ hour: "2-digit", minute: "2-digit" },
|
||||
)}
|
||||
{new Date(
|
||||
draft.savedAt,
|
||||
).toLocaleTimeString("cs-CZ", {
|
||||
hour: "2-digit",
|
||||
minute: "2-digit",
|
||||
})}
|
||||
</span>
|
||||
)}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
{(draft.form.customer_name as string) || "\u2014"}
|
||||
{(draft.form.customer_name as string) ||
|
||||
"\u2014"}
|
||||
</td>
|
||||
<td>{"\u2014"}</td>
|
||||
<td className="admin-mono">
|
||||
@@ -799,7 +797,9 @@ export default function Invoices() {
|
||||
return (
|
||||
<tr
|
||||
key={inv.id}
|
||||
className={isOverdue ? "offers-expired-row" : ""}
|
||||
className={
|
||||
isOverdue ? "offers-expired-row" : ""
|
||||
}
|
||||
>
|
||||
<td className="admin-mono">
|
||||
<Link
|
||||
@@ -834,7 +834,10 @@ export default function Invoices() {
|
||||
className="admin-mono"
|
||||
style={
|
||||
inv.status === "overdue"
|
||||
? { color: "var(--danger)", fontWeight: 600 }
|
||||
? {
|
||||
color: "var(--danger)",
|
||||
fontWeight: 600,
|
||||
}
|
||||
: undefined
|
||||
}
|
||||
>
|
||||
@@ -842,7 +845,10 @@ export default function Invoices() {
|
||||
</td>
|
||||
<td
|
||||
className="admin-mono"
|
||||
style={{ textAlign: "right", fontWeight: 500 }}
|
||||
style={{
|
||||
textAlign: "right",
|
||||
fontWeight: 500,
|
||||
}}
|
||||
>
|
||||
{formatCurrency(inv.total, inv.currency)}
|
||||
</td>
|
||||
@@ -852,10 +858,14 @@ export default function Invoices() {
|
||||
to={`/invoices/${inv.id}`}
|
||||
className="admin-btn-icon"
|
||||
title={
|
||||
inv.status === "paid" ? "Detail" : "Upravit"
|
||||
inv.status === "paid"
|
||||
? "Detail"
|
||||
: "Upravit"
|
||||
}
|
||||
aria-label={
|
||||
inv.status === "paid" ? "Detail" : "Upravit"
|
||||
inv.status === "paid"
|
||||
? "Detail"
|
||||
: "Upravit"
|
||||
}
|
||||
>
|
||||
{inv.status === "paid" ? (
|
||||
@@ -911,8 +921,18 @@ export default function Invoices() {
|
||||
>
|
||||
<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" />
|
||||
<line x1="16" y1="13" x2="8" y2="13" />
|
||||
<line x1="16" y1="17" x2="8" y2="17" />
|
||||
<line
|
||||
x1="16"
|
||||
y1="13"
|
||||
x2="8"
|
||||
y2="13"
|
||||
/>
|
||||
<line
|
||||
x1="16"
|
||||
y1="17"
|
||||
x2="8"
|
||||
y2="17"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</button>
|
||||
@@ -950,6 +970,8 @@ export default function Invoices() {
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</motion.div>
|
||||
</AnimatePresence>
|
||||
<Pagination pagination={pagination} onPageChange={setPage} />
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
@@ -16,12 +16,15 @@ import {
|
||||
offerCustomersOptions,
|
||||
scopeTemplatesOptions,
|
||||
offerNextNumberOptions,
|
||||
itemTemplatesOptions,
|
||||
type ItemTemplate,
|
||||
type OfferDetailData,
|
||||
type OfferItemData,
|
||||
type OfferSectionData,
|
||||
type OfferLockInfo,
|
||||
type OfferOrderInfo,
|
||||
type ScopeTemplate,
|
||||
type Customer,
|
||||
} from "../lib/queries/offers";
|
||||
|
||||
import {
|
||||
@@ -54,8 +57,6 @@ import useModalLock from "../hooks/useModalLock";
|
||||
import useDebounce from "../hooks/useDebounce";
|
||||
import apiFetch from "../utils/api";
|
||||
import { formatCurrency } from "../utils/formatters";
|
||||
import { Skeleton } from "boneyard-js/react";
|
||||
import OfferDetailFixture from "../fixtures/OfferDetailFixture";
|
||||
import {
|
||||
companySettingsOptions,
|
||||
type CompanySettingsData,
|
||||
@@ -92,15 +93,6 @@ interface OfferForm {
|
||||
language: string;
|
||||
vat_rate: number;
|
||||
apply_vat: boolean;
|
||||
exchange_rate: string;
|
||||
scope_title: string;
|
||||
scope_description: string;
|
||||
}
|
||||
|
||||
interface Customer {
|
||||
id: number;
|
||||
name: string;
|
||||
city?: string;
|
||||
}
|
||||
|
||||
const emptyForm: OfferForm = {
|
||||
@@ -114,9 +106,6 @@ const emptyForm: OfferForm = {
|
||||
language: "EN",
|
||||
vat_rate: 21,
|
||||
apply_vat: false,
|
||||
exchange_rate: "",
|
||||
scope_title: "",
|
||||
scope_description: "",
|
||||
};
|
||||
|
||||
const emptyScopeSection = (): ScopeSection => ({
|
||||
@@ -323,6 +312,7 @@ export default function OfferDetail() {
|
||||
enabled: !isEdit,
|
||||
});
|
||||
const { data: templatesData } = useQuery(scopeTemplatesOptions());
|
||||
const { data: itemTemplates } = useQuery(itemTemplatesOptions());
|
||||
const { data: nextNumberData } = useQuery({
|
||||
...offerNextNumberOptions(),
|
||||
enabled: !isEdit,
|
||||
@@ -354,13 +344,6 @@ export default function OfferDetail() {
|
||||
language: (draft.form.language as string) || emptyForm.language,
|
||||
vat_rate: (draft.form.vat_rate as number) ?? emptyForm.vat_rate,
|
||||
apply_vat: (draft.form.apply_vat as boolean) ?? emptyForm.apply_vat,
|
||||
exchange_rate:
|
||||
(draft.form.exchange_rate as string) || emptyForm.exchange_rate,
|
||||
scope_title:
|
||||
(draft.form.scope_title as string) || emptyForm.scope_title,
|
||||
scope_description:
|
||||
(draft.form.scope_description as string) ||
|
||||
emptyForm.scope_description,
|
||||
};
|
||||
}
|
||||
return emptyForm;
|
||||
@@ -433,13 +416,7 @@ export default function OfferDetail() {
|
||||
const isCompleted = orderInfo?.status === "dokoncena";
|
||||
const isLockedByOther = !!lockedBy;
|
||||
const readOnly = isInvalidated || isLockedByOther || isCompleted;
|
||||
const isExpiredNotInvalidated =
|
||||
isEdit &&
|
||||
!isInvalidated &&
|
||||
!isCompleted &&
|
||||
!orderInfo &&
|
||||
form.valid_until &&
|
||||
new Date(form.valid_until) < new Date(new Date().toDateString());
|
||||
const canInvalidate = isEdit && !isInvalidated && !isCompleted && !orderInfo;
|
||||
|
||||
// Sync offer detail data to form state on first load (edit mode)
|
||||
const formInitializedRef = useRef(false);
|
||||
@@ -457,9 +434,6 @@ export default function OfferDetail() {
|
||||
language: d.language || "EN",
|
||||
vat_rate: d.vat_rate ?? companySettings?.default_vat_rate ?? 21,
|
||||
apply_vat: !!d.apply_vat,
|
||||
exchange_rate: d.exchange_rate || "",
|
||||
scope_title: d.scope_title || "",
|
||||
scope_description: d.scope_description || "",
|
||||
};
|
||||
setForm(formData);
|
||||
const mappedItems =
|
||||
@@ -592,7 +566,6 @@ export default function OfferDetail() {
|
||||
language: data.form.language ?? "EN",
|
||||
vat_rate: data.form.vat_rate ?? 21,
|
||||
apply_vat: data.form.apply_vat ?? false,
|
||||
exchange_rate: data.form.exchange_rate ?? "",
|
||||
},
|
||||
items: data.items,
|
||||
sections: data.sections,
|
||||
@@ -855,12 +828,14 @@ export default function OfferDetail() {
|
||||
const requiredPerm = getRequiredPerm();
|
||||
if (!hasPermission(requiredPerm)) return <Forbidden />;
|
||||
|
||||
if (loading) {
|
||||
return (
|
||||
<div className="admin-loading">
|
||||
<div className="admin-spinner" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
return (
|
||||
<Skeleton
|
||||
name="offer-detail"
|
||||
loading={loading}
|
||||
fixture={<OfferDetailFixture />}
|
||||
>
|
||||
<div>
|
||||
{/* Header */}
|
||||
<motion.div
|
||||
@@ -968,7 +943,7 @@ export default function OfferDetail() {
|
||||
Objednávka {orderInfo.order_number}
|
||||
</Link>
|
||||
)}
|
||||
{isExpiredNotInvalidated && hasPermission("offers.edit") && (
|
||||
{canInvalidate && hasPermission("offers.edit") && (
|
||||
<button
|
||||
onClick={() => setInvalidateConfirm(true)}
|
||||
className="admin-btn admin-btn-secondary"
|
||||
@@ -1160,11 +1135,7 @@ export default function OfferDetail() {
|
||||
/>
|
||||
)}
|
||||
</FormField>
|
||||
<FormField
|
||||
label="Platnost do"
|
||||
error={errors.valid_until}
|
||||
required
|
||||
>
|
||||
<FormField label="Platnost do" error={errors.valid_until} required>
|
||||
{readOnly ? (
|
||||
<input
|
||||
type="text"
|
||||
@@ -1235,9 +1206,7 @@ export default function OfferDetail() {
|
||||
disabled={readOnly}
|
||||
>
|
||||
{(
|
||||
companySettings?.available_vat_rates || [
|
||||
0, 10, 12, 15, 21,
|
||||
]
|
||||
companySettings?.available_vat_rates || [0, 10, 12, 15, 21]
|
||||
).map((r) => (
|
||||
<option key={r} value={r}>
|
||||
{r}%
|
||||
@@ -1248,26 +1217,13 @@ export default function OfferDetail() {
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={form.apply_vat}
|
||||
onChange={(e) =>
|
||||
updateForm("apply_vat", e.target.checked)
|
||||
}
|
||||
onChange={(e) => updateForm("apply_vat", e.target.checked)}
|
||||
disabled={readOnly}
|
||||
/>
|
||||
<span>Účtovat DPH</span>
|
||||
</label>
|
||||
</div>
|
||||
</FormField>
|
||||
<FormField label="Směnný kurz">
|
||||
<input
|
||||
type="number"
|
||||
value={form.exchange_rate}
|
||||
onChange={(e) => updateForm("exchange_rate", e.target.value)}
|
||||
className="admin-form-input"
|
||||
placeholder="Volitelný"
|
||||
step="0.0001"
|
||||
readOnly={readOnly}
|
||||
/>
|
||||
</FormField>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
@@ -1283,12 +1239,59 @@ export default function OfferDetail() {
|
||||
<div className="admin-card-header flex-between">
|
||||
<h3 className="admin-card-title">Položky</h3>
|
||||
{!readOnly && (
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
gap: "0.5rem",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
{itemTemplates && itemTemplates.length > 0 && (
|
||||
<select
|
||||
className="admin-form-select"
|
||||
style={{ width: "auto", minWidth: "160px" }}
|
||||
defaultValue=""
|
||||
onChange={(e) => {
|
||||
const templateId = Number(e.target.value);
|
||||
if (!templateId) return;
|
||||
const template = itemTemplates.find(
|
||||
(t: ItemTemplate) => t.id === templateId,
|
||||
);
|
||||
if (template) {
|
||||
setItems((prev) => [
|
||||
...prev,
|
||||
{
|
||||
_key: `item-${++itemKeyCounter.current}`,
|
||||
description: template.name || "",
|
||||
item_description: template.description || "",
|
||||
quantity: 1,
|
||||
unit: "ks",
|
||||
unit_price: template.default_price || 0,
|
||||
is_included_in_total: true,
|
||||
},
|
||||
]);
|
||||
alert.success(
|
||||
`Načtena šablona položky "${template.name}"`,
|
||||
);
|
||||
}
|
||||
e.target.value = "";
|
||||
}}
|
||||
>
|
||||
<option value="">Ze šablony...</option>
|
||||
{itemTemplates.map((t: ItemTemplate) => (
|
||||
<option key={t.id} value={t.id}>
|
||||
{t.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
)}
|
||||
<button
|
||||
onClick={addItem}
|
||||
className="admin-btn admin-btn-secondary admin-btn-sm"
|
||||
>
|
||||
+ Přidat položku
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
{errors.items && (
|
||||
@@ -1329,16 +1332,10 @@ export default function OfferDetail() {
|
||||
#
|
||||
</th>
|
||||
<th className="offers-col-desc">Popis</th>
|
||||
<th
|
||||
className="offers-col-qty"
|
||||
style={{ width: "5rem" }}
|
||||
>
|
||||
<th className="offers-col-qty" style={{ width: "5rem" }}>
|
||||
Množství
|
||||
</th>
|
||||
<th
|
||||
className="offers-col-unit"
|
||||
style={{ width: "5rem" }}
|
||||
>
|
||||
<th className="offers-col-unit" style={{ width: "5rem" }}>
|
||||
Jednotka
|
||||
</th>
|
||||
<th
|
||||
@@ -1445,13 +1442,6 @@ export default function OfferDetail() {
|
||||
content: s.content || "",
|
||||
}));
|
||||
setSections((prev) => [...prev, ...newSections]);
|
||||
if (template.description) {
|
||||
setForm((prev) => ({
|
||||
...prev,
|
||||
scope_description:
|
||||
template.description || prev.scope_description,
|
||||
}));
|
||||
}
|
||||
alert.success(`Načtena šablona "${template.name}"`);
|
||||
}
|
||||
e.target.value = "";
|
||||
@@ -1522,9 +1512,7 @@ export default function OfferDetail() {
|
||||
{(form.language === "CZ"
|
||||
? section.title_cz
|
||||
: section.title) && (
|
||||
<span
|
||||
style={{ fontWeight: 400, marginLeft: "0.5rem" }}
|
||||
>
|
||||
<span style={{ fontWeight: 400, marginLeft: "0.5rem" }}>
|
||||
—{" "}
|
||||
{form.language === "CZ"
|
||||
? section.title_cz || section.title
|
||||
@@ -1835,6 +1823,5 @@ export default function OfferDetail() {
|
||||
loading={deleting}
|
||||
/>
|
||||
</div>
|
||||
</Skeleton>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -5,16 +5,14 @@ import { Link, useNavigate } from "react-router-dom";
|
||||
import { motion, AnimatePresence } from "framer-motion";
|
||||
import ConfirmModal from "../components/ConfirmModal";
|
||||
import Forbidden from "../components/Forbidden";
|
||||
import { Skeleton } from "boneyard-js/react";
|
||||
import OffersFixture from "../fixtures/OffersFixture";
|
||||
|
||||
import apiFetch from "../utils/api";
|
||||
import { formatCurrency, formatDate, czechPlural } from "../utils/formatters";
|
||||
import SortIcon from "../components/SortIcon";
|
||||
import useTableSort from "../hooks/useTableSort";
|
||||
import { useQueryClient } from "@tanstack/react-query";
|
||||
import { useQueryClient, useQuery } from "@tanstack/react-query";
|
||||
import { usePaginatedQuery } from "../hooks/usePaginatedQuery";
|
||||
import { offerListOptions } from "../lib/queries/offers";
|
||||
import { offerListOptions, offerCustomersOptions } from "../lib/queries/offers";
|
||||
import useModalLock from "../hooks/useModalLock";
|
||||
import Pagination from "../components/Pagination";
|
||||
import FormField from "../components/FormField";
|
||||
@@ -22,6 +20,19 @@ import FormField from "../components/FormField";
|
||||
const API_BASE = "/api/admin";
|
||||
const DRAFT_KEY = "boha_offer_draft";
|
||||
|
||||
const STATUS_FILTERS = [
|
||||
{ value: "", label: "Vše" },
|
||||
{ value: "active", label: "Aktivní" },
|
||||
{ value: "ordered", label: "Objednaná" },
|
||||
{ value: "invalidated", label: "Zneplatněná" },
|
||||
];
|
||||
|
||||
const ORDER_FILTERS = [
|
||||
{ value: "", label: "Vše" },
|
||||
{ value: "yes", label: "S objednávkou" },
|
||||
{ value: "no", label: "Bez objednávky" },
|
||||
];
|
||||
|
||||
interface Quotation {
|
||||
id: number;
|
||||
quotation_number: string;
|
||||
@@ -57,6 +68,11 @@ export default function Offers() {
|
||||
useTableSort("quotation_number");
|
||||
const [search, setSearch] = useState("");
|
||||
const [page, setPage] = useState(1);
|
||||
const [statusFilter, setStatusFilter] = useState("");
|
||||
const [customerFilter, setCustomerFilter] = useState<number | "">("");
|
||||
const [orderFilter, setOrderFilter] = useState("");
|
||||
|
||||
const { data: customers } = useQuery(offerCustomersOptions());
|
||||
|
||||
const [deleteConfirm, setDeleteConfirm] = useState<{
|
||||
show: boolean;
|
||||
@@ -107,7 +123,15 @@ export default function Offers() {
|
||||
isPending,
|
||||
isFetching,
|
||||
} = usePaginatedQuery<Quotation>(
|
||||
offerListOptions({ search, sort, order, page }),
|
||||
offerListOptions({
|
||||
search,
|
||||
sort,
|
||||
order,
|
||||
page,
|
||||
status: statusFilter || undefined,
|
||||
customer_id: customerFilter || undefined,
|
||||
has_order: orderFilter || undefined,
|
||||
}),
|
||||
);
|
||||
|
||||
const discardDraft = () => {
|
||||
@@ -279,8 +303,15 @@ export default function Offers() {
|
||||
}
|
||||
};
|
||||
|
||||
if (isPending) {
|
||||
return (
|
||||
<div className="admin-loading">
|
||||
<div className="admin-spinner" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<Skeleton name="offers" loading={isPending} fixture={<OffersFixture />}>
|
||||
<div>
|
||||
<motion.div
|
||||
className="admin-page-header"
|
||||
@@ -339,11 +370,32 @@ export default function Offers() {
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 12 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.25, delay: 0.1 }}
|
||||
>
|
||||
<div className="admin-tabs mb-6">
|
||||
{STATUS_FILTERS.map((f) => (
|
||||
<button
|
||||
key={f.value}
|
||||
className={`admin-tab ${statusFilter === f.value ? "active" : ""}`}
|
||||
onClick={() => {
|
||||
setStatusFilter(f.value);
|
||||
setPage(1);
|
||||
}}
|
||||
>
|
||||
{f.label}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
<motion.div
|
||||
className="admin-card"
|
||||
initial={{ opacity: 0, y: 12 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.25, delay: 0.06 }}
|
||||
transition={{ duration: 0.25, delay: 0.15 }}
|
||||
style={{ opacity: isFetching ? 0.6 : 1, transition: "opacity 0.2s" }}
|
||||
>
|
||||
<div className="admin-card-body">
|
||||
@@ -360,6 +412,54 @@ export default function Offers() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="admin-filters mb-4">
|
||||
<div className="admin-filter-group">
|
||||
<label className="admin-filter-label">Zákazník</label>
|
||||
<select
|
||||
value={customerFilter}
|
||||
onChange={(e) => {
|
||||
setCustomerFilter(
|
||||
e.target.value ? Number(e.target.value) : "",
|
||||
);
|
||||
setPage(1);
|
||||
}}
|
||||
className="admin-form-select"
|
||||
>
|
||||
<option value="">Všichni</option>
|
||||
{customers?.map((c) => (
|
||||
<option key={c.id} value={c.id}>
|
||||
{c.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="admin-filter-group">
|
||||
<label className="admin-filter-label">Objednávka</label>
|
||||
<select
|
||||
value={orderFilter}
|
||||
onChange={(e) => {
|
||||
setOrderFilter(e.target.value);
|
||||
setPage(1);
|
||||
}}
|
||||
className="admin-form-select"
|
||||
>
|
||||
{ORDER_FILTERS.map((f) => (
|
||||
<option key={f.value} value={f.value}>
|
||||
{f.label}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<AnimatePresence mode="wait">
|
||||
<motion.div
|
||||
key={`${statusFilter}-${customerFilter}-${orderFilter}-${search}-${page}-${quotations.length}`}
|
||||
initial={{ opacity: 0, y: 6 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
exit={{ opacity: 0 }}
|
||||
transition={{ duration: 0.15 }}
|
||||
>
|
||||
{quotations.length === 0 && !draft ? (
|
||||
<div className="admin-empty-state">
|
||||
<div className="admin-empty-icon">
|
||||
@@ -609,7 +709,8 @@ export default function Offers() {
|
||||
</svg>
|
||||
)}
|
||||
</Link>
|
||||
{!readOnly && hasPermission("offers.create") && (
|
||||
{!readOnly &&
|
||||
hasPermission("offers.create") && (
|
||||
<button
|
||||
onClick={() => handleDuplicate(q)}
|
||||
className="admin-btn-icon"
|
||||
@@ -702,15 +803,26 @@ 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" />
|
||||
<line x1="12" y1="11" x2="12" y2="17" />
|
||||
<line x1="9" y1="14" x2="15" y2="14" />
|
||||
<line
|
||||
x1="12"
|
||||
y1="11"
|
||||
x2="12"
|
||||
y2="17"
|
||||
/>
|
||||
<line
|
||||
x1="9"
|
||||
y1="14"
|
||||
x2="15"
|
||||
y2="14"
|
||||
/>
|
||||
</svg>
|
||||
)}
|
||||
</button>
|
||||
)
|
||||
)}
|
||||
{isExpired &&
|
||||
!isInvalidated &&
|
||||
{!isInvalidated &&
|
||||
!isCompleted &&
|
||||
!q.order_id &&
|
||||
hasPermission("offers.edit") && (
|
||||
<button
|
||||
onClick={() =>
|
||||
@@ -817,6 +929,8 @@ export default function Offers() {
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</motion.div>
|
||||
</AnimatePresence>
|
||||
<Pagination pagination={pagination} onPageChange={setPage} />
|
||||
</div>
|
||||
</motion.div>
|
||||
@@ -997,6 +1111,5 @@ export default function Offers() {
|
||||
)}
|
||||
</AnimatePresence>
|
||||
</div>
|
||||
</Skeleton>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -168,6 +168,24 @@ function buildAddressLines(
|
||||
|
||||
/* ── Translations ────────────────────────────────────────────────── */
|
||||
|
||||
const paymentMethodMap: Record<string, Record<string, string>> = {
|
||||
cs: {
|
||||
"Bank transfer": "Příkazem",
|
||||
Cash: "Hotově",
|
||||
"Cash on delivery": "Dobírka",
|
||||
},
|
||||
en: {
|
||||
Příkazem: "Bank transfer",
|
||||
Hotově: "Cash",
|
||||
Dobírka: "Cash on delivery",
|
||||
},
|
||||
};
|
||||
|
||||
function translatePaymentMethod(value: string | null, lang: string): string {
|
||||
if (!value) return "";
|
||||
return paymentMethodMap[lang]?.[value] || value;
|
||||
}
|
||||
|
||||
const translations: Record<string, Record<string, string>> = {
|
||||
cs: {
|
||||
title: "Faktura",
|
||||
@@ -181,6 +199,7 @@ const translations: Record<string, Record<string, string>> = {
|
||||
var_symbol: "Variabilní s.:",
|
||||
const_symbol: "Konstantní s.:",
|
||||
order_no: "Objednávka č.:",
|
||||
order_date: "Objednávka ze dne:",
|
||||
issue_date: "Datum vystavení:",
|
||||
due_date: "Datum splatnosti:",
|
||||
tax_date: "Datum uskutečnění plnění:",
|
||||
@@ -213,6 +232,7 @@ const translations: Record<string, Record<string, string>> = {
|
||||
stamp: "Razítko:",
|
||||
ico: "IČ: ",
|
||||
dic: "DIČ: ",
|
||||
cnb_rate: "Přepočet kurzem ČNB ke dni",
|
||||
},
|
||||
en: {
|
||||
title: "Invoice",
|
||||
@@ -226,6 +246,7 @@ const translations: Record<string, Record<string, string>> = {
|
||||
var_symbol: "Variable symbol:",
|
||||
const_symbol: "Constant symbol:",
|
||||
order_no: "Order No.:",
|
||||
order_date: "Order date:",
|
||||
issue_date: "Issue date:",
|
||||
due_date: "Due date:",
|
||||
tax_date: "Tax point date:",
|
||||
@@ -257,6 +278,7 @@ const translations: Record<string, Record<string, string>> = {
|
||||
stamp: "Stamp:",
|
||||
ico: "Reg. No.: ",
|
||||
dic: "Tax ID: ",
|
||||
cnb_rate: "CNB exchange rate as of",
|
||||
},
|
||||
};
|
||||
|
||||
@@ -450,10 +472,11 @@ export default async function invoicesPdfRoutes(
|
||||
const lineVat = applyVat ? (lineSubtotal * vatRate) / 100 : 0;
|
||||
const lineTotal = lineSubtotal + lineVat;
|
||||
const qtyDecimals = Math.floor(qty) === qty ? 0 : 2;
|
||||
const subDesc = item.item_description || "";
|
||||
|
||||
return `<tr>
|
||||
<td class="row-num">${i + 1}</td>
|
||||
<td class="desc">${escapeHtml(item.description)}</td>
|
||||
<td class="desc">${escapeHtml(item.description)}${subDesc ? `<div class="item-subdesc">${escapeHtml(subDesc)}</div>` : ""}</td>
|
||||
<td class="center">${formatNum(qty, qtyDecimals)}${item.unit ? ` / ${escapeHtml(item.unit)}` : ""}</td>
|
||||
<td class="right">${formatNum(unitPrice)}</td>
|
||||
<td class="right">${formatNum(lineSubtotal)}</td>
|
||||
@@ -693,6 +716,11 @@ export default async function invoicesPdfRoutes(
|
||||
font-weight: 600;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
.item-subdesc {
|
||||
font-size: 9pt;
|
||||
color: #646464;
|
||||
margin-top: 2px;
|
||||
}
|
||||
table.items tbody td.total-cell { font-weight: 700; }
|
||||
|
||||
/* Soucet + total - styl z nabidek */
|
||||
@@ -917,9 +945,9 @@ ${indentCSS}
|
||||
<div class="info-row"><span class="lbl">${escapeHtml(t.issue_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.issue_date))}</span></div>
|
||||
<div class="info-row"><span class="lbl">${escapeHtml(t.due_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.due_date))}</span></div>
|
||||
<div class="info-row"><span class="lbl">${escapeHtml(t.tax_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.tax_date))}</span></div>
|
||||
<div class="info-row"><span class="lbl">${escapeHtml(t.payment_method)}</span> <span class="val">${escapeHtml(invoice.payment_method)}</span></div>
|
||||
${orderNumber ? `<div class="info-row"><span class="lbl">${lang === "cs" ? "Objednávka č.:" : "Order no.:"}</span> <span class="val">${orderNumber}</span></div>` : ""}
|
||||
${orderDate ? `<div class="info-row"><span class="lbl">${lang === "cs" ? "Objednávka ze dne:" : "Order date:"}</span> <span class="val">${escapeHtml(orderDate)}</span></div>` : ""}
|
||||
<div class="info-row"><span class="lbl">${escapeHtml(t.payment_method)}</span> <span class="val">${escapeHtml(translatePaymentMethod(invoice.payment_method, lang))}</span></div>
|
||||
${orderNumber ? `<div class="info-row"><span class="lbl">${escapeHtml(t.order_no)}</span> <span class="val">${orderNumber}</span></div>` : ""}
|
||||
${orderDate ? `<div class="info-row"><span class="lbl">${escapeHtml(t.order_date)}</span> <span class="val">${escapeHtml(orderDate)}</span></div>` : ""}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -1002,7 +1030,7 @@ ${indentCSS}
|
||||
? `<tfoot>
|
||||
<tr>
|
||||
<td colspan="4" style="font-size:0.7em; color:#666; padding-top:6px; text-align:left;">
|
||||
Přepočet kurzem ČNB ke dni ${formatDate(invoice.issue_date)}: 1 ${escapeHtml(currency)} = ${cnbRate.toFixed(3).replace(".", ",")} CZK
|
||||
${escapeHtml(t.cnb_rate)} ${formatDate(invoice.issue_date)}: 1 ${escapeHtml(currency)} = ${cnbRate.toFixed(3).replace(".", ",")} CZK
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>`
|
||||
|
||||
@@ -186,7 +186,6 @@ function buildAddressLines(
|
||||
|
||||
const TRANSLATIONS: Record<string, Record<string, string>> = {
|
||||
title: { EN: "PRICE QUOTATION", CZ: "CENOV\u00C1 NAB\u00CDDKA" },
|
||||
scope_title: { EN: "SCOPE OF THE PROJECT", CZ: "ROZSAH PROJEKTU" },
|
||||
valid_until: { EN: "Valid until", CZ: "Platnost do" },
|
||||
customer: { EN: "Customer", CZ: "Z\u00E1kazn\u00EDk" },
|
||||
supplier: { EN: "Supplier", CZ: "Dodavatel" },
|
||||
@@ -199,7 +198,6 @@ const TRANSLATIONS: Record<string, Record<string, string>> = {
|
||||
subtotal: { EN: "Subtotal", CZ: "Mezisou\u010Det" },
|
||||
vat: { EN: "VAT", CZ: "DPH" },
|
||||
total_to_pay: { EN: "Total to pay", CZ: "Celkem k \u00FAhrad\u011B" },
|
||||
exchange_rate: { EN: "Exchange rate", CZ: "Sm\u011Bnn\u00FD kurz" },
|
||||
ico: { EN: "ID", CZ: "I\u010CO" },
|
||||
dic: { EN: "VAT ID", CZ: "DI\u010C" },
|
||||
page: { EN: "Page", CZ: "Strana" },
|
||||
@@ -262,8 +260,6 @@ export default async function offersPdfRoutes(
|
||||
const vatRate = Number(quotation.vat_rate) || 21;
|
||||
const vatAmount = applyVat ? subtotal * (vatRate / 100) : 0;
|
||||
const totalToPay = subtotal + vatAmount;
|
||||
const exchangeRate = Number(quotation.exchange_rate) || 0;
|
||||
|
||||
let hasScopeContent = false;
|
||||
for (const s of quotation.scope_sections) {
|
||||
if ((s.content || "").trim() || (s.title || "").trim()) {
|
||||
@@ -331,10 +327,6 @@ export default async function offersPdfRoutes(
|
||||
<span class="label">${escapeHtml(t("total_to_pay"))}</span>
|
||||
<span class="value">${formatCurrency(totalToPay, currency)}</span>
|
||||
</div>`;
|
||||
if (exchangeRate > 0) {
|
||||
totalsHtml += `<div class="exchange-rate">${escapeHtml(t("exchange_rate"))}: ${formatNum(exchangeRate, 4)}</div>`;
|
||||
}
|
||||
|
||||
const quotationNumber = escapeHtml(quotation.quotation_number);
|
||||
|
||||
let scopeHtml = "";
|
||||
@@ -578,12 +570,6 @@ ${indentCSS}
|
||||
border-bottom: 2.5pt solid #de3a3a;
|
||||
padding-bottom: 1mm;
|
||||
}
|
||||
.totals .exchange-rate {
|
||||
text-align: right;
|
||||
font-size: 7.5pt;
|
||||
color: #969696;
|
||||
margin-top: 3mm;
|
||||
}
|
||||
|
||||
/* ---- Scope sections ---- */
|
||||
.scope-page {
|
||||
|
||||
@@ -2,6 +2,7 @@ import { z } from "zod";
|
||||
|
||||
const InvoiceItemSchema = z.object({
|
||||
description: z.string().nullish(),
|
||||
item_description: z.string().nullish(),
|
||||
quantity: z
|
||||
.union([z.number(), z.string()])
|
||||
.transform((v) => {
|
||||
|
||||
@@ -46,6 +46,7 @@ export const CreateQuotationSchema = z.object({
|
||||
.transform((v) => Number(v))
|
||||
.refine((v) => !Number.isNaN(v), { message: "Musí být platné číslo" })
|
||||
.nullish(),
|
||||
created_at: z.string().nullish(),
|
||||
valid_until: z.string().nullish(),
|
||||
currency: z.string().optional().default("CZK"),
|
||||
language: z.string().optional().default("cs"),
|
||||
@@ -59,16 +60,10 @@ export const CreateQuotationSchema = z.object({
|
||||
.preprocess((v) => v === true || v === 1 || v === "1", z.boolean())
|
||||
.optional()
|
||||
.default(true),
|
||||
exchange_rate: z
|
||||
.union([z.number(), z.string()])
|
||||
.transform((v) => Number(v))
|
||||
.refine((v) => !Number.isNaN(v), { message: "Must be a valid number" })
|
||||
.optional()
|
||||
.default(1.0),
|
||||
status: z
|
||||
.enum(["nova", "odeslana", "prijata", "odmitnuta", "dokoncena", "active"])
|
||||
.enum(["active", "ordered", "invalidated"])
|
||||
.optional()
|
||||
.default("nova"),
|
||||
.default("active"),
|
||||
scope_title: z.string().nullish(),
|
||||
scope_description: z.string().nullish(),
|
||||
items: z.array(QuotationItemSchema).optional(),
|
||||
@@ -82,6 +77,7 @@ export const UpdateQuotationSchema = z.object({
|
||||
.transform((v) => Number(v))
|
||||
.refine((v) => !Number.isNaN(v), { message: "Must be a valid number" })
|
||||
.optional(),
|
||||
created_at: z.union([z.string(), z.null()]).optional(),
|
||||
valid_until: z.union([z.string(), z.null()]).optional(),
|
||||
currency: z.string().optional(),
|
||||
language: z.string().optional(),
|
||||
@@ -93,14 +89,7 @@ export const UpdateQuotationSchema = z.object({
|
||||
apply_vat: z
|
||||
.preprocess((v) => v === true || v === 1 || v === "1", z.boolean())
|
||||
.optional(),
|
||||
exchange_rate: z
|
||||
.union([z.number(), z.string()])
|
||||
.transform((v) => Number(v))
|
||||
.refine((v) => !Number.isNaN(v), { message: "Must be a valid number" })
|
||||
.optional(),
|
||||
status: z
|
||||
.enum(["nova", "odeslana", "prijata", "odmitnuta", "dokoncena", "active"])
|
||||
.optional(),
|
||||
status: z.enum(["active", "ordered", "invalidated"]).optional(),
|
||||
scope_title: z.string().nullish(),
|
||||
scope_description: z.string().nullish(),
|
||||
items: z.array(QuotationItemSchema).optional(),
|
||||
|
||||
@@ -23,6 +23,7 @@ const ALLOWED_SORT_FIELDS = [
|
||||
|
||||
interface InvoiceItemInput {
|
||||
description?: string;
|
||||
item_description?: string;
|
||||
quantity?: number;
|
||||
unit?: string;
|
||||
unit_price?: number;
|
||||
@@ -374,6 +375,7 @@ export async function createInvoice(body: Record<string, any>) {
|
||||
data: (body.items as InvoiceItemInput[]).map((item, i) => ({
|
||||
invoice_id: invoice.id,
|
||||
description: item.description ?? null,
|
||||
item_description: item.item_description ?? null,
|
||||
quantity: item.quantity ?? 1,
|
||||
unit: item.unit ?? null,
|
||||
unit_price: item.unit_price ?? 0,
|
||||
@@ -471,6 +473,7 @@ export async function updateInvoice(id: number, body: Record<string, any>) {
|
||||
data: (body.items as InvoiceItemInput[]).map((item, i) => ({
|
||||
invoice_id: id,
|
||||
description: item.description ?? null,
|
||||
item_description: item.item_description ?? null,
|
||||
quantity: item.quantity ?? 1,
|
||||
unit: item.unit ?? null,
|
||||
unit_price: item.unit_price ?? 0,
|
||||
|
||||
@@ -177,6 +177,9 @@ export async function createOffer(body: Record<string, any>) {
|
||||
quotation_number: quotationNumber,
|
||||
project_code: body.project_code ? String(body.project_code) : null,
|
||||
customer_id: body.customer_id ? Number(body.customer_id) : null,
|
||||
created_at: body.created_at
|
||||
? new Date(String(body.created_at))
|
||||
: undefined,
|
||||
valid_until: body.valid_until
|
||||
? new Date(String(body.valid_until))
|
||||
: null,
|
||||
@@ -184,7 +187,6 @@ export async function createOffer(body: Record<string, any>) {
|
||||
language: body.language ? String(body.language) : "cs",
|
||||
vat_rate: body.vat_rate != null ? Number(body.vat_rate) : 21.0,
|
||||
apply_vat: body.apply_vat !== false,
|
||||
exchange_rate: body.exchange_rate ? Number(body.exchange_rate) : 1.0,
|
||||
status: body.status ? String(body.status) : "active",
|
||||
scope_title: body.scope_title ? String(body.scope_title) : null,
|
||||
scope_description: body.scope_description
|
||||
@@ -240,6 +242,12 @@ export async function updateOffer(id: number, body: Record<string, any>) {
|
||||
const data = {
|
||||
customer_id:
|
||||
body.customer_id !== undefined ? Number(body.customer_id) : undefined,
|
||||
created_at:
|
||||
body.created_at !== undefined
|
||||
? body.created_at
|
||||
? new Date(String(body.created_at))
|
||||
: null
|
||||
: undefined,
|
||||
valid_until:
|
||||
body.valid_until !== undefined
|
||||
? body.valid_until
|
||||
@@ -255,8 +263,6 @@ export async function updateOffer(id: number, body: Record<string, any>) {
|
||||
body.apply_vat === 1 ||
|
||||
body.apply_vat === "1"
|
||||
: undefined,
|
||||
exchange_rate:
|
||||
body.exchange_rate !== undefined ? Number(body.exchange_rate) : undefined,
|
||||
status: body.status !== undefined ? String(body.status) : undefined,
|
||||
project_code:
|
||||
body.project_code !== undefined
|
||||
@@ -354,7 +360,6 @@ export async function duplicateOffer(id: number) {
|
||||
language: original.language,
|
||||
vat_rate: original.vat_rate,
|
||||
apply_vat: original.apply_vat,
|
||||
exchange_rate: original.exchange_rate,
|
||||
status: "active",
|
||||
scope_title: original.scope_title,
|
||||
scope_description: original.scope_description,
|
||||
|
||||
@@ -206,7 +206,6 @@ export async function createOrderFromQuotation(
|
||||
language: quotation.language || "cs",
|
||||
vat_rate: quotation.vat_rate ?? 21.0,
|
||||
apply_vat: quotation.apply_vat ?? true,
|
||||
exchange_rate: quotation.exchange_rate ?? 1.0,
|
||||
scope_title: quotation.scope_title,
|
||||
scope_description: quotation.scope_description,
|
||||
attachment_data: attachmentBuffer
|
||||
|
||||
Reference in New Issue
Block a user