UNPKG

lml-main

Version:

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

54 lines 2.45 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = require("react"); const lodash_1 = require("lodash"); const cosmoui_1 = require("cosmoui"); const styles = require('./job-fields.scss'); class AbstractJobField extends React.Component { } exports.AbstractJobField = AbstractJobField; class AddressField extends AbstractJobField { render() { const { job, expanded } = this.props; const stop = this.getStop(); // if there's no stop just return an empty container if (!stop) return React.createElement(cosmoui_1.Column, { className: styles.stopField }); const className = expanded ? styles.wrap : styles.ellipsis; return (React.createElement(cosmoui_1.Column, { className: styles.stopField }, React.createElement("div", { className: className }, React.createElement("span", { className: styles.stopFieldHeader }, this.renderActByTime()), React.createElement("span", null, "\u00A0| ", lodash_1.get(stop, 'metadata.company', ''))), React.createElement("div", { className: className }, React.createElement("span", null, lodash_1.get(stop, 'location.address.streets', []).join(', '))))); } } exports.AddressField = AddressField; class ExpandedAddressField extends AbstractJobField { constructor() { super(...arguments); this.renderItem = (icon, text) => (React.createElement(cosmoui_1.Row, { align: "flex-start" }, React.createElement(cosmoui_1.Icon, { icon: icon, className: styles.iconGray, size: 14 }), text)); } render() { const stop = this.getStop(); if (!stop) return null; return (React.createElement(cosmoui_1.Column, { className: styles.expandedStopField }, this.renderItem('Notes', stop.instructions), stop.contact && stop.contact.name ? this.renderItem('Customer', stop.contact.name) : null, stop.contact && stop.contact.phone ? this.renderItem('PhoneMessage', stop.contact.phone) : null, stop.contact && stop.contact.mobile ? this.renderItem('PhoneMessage', stop.contact.mobile) : null)); } } exports.ExpandedAddressField = ExpandedAddressField; //# sourceMappingURL=abstract-field.js.map