lml-main
Version:
This is now a mono repository published into many standalone packages.
51 lines • 2.22 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const lodash_1 = require("lodash");
const cosmoui_1 = require("cosmoui");
const abstract_field_1 = require("./abstract-field");
const styles = require('./job-fields.scss');
class AdditionalInfoField extends abstract_field_1.AbstractJobField {
constructor() {
super(...arguments);
this.renderServiceLevel = (serviceLevel) => {
let cssSubscription;
switch (serviceLevel.toUpperCase()) {
case 'GOLD':
case 'GOLD+':
cssSubscription = styles.subscriptionGold;
break;
case 'PLATINUM':
case 'PLATINUM+':
cssSubscription = styles.subscriptionPlatinum;
break;
case '501':
cssSubscription = styles.subscriptionFive01;
break;
}
return (React.createElement("div", null,
React.createElement("div", { className: cssSubscription }, serviceLevel.toUpperCase())));
};
this.labelStyle = () => ({
width: '80px',
});
this.valueCodeStyle = () => ({
fontWeight: 'bold',
});
}
render() {
const serviceLevel = lodash_1.get(this.props.job, 'customer.serviceLevel');
const service = lodash_1.get(this.props.job, 'metadata.service.code');
return (React.createElement(cosmoui_1.Column, { className: styles.additionalInfoField },
serviceLevel &&
React.createElement(cosmoui_1.Row, null,
React.createElement("span", { style: this.labelStyle() }, "Cust Type:"),
this.renderServiceLevel(serviceLevel)),
service &&
React.createElement(cosmoui_1.Row, { align: "flex-start" },
React.createElement("span", { style: this.labelStyle() }, "Value Code:"),
React.createElement("span", { style: this.valueCodeStyle() }, service))));
}
}
exports.AdditionalInfoField = AdditionalInfoField;
//# sourceMappingURL=additional-info-field.js.map