externalize options and values for easier overloading

2022-06-06 11:32:28 -05:00 · 2022-06-06 11:32:28 -05:00 · e9b128dcbf
commit e9b128dcbf
parent 46c44666aa
3 changed files with 114 additions and 107 deletions
--- a/packages/freesewing.shared/components/workbench/menu/design-options/option-value.js
+++ b/packages/freesewing.shared/components/workbench/menu/design-options/option-value.js
@ -0,0 +1,69 @@
+import { useTranslation } from 'next-i18next'
+import { formatMm, formatPercentage} from 'shared/utils.js'
+
+export const values = {
+  pct: props => {
+    const val = (typeof props.gist?.options?.[props.option] === 'undefined')
+      ? props.pattern.config.options[props.option].pct/100
+      : props.gist.options[props.option]
+    return (
+      <span className={
+        val=== props.pattern.config.options[props.option].pct/100
+          ? 'text-secondary-focus'
+          : 'text-accent'
+      }>
+        {formatPercentage(val)}
+        {props.pattern.config.options[props.option]?.toAbs
+          ? ' | ' +formatMm(props.pattern.config.options[props.option]?.toAbs(val, props.gist))
+          : null
+        }
+      </span>
+    )
+  },
+  bool: props => {
+    const { t } = useTranslation(['app'])
+    const dflt = props.pattern.config.options[props.option].bool
+    let current = props.gist?.options?.[props.option]
+    current = current === undefined ? dflt : current;
+    return (
+      <span className={
+        (dflt==current || typeof current === 'undefined')
+          ? 'text-secondary-focus'
+          : 'text-accent'
+      }>
+        {current
+          ? t('yes')
+          : t('no')
+        }
+      </span>
+    )
+  },
+  count: props => {
+    const dflt = props.pattern.config.options[props.option].count
+    const current = props.gist?.options?.[props.option]
+    return (dflt==current || typeof current === 'undefined')
+      ? (<span className="text-secondary-focus">{dflt}</span>)
+      : (<span className="text-accent">{current}</span>)
+  },
+  list: props => {
+    const dflt = props.pattern.config.options[props.option].dflt
+    const current = props.gist?.options?.[props.option]
+    const prefix = `${props.option}.o.`
+    return (dflt==current || typeof current === 'undefined')
+      ? (<span className="text-secondary-focus">{props.t(prefix+dflt)}</span>)
+      : (<span className="text-accent">{props.t(prefix+current)}</span>)
+  },
+  deg: props => {
+    const dflt = props.pattern.config.options[props.option].deg
+    const current = props.gist?.options?.[props.option]
+    return (dflt==current || typeof current === 'undefined')
+      ? (<span className="text-secondary-focus">{dflt}&deg;</span>)
+      : (<span className="text-accent">{current}&deg;</span>)
+  },
+  mm: props => {
+    return (<p>No mm val yet</p>)
+  },
+  constant: props => {
+    return (<p>No constant val yet</p>)
+  }
+}