65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
// __SDEFILE__ - This file is a dependency for the stand-alone environment
|
|
import { PrintIcon } from 'shared/components/icons.mjs'
|
|
import { WorkbenchMenu } from 'shared/components/workbench/menus/shared/index.mjs'
|
|
import { ListInput, BoolInput, MmInput } from 'shared/components/workbench/menus/shared/inputs.mjs'
|
|
import {
|
|
BoolValue,
|
|
MmValue,
|
|
HighlightedValue,
|
|
} from 'shared/components/workbench/menus/shared/values.mjs'
|
|
import { loadPrintConfig, printSettingsPath } from './config.mjs'
|
|
import { capitalize } from 'shared/utils.mjs'
|
|
import get from 'lodash.get'
|
|
import { PatternIcon } from 'shared/components/icons.mjs'
|
|
|
|
const inputs = {
|
|
size: ListInput,
|
|
orientation: ListInput,
|
|
margin: MmInput,
|
|
coverPage: BoolInput,
|
|
cutlist: BoolInput,
|
|
}
|
|
|
|
const values = {
|
|
size: ({ current, changed, config }) => (
|
|
<HighlightedValue changed={changed}>
|
|
{capitalize(current ? current : config.dflt)}
|
|
</HighlightedValue>
|
|
),
|
|
orientation: ({ current, changed }) => (
|
|
<HighlightedValue changed={changed}>
|
|
<PatternIcon
|
|
className={`w-6 h-6 text-inherit ${current === 'landscape' ? '-rotate-90' : ''}`}
|
|
/>
|
|
</HighlightedValue>
|
|
),
|
|
margin: MmValue,
|
|
coverPage: BoolValue,
|
|
cutlist: BoolValue,
|
|
}
|
|
|
|
export const ns = ['print']
|
|
|
|
export const PrintSettings = ({ update, settings, ui, account }) => {
|
|
const config = loadPrintConfig(settings.units)
|
|
const passProps = { units: settings.units }
|
|
const updateFunc = (path, newVal) => update.ui([...printSettingsPath, ...path], newVal)
|
|
|
|
return (
|
|
<WorkbenchMenu
|
|
{...{
|
|
config,
|
|
control: account.control,
|
|
currentValues: get(ui, printSettingsPath, {}),
|
|
Icon: PrintIcon,
|
|
inputs,
|
|
values,
|
|
name: 'printSettings',
|
|
ns,
|
|
passProps,
|
|
updateFunc,
|
|
isFirst: true,
|
|
}}
|
|
/>
|
|
)
|
|
}
|