VSinerva/freesewing
1
0
Fork 0
Code Activity

feat(workbench): Show page count on layout

Browse source
This commit is contained in:
Joost De Cock 2022-02-20 19:29:14 +01:00
parent 99232fe020
commit a4906eac64
4 changed files with 24 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/freesewing.shared/components/workbench/layout/print/settings.js
View file

@ -1,18 +1,30 @@
import { useTranslation } from 'next-i18next'
import PageSizePicker from './pagesize-picker'
import OrientationPicker from './orientation-picker'
import PrintIcon from 'shared/components/icons/print'
import RightIcon from 'shared/components/icons/right'
const PrintLayoutSettings = props => {
const settingsProps = {
gist: props.gist,
updateGist: props.updateGist
}
const { cols, rows, count } = props.draft.parts.pages.pages
return (
<div className="flex flex-row gap-4 justify-center">
<div className="flex flex-row gap-8 justify-center">
<PageSizePicker {...props} />
<OrientationPicker {...props} />
<pre>{JSON.stringify(props.gist, null ,2)}</pre>
<div className="flex flex-row font-bold items-center px-0 text-xl">
<PrintIcon />
<span className="ml-2">{count}</span>
<span className="mx-6 opacity-50">|</span>
<RightIcon />
<span className="ml-2">{cols}</span>
<span className="mx-6 opacity-50">|</span>
<div className="rotate-90"><RightIcon /></div>
<span className="text-xl ml-2">{rows}</span>
</div>
</div>
)
}