admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Further updates on production board + AAMVA decoding built into project BOD-75

Browse Source
This commit is contained in:
Patrick Fic
2020-06-19 17:21:11 -07:00
parent 8399d03081
commit cab080f2de
10 changed files with 959 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/components/production-board-kanban-card/production-board-card.styles.scss Normal file
View File

@@ -0,0 +1,3 @@
.imex-kanban-card {
padding: 0px !important;
}

44
client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx
View File

@@ -4,32 +4,52 @@ import { DateTimeFormatter } from "../../utils/DateFormatter";
import ProductionAlert from "../production-list-columns/production-list-columns.alert.component";
import { EyeFilled } from "@ant-design/icons";
import { Link } from "react-router-dom";
import "./production-board-card.styles.scss";
export default function ProductionBoardCard(card) {
// console.log("card", card);
return (
<Card
className='react-kanban-card'
className='react-kanban-card imex-kanban-card tight-antd-rows'
style={{ margin: ".2rem 0rem" }}
actions={[
<ProductionAlert record={card} key='alert' />,
<Link to={`/manage/jobs/${card.id}`}>
<EyeFilled key='setting' />
</Link>,
]}
size='small'
title={`${card.ro_number || card.est_number} - ${card.ownr_ln} - ${
card.v_model_yr
} ${card.v_make_desc.substring(0, 4) || ""} ${card.v_model_desc || ""}`}>
title={`${card.ro_number || card.est_number} - ${card.v_model_yr} ${
card.v_make_desc || ""
} ${card.v_model_desc || ""}`}>
<Row>
<Col span={24}>
<div className='ellipses'>{`${card.ownr_fn || ""} ${
card.ownr_ln || ""
} ${card.ownr_co_nm || ""}`}</div>
</Col>
</Row>
<Row>
<Col span={12}>
<div>{`B: ${card.labhrs || "?"}`}</div>
<div>{`R: ${card.labhrs || "?"}`}</div>
<div className='ellipses'>{card.clm_no || ""}</div>
</Col>
<Col span={12}>
<div className='ellipses'>{card.ins_co_nm || ""}</div>
</Col>
</Row>
<Row>
<Col span={24}>
<div className='imex-flex-row imex-flex-row__flex-space-around'>
<div>{`B: ${card.labhrs || "?"}`}</div>
<div>{`R: ${card.labhrs || "?"}`}</div>
</div>
</Col>
</Row>
<Row>
<Col span={24}>
<DateTimeFormatter>{card.scheduled_completion}</DateTimeFormatter>
</Col>
</Row>
<div className='imex-flex-row imex-flex-row__flex-space-around'>
<ProductionAlert record={card} key='alert' />
<Link to={`/manage/jobs/${card.id}`}>
<EyeFilled key='setting' />
</Link>
</div>
</Card>
);
}