freesewing/designs/hortensia/src/frontpanel.mjs

import { sidepanel } from './sidepanel.mjs'

export const frontpanel = {
  name: 'hortensia.frontpanel',
  after: sidepanel,
  options: {
    minHandleSpaceWidth: 80,
    maxHandleSpaceWidth: 250,
    pctHandleSpace: 50,
    pctHandleVert: 42,
    handleWidth: { pct: 8.6, min: 4, max: 25, menu: 'style' },
  },
  draft: ({ store, options, Point, Path, points, paths, Snippet, snippets, sa, macro, part }) => {
    const w = store.get('frontPanelLength')
    const h = store.get('depth')

    points.topLeft = new Point(0, 0)
    points.topRight = new Point(w, 0)
    points.bottomLeft = new Point(0, h)
    points.bottomRight = new Point(w, h)

    paths.bottom = new Path()
      .move(points.topLeft)
      .line(points.bottomLeft)
      .attr('data-text', 'Bottom')
      .attr('data-text-class', 'center text-xs')

    paths.top = new Path()
      .move(points.bottomRight)
      .line(points.topRight)
      .attr('data-text', 'Top')
      .attr('data-text-class', 'center text-xs')

    paths.seam = paths.bottom
      .line(points.bottomRight)
      .join(paths.top)
      .line(points.topLeft)
      .close()
      .attr('class', 'fabric')

    const handleWidth = options.width * options.handleWidth
    let handleSpace = (h - handleWidth * 2) * (options.pctHandleSpace / 100)
    if (handleSpace > options.maxHandleSpaceWidth) {
      handleSpace = options.maxHandleSpaceWidth
    } else if (handleSpace < options.minHandleSpaceWidth) {
      handleSpace = options.minHandleSpaceWidth
      if (handleSpace < h - handleWidth * 2) {
        handleSpace = h - handleWidth * 2
      }
    }
    let handleVertPos = w * (options.pctHandleVert / 100)
    if (handleVertPos + handleWidth * 2 > w) {
      handleVertPos = w - handleWidth * 2
    }

    points.attachPoint1TL = new Point(handleVertPos, 0 + h / 2 - handleSpace / 2)
    points.attachPoint2TL = new Point(handleVertPos, h - h / 2 + handleSpace / 2 - handleWidth)
    points.attachPoint2TLtemp = new Point(handleVertPos, h - h / 2 + handleSpace / 2)
    points.attachPoint1BR = new Point(
      handleVertPos + handleWidth * 2,
      0 + h / 2 - handleSpace / 2 + handleWidth
    )
    points.attachPoint2BR = new Point(handleVertPos + handleWidth * 2, h - h / 2 + handleSpace / 2)

    macro('crossbox', {
      topLeft: points.attachPoint1TL,
      bottomRight: points.attachPoint1BR,
      text: 'strapAttachment',
      id: 'att1',
    })

    macro('crossbox', {
      topLeft: points.attachPoint2TL,
      bottomRight: points.attachPoint2BR,
      text: 'strapAttachment',
      id: 'att2',
    })

    store.cutlist.addCut({ cut: 2, from: 'fabric' })
    store.cutlist.addCut({ cut: 2, material: 'lining' })

    points.logo = points.topLeft.shiftFractionTowards(points.bottomRight, 0.5)
    snippets.logo = new Snippet('logo', points.logo)
    points.title = points.logo.shift(-90, h / 4).attr('data-text-class', 'center')

    points.gridAnchor = points.logo.clone()

    macro('title', {
      at: points.title,
      nr: 2,
      title: 'FrontPanel',
      align: 'center',
    })

    if (sa) {
      paths.sa = paths.seam.offset(sa).attr('class', 'fabric sa')
    }

    macro('hd', {
      from: points.bottomLeft,
      to: points.bottomRight,
      y: points.bottomLeft.y + sa + 15,
      id: 'width',
    })
    macro('hd', {
      from: points.topLeft,
      to: points.attachPoint1TL,
      y: points.attachPoint1TL.y,
      id: 'attachPoint1',
    })
    macro('hd', {
      from: points.topLeft,
      to: points.attachPoint2TLtemp,
      y: points.attachPoint2TLtemp.y,
      id: 'attachPoint2',
    })
    macro('vd', {
      from: points.bottomRight,
      to: points.topRight,
      x: points.topRight.x + sa + 15,
      id: 'height',
    })
    macro('vd', {
      from: points.topLeft,
      to: points.attachPoint1TL,
      x: points.attachPoint1TL.x,
      id: 'attachPoint1',
    })
    macro('vd', {
      from: points.attachPoint2TLtemp,
      to: points.bottomLeft,
      x: points.attachPoint2TLtemp.x,
      id: 'attachPoint2',
    })

    return part
  },
}