javascript 问题13：20190311 - no106.予约カレンダー表示

Posted 2021-05-03

import forEach from 'lodash/forEach'
import abtestRun from '../abTestRun'
import { isBreakPointMin } from '../../utils'

const issue13 = () => {
  const testDOMs = document.querySelectorAll('.issue13')

  /* eslint quote-props: 0 */
  const caseMap = {
    '1': () => {
      testDOMs[0].style.display = 'block'
    },
    '2': () => {
      testDOMs[1].style.display = 'block'
    },
    '3': () => {
      testDOMs[2].style.display = 'block'
    },
  }

  const changeBtnHref = () => {
    if (isBreakPointMin()) return

    const testBtns = document.querySelectorAll('.issue13__morelink a')
    const shopID = JSON.parse(document.body.dataset.r).id

    forEach(testBtns, testBtn => {
      const url = `/plan/${shopID}/plan-reserve/plan/plan_list/?sc_lid=gorp_cal_other#wrapper`
      testBtn.setAttribute('href', url)
    })
  }

  const init = caseNumber => {
    changeBtnHref()
    // パターンごとの処理
    caseMap[caseNumber.toString()]()
  }

  window.issue13 = { start: init }
  /* eslint no-magic-numbers: 0 */
  abtestRun(13)
}

export default issue13