|
|
|
|
@ -46,11 +46,13 @@ const TaskTable = ({
|
|
|
|
|
const value = {
|
|
|
|
|
status: "Checking",
|
|
|
|
|
};
|
|
|
|
|
taskController.taskPatch(value, record?.id).then((response: any) => {
|
|
|
|
|
if (response?.status == 403) {
|
|
|
|
|
showErrorModal(response);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
taskController
|
|
|
|
|
.taskPatch(value, record?.id)
|
|
|
|
|
.then((response: { data: TTask; status: number }) => {
|
|
|
|
|
if (response?.status == 403) {
|
|
|
|
|
showErrorModal(response);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
@ -134,28 +136,28 @@ const TaskTable = ({
|
|
|
|
|
|
|
|
|
|
const columns = useMemo(() => {
|
|
|
|
|
const columns = [
|
|
|
|
|
// {
|
|
|
|
|
// title: "",
|
|
|
|
|
// dataIndex: "no",
|
|
|
|
|
// width: isMobile ? "1%" : "3.5%",
|
|
|
|
|
// fixed: isMobile ? "left" : false,
|
|
|
|
|
// key: "1",
|
|
|
|
|
// render: (text: any, record: TTask) => (
|
|
|
|
|
// <div
|
|
|
|
|
// style={{
|
|
|
|
|
// display: "flex",
|
|
|
|
|
// alignItems: "center",
|
|
|
|
|
// justifyContent: "space-around",
|
|
|
|
|
// }}
|
|
|
|
|
// >
|
|
|
|
|
// {record?.via_telegram && (
|
|
|
|
|
// <Tooltip placement="topLeft" title={"Created via Telegram"}>
|
|
|
|
|
// <img src={tgIcon} alt="" style={{ width: 20, height: 20 }} />
|
|
|
|
|
// </Tooltip>
|
|
|
|
|
// )}
|
|
|
|
|
// </div>
|
|
|
|
|
// ),
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
title: "",
|
|
|
|
|
dataIndex: "no",
|
|
|
|
|
width: isMobile ? "1%" : "5%",
|
|
|
|
|
fixed: isMobile ? "left" : false,
|
|
|
|
|
key: "1",
|
|
|
|
|
render: (text: any, record: TTask) => (
|
|
|
|
|
<div
|
|
|
|
|
style={{
|
|
|
|
|
display: "flex",
|
|
|
|
|
alignItems: "center",
|
|
|
|
|
justifyContent: "space-around",
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
{record?.via_telegram && (
|
|
|
|
|
<Tooltip placement="topLeft" title={"Created via Telegram"}>
|
|
|
|
|
<img src={tgIcon} alt="" style={{ width: 20, height: 20 }} />
|
|
|
|
|
</Tooltip>
|
|
|
|
|
)}
|
|
|
|
|
</div>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: (
|
|
|
|
|
<div
|
|
|
|
|
@ -169,7 +171,7 @@ const TaskTable = ({
|
|
|
|
|
</div>
|
|
|
|
|
),
|
|
|
|
|
dataIndex: "no",
|
|
|
|
|
width: isMobile ? "1%" : "3.5%",
|
|
|
|
|
width: isMobile ? "1%" : "5%",
|
|
|
|
|
fixed: isMobile ? "left" : false,
|
|
|
|
|
key: "2",
|
|
|
|
|
render: (text?: any, record?: TTask) => (
|
|
|
|
|
@ -226,7 +228,6 @@ const TaskTable = ({
|
|
|
|
|
title: "Service",
|
|
|
|
|
dataIndex: "service",
|
|
|
|
|
width: isMobile ? "5%" : "7%",
|
|
|
|
|
align: "center",
|
|
|
|
|
key: "5",
|
|
|
|
|
ellipsis: {
|
|
|
|
|
showTitle: false,
|
|
|
|
|
@ -245,7 +246,6 @@ const TaskTable = ({
|
|
|
|
|
title: "Status",
|
|
|
|
|
dataIndex: "status",
|
|
|
|
|
width: isMobile ? "5%" : "8%",
|
|
|
|
|
align: "center",
|
|
|
|
|
key: "6",
|
|
|
|
|
ellipsis: {
|
|
|
|
|
showTitle: false,
|
|
|
|
|
@ -263,7 +263,7 @@ const TaskTable = ({
|
|
|
|
|
{
|
|
|
|
|
title: "Team",
|
|
|
|
|
dataIndex: "assigned_to",
|
|
|
|
|
width: isMobile ? "3%" : "7%",
|
|
|
|
|
width: isMobile ? "5%" : "8%",
|
|
|
|
|
key: "7",
|
|
|
|
|
ellipsis: {
|
|
|
|
|
showTitle: false,
|
|
|
|
|
@ -277,7 +277,7 @@ const TaskTable = ({
|
|
|
|
|
{
|
|
|
|
|
title: "Assignee",
|
|
|
|
|
dataIndex: "in_charge",
|
|
|
|
|
width: isMobile ? "4%" : "9%",
|
|
|
|
|
width: isMobile ? "5%" : "12%",
|
|
|
|
|
key: "8",
|
|
|
|
|
ellipsis: {
|
|
|
|
|
showTitle: false,
|
|
|
|
|
@ -291,7 +291,7 @@ const TaskTable = ({
|
|
|
|
|
{
|
|
|
|
|
title: "PTI",
|
|
|
|
|
dataIndex: "pti",
|
|
|
|
|
width: "8%",
|
|
|
|
|
width: "6%",
|
|
|
|
|
key: "8",
|
|
|
|
|
responsive: ["lg"],
|
|
|
|
|
render: (pti: boolean, record: TTask) =>
|
|
|
|
|
@ -308,7 +308,7 @@ const TaskTable = ({
|
|
|
|
|
{
|
|
|
|
|
title: "Note",
|
|
|
|
|
dataIndex: "note",
|
|
|
|
|
width: "10%",
|
|
|
|
|
width: "12%",
|
|
|
|
|
key: "9",
|
|
|
|
|
responsive: ["lg"],
|
|
|
|
|
ellipsis: {
|
|
|
|
|
@ -338,7 +338,7 @@ const TaskTable = ({
|
|
|
|
|
{
|
|
|
|
|
title: "Actions",
|
|
|
|
|
dataIndex: "action",
|
|
|
|
|
width: isMobile ? "3%" : "10%",
|
|
|
|
|
width: isMobile ? "3%" : "8%",
|
|
|
|
|
key: "11",
|
|
|
|
|
fixed: isMobile ? "right" : false,
|
|
|
|
|
render: (text: string, record: TTask) => {
|
|
|
|
|
@ -400,37 +400,29 @@ const TaskTable = ({
|
|
|
|
|
return columns;
|
|
|
|
|
}, [role]);
|
|
|
|
|
|
|
|
|
|
const dataSource = data?.characters?.map((u, i) => {
|
|
|
|
|
const createdMoment = moment(u?.created_at, "YYYY-MM-DD HH:mm:ss");
|
|
|
|
|
const isToday = createdMoment.isSame(moment(), "day");
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
...u,
|
|
|
|
|
no: i + 1,
|
|
|
|
|
created: isToday
|
|
|
|
|
? `Today at ${createdMoment.format("HH:mm")}`
|
|
|
|
|
: createdMoment.format("DD.MM.YYYY HH:mm"),
|
|
|
|
|
key: u?.id,
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<Table
|
|
|
|
|
onRow={(record: any) => ({
|
|
|
|
|
onClick: (event) => handleRowClick(record, event),
|
|
|
|
|
})}
|
|
|
|
|
dataSource={dataSource}
|
|
|
|
|
dataSource={data?.characters?.map((u, i) => ({
|
|
|
|
|
...u,
|
|
|
|
|
no: i + 1,
|
|
|
|
|
created: moment(u?.created_at, "YYYY-MM-DD HH:mm:ss").format(
|
|
|
|
|
"DD.MM.YYYY HH:mm"
|
|
|
|
|
),
|
|
|
|
|
key: u?.id,
|
|
|
|
|
}))}
|
|
|
|
|
size="small"
|
|
|
|
|
columns={columns as any}
|
|
|
|
|
pagination={false}
|
|
|
|
|
loading={isLoading}
|
|
|
|
|
rowClassName={rowClassName}
|
|
|
|
|
scroll={{ x: "768px" }}
|
|
|
|
|
scroll={
|
|
|
|
|
isMobile ? { x: "calc(800px + 40%)" } : { x: "calc(0px + 100%)" }
|
|
|
|
|
}
|
|
|
|
|
bordered
|
|
|
|
|
pagination={{
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
size: "default",
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
|
