tannedcung/sbt-idp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show data fields

Browse Source
This commit is contained in:
Viet Anh Nguyen 2024-02-21 19:01:19 +07:00
parent 15a550ae36
commit efd2da3a82
1 changed files with 63 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
cope2n-fe/src/pages/reviews/index.tsx
View File

@ -40,49 +40,6 @@ const StyledEditOutlined = styled(EditOutlined)`
}
`;
const dataSource = [
{
key: 'retailer_name',
value: 'Mike',
},
{
key: '2',
value: 'Mike',
},
{
key: '3',
value: 'Mike',
},
{
key: '3',
value: 'Mike',
},
{
key: '3',
value: 'Mike',
},
{
key: '3',
value: 'Mike',
},
{
key: '3',
value: 'Mike',
},
{
key: '3',
value: 'Mike',
},
{
key: '3',
value: 'Mike',
},
{
key: '3',
value: 'Mike',
},
];
const columns = [
{
title: 'Key',
@ -101,18 +58,18 @@ const columns = [
},
{
title: 'Predicted',
dataIndex: 'value',
key: 'value',
dataIndex: 'predicted',
key: 'predicted',
},
{
title: 'Submitted',
dataIndex: 'value',
key: 'value',
dataIndex: 'submitted',
key: 'submitted',
},
{
title: 'Revised',
dataIndex: 'value',
key: 'value',
dataIndex: 'revised',
key: 'revised',
render: (text, record) => {
return (
<div style={{
@ -120,11 +77,16 @@ const columns = [
lineHeight: '2',
}}>
{text}
<StyledEditOutlined />
</div>
)
},
},
{
title: 'Action',
key: 'operation',
fixed: 'right',
width: 100,
render: () => <a><StyledEditOutlined /></a>,
},
];
@ -161,7 +123,7 @@ const FileCard = ({ file, isSelected, onClick }) => {
overflow: 'hidden',
textOverflow: 'ellipsis',
}}>
{fileName? fileName.substring(0, 10) : fileName }
{fileName ? fileName.substring(0, 25).replace("temp_", "") : fileName}
</span>
</div>
<div style={{
@ -177,6 +139,9 @@ const FileCard = ({ file, isSelected, onClick }) => {
</Button>
<Button style={{
margin: '4px 2px',
}} onClick={() => {
const downloadUrl = file["File URL"];
window.open(downloadUrl, '_blank');
}}>
<DownloadOutlined />
</Button>
@ -251,6 +216,31 @@ const ReviewPage = () => {
const [hasNextRequest, setHasNextRequest] = useState(true);
const [totalPages, setTotalPages] = useState(0);
// purchase_date: "2024-01-20",
// retailername: "Test Retailer",
// sold_to_party: "Test Party",
const dataSource = [
// {
// key: "imei_number",
// predicted: "352271450941944",
// submitted: "352271450941944",
// revised: "352271450941944",
// },
];
const predicted = (currentRequest && currentRequest["Reviewed Result"]) ? currentRequest["Reviewed Result"] : {};
const submitted = (currentRequest && currentRequest["Feedback Result"]) ? currentRequest["Feedback Result"] : {};
const revised = (currentRequest && currentRequest["Reviewed Result"]) ? currentRequest["Reviewed Result"] : {};
const keys = Object.keys(predicted);
for (let i = 0; i < keys.length; i++) {
let instance = {};
instance["key"] = keys[i];
instance["predicted"] = predicted[keys[i]];
instance["submitted"] = submitted[keys[i]];
instance["revised"] = revised[keys[i]];
dataSource.push(instance);
}
const gotoNextRequest = () => {
const nextRequestIndex = currentRequestIndex + 1;
setCurrentRequestIndex(nextRequestIndex);
@ -328,12 +318,15 @@ const ReviewPage = () => {
} : {
height: '100%',
}}>
<div>
<Button onClick={() => {
setFullscreen(!fullscreen);
}}>
{fullscreen ? <FullscreenExitOutlined /> : <FullscreenOutlined />}
{fullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
</Button>
&nbsp;&nbsp;&nbsp;<b>Request ID:</b> {currentRequest?.RequestID}
</div>
<Layout style={{
overflow: 'auto',
width: '100%',
@ -409,7 +402,7 @@ const ReviewPage = () => {
</Space.Compact>
<div style={{ display: "flex", justifyContent: "space-between", marginBottom: 8 }}>
<div>
<Button type="default"
<Button type="default" style={{height: 38}}
disabled={currentRequestIndex === 1}
onClick={() => {
gotoPreviousRequest();
@ -418,7 +411,7 @@ const ReviewPage = () => {
<ArrowLeftOutlined />
Previous
</Button>
<Button type="default"
<Button type="default" style={{height: 38}}
disabled={!hasNextRequest}
onClick={() => {
if (!hasNextRequest) {
@ -430,14 +423,16 @@ const ReviewPage = () => {
Next
<ArrowRightOutlined />
</Button>
<Input size='middle' addonBefore="To" style={{ marginBottom: "4px", marginLeft: "4px", width: 180 }} defaultValue={currentRequestIndex} addonAfter={
<Button type="default">
Go to
</Button>
} />
</div>
</div>
<h2 style={{ margin: "20px 0 10px 0" }}>{totalPages ? ("Request: " + currentRequestIndex + "/" + totalPages) : "No Request. Adjust your search criteria to see more results."}</h2>
<Input size='small' addonBefore="Request ID" style={{ marginBottom: "4px" }} readOnly value={currentRequest ? currentRequest.RequestID : ""} />
<Input size='small' addonBefore="Redemption" style={{ marginBottom: "4px" }} readOnly value={currentRequest?.RedemptionID ? currentRequest.RedemptionID : "<Unknown>"} />
<Input size='small' addonBefore="Redemption" style={{ marginBottom: "4px" }} readOnly value={currentRequest?.RedemptionID ? currentRequest.RedemptionID : ""} />
<Input size='small' addonBefore="Uploaded date" style={{ marginBottom: "4px" }} readOnly value={currentRequest ? currentRequest.created_at : ""} />
<Input size='small' addonBefore="Request time" style={{ marginBottom: "4px" }} readOnly value={currentRequest ? currentRequest["Client Request Time (ms)"] : ""} />
<Input size='small' addonBefore="Processing time" style={{ marginBottom: "4px" }} readOnly value={currentRequest ? currentRequest["Server Processing Time (ms)"] : ""} />