Appearance
Operations
Component options for @mes/aps@1.23.0. Prefix Settings names with schedule.; see how to fill in a record.
Configure setup bars, bar text, fonts/colors, late-operation labels, and hover tooltips. Tooltips and labels explains shared row properties; appearance explains shared drawing colors.
Setup and narrow bars
appSettings.equipmentAreaSettings.showAdjustment
Draws setup/changeover bars inside operations.
- Type: boolean.
- Default:
true. - Color comes from
adjustmentFillColor;minWidthShowhides narrow setup bars.
appSettings.drawPreferences.adjustmentFillColor
Setup/changeover bar fill.
- Type: CSS color string.
- Default:
#161320. - Drawn only with
showAdjustment: true. Dimming usesinactiveElementsColorinstead. Setup height is fixed at half the operation height.
appSettings.drawPreferences.minWidthShow
Minimum pixel width for drawing an operation or setup bar. Narrower bars are skipped; short operations disappear rather than becoming dots.
- Type: number, pixels.
- Default:
1. - Applied together with
showAdjustmentin the drawing filter.
Bar text
operationInfoConfig
Rows inside an operation bar. Width limits text according to useLabelEllipsis; height limits the number of rows. The chart fits the integer part of (base row height − 20) / (font size + 12) rows and omits the remainder. At font size 14, two rows need at least 72 pixels of base height. See vertical scale.
For finite: false equipment, overlapping operations use multiple levels: the equipment row grows, but each level keeps the same base height. Fields are the same as operationTooltipConfig. Empty labels are common:
json
{
"operationInfoConfig": {
"name": { "label": "" },
"workOrder.number": { "label": "" }
}
}appSettings.drawPreferences.labelTextFont
Font family for bar text. The package prepends the size and passes canvas a string such as 14px arial.
- Type: family string, such as
arialor"Roboto", sans-serif. - Default:
bold arial. - Weight/style do not work here. The default becomes
14px bold arial, wherebold arialis treated as a family name; browsers usually fall back to another font. Supply only the family.
appSettings.drawPreferences.labelTextFontSize
Bar text font size in pixels. Default: 14.
appSettings.drawPreferences.useLabelEllipsis
For a row too wide for its bar, true truncates with an ellipsis; false omits the row entirely.
- Type: boolean.
- Default:
true. - Late operations always use ellipsis, regardless of this value.
appSettings.drawPreferences.labelTextColor
Normal-operation bar text color. CSS color string; default: #F7F7F8.
Late operations
The schedule's late field identifies a late operation. Its upper-edge strip uses lateItemColor, shared with secondary constraints; see appearance.
appSettings.drawPreferences.lateLabelTextColor
Late-operation bar text color. CSS color string; default: #A90D04.
appSettings.drawPreferences.lateLabelTextOutlineColor
Late-operation text outline color. CSS color string; default: #F7F7F8.
Hover tooltip
operationTooltipConfig
Keys can address any field of the operation record in scheduledOperations[].schedule[]. The package passes the whole record, including additional fields supplied by the application. For example, customField is an illustrative name, not a predefined package field.
It adds the whole workOrder object found in workOrders by matching its guid to the operation's orderGuid. Any order field can therefore be addressed too. Calculated fields type, startX, startY, width, height, maxWidth, and operation replace same-name source fields.
The operation tooltip requires operationGuid and orderGuid. A row setting does not fetch missing operation or order data.
The declared operation fields include name, position, startDate, finishDate, setupFinishDate, late, locked, type, setupTime, executeTime, operationGuid, orderGuid, and workUnitObjectGuid. Order fields include workOrder.number, workOrder.name, workOrder.dueDate, workOrder.priority, workOrder.quantity, and workOrder.guid.
Unused options
appSettings.drawPreferences.labelTextOutlineColor, default#161320: normal-operation text outlines are always black (#000000). Only late-operation outlines are configurable.appSettings.drawPreferences.operationOpacityLevel, default0.95: opacity is fixed.appSettings.drawPreferences.adjustmentHeightScale, default0.5: setup height is fixed.
Example
Smaller text, dark-red late labels, no setup bars, operation/order bar rows, and operation/late tooltip rows:
json
{
"appSettings": {
"equipmentAreaSettings": { "showAdjustment": false },
"drawPreferences": {
"labelTextFontSize": 12,
"lateLabelTextColor": "#7f1d1d"
}
},
"operationInfoConfig": {
"name": { "label": "" },
"workOrder.number": { "label": "" }
},
"operationTooltipConfig": {
"name": { "label": "Operation", "order": 1 },
"late": { "label": "Late", "order": 2 }
}
}Setup bars disappear. Bar text is 12 pixels where width/height permit; two rows need at least 68 pixels of base height. Late text is dark red. For a Milling operation with late: true, the tooltip shows:
text
Operation: Milling
Late: true