Admin/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update contract handling to include customer contract number and improve status filtering

Browse Source
This commit is contained in:
chop
2025-12-03 22:04:48 +01:00
parent 5b794a59bc
commit 5abacdc8e1
2 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/contracts/page.js
View File

@@ -19,8 +19,8 @@ export default function ContractsMainPage() {
const [loading, setLoading] = useState(true);
const [searchTerm, setSearchTerm] = useState("");
const [filteredContracts, setFilteredContracts] = useState([]);
const [sortBy, setSortBy] = useState("contract_number");
const [sortOrder, setSortOrder] = useState("asc");
const [sortBy, setSortBy] = useState("date_signed");
const [sortOrder, setSortOrder] = useState("desc");
const [statusFilter, setStatusFilter] = useState("all");
useEffect(() => {
@@ -53,6 +53,9 @@ export default function ContractsMainPage() {
contract.contract_name
?.toLowerCase()
.includes(searchTerm.toLowerCase()) ||
contract.customer_contract_number
?.toLowerCase()
.includes(searchTerm.toLowerCase()) ||
contract.customer?.toLowerCase().includes(searchTerm.toLowerCase()) ||
contract.investor?.toLowerCase().includes(searchTerm.toLowerCase())
);
@@ -64,9 +67,9 @@ export default function ContractsMainPage() {
filtered = filtered.filter((contract) => {
if (statusFilter === "active" && contract.finish_date) {
return new Date(contract.finish_date) >= currentDate;
} else if (statusFilter === "completed" && contract.finish_date) {
} else if (statusFilter === "expired" && contract.finish_date) {
return new Date(contract.finish_date) < currentDate;
} else if (statusFilter === "no_end_date") {
} else if (statusFilter === "ongoing") {
return !contract.finish_date;
}
return true;
@@ -117,27 +120,27 @@ export default function ContractsMainPage() {
const active = contracts.filter(
(c) => !c.finish_date || new Date(c.finish_date) >= currentDate
).length;
const completed = contracts.filter(
const expired = contracts.filter(
(c) => c.finish_date && new Date(c.finish_date) < currentDate
).length;
const withoutEndDate = contracts.filter((c) => !c.finish_date).length;
return { total, active, completed, withoutEndDate };
return { total, active, expired, withoutEndDate };
};
const getContractStatus = (contract) => {
if (!contract.finish_date) return "ongoing";
const currentDate = new Date();
const finishDate = new Date(contract.finish_date);
return finishDate >= currentDate ? "active" : "completed";
return finishDate >= currentDate ? "active" : "expired";
};
const getStatusBadge = (status) => {
switch (status) {
case "active":
return <Badge variant="success">{t('contracts.active')}</Badge>;
case "completed":
return <Badge variant="secondary">{t('common.completed')}</Badge>;
case "expired":
return <Badge variant="danger">{t('contracts.expired')}</Badge>;
case "ongoing":
return <Badge variant="primary">{t('contracts.withoutEndDate')}</Badge>;
default:
@@ -209,8 +212,8 @@ export default function ContractsMainPage() {
options: [
{ value: "all", label: "Wszystkie" },
{ value: "active", label: "Aktywne" },
{ value: "completed", label: "Zakończone" },
{ value: "no_end_date", label: "Bez daty końca" },
{ value: "expired", label: "Przeterminowane" },
{ value: "ongoing", label: "W trakcie" },
],
},
{
@@ -221,7 +224,7 @@ export default function ContractsMainPage() {
{ value: "contract_number", label: "Numer umowy" },
{ value: "contract_name", label: "Nazwa umowy" },
{ value: "customer", label: "Klient" },
{ value: "start_date", label: "Data rozpoczęcia" },
{ value: "date_signed", label: "Data podpisania" },
{ value: "finish_date", label: "Data zakończenia" },
],
},
@@ -338,9 +341,9 @@ export default function ContractsMainPage() {
</svg>
</div>
<div className="ml-4">
<p className="text-sm font-medium text-gray-600">Zakończone</p>
<p className="text-sm font-medium text-gray-600">Przeterminowane</p>
<p className="text-2xl font-bold text-gray-900">
{stats.completed}
{stats.expired}
</p>
</div>
</div>