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

Removed productionview view from Hasura and replaced with standard GQL queries. BOD-243

Browse Source
This commit is contained in:
Patrick Fic
2020-08-03 13:43:39 -07:00
parent 3a8b4ddf5a
commit 75b1ed44e8
8 changed files with 68 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,35 +7,54 @@ 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 imex-kanban-card tight-antd-rows'
className="react-kanban-card imex-kanban-card tight-antd-rows"
style={{ margin: ".2rem 0rem" }}
size='small'
size="small"
title={`${card.ro_number || card.est_number} - ${card.v_model_yr} ${
card.v_make_desc || ""
} ${card.v_model_desc || ""}`}>
} ${card.v_model_desc || ""}`}
>
<Row>
<Col span={24}>
<div className='ellipses'>{`${card.ownr_fn || ""} ${
<div className="ellipses">{`${card.ownr_fn || ""} ${
card.ownr_ln || ""
} ${card.ownr_co_nm || ""}`}</div>
</Col>
</Row>
<Row>
<Col span={12}>
<div className='ellipses'>{card.clm_no || ""}</div>
<div className="ellipses">{card.clm_no || ""}</div>
</Col>
<Col span={12}>
<div className='ellipses'>{card.ins_co_nm || ""}</div>
<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 className="imex-flex-row imex-flex-row__flex-space-around">
<div className="mex-flex-row__margin">
<div>{`B: ${card.labhrs.aggregate.sum.mod_lb_hrs || "?"}`}</div>
<div>{`R: ${card.labhrs.aggregate.sum.mod_lb_hrs || "?"}`}</div>
</div>
<div className="mex-flex-row__margin">
<div>{`B: ${
card.employee_body_rel
? `${card.employee_body_rel.first_name} ${card.employee_body_rel.last_name}`
: ""
}`}</div>
<div>{`P: ${
card.employee_prep_rel
? `${card.employee_prep_rel.first_name} ${card.employee_prep_rel.last_name}`
: ""
}`}</div>
<div>{`R: ${
card.employee_refinish_rel
? `${card.employee_refinish_rel.first_name} ${card.employee_refinish_rel.last_name}`
: ""
}`}</div>
</div>
</div>
</Col>
</Row>
@@ -44,10 +63,10 @@ export default function ProductionBoardCard(card) {
<DateTimeFormatter>{card.scheduled_completion}</DateTimeFormatter>
</Col>
</Row>
<div className='imex-flex-row imex-flex-row__flex-space-around'>
<ProductionAlert record={card} key='alert' />
<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' />
<EyeFilled key="setting" />
</Link>
</div>
</Card>