lml-main/packages/core-ui/dist/jobs/components/details/job-info.js

This is now a mono repository published into many standalone packages.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const cx = require("classnames");
const lodash_1 = require("lodash");
const ts_utils_1 = require("@lml/ts-utils");
const cosmoui_1 = require("cosmoui");
const styles = require('./job-detail.scss');
const Item = ({ label, children }) => React.createElement(cosmoui_1.Row, { fullWidth: true, className: styles.infoItem, align: "flex-start" },
    React.createElement(cosmoui_1.Text, { marginless: true, size: "sm", className: styles.infoItemLabel },
        label,
        ":"),
    React.createElement(cosmoui_1.Text, { marginless: true, size: "sm", className: styles.infoItemValue }, children));
class JobInfo extends React.Component {
    render() {
        const { job } = this.props;
        const weightValue = lodash_1.get(job, 'metadata.weight', '');
        const weight = weightValue ? `${weightValue}kg` : 'NA';
        return (React.createElement(cosmoui_1.Row, { className: cx(styles.section), align: "flex-start" },
            React.createElement(cosmoui_1.Column, { className: styles.infoSection, align: "flex-start" },
                React.createElement(Item, { label: "Freq" }, lodash_1.get(job, 'label.label', '')),
                React.createElement(Item, { label: "Service" }, lodash_1.get(job, 'metadata.service.description', '')),
                React.createElement(Item, { label: "Veh" }, job.vehicleType),
                React.createElement(Item, { label: "Items" }, lodash_1.get(job, 'metadata.items', 'NA')),
                React.createElement(Item, { label: "Weight" }, weight)),
            React.createElement(cosmoui_1.Column, { className: styles.infoSection, align: "flex-start" },
                React.createElement(Item, { label: "Base" }, ts_utils_1.stringToPrice(lodash_1.get(job, 'metadata.base', ''))),
                React.createElement(Item, { label: "Fuel" }, ts_utils_1.stringToPrice(lodash_1.get(job, 'metadata.fuelAllowance', ''))),
                React.createElement(Item, { label: "VAT" }, ts_utils_1.stringToPrice(lodash_1.get(job, 'metadata.vat', ''))),
                React.createElement(Item, { label: "Total" }, ts_utils_1.stringToPrice(lodash_1.get(job, 'metadata.total', ''))),
                React.createElement(Item, { label: "Pay" }, ts_utils_1.stringToPrice(lodash_1.get(job, 'metadata.pay', ''))),
                React.createElement(Item, { label: "Units" }, lodash_1.get(job, 'metadata.units', ''))),
            React.createElement(cosmoui_1.Column, { className: styles.infoSection, align: "flex-start" },
                React.createElement(Item, { label: "Cust. ID" }, job.customer.accountNumber),
                React.createElement(Item, { label: "Name" }, lodash_1.get(job, 'customer.name', '')),
                React.createElement(Item, { label: "Type" }, lodash_1.get(job, 'customer.serviceLevel', '')),
                React.createElement(Item, { label: "Loc" }, "TBD"),
                React.createElement(Item, { label: "AM" }, lodash_1.get(job, 'metadata.accountManager', ''))),
            React.createElement(cosmoui_1.Column, { className: styles.infoSection, align: "flex-start" },
                React.createElement(Item, { label: "Dept" }, lodash_1.get(job, 'metadata.department', '')),
                React.createElement(Item, { label: "Ref" }, lodash_1.get(job, 'metadata.reference', '')),
                React.createElement(Item, { label: "Caller" }, lodash_1.get(job, 'metadata.caller', '')),
                React.createElement(Item, { label: "Cont. No" }, lodash_1.get(job, 'customer.phone', '')))));
    }
}
exports.JobInfo = JobInfo;
//# sourceMappingURL=job-info.js.map