103 lines
3.0 KiB
JavaScript
103 lines
3.0 KiB
JavaScript
import { Table } from "antd";
|
|
import queryString from "query-string";
|
|
import React from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { Link, useHistory, useLocation } from "react-router-dom";
|
|
import { DateFormatter } from "../../utils/DateFormatter";
|
|
import { alphaSort } from "../../utils/sorters";
|
|
|
|
export default function CourtesyCarContractListComponent({
|
|
contracts,
|
|
totalContracts,
|
|
}) {
|
|
const search = queryString.parse(useLocation().search);
|
|
const { page, sortcolumn, sortorder } = search;
|
|
const history = useHistory();
|
|
|
|
const { t } = useTranslation();
|
|
|
|
const columns = [
|
|
{
|
|
title: t("contracts.fields.agreementnumber"),
|
|
dataIndex: "agreementnumber",
|
|
key: "agreementnumber",
|
|
sorter: (a, b) => a.agreementnumber - b.agreementnumber,
|
|
sortOrder: sortcolumn === "agreementnumber" && sortorder,
|
|
render: (text, record) => (
|
|
<Link to={`/manage/courtesycars/contracts/${record.id}`}>
|
|
{record.agreementnumber || ""}
|
|
</Link>
|
|
),
|
|
},
|
|
{
|
|
title: t("jobs.fields.ro_number"),
|
|
dataIndex: "job.ro_number",
|
|
key: "job.ro_number",
|
|
|
|
render: (text, record) => (
|
|
<Link to={`/manage/jobs/${record.job.id}`}>
|
|
{record.job.ro_number || ""}
|
|
</Link>
|
|
),
|
|
},
|
|
{
|
|
title: t("contracts.fields.driver"),
|
|
dataIndex: "driver_ln",
|
|
key: "driver_ln",
|
|
|
|
render: (text, record) =>
|
|
`${record.driver_fn || ""} ${record.driver_ln || ""}`,
|
|
},
|
|
{
|
|
title: t("contracts.fields.status"),
|
|
dataIndex: "status",
|
|
key: "status",
|
|
sorter: (a, b) => alphaSort(a.status, b.status),
|
|
sortOrder: sortcolumn === "status" && sortorder,
|
|
render: (text, record) => t(record.status),
|
|
},
|
|
{
|
|
title: t("contracts.fields.start"),
|
|
dataIndex: "start",
|
|
key: "start",
|
|
sorter: (a, b) => alphaSort(a.start, b.start),
|
|
sortOrder: sortcolumn === "start" && sortorder,
|
|
render: (text, record) => <DateFormatter>{record.start}</DateFormatter>,
|
|
},
|
|
{
|
|
title: t("contracts.fields.scheduledreturn"),
|
|
dataIndex: "scheduledreturn",
|
|
key: "scheduledreturn",
|
|
sorter: (a, b) => a.scheduledreturn - b.scheduledreturn,
|
|
sortOrder: sortcolumn === "scheduledreturn" && sortorder,
|
|
render: (text, record) => (
|
|
<DateFormatter>{record.scheduledreturn}</DateFormatter>
|
|
),
|
|
},
|
|
];
|
|
|
|
const handleTableChange = (pagination, filters, sorter) => {
|
|
search.page = pagination.current;
|
|
search.sortcolumn = sorter.columnKey;
|
|
search.sortorder = sorter.order;
|
|
history.push({ search: queryString.stringify(search) });
|
|
};
|
|
|
|
return (
|
|
<Table
|
|
size="small"
|
|
scroll={{ x: true }}
|
|
pagination={{
|
|
position: "top",
|
|
pageSize: 25,
|
|
current: parseInt(page || 1),
|
|
total: totalContracts,
|
|
}}
|
|
columns={columns.map((item) => ({ ...item }))}
|
|
rowKey="id"
|
|
dataSource={contracts}
|
|
onChange={handleTableChange}
|
|
/>
|
|
);
|
|
}
|