\n \n {`G${modalGame.seq}`}\n \n {getBody()}\n {getFooter()}\n \n );\n};\n\nexport default FormalScheduleGameModal;\n","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { find } from 'ramda';\nimport moment from 'moment';\nimport Button from '~~elements/Button';\nimport Multilingual from '~~utils/Multilingual';\nimport { useQuery } from '~~utils/CommonUtils';\nimport { SectionDiv } from '../styled';\nimport FormalScheduleCalendar from './FormalScheduleCalendar';\nimport FormalScheduleLocation from './FormalScheduleLocation';\nimport FormalScheduleGameModal from './FormalScheduleGameModal';\n\nconst DisplayControlDiv = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n > * {\n padding: 0.5rem 1rem;\n margin: 0 1rem 0 0;\n }\n padding-bottom: 0.2rem;\n border-bottom: 1px solid #eee;\n`;\n\nconst getModalGameInitState = () => {\n return {\n uniqid: '',\n seq: 0,\n away: {\n abbr: '',\n team: 'NONE',\n team_uniqid: '',\n season_team_uniqid: '',\n icon_url: '',\n scores: [],\n runs: 0,\n hits: 0,\n errors: 0,\n box: { battings: [], fieldings: [], pitchings: [], records: [] },\n },\n home: {\n abbr: '',\n team: 'NONE',\n team_uniqid: '',\n season_team_uniqid: '',\n icon_url: '',\n scores: [],\n runs: 0,\n hits: 0,\n errors: 0,\n box: { battings: [], fieldings: [], pitchings: [], records: [] },\n },\n info: {\n location: '',\n location_uniqid: 'NONE',\n innings: 0,\n stats_completeness: 'NONE',\n stats_status: 'NORMAL',\n status: 'SCHEDULED',\n finished_status: '',\n ended_at: '',\n scheduled_start_at: '',\n started_at: '',\n winner_side: '',\n weather: '',\n },\n };\n};\n\nconst FormalSchedule = ({ tournament, games }) => {\n const query = useQuery();\n const displayMode = query.get('schedule');\n\n const [gameLocations, setGameLocations] = useState([]);\n const [selectedLocations, setSelectedLocations] = useState([]);\n const [selectedDateRange, setSelectedDateRange] = useState(['', '']);\n\n const [gameListCollapse, setGameListCollapse] = useState(false);\n\n const [selectedGame, setSelectedGame] = useState('');\n const [modalGame, setModalGame] = useState(getModalGameInitState());\n\n useEffect(() => {\n const locations = {};\n games.forEach((game) => {\n if (locations[game.info.location_uniqid]) {\n return;\n }\n\n locations[game.info.location_uniqid] = {\n name: game.info.location,\n uniqid: game.info.location_uniqid,\n };\n });\n\n setGameLocations(Object.values(locations));\n }, [games]);\n\n useEffect(() => {\n if (!selectedGame) {\n setModalGame(getModalGameInitState());\n return;\n }\n\n const targetGame = find((g) => g.uniqid === selectedGame, games);\n if (!targetGame) {\n setModalGame(getModalGameInitState());\n setSelectedGame('');\n return;\n }\n\n const targetGameData = { ...targetGame };\n setModalGame(targetGameData);\n }, [games, selectedGame]);\n\n const handleGameFilterOption = (filterType, option) => () => {\n const filters = {\n LOCATION: {\n value: selectedLocations,\n setter: setSelectedLocations,\n },\n };\n\n let targetFilter = filters[filterType].value.slice(0);\n switch (option) {\n case 'ALL':\n targetFilter = [];\n break;\n default: {\n const optionIndex = targetFilter.indexOf(option);\n if (optionIndex >= 0) {\n targetFilter.splice(optionIndex, 1);\n break;\n }\n targetFilter.push(option);\n break;\n }\n }\n\n filters[filterType].setter(targetFilter);\n };\n\n const handleGameFilterDateRange = (e) => {\n const name = e.target.name;\n if (name === 'all') {\n setSelectedDateRange(['', '']);\n return;\n }\n\n const value = new Date(e.target.value);\n if (name === 'start') {\n selectedDateRange[0] = !moment(value).isValid() ? '' : value;\n }\n if (name === 'end') {\n selectedDateRange[1] = !moment(value).isValid() ? '' : value;\n }\n setSelectedDateRange(selectedDateRange.slice(0));\n };\n\n const changeDisplayMode = (targetMode) => () => {\n query.set({ schedule: targetMode });\n };\n\n const getDisplayMode = () => {\n const commonProps = {\n tournament,\n games,\n gameLocations,\n handleGameFilterOption,\n setGameListCollapse,\n gameListCollapse,\n setSelectedGame,\n };\n\n switch (displayMode) {\n case 'location':\n return (\n \n );\n default:\n return ;\n }\n };\n\n const handleCancelGameSelect = () => {\n setModalGame(getModalGameInitState());\n setSelectedGame('');\n };\n\n return (\n \n \n {Multilingual(`TOURNAMENT.SCHEDULE_DISPLAY_MODE`)}
\n \n {Multilingual(`CALENDAR.WORDING`)}\n \n \n {Multilingual(`TOURNAMENT.LOCATION`)}\n \n \n {getDisplayMode()}\n \n \n );\n};\n\nexport default FormalSchedule;\n","import styled from 'styled-components';\nimport * as R from 'ramda';\nimport Input from '~~elements/Input';\nimport Button from '~~elements/Button';\nimport Select from '~~elements/Select';\nimport toast from '~~elements/Toast';\n\nexport const UpdateDiv = styled.div`\n display: block;\n margin: 7px 0;\n .origin {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n input {\n width: auto;\n }\n button.update-btn {\n width: 150px;\n }\n`;\n\nexport const StyledTableWrapper = styled.div`\n width: 100%;\n overflow-x: auto;\n max-height: 70vh;\n font-size: 0.8rem;\n table {\n border: 0px;\n }\n\n th,\n td {\n text-align: center;\n white-space: nowrap;\n padding: 6px 10px;\n }\n\n thead th {\n top: 0;\n position: sticky;\n z-index: 20;\n background-color: #a1d6f7;\n &.first {\n z-index: 50;\n }\n }\n\n .first {\n width: 50px;\n left: 0px;\n position: sticky;\n background-color: #a1d6f7;\n cursor: pointer;\n }\n\n tr {\n border-bottom: 1px solid lightgray;\n &.selected {\n background-color: #83f2a1;\n }\n &:not(.selected) {\n td[class=' disabled'] {\n background: #eaeaea;\n }\n }\n }\n td {\n &.inEdit {\n background-color: #fcb9b3;\n }\n }\n`;\n\nexport const getValue = (row, rowIndex, column) => {\n if (column.match(/^fielders\\.\\d$/)) {\n const position = column.split('.')[1];\n const fielder = R.find((f) => `${f.position}` === `${position}`, row.fielders);\n if (!fielder) {\n return '-';\n }\n return fielder.fielder.name;\n }\n\n const value = column.split('.').reduce((pre, cur) => (R.is(Object, pre) ? pre[cur] : pre), row);\n if (R.is(Boolean, value)) {\n return value ? 'O' : 'X';\n } else if (R.is(Array, value)) {\n return value.join(', ');\n }\n return value;\n};\n\nexport const getUpdateDiv = (\n rows,\n columns,\n setSelectedRow,\n setSelectColumn,\n selectedRow,\n selectColumn,\n handleUpdate,\n extra = {},\n) => {\n const row = rows[selectedRow];\n if (!row || !selectColumn) {\n return <>;\n }\n\n const id = `input-${selectedRow}-${selectColumn}`.split('.')[0];\n const firstColumn = R.find((c) => c.className === 'first', columns);\n const targetColumn = R.find((c) => c.column === selectColumn, columns);\n\n const tryUpdate = (directUpdate) => {\n let inputEl = document.querySelector(`#${id}`);\n console.log(inputEl);\n if (!inputEl) {\n return;\n }\n\n let newValue = inputEl.value;\n switch (targetColumn.updatable) {\n case Number:\n newValue = parseInt(newValue);\n if (Number.isNaN(newValue) || newValue < 0) {\n toast('更新格式錯誤', { status: 'error' });\n return;\n }\n break;\n case Boolean:\n newValue = inputEl.checked;\n break;\n case 'Batter': {\n const newBatter = R.find((p) => p.name === newValue, extra.batters);\n newValue = R.clone(newBatter);\n break;\n }\n case 'Pitcher': {\n const newPitcher = R.find((p) => p.name === newValue, extra.pitchers);\n newValue = R.clone(newPitcher);\n break;\n }\n case 'Catcher': {\n const newCatcher = R.find((p) => p.name === newValue, extra.catchers);\n newValue = R.clone(newCatcher);\n break;\n }\n case 'Fielders': {\n const newFielders = R.find((p) => p.name === newValue, extra.fielders);\n newValue = R.clone(newFielders);\n break;\n }\n default:\n break;\n }\n console.log(newValue);\n\n // 所有更新都以第一層為基礎\n let toUpdateColumn = targetColumn.column.split('.')[0];\n if (['pitcher', 'batter', 'catcher'].includes(toUpdateColumn)) {\n toUpdateColumn = `new_${toUpdateColumn}`;\n } else if ('fielders' === toUpdateColumn) {\n toUpdateColumn = `new_${toUpdateColumn}_${targetColumn.column.split('.')[1]}`;\n }\n\n if (!directUpdate) {\n extra.handleRowSave(selectedRow, toUpdateColumn, newValue);\n return;\n }\n\n const cloneRow = R.clone(rows[selectedRow]);\n cloneRow[toUpdateColumn] = newValue;\n handleUpdate(selectedRow, cloneRow);\n };\n\n let inputComponent = ;\n switch (targetColumn.updatable) {\n case Boolean:\n inputComponent = (\n \n );\n break;\n case 'Handed':\n inputComponent = (\n \n );\n break;\n case 'Batter':\n inputComponent = (\n \n );\n break;\n case 'Pitcher':\n inputComponent = (\n \n );\n break;\n case 'Catcher':\n inputComponent = (\n \n );\n break;\n case 'Fielders':\n inputComponent = (\n \n );\n break;\n default:\n break;\n }\n\n return (\n \n \n {`${firstColumn.label}：${getValue(row, selectedRow, firstColumn.column)}`}\n {`${targetColumn.label}：${getValue(row, selectedRow, targetColumn.column)}（編輯中）`}\n
\n {inputComponent}\n {\n setSelectedRow(-1);\n setSelectColumn('');\n }}\n >\n 取消\n \n {handleUpdate && (\n \n )}\n {extra.handleRowSave && (\n \n )}\n \n );\n};\n\nexport const tableRender = (\n rows,\n columns,\n setSelectedRow,\n setSelectColumn,\n selectedRow,\n selectColumn,\n statsUpdateRows = [],\n) => (\n \n \n \n {columns.map((column) => (\n | \n {column.label}\n | \n ))}\n
\n \n \n {rows.map((row, rowIndex) => (\n \n {columns.map((column) => (\n {\n setSelectedRow((pre) => (pre === rowIndex ? -1 : rowIndex));\n setSelectColumn('');\n },\n }\n : column.updatable\n ? {\n onDoubleClick: () => {\n if (selectedRow === rowIndex && selectColumn === column.column) {\n setSelectedRow(-1);\n setSelectColumn('');\n return;\n }\n setSelectedRow(rowIndex);\n setSelectColumn(column.column);\n },\n }\n : {})}\n style={statsUpdateRows[rowIndex] ? { backgroundColor: 'orange' } : {}}\n >\n {getValue(row, rowIndex, column.column)}\n \n ))}\n
\n ))}\n \n
\n);\n","import React, { useState } from 'react';\nimport { StyledTableWrapper, getUpdateDiv, tableRender } from './common';\n\nexport const columns = [\n {\n column: 'order',\n label: '打序',\n className: 'first',\n },\n {\n column: 'player.number',\n label: '背號',\n },\n {\n column: 'player.name',\n label: '名稱',\n },\n {\n column: 'PA',\n label: '打席',\n updatable: Number,\n },\n {\n column: 'AB',\n label: '打數',\n updatable: Number,\n },\n {\n column: 'R',\n label: '得分',\n updatable: Number,\n },\n {\n column: 'H',\n label: '安打',\n updatable: Number,\n },\n {\n column: 'RBI',\n label: '打點',\n updatable: Number,\n },\n {\n column: '2B',\n label: '二安',\n updatable: Number,\n },\n {\n column: '3B',\n label: '三安',\n updatable: Number,\n },\n {\n column: 'HR',\n label: '全壘打',\n updatable: Number,\n },\n {\n column: 'GIDP',\n label: '滾地雙殺',\n updatable: Number,\n },\n {\n column: 'DP',\n label: '雙殺',\n updatable: Number,\n },\n {\n column: 'TP',\n label: '三殺',\n updatable: Number,\n },\n {\n column: 'BB',\n label: '四壞',\n updatable: Number,\n },\n {\n column: 'IBB',\n label: '故意四壞',\n updatable: Number,\n },\n {\n column: 'HBP',\n label: '觸身',\n updatable: Number,\n },\n {\n column: 'SO',\n label: '三振',\n updatable: Number,\n },\n {\n column: 'SH',\n label: '犧短',\n updatable: Number,\n },\n {\n column: 'SF',\n label: '犧飛',\n updatable: Number,\n },\n {\n column: 'E',\n label: '失誤上壘',\n updatable: Number,\n },\n {\n column: 'SB',\n label: '盜壘',\n updatable: Number,\n },\n {\n column: 'CS',\n label: '盜壘失敗',\n updatable: Number,\n },\n];\n\nconst FormalGameBoxBatting = ({ players, battings, handleUpdate }) => {\n const [selectedRow, setSelectedRow] = useState(-1);\n const [selectColumn, setSelectColumn] = useState('');\n\n return (\n \n {getUpdateDiv(battings, columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn, handleUpdate)}\n \n {tableRender(battings, columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn)}\n \n
\n );\n};\n\nexport default FormalGameBoxBatting;\n","import React, { useState } from 'react';\nimport { StyledTableWrapper, getUpdateDiv, tableRender } from './common';\n\nexport const columns = [\n {\n column: 'order',\n label: '順序',\n className: 'first',\n },\n {\n column: 'player.number',\n label: '背號',\n },\n {\n column: 'player.name',\n label: '名稱',\n },\n {\n column: 'IP_out',\n label: '出局數',\n updatable: Number,\n },\n {\n column: 'NP',\n label: '投球數',\n updatable: Number,\n },\n {\n column: 'BF',\n label: '面對打者',\n updatable: Number,\n },\n {\n column: 'H',\n label: '安打',\n updatable: Number,\n },\n {\n column: 'HR',\n label: '全壘打',\n updatable: Number,\n },\n {\n column: 'BB',\n label: '保送',\n updatable: Number,\n },\n {\n column: 'IBB',\n label: '故意四壞',\n updatable: Number,\n },\n {\n column: 'HB',\n label: '觸身',\n updatable: Number,\n },\n {\n column: 'SO',\n label: '三振',\n updatable: Number,\n },\n {\n column: 'WP',\n label: '暴投',\n updatable: Number,\n },\n {\n column: 'BK',\n label: '投手犯規',\n updatable: Number,\n },\n {\n column: 'R',\n label: '失分',\n updatable: Number,\n },\n {\n column: 'ER',\n label: '責失',\n updatable: Number,\n },\n];\n\nconst FormalGameBoxPitching = ({ players, pitchings, handleUpdate }) => {\n const [selectedRow, setSelectedRow] = useState(-1);\n const [selectColumn, setSelectColumn] = useState('');\n\n return (\n \n {getUpdateDiv(pitchings, columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn, handleUpdate)}\n \n {tableRender(pitchings, columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn)}\n \n
\n );\n};\n\nexport default FormalGameBoxPitching;\n","import React, { useState } from 'react';\nimport * as R from 'ramda';\nimport { StyledTableWrapper, getUpdateDiv, tableRender } from './common';\n\nexport const columns = [\n {\n column: 'PASeq',\n label: '流水號',\n className: 'first',\n },\n {\n column: 'event_seq',\n label: '事件順序',\n },\n {\n column: 'runner_seq',\n label: '跑壘順序',\n },\n {\n column: 'fielder.name',\n label: '防守者',\n },\n {\n column: 'position',\n label: '守位',\n },\n {\n column: 'credit',\n label: '動作',\n },\n];\n\nexport const toChanceList = (PAList) => {\n return R.flatten(\n PAList.map((PA, PAIndex) => {\n return R.flatten(\n PA.runners.map((runner, runnerIndex) => {\n return runner.chances.map((chance) => ({\n PASeq: PAIndex + 1,\n event_seq: runner.event_index + 1,\n runner_seq: runnerIndex + 1,\n ...chance,\n }));\n }),\n );\n }),\n );\n};\n\nconst FormalGameChances = ({ players, opponentPlayers, PAList, handleUpdate }) => {\n const [selectedRow, setSelectedRow] = useState(-1);\n const [selectColumn, setSelectColumn] = useState('');\n\n return (\n \n {getUpdateDiv(\n toChanceList(PAList),\n columns,\n setSelectedRow,\n setSelectColumn,\n selectedRow,\n selectColumn,\n handleUpdate,\n {\n pitchers: opponentPlayers,\n },\n )}\n \n {tableRender(toChanceList(PAList), columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn)}\n \n
\n );\n};\n\nexport default FormalGameChances;\n","import React, { useState } from 'react';\nimport * as R from 'ramda';\nimport { StyledTableWrapper, getUpdateDiv, tableRender } from './common';\n\nexport const columns = [\n {\n column: 'PASeq',\n label: '流水號',\n className: 'first',\n },\n {\n column: 'eventSeq',\n label: '事件順序',\n },\n {\n column: 'type',\n label: '事件種類',\n },\n {\n column: 'in_play',\n label: '球進場',\n },\n {\n column: 'is_strike',\n label: '是好球',\n },\n {\n column: 'is_ball',\n label: '是壞球',\n },\n {\n column: 'is_scoring',\n label: '有得分',\n },\n {\n column: 'first.name',\n label: '一壘',\n },\n {\n column: 'second.name',\n label: '二壘',\n },\n {\n column: 'third.name',\n label: '三壘',\n },\n {\n column: 'batter.name',\n label: '打者',\n },\n {\n column: 'pitcher.name',\n label: '投手',\n },\n {\n column: 'catcher.name',\n label: '捕手',\n },\n {\n column: 'strikes',\n label: '好球數',\n },\n {\n column: 'balls',\n label: '壞球數',\n },\n {\n column: 'pitch.code',\n label: '投球內容',\n },\n {\n column: 'pitch.velocity',\n label: '球速 KPH',\n },\n {\n column: 'pitch.RPM',\n label: '轉速 RPM',\n },\n {\n column: 'pitch.coord_x',\n label: '進壘點x',\n },\n {\n column: 'pitch.coord_y',\n label: '進壘點y',\n },\n {\n column: 'pitch.type',\n label: '球種',\n },\n {\n column: 'pitch.EV',\n label: '擊球初速 EV',\n },\n {\n column: 'pitch.trajectory',\n label: '擊球仰角',\n },\n {\n column: 'pitch.hardness',\n label: '擊球強勁',\n },\n {\n column: 'pitch.location_code',\n label: '擊球落點',\n },\n {\n column: 'pitch.location_coord_x',\n label: '擊球落點x',\n },\n {\n column: 'pitch.location_coord_y',\n label: '擊球落點y',\n },\n {\n column: 'pitch.fielder_position',\n label: '防守順序',\n },\n {\n column: 'video_signin_at',\n label: '捕手SignIn時間',\n },\n {\n column: 'video_started_at',\n label: '投球啟動時間',\n },\n {\n column: 'video_contact_at',\n label: '擊球瞬間',\n },\n {\n column: 'video_fly_catch_at',\n label: '飛球接/落時間',\n },\n {\n column: 'video_ground_catch_at',\n label: '滾地接捕時間',\n },\n {\n column: 'video_sb_throw_at',\n label: '盜壘捕手時間',\n },\n {\n column: 'video_sb_catch_at',\n label: '盜壘野手時間',\n },\n];\n\nexport const toEventList = (PAList) => {\n return R.flatten(\n PAList.map((PA, PAIndex) => {\n let strikes = 0;\n let balls = 0;\n return PA.events.map((event, eventIndex) => {\n const data = {\n PASeq: PAIndex + 1,\n eventSeq: eventIndex + 1,\n strikes,\n balls,\n ...event,\n };\n if (event.is_strike && strikes < 2) {\n strikes++;\n }\n if (event.is_ball && balls < 3) {\n balls++;\n }\n return data;\n });\n }),\n );\n};\n\nconst FormalGameEvents = ({ players, PAList, handleUpdate }) => {\n const [selectedRow, setSelectedRow] = useState(-1);\n const [selectColumn, setSelectColumn] = useState('');\n\n return (\n \n {getUpdateDiv(\n toEventList(PAList),\n columns,\n setSelectedRow,\n setSelectColumn,\n selectedRow,\n selectColumn,\n handleUpdate,\n )}\n \n {tableRender(toEventList(PAList), columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn)}\n \n
\n );\n};\n\nexport default FormalGameEvents;\n","import { createContext, useReducer, useContext } from 'react';\nimport * as R from 'ramda';\n\nconst FormalGameStateContext = createContext();\nconst FormalGameDispatchContext = createContext();\n\nconst initFormalGameState = {\n statsUpdateRows: {},\n};\n\nconst formalGameReducer = (state, action) => {\n const { type, payload } = action;\n switch (type) {\n case 'RESET_STATS_UPDATE_ROWS': {\n return {\n ...state,\n statsUpdateRows: {},\n };\n }\n case 'SAVE_STATS_UPDATE_ROW': {\n const toUpdate = { toUpdateColumn: payload.toUpdateColumn, newValue: payload.newValue };\n if (!state.statsUpdateRows[payload.rowIndex]) {\n return {\n ...state,\n statsUpdateRows: {\n ...state.statsUpdateRows,\n [payload.rowIndex]: [toUpdate],\n },\n };\n }\n\n const columnIndex = R.findIndex(\n (col) => col.toUpdateColumn === toUpdate.toUpdateColumn,\n state.statsUpdateRows[payload.rowIndex],\n );\n if (columnIndex >= 0) {\n state.statsUpdateRows[payload.rowIndex][columnIndex] = toUpdate;\n } else {\n state.statsUpdateRows[payload.rowIndex].push(toUpdate);\n }\n\n return {\n ...state,\n statsUpdateRows: {\n ...state.statsUpdateRows,\n [payload.rowIndex]: [...state.statsUpdateRows[payload.rowIndex]],\n },\n };\n }\n case 'REMOVE_STATS_UPDATE_ROW': {\n state.statsUpdateRows[payload.rowIndex].splice(payload.columnIndex, 1);\n if (state.statsUpdateRows[payload.rowIndex].length === 0) {\n delete state.statsUpdateRows[payload.rowIndex];\n }\n return {\n ...state,\n statsUpdateRows: {\n ...state.statsUpdateRows,\n },\n };\n }\n default:\n throw new Error('Invalid action type');\n }\n};\n\nconst FormalGameProvider = ({ children }) => {\n const [state, dispatch] = useReducer(formalGameReducer, initFormalGameState);\n\n return (\n \n {children}\n \n );\n};\n\nconst useFormalGameState = () => {\n const context = useContext(FormalGameStateContext);\n\n if (context === undefined) {\n throw new Error('useFormalGameState must be used within a FormalGameProvider');\n }\n return context;\n};\n\nconst useFormalGameDispatch = () => {\n const context = useContext(FormalGameDispatchContext);\n\n if (context === undefined) {\n throw new Error('useFormalGameDispatch must be used within a FormalGameProvider');\n }\n return context;\n};\n\nexport { FormalGameProvider, useFormalGameState, useFormalGameDispatch };\n","import React, { useState } from 'react';\nimport { StyledTableWrapper, getUpdateDiv, tableRender } from './common';\nimport { useFormalGameDispatch, useFormalGameState } from './useFormalGame';\nimport Button from '~~elements/Button';\n\nexport const columns = [\n {\n column: 'PASeq',\n label: '流水號',\n className: 'first',\n },\n {\n column: 'side',\n label: '進攻方',\n },\n {\n column: 'inning',\n label: '局數',\n },\n {\n column: 'is_scoring',\n label: '有得分',\n },\n {\n column: 'has_substitution',\n label: '有換人',\n },\n {\n column: 'video_started_at',\n label: '影片開始',\n },\n {\n column: 'video_link',\n label: 'YT精華片段',\n updatable: String,\n },\n {\n column: 'batter.name',\n label: '打者',\n updatable: 'Batter',\n },\n {\n column: 'pitcher.name',\n label: '投手',\n updatable: 'Pitcher',\n },\n {\n column: 'catcher.name',\n label: '捕手',\n updatable: 'Catcher',\n },\n {\n column: 'PA_round',\n label: '第幾輪',\n },\n {\n column: 'PA_order',\n label: '打序',\n },\n {\n column: 'pinch',\n label: '代打',\n },\n {\n column: 'p_hand',\n label: '投球手',\n updatable: 'Handed',\n },\n {\n column: 'b_hand',\n label: '打擊手',\n updatable: 'Handed',\n },\n {\n column: 'strikes',\n label: '好球',\n },\n {\n column: 'balls',\n label: '壞球',\n },\n {\n column: 'ball_counts',\n label: '逐球',\n },\n {\n column: 'result',\n label: '打席結果',\n updatable: String,\n },\n {\n column: 'RBI',\n label: '打點',\n updatable: Number,\n },\n {\n column: 'location_code',\n label: '落點',\n updatable: String,\n },\n {\n column: 'location_coord_x',\n label: '落點x',\n },\n {\n column: 'location_coord_y',\n label: '落點y',\n },\n {\n column: 'trajectory',\n label: '彈道',\n updatable: String,\n },\n {\n column: 'start_away_score',\n label: '開始客場分',\n updatable: Number,\n },\n {\n column: 'start_home_score',\n label: '開始主場分',\n updatable: Number,\n },\n {\n column: 'away_score',\n label: '客場分',\n updatable: Number,\n },\n {\n column: 'home_score',\n label: '主場分',\n updatable: Number,\n },\n {\n column: 'end_away_score',\n label: '結束客場分',\n updatable: Number,\n },\n {\n column: 'end_home_score',\n label: '結束主場分',\n updatable: Number,\n },\n {\n column: 'start_outs',\n label: '開始出局數',\n updatable: Number,\n },\n {\n column: 'outs',\n label: '出局數',\n updatable: Number,\n },\n {\n column: 'end_outs',\n label: '結束出局數',\n updatable: Number,\n },\n {\n column: 'start_bases',\n label: '開始壘包狀態',\n updatable: Number,\n },\n {\n column: 'bases',\n label: '壘包狀態',\n updatable: Number,\n },\n {\n column: 'end_bases',\n label: '結束壘包狀態',\n updatable: Number,\n },\n {\n column: 'hardness',\n label: '擊球強度',\n },\n {\n column: 'LI',\n label: 'LI',\n },\n {\n column: 'RE',\n label: 'RE',\n },\n {\n column: 'home_WE',\n label: '主場勝率',\n },\n {\n column: 'WPA',\n label: 'WPA',\n },\n {\n column: 'RE24',\n label: 'RE24',\n },\n {\n column: 'SP_game_score',\n label: '先發GameScore',\n },\n {\n column: 'fielders.1',\n label: '守位投',\n updatable: 'Fielders',\n },\n {\n column: 'fielders.2',\n label: '守位捕',\n updatable: 'Fielders',\n },\n {\n column: 'fielders.3',\n label: '守位一',\n updatable: 'Fielders',\n },\n {\n column: 'fielders.4',\n label: '守位二',\n updatable: 'Fielders',\n },\n {\n column: 'fielders.5',\n label: '守位三',\n updatable: 'Fielders',\n },\n {\n column: 'fielders.6',\n label: '守位遊',\n updatable: 'Fielders',\n },\n {\n column: 'fielders.7',\n label: '守位左',\n updatable: 'Fielders',\n },\n {\n column: 'fielders.8',\n label: '守位中',\n updatable: 'Fielders',\n },\n {\n column: 'fielders.9',\n label: '守位右',\n updatable: 'Fielders',\n },\n];\n\nexport const addSeqList = (PAList) => {\n return PAList.map((PA, PAIndex) => ({\n PASeq: PAIndex + 1,\n ...PA,\n }));\n};\n\nconst FormalGamePAList = ({ players, opponentPlayers, PAList, handleUpdate, handleRowSave }) => {\n const [selectedRow, setSelectedRow] = useState(-1);\n const [selectColumn, setSelectColumn] = useState('');\n const { statsUpdateRows } = useFormalGameState();\n const formalGameDispatch = useFormalGameDispatch();\n\n return (\n \n {Object.keys(statsUpdateRows).length > 0 && (\n
\n \n 待更新清單\n \n
\n \n {Object.keys(statsUpdateRows).map((rowIndex) =>\n statsUpdateRows[rowIndex].map((toUpdate, columnIndex) => (\n \n \n \n formalGameDispatch({ type: 'REMOVE_STATS_UPDATE_ROW', payload: { rowIndex, columnIndex } })\n }\n >\n x\n \n {`${PAList[rowIndex].inning}局 ${PAList[rowIndex].PA_order}棒 ${PAList[rowIndex].batter.name}: `}\n {`${toUpdate.toUpdateColumn} -> ${JSON.stringify(toUpdate.newValue)}`}\n
\n \n )),\n )}\n
\n \n )}\n {getUpdateDiv(\n addSeqList(PAList),\n columns,\n setSelectedRow,\n setSelectColumn,\n selectedRow,\n selectColumn,\n Object.keys(statsUpdateRows).length === 0 ? handleUpdate : null,\n {\n batters: players,\n pitchers: opponentPlayers,\n catchers: opponentPlayers,\n fielders: opponentPlayers,\n handleRowSave,\n },\n )}\n
\n {tableRender(\n addSeqList(PAList),\n columns,\n setSelectedRow,\n setSelectColumn,\n selectedRow,\n selectColumn,\n statsUpdateRows,\n )}\n \n
\n {Object.keys(statsUpdateRows).length > 0 && (\n
\n \n 待更新清單\n \n
\n \n {Object.keys(statsUpdateRows).map((rowIndex) =>\n statsUpdateRows[rowIndex].map((toUpdate, columnIndex) => (\n \n \n \n formalGameDispatch({ type: 'REMOVE_STATS_UPDATE_ROW', payload: { rowIndex, columnIndex } })\n }\n >\n x\n \n {`${runnerList[rowIndex].inning}局 ${runnerList[rowIndex].PA_order}棒 ${runnerList[rowIndex].runner.name}: `}\n {`${toUpdate.toUpdateColumn} -> ${JSON.stringify(toUpdate.newValue)}`}\n
\n \n )),\n )}\n
\n \n )}\n {getUpdateDiv(\n runnerList,\n columns,\n setSelectedRow,\n setSelectColumn,\n selectedRow,\n selectColumn,\n Object.keys(statsUpdateRows).length === 0 ? handleUpdate : null,\n {\n pitchers: opponentPlayers,\n handleRowSave,\n },\n )}\n
\n {tableRender(runnerList, columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn)}\n \n
\n {getUpdateDiv(\n toSubstitutionList(PAList),\n columns,\n setSelectedRow,\n setSelectColumn,\n selectedRow,\n selectColumn,\n handleUpdate,\n {\n pitchers: opponentPlayers,\n },\n )}\n \n {tableRender(toSubstitutionList(PAList), columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn)}\n \n
\n );\n};\n\nexport default FormalGameSubstitutions;\n","import XLSX from 'xlsx';\nimport * as R from 'ramda';\nimport { columns as BattingColumns } from './FormalGameBoxBatting';\nimport { columns as PitchingColumns } from './FormalGameBoxPitching';\nimport { columns as ChanceColumns, toChanceList } from './FormalGameChances';\nimport { columns as EventColumns, toEventList } from './FormalGameEvents';\nimport { columns as PAColumns, addSeqList } from './FormalGamePAList';\nimport { columns as RunnerColumns, toRunnerList } from './FormalGameRunners';\nimport { columns as SubstitutionColumns, toSubstitutionList } from './FormalGameSubstitutions';\nimport { getValue } from './common';\n\nexport const download = (title, sheets) => {\n const wb = XLSX.utils.book_new();\n wb.Props = {\n Title: title,\n Author: 'Rebas 野革',\n CreatedDate: new Date(),\n };\n\n const {\n AWAYBattingBox,\n AWAYPitchingBox,\n AWAYPAList,\n AWAYEvents,\n AWAYRunners,\n AWAYChances,\n AWAYSubstitutions,\n HOMEBattingBox,\n HOMEPitchingBox,\n HOMEPAList,\n HOMEEvents,\n HOMERunners,\n HOMEChances,\n HOMESubstitutions,\n } = sheets;\n\n const sheetNames = [\n {\n name: 'AWAY-BOX-打擊',\n array: AWAYBattingBox,\n },\n {\n name: 'AWAY-BOX-投球',\n array: AWAYPitchingBox,\n },\n {\n name: 'AWAY-打席資訊',\n array: AWAYPAList,\n },\n {\n name: 'AWAY-打席事件',\n array: AWAYEvents,\n },\n {\n name: 'AWAY-跑壘事件',\n array: AWAYRunners,\n },\n {\n name: 'AWAY-防守事件',\n array: AWAYChances,\n },\n {\n name: 'AWAY-換人事件',\n array: AWAYSubstitutions,\n },\n {\n name: 'HOME-BOX-打擊',\n array: HOMEBattingBox,\n },\n {\n name: 'HOME-BOX-投球',\n array: HOMEPitchingBox,\n },\n {\n name: 'HOME-打席資訊',\n array: HOMEPAList,\n },\n {\n name: 'HOME-打席事件',\n array: HOMEEvents,\n },\n {\n name: 'HOME-跑壘事件',\n array: HOMERunners,\n },\n {\n name: 'HOME-防守事件',\n array: HOMEChances,\n },\n {\n name: 'HOME-換人事件',\n array: HOMESubstitutions,\n },\n ];\n sheetNames.forEach((sheetName) => {\n wb.SheetNames.push(sheetName.name);\n const sheet = XLSX.utils.aoa_to_sheet(sheetName.array);\n wb.Sheets[sheetName.name] = sheet;\n });\n\n XLSX.writeFile(wb, `${title}.xlsx`);\n};\n\nexport const init = () => {\n const commonPrepend = ['比賽編號', '比賽日期', '球場', '客場', '主場'];\n const AWAYBattingBox = [[...commonPrepend, ...BattingColumns.map((c) => c.label)]];\n const AWAYPitchingBox = [[...commonPrepend, ...PitchingColumns.map((c) => c.label)]];\n const AWAYPAList = [[...commonPrepend, ...PAColumns.map((c) => c.label)]];\n const AWAYEvents = [[...commonPrepend, ...EventColumns.map((c) => c.label)]];\n const AWAYRunners = [[...commonPrepend, ...RunnerColumns.map((c) => c.label)]];\n const AWAYChances = [[...commonPrepend, ...ChanceColumns.map((c) => c.label)]];\n const AWAYSubstitutions = [[...commonPrepend, ...SubstitutionColumns.map((c) => c.label)]];\n const HOMEBattingBox = [[...commonPrepend, ...BattingColumns.map((c) => c.label)]];\n const HOMEPitchingBox = [[...commonPrepend, ...PitchingColumns.map((c) => c.label)]];\n const HOMEPAList = [[...commonPrepend, ...PAColumns.map((c) => c.label)]];\n const HOMEEvents = [[...commonPrepend, ...EventColumns.map((c) => c.label)]];\n const HOMERunners = [[...commonPrepend, ...RunnerColumns.map((c) => c.label)]];\n const HOMEChances = [[...commonPrepend, ...ChanceColumns.map((c) => c.label)]];\n const HOMESubstitutions = [[...commonPrepend, ...SubstitutionColumns.map((c) => c.label)]];\n\n return {\n AWAYBattingBox,\n AWAYPitchingBox,\n AWAYPAList,\n AWAYEvents,\n AWAYRunners,\n AWAYChances,\n AWAYSubstitutions,\n HOMEBattingBox,\n HOMEPitchingBox,\n HOMEPAList,\n HOMEEvents,\n HOMERunners,\n HOMEChances,\n HOMESubstitutions,\n };\n};\n\nexport const addGame = (gameWithInPlay, sheets) => {\n const {\n AWAYBattingBox,\n AWAYPitchingBox,\n AWAYPAList,\n AWAYEvents,\n AWAYRunners,\n AWAYChances,\n AWAYSubstitutions,\n HOMEBattingBox,\n HOMEPitchingBox,\n HOMEPAList,\n HOMEEvents,\n HOMERunners,\n HOMEChances,\n HOMESubstitutions,\n } = sheets;\n\n const commonValues = [\n gameWithInPlay.seq,\n gameWithInPlay.info.started_at,\n gameWithInPlay.info.location,\n gameWithInPlay.away.team,\n gameWithInPlay.home.team,\n ];\n gameWithInPlay.away.box.battings.forEach((batting, battingIndex) => {\n AWAYBattingBox.push([...commonValues, ...BattingColumns.map((c) => getValue(batting, battingIndex, c.column))]);\n return;\n });\n gameWithInPlay.away.box.pitchings.forEach((pitching, pitchingIndex) => {\n AWAYPitchingBox.push([...commonValues, ...PitchingColumns.map((c) => getValue(pitching, pitchingIndex, c.column))]);\n return;\n });\n addSeqList(R.filter((PA) => PA.side === 'AWAY', gameWithInPlay.PA_list)).forEach((PA, PAIndex) => {\n AWAYPAList.push([...commonValues, ...PAColumns.map((c) => getValue(PA, PAIndex, c.column))]);\n return;\n });\n toEventList(R.filter((PA) => PA.side === 'AWAY', gameWithInPlay.PA_list)).forEach((event, eventIndex) => {\n AWAYEvents.push([...commonValues, ...EventColumns.map((c) => getValue(event, eventIndex, c.column))]);\n return;\n });\n toRunnerList(R.filter((PA) => PA.side === 'AWAY', gameWithInPlay.PA_list)).forEach((runner, runnerIndex) => {\n AWAYRunners.push([...commonValues, ...RunnerColumns.map((c) => getValue(runner, runnerIndex, c.column))]);\n return;\n });\n toChanceList(R.filter((PA) => PA.side === 'AWAY', gameWithInPlay.PA_list)).forEach((chance, chanceIndex) => {\n AWAYChances.push([...commonValues, ...ChanceColumns.map((c) => getValue(chance, chanceIndex, c.column))]);\n return;\n });\n toSubstitutionList(R.filter((PA) => PA.side === 'AWAY', gameWithInPlay.PA_list)).forEach((sub, subIndex) => {\n AWAYSubstitutions.push([...commonValues, ...SubstitutionColumns.map((c) => getValue(sub, subIndex, c.column))]);\n return;\n });\n gameWithInPlay.home.box.battings.forEach((batting, battingIndex) => {\n HOMEBattingBox.push([...commonValues, ...BattingColumns.map((c) => getValue(batting, battingIndex, c.column))]);\n return;\n });\n gameWithInPlay.home.box.pitchings.forEach((pitching, pitchingIndex) => {\n HOMEPitchingBox.push([...commonValues, ...PitchingColumns.map((c) => getValue(pitching, pitchingIndex, c.column))]);\n return;\n });\n addSeqList(R.filter((PA) => PA.side === 'HOME', gameWithInPlay.PA_list)).forEach((PA, PAIndex) => {\n HOMEPAList.push([...commonValues, ...PAColumns.map((c) => getValue(PA, PAIndex, c.column))]);\n return;\n });\n toEventList(R.filter((PA) => PA.side === 'HOME', gameWithInPlay.PA_list)).forEach((event, eventIndex) => {\n HOMEEvents.push([...commonValues, ...EventColumns.map((c) => getValue(event, eventIndex, c.column))]);\n return;\n });\n toRunnerList(R.filter((PA) => PA.side === 'HOME', gameWithInPlay.PA_list)).forEach((runner, runnerIndex) => {\n HOMERunners.push([...commonValues, ...RunnerColumns.map((c) => getValue(runner, runnerIndex, c.column))]);\n return;\n });\n toChanceList(R.filter((PA) => PA.side === 'HOME', gameWithInPlay.PA_list)).forEach((chance, chanceIndex) => {\n HOMEChances.push([...commonValues, ...ChanceColumns.map((c) => getValue(chance, chanceIndex, c.column))]);\n return;\n });\n toSubstitutionList(R.filter((PA) => PA.side === 'HOME', gameWithInPlay.PA_list)).forEach((sub, subIndex) => {\n HOMESubstitutions.push([...commonValues, ...SubstitutionColumns.map((c) => getValue(sub, subIndex, c.column))]);\n return;\n });\n};\n","export const timeDisplayReverse = (display) => {\n const [hour, min, sec] = display.split(':');\n return parseInt(hour) * 60 * 60 + parseInt(min) * 60 + parseFloat(sec);\n};\n\nexport const validTimeDisplay = (display) => {\n return display.match(/^\\d+:\\d+:\\d+.?\\d*$/);\n};\n\nexport const validEventTimestampDisplay = (display) => {\n return display.match(/^\\d{4}-\\d{2}-\\d{2} \\d+:\\d+:\\d+.?\\d*$/);\n};\n","import Button from '~~elements/Button';\nimport toast from '~~elements/Toast';\nimport ProgressBar from '~~elements/ProgressBar';\nimport { useState } from 'react';\nimport * as R from 'ramda';\nimport moment from 'moment';\nimport { FormalGameResource, GameResource, PlayerResource } from '~~apis/resource';\nimport { timeDisplayReverse, validEventTimestampDisplay, validTimeDisplay } from '../../../common/utils/video';\n\nexport default function ScorebookButton({ tournament, games, className = '' }) {\n const [batchDownload, setBatchDownload] = useState(false);\n const [batchTitle, setBatchTitle] = useState('讀取並轉換資料');\n const [batchCompleted, setBatchCompleted] = useState(0);\n\n const [targets, setTargets] = useState(['scorebook']);\n\n const [force, setForce] = useState(false);\n\n const single = games.length <= 1;\n\n const syncto = (scorebookGames, players) => {\n const amount = scorebookGames.length;\n // downloadJSON(`${tournament.title}-逐球數據-${moment().format('YYYYMMDD')}`, scorebookGames, players);\n setBatchTitle(`同步數量： 0 / ${amount}`);\n setBatchCompleted(0);\n\n new Promise(async (resolve, reject) => {\n let done = 0;\n for (let scorebookGame of scorebookGames) {\n const dosync = async () => {\n await FormalGameResource.syncto({\n seasonUniqid: tournament.uniqid,\n gameUniqid: scorebookGame.uniqid,\n data: {\n ...scorebookGame,\n players: players\n .map((player) => {\n const exp = player.experiences.find((e) => e.season_uniqid === tournament.uniqid);\n const playerJSON = {\n ...player,\n position: posMapping[player.first_position] ?? player.first_position,\n tHanded: player.p_hand,\n bHanded: player.b_hand,\n number: exp.number,\n team: exp.team,\n teamUniqid: exp.team_uniqid,\n };\n if (![scorebookGame.game.awayUniqid, scorebookGame.game.homeUniqid].includes(playerJSON.teamUniqid)) {\n return null;\n }\n delete playerJSON.experiences;\n return playerJSON;\n })\n .filter((p) => !!p),\n },\n force,\n targets,\n });\n };\n\n const wait = () => {\n return new Promise((resolve) => setTimeout(resolve, 3000));\n };\n\n let retry = 3;\n while (retry > 0) {\n try {\n await dosync();\n done++;\n setBatchTitle(`同步數量： ${done} / ${amount}`);\n setBatchCompleted(((done * 100) / amount).toFixed(1));\n break;\n } catch (e) {\n toast(`發生錯誤：${`G${scorebookGame.seq}：${e.message}`}`, { status: 'error', second: 5 });\n retry--;\n await wait();\n }\n }\n }\n resolve();\n })\n .then(() => {\n setBatchDownload(false);\n toast('處理完成', { status: 'success', second: 5 });\n })\n .catch((e) => {\n setBatchDownload(false);\n toast(`發生錯誤：${e}`, { status: 'error', second: 5 });\n });\n };\n\n const handleBatchClick = () => {\n setBatchDownload(true);\n setBatchCompleted(0);\n\n const finishedGames = R.sort(\n (a, b) => moment(a.info.started_at).unix() - moment(b.info.started_at).unix(),\n R.filter((g) => g.info.status === 'FINISHED', games),\n );\n const amount = finishedGames.length;\n setBatchTitle(`比賽數量： 0 / ${amount}`);\n\n const scorebookGames = [];\n const players = [];\n const getGameInPlayDetail = () => {\n const finishedGame = finishedGames.splice(0, 1)[0];\n GameResource.getGame({ seasonUniqid: tournament.uniqid, gameUniqid: finishedGame.uniqid })\n .then(({ data }) => {\n console.log(data);\n\n const scorebookJSON = toScorebook(data);\n scorebookGames.push(scorebookJSON);\n setBatchTitle(`剩餘數量： ${finishedGames.length} / ${amount}`);\n setBatchCompleted((((amount - finishedGames.length) * 100) / amount).toFixed(1));\n if (finishedGames.length > 0) {\n getGameInPlayDetail();\n return;\n }\n\n const fullRequiredPlayers = R.uniq(R.flatten(scorebookGames.map((g) => g.requiredPlayers)));\n const fullRequiredPlayerAmount = fullRequiredPlayers.length;\n const getPlayer = () => {\n const p = fullRequiredPlayers.splice(0, 1)[0];\n const next = () => {\n setBatchTitle(`讀取球員資料： ${fullRequiredPlayers.length} / ${fullRequiredPlayerAmount}`);\n setBatchCompleted(\n (((fullRequiredPlayerAmount - fullRequiredPlayers.length) * 100) / fullRequiredPlayerAmount).toFixed(1),\n );\n if (fullRequiredPlayers.length > 0) {\n getPlayer();\n return;\n }\n syncto(scorebookGames, players);\n return;\n };\n if (!p) {\n next();\n return;\n }\n\n PlayerResource.getPlayer({ playerUniqid: p }).then(({ data }) => {\n players.push(data);\n next();\n });\n };\n getPlayer();\n })\n .catch((e) => {\n console.error(e);\n toast(e, { status: 'error' });\n });\n };\n\n getGameInPlayDetail();\n };\n\n const MyTarget = (\n \n 同步至\n {['scorebook'].map((target) => (\n \n ))}\n
\n );\n\n if (single) {\n return (\n \n \n \n {MyTarget}\n
\n );\n }\n\n return (\n <>\n 賽季完成賽事同步至 Scorebook
\n \n *如非急迫需求建議從比賽介面逐場更新\n
\n \n 依照數量決定要等多久。\n
\n \n \n \n {MyTarget}\n
\n \n \n \n \n );\n}\n\nconst posMapping = {\n 1: 'P',\n 2: 'C',\n 3: 'FB',\n 4: 'SB',\n 5: 'TB',\n 6: 'SS',\n 7: 'LF',\n 8: 'CF',\n 9: 'RF',\n DH: 'DH',\n '1B': 'FB',\n '2B': 'SB',\n '3B': 'TB',\n};\n\nconst downloadJSON = (title, scorebookGames, players) => {\n const jsonl = [];\n players.forEach((player) => {\n const playerJSON = {\n name: player.name,\n position: posMapping[player.first_position] ?? player.first_position,\n tHanded: player.p_hand,\n bHanded: player.b_hand,\n number: player.experiences[0].number,\n team: player.experiences[0].team,\n };\n jsonl.push(JSON.stringify(playerJSON));\n return;\n });\n scorebookGames.forEach((game) => {\n jsonl.push(JSON.stringify(game.game));\n jsonl.push(...game.events.map((e) => JSON.stringify(e)));\n return;\n });\n const jsonlString = jsonl.join('\\n');\n\n const blob = new Blob([jsonlString], { type: 'text/plain' });\n\n const a = document.createElement('a');\n a.href = URL.createObjectURL(blob);\n a.download = `${title}.jsonl`;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(a.href);\n};\n\nconst SCOREBOOK_TIMING_FORMAT = 'YYYY-MM-DD HH:mm:ss.SSS';\nconst toScorebook = (game) => {\n const requiredPlayers = [];\n const startedAt = moment(game.info.started_at);\n const gJSON = {\n // _id\n group: game.season.title,\n seq: `00${game.seq}`.slice(-3),\n // awayId\n awayUniqid: game.away.team_uniqid,\n away: game.away.team,\n // homeId\n homeUniqid: game.home.team_uniqid,\n home: game.home.team,\n awayRuns: game.away.runs,\n homeRuns: game.home.runs,\n awayHits: game.away.hits,\n homeHits: game.home.hits,\n awayErrors: game.away.errors,\n homeErrors: game.home.errors,\n startedAt: game.info.started_at,\n tags: ['REBAS'],\n view: 'P',\n createdAt: game.info.started_at,\n endedAt: game.info.ended_at,\n awayInningRuns: game.away.scores.map((s) => parseInt(s)),\n homeInningRuns: game.home.scores.map((s) => parseInt(s)),\n stadium: game.info.location,\n umpireInChief: '',\n // 影片不由 Rebas 同步\n // videos: [\n // {\n // link:\n // `https://scorebook-rtmp.rebas.com.tw/rebas_videos` +\n // `/${startedAt.format('YYYY')}` +\n // `/G${game.seq}_${startedAt.format('YYYYMMDD')}.mp4`,\n // gcsLink:\n // `https://storage.googleapis.com/strikezone-hunter-rebas-tw-cpbl` +\n // `/${startedAt.format('YYYY')}` +\n // `/G${game.seq}_${startedAt.format('YYYYMMDD')}.mp4`,\n // startedAt: startedAt.format(SCOREBOOK_TIMING_FORMAT),\n // type: 'VIDEO',\n // },\n // ],\n awayLineup: toScorebookLineup(game.away.box),\n homeLineup: toScorebookLineup(game.home.box),\n };\n\n let outs = 0;\n let preSide = game.PA_list[0].side;\n const eventsJSON = R.flatten(\n game.PA_list.map((PA) => {\n const fielders = PA.fielders\n .map((f) => {\n requiredPlayers.push(f?.fielder?.uniqid);\n return {\n // id\n playerUniqid: f?.fielder?.uniqid,\n player: f?.fielder?.name,\n pos: posMapping[f?.position],\n };\n })\n .filter((f) => !!f.pos);\n\n let awayScores = PA.start_away_score;\n let homeScores = PA.start_home_score;\n let balls = 0;\n let strikes = 0;\n if (preSide !== PA.side) {\n outs = 0;\n preSide = PA.side;\n }\n\n return PA.events.map((e, eIndex) => {\n if (!['NO_PITCH', 'PITCH', 'BASE'].includes(e.type)) {\n return null;\n }\n\n const currentSBO = {\n awayScores,\n homeScores,\n balls,\n strikes,\n outs,\n };\n\n if (e.is_strike && strikes < 2) {\n strikes++;\n } else if (e.is_ball && balls < 3) {\n balls++;\n }\n const runners = PA.runners.filter((r) => r.event_index === eIndex);\n runners.forEach((r) => {\n if (r.is_scoring) {\n if (PA.side === 'AWAY') {\n awayScores++;\n } else {\n homeScores++;\n }\n }\n if (r.is_out) {\n outs++;\n }\n });\n\n const sbList = R.filter((r) => ['SB', 'CS', 'CS_E'].includes(r.code), runners).map((r) => {\n requiredPlayers.push(r.runner.uniqid);\n return {\n // id\n runnerUniqid: r.runner.uniqid,\n runner: r.runner.name,\n desc: r.end_base === 0 ? 'thirdId' : r.end_base === 2 ? 'firstId' : 'secondId',\n type: r.code === 'SB' ? 'SB' : 'CS',\n };\n });\n const runList = R.filter((r) => r.is_scoring, runners).map((r) => {\n requiredPlayers.push(r.runner.uniqid);\n return {\n // id\n runnerUniqid: r.runner.uniqid,\n runner: r.runner.name,\n // 應該要是投手 id\n descUniqid: r.count_on_pitcher.uniqid,\n desc: r.count_on_pitcher.name,\n type: r.is_ER ? 'ER' : 'R',\n asBatter: r.is_RBI ? 'RBI' : '_',\n };\n });\n const outList = R.filter((r) => r.is_out, runners).map((r) => {\n requiredPlayers.push(r.runner.uniqid);\n return {\n // id\n runnerUniqid: r.runner.uniqid,\n runner: r.runner.name,\n desc: '',\n type: r.code === 'CS' ? 'CS' : e.code === 'PO' ? 'PICKOFF' : 'N',\n };\n });\n const errorList = [];\n\n requiredPlayers.push(e.pitcher.uniqid, e.catcher.uniqid, e.batter.uniqid);\n ['first', 'second', 'third'].forEach((column) => {\n if (e[column]) {\n requiredPlayers.push(e[column].uniqid);\n }\n return;\n });\n\n const isLastEventOfPA = eIndex === PA.events.length - 1;\n\n return {\n // _id\n // gameId\n stadium: game.info.location,\n umpireInChief: '',\n date: startedAt.format('YYYY-MM-DD'),\n eType: e.type === 'PITCH' ? 'P' : e.type === 'NO_PITCH' ? 'NO_PITCH' : sbList.length > 0 ? 'SB' : 'PICKOFF',\n ...currentSBO,\n inning: PA.inning,\n side: PA.side,\n // pTeamId\n pTeamUniqid: game[PA.side === 'AWAY' ? 'home' : 'away'].team_uniqid,\n pTeam: game[PA.side === 'AWAY' ? 'home' : 'away'].team,\n // pitcherId\n pitcherUniqid: e.pitcher.uniqid,\n pitcher: e.pitcher.name,\n pHand: PA.pitcher.p_hand,\n // catcherId\n catcherUniqid: e.catcher.uniqid,\n catcher: e.catcher.name,\n // bTeamId\n bTeamUniqid: game[PA.side === 'AWAY' ? 'away' : 'home'].team_uniqid,\n bTeam: game[PA.side === 'AWAY' ? 'away' : 'home'].team,\n // batterId\n batterUniqid: e.batter.uniqid,\n batter: e.batter.name,\n bHand: PA.batter.b_hand,\n paRound: PA.PA_round,\n paOrder: PA.PA_order,\n // firstId\n firstUniqid: e.first ? e.first.uniqid : '',\n first: e.first ? e.first.name : '',\n // secondId\n secondUniqid: e.second ? e.second.uniqid : '',\n second: e.second ? e.second.name : '',\n // thirdId\n thirdUniqid: e.third ? e.third.uniqid : '',\n third: e.third ? e.third.name : '',\n signinAt: validTimeDisplay(e.video_signin_at)\n ? moment(startedAt).add(timeDisplayReverse(e.video_signin_at), 'seconds').format(SCOREBOOK_TIMING_FORMAT)\n : validEventTimestampDisplay(e.video_signin_at)\n ? e.video_signin_at\n : '',\n startedAt: validTimeDisplay(e.video_started_at)\n ? moment(startedAt).add(timeDisplayReverse(e.video_started_at), 'seconds').format(SCOREBOOK_TIMING_FORMAT)\n : validEventTimestampDisplay(e.video_started_at)\n ? e.video_started_at\n : '',\n contactAt: validTimeDisplay(e.video_contact_at)\n ? moment(startedAt).add(timeDisplayReverse(e.video_contact_at), 'seconds').format(SCOREBOOK_TIMING_FORMAT)\n : validEventTimestampDisplay(e.video_contact_at)\n ? e.video_contact_at\n : '',\n flyCatchAt: validTimeDisplay(e.video_fly_catch_at)\n ? moment(startedAt).add(timeDisplayReverse(e.video_fly_catch_at), 'seconds').format(SCOREBOOK_TIMING_FORMAT)\n : validEventTimestampDisplay(e.video_fly_catch_at)\n ? e.video_fly_catch_at\n : '',\n groundCatchAt: validTimeDisplay(e.video_ground_catch_at)\n ? moment(startedAt)\n .add(timeDisplayReverse(e.video_ground_catch_at), 'seconds')\n .format(SCOREBOOK_TIMING_FORMAT)\n : validEventTimestampDisplay(e.video_ground_catch_at)\n ? e.video_ground_catch_at\n : '',\n sbThrowAt: validTimeDisplay(e.video_sb_throw_at)\n ? moment(startedAt).add(timeDisplayReverse(e.video_sb_throw_at), 'seconds').format(SCOREBOOK_TIMING_FORMAT)\n : validEventTimestampDisplay(e.video_sb_throw_at)\n ? e.video_sb_throw_at\n : '',\n sbCatchAt: validTimeDisplay(e.video_sb_catch_at)\n ? moment(startedAt).add(timeDisplayReverse(e.video_sb_catch_at), 'seconds').format(SCOREBOOK_TIMING_FORMAT)\n : validEventTimestampDisplay(e.video_sb_catch_at)\n ? e.video_sb_catch_at\n : '',\n pickoffAt: '',\n velo: e.pitch?.velocity ?? '',\n rpm: e.pitch?.RPM ?? '',\n coordX: e.pitch?.coord_x ?? '',\n coordY: e.pitch?.coord_y ?? '',\n pType: e.pitch?.type === 'FA' ? 'FF' : e.pitch?.type === 'FT' ? 'SI' : e.pitch?.type ?? '',\n ev: e.pitch?.EV ?? '',\n traj: e.pitch?.trajectory || isLastEventOfPA ? PA.trajectory ?? '' : '',\n hardness: e.pitch?.hardness ?? '',\n locationCode: e.pitch?.location_code && e.pitch?.location_coord_x ? PA.location_code ?? '' : '',\n locationCoordX: e.pitch?.location_coord_x ?? '',\n locationCoordY: e.pitch?.location_coord_y ?? '',\n ballPassed: e.pitch?.fielder_position ?? '',\n isStrike: e.is_strike,\n call: e.pitch?.code ?? '',\n result: isLastEventOfPA ? PA.result.split('_')[0] : '',\n sbsOnPlay: sbList.length,\n runsOnPlay: runList.length,\n outsOnPlay: outList.length,\n errorsOnPlay: errorList.length,\n sbList,\n runList,\n outList,\n errorList,\n\n fielders,\n videoFragments: [],\n };\n });\n }),\n ).filter((e) => !!e);\n\n const recordsJSON = [\n ...game.away.box.records.map((r) => ({\n ...r,\n side: 'AWAY',\n })),\n ...game.home.box.records.map((r) => ({\n ...r,\n side: 'HOME',\n })),\n ].map((r) => {\n return {\n // gameId\n date: startedAt.format('YYYY-MM-DD'),\n side: r.side,\n // teamId\n teamUniqid: game[r.side === 'AWAY' ? 'away' : 'home'].team_uniqid,\n team: game[r.side === 'AWAY' ? 'away' : 'home'].team,\n // playerId\n playerUniqid: r.player.uniqid,\n player: r.player.name,\n record: r.value,\n };\n });\n\n console.log(gJSON);\n console.log(eventsJSON);\n console.log(recordsJSON);\n\n return { uniqid: game.uniqid, seq: game.seq, game: gJSON, events: eventsJSON, records: recordsJSON, requiredPlayers };\n};\n\nconst toScorebookLineup = (box) => {\n return {\n batters: Array.from({ length: 9 }, (_, i) => i + 1).map((order) => {\n const orderBatters = R.filter((b) => b.order === order, box.battings);\n let position = '';\n R.reverse(orderBatters).forEach((b) => {\n if (position) {\n return;\n }\n const fielder = R.findLast((f) => f.player.uniqid === b?.player.uniqid, box.fieldings);\n if (!fielder || fielder.position === 'PH' || fielder.position === 'PR') {\n return;\n }\n position = fielder?.position;\n if (position === '1B') {\n position = 'FB';\n } else if (position === '2B') {\n position = 'SB';\n } else if (position === '3B') {\n position = 'TB';\n }\n });\n const lastBatter = R.findLast((b) => b.order === order, box.battings);\n return {\n // batterId\n batterUniqid: lastBatter?.player.uniqid,\n batter: lastBatter?.player.name,\n position,\n };\n }),\n // pitcherId\n pitcherUniqid: R.reverse(box.pitchings)[0].player.uniqid,\n pitcher: R.reverse(box.pitchings)[0].player.name,\n };\n};\n","import moment from 'moment';\nimport JSZip from 'jszip';\n\nexport const toOpenData = (gameWithInPlay) => {\n console.log(gameWithInPlay);\n const batterBox = {\n away: toBatterBox(gameWithInPlay.away.box),\n home: toBatterBox(gameWithInPlay.home.box),\n };\n const pitcherBox = {\n away: toPitcherBox(gameWithInPlay.away.box),\n home: toPitcherBox(gameWithInPlay.home.box),\n };\n const PAList = {\n away: toPAList(gameWithInPlay.PA_list.filter((PA) => PA.side === 'AWAY')),\n home: toPAList(gameWithInPlay.PA_list.filter((PA) => PA.side === 'HOME')),\n };\n return toGame(gameWithInPlay, batterBox, pitcherBox, PAList);\n};\n\nexport const downloadOpenData = (title, openData) => {\n const dataStr = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(openData));\n const downloadAnchorNode = document.createElement('a');\n downloadAnchorNode.setAttribute('href', dataStr);\n downloadAnchorNode.setAttribute('download', title + '.json');\n document.body.appendChild(downloadAnchorNode);\n downloadAnchorNode.click();\n downloadAnchorNode.remove();\n};\n\nexport const batchDownloadOpenData = (filename, openDataGames) => {\n const zip = new JSZip();\n\n // 將每個物件添加到 zip 檔案中\n const full = [];\n openDataGames.forEach(({ title, openData }) => {\n zip.file(title + '.json', JSON.stringify(openData));\n full.push(openData);\n });\n zip.file(filename + '.json', JSON.stringify(full));\n\n // 生成 blob\n zip\n .generateAsync({ type: 'blob' })\n .then(function (blob) {\n // 創建 blob URL\n const url = URL.createObjectURL(blob);\n const downloadAnchorNode = document.createElement('a');\n downloadAnchorNode.href = url;\n downloadAnchorNode.download = filename;\n document.body.appendChild(downloadAnchorNode);\n downloadAnchorNode.click();\n downloadAnchorNode.remove();\n URL.revokeObjectURL(url);\n })\n .catch(function (error) {\n console.error('Error creating zip file', error);\n });\n};\n\nconst toGame = (game, batterBox, pitcherBox, PAList) => {\n return {\n seasonId: game.season.uniqid,\n season: game.season.title,\n seq: game.seq,\n date: moment(game.info.started_at).format('YYYY-MM-DD HH:mm'),\n stadium: game.info.location,\n awayTeamId: game.away.team_uniqid,\n awayTeam: game.away.team,\n awayScores: game.away.scores,\n awayBatterBox: batterBox.away,\n awayPitcherBox: pitcherBox.away,\n awayPAList: PAList.away,\n homeTeamId: game.home.team_uniqid,\n homeTeam: game.home.team,\n homeScores: game.home.scores,\n homeBatterBox: batterBox.home,\n homePitcherBox: pitcherBox.home,\n homePAList: PAList.home,\n };\n};\n\nconst toBatterBox = (sideBox) => {\n return sideBox.battings.map((batting) => ({\n order: batting.order,\n playerId: batting.player.uniqid,\n playerNumber: batting.player.number,\n playerName: batting.player.name,\n PA: batting.PA,\n AB: batting.AB,\n R: batting.R,\n H: batting.H,\n RBI: batting.RBI,\n '2B': batting['2B'],\n '3B': batting['3B'],\n HR: batting.HR,\n GIDP: batting.GIDP,\n DP: batting.DP,\n TP: batting.TP,\n BB: batting.BB,\n IBB: batting.IBB,\n HBP: batting.HBP,\n SO: batting.SO,\n SH: batting.SH,\n SF: batting.SF,\n E: batting.E,\n SB: batting.SB,\n CS: batting.CS,\n }));\n};\n\nconst toPitcherBox = (sideBox) => {\n return sideBox.pitchings.map((pitching) => ({\n order: pitching.order,\n playerId: pitching.player.uniqid,\n playerNumber: pitching.player.number,\n playerName: pitching.player.name,\n IPOuts: pitching.IP_out,\n NP: pitching.NP,\n BF: pitching.BF,\n H: pitching.H,\n HR: pitching.HR,\n BB: pitching.BB,\n IBB: pitching.IBB,\n HB: pitching.HB,\n SO: pitching.SO,\n R: pitching.R,\n ER: pitching.ER,\n }));\n};\n\nconst toPAList = (PAList) => {\n return PAList.map((PA) => ({\n inning: PA.inning,\n scored: PA.is_scoring,\n batterName: PA.batter.name,\n batterHand: PA.batter.b_hand,\n pitcherName: PA.pitcher.name,\n pitcherHand: PA.pitcher.p_hand,\n catcherName: PA.catcher.name,\n paRound: PA.PA_round,\n paOrder: PA.PA_order,\n isPH: PA.pinch === 'PH',\n awayScores: PA.away_score,\n homeScores: PA.home_score,\n strikes: PA.strikes,\n balls: PA.balls,\n outs: PA.outs,\n bases: PA.bases,\n homeWE: PA.home_WE,\n RE: PA.RE,\n pitchCodes: PA.ball_counts,\n events: PA.events.map((event, eventIndex) => ({\n type: event.type,\n inPlay: event.in_play,\n isStrike: event.is_strike,\n isBall: event.is_ball,\n pitcherName: event.pitcher.name,\n catcherName: event.catcher.name,\n batterName: event.batter.name,\n pitchCode: event.pitch?.code ?? null,\n pitchType: event.pitch?.type ?? null,\n velocity: event.pitch?.velocity ?? null,\n coordX: event.pitch?.coord_x ?? null,\n coordY: event.pitch?.coord_y ?? null,\n runners: PA.runners\n .filter((runner) => runner.event_index === eventIndex)\n .map((runner) => ({\n type: runner.code,\n runnerName: runner.runner.name,\n isOut: runner.is_out,\n scored: runner.is_scoring,\n isRBI: runner.is_RBI,\n isER: runner.is_ER,\n ERPitcherName: runner.count_on_pitcher?.name ?? null,\n })),\n })),\n result: PA.result,\n RBI: PA.RBI,\n locationCode: PA.location_code,\n trajectory: PA.trajectory,\n hardness: PA.hardness,\n endAwayScores: PA.end_away_score,\n endHomeScores: PA.end_home_score,\n endOuts: PA.end_outs,\n endBases: PA.end_bases,\n WPA: PA.WPA,\n RE24: PA.RE24,\n }));\n};\n","import React, { Fragment, useState } from 'react';\nimport styled from 'styled-components';\nimport { init as initExcel, addGame as addGame2Excel, download as downloadExcel } from '../FormalGame/xlsx';\nimport Button from '~~elements/Button';\nimport Multilingual from '~~utils/Multilingual';\nimport moment from 'moment';\nimport ScorebookButton from '../FormalTournament/ScorebookButton';\nimport { downloadOpenData, toOpenData } from './json';\n\nconst Div = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n font-size: 0.9rem;\n .score-board {\n display: flex;\n max-width: 80%;\n overflow-x: auto;\n text-align: center;\n padding: 0 0 1rem;\n .column {\n width: 2rem;\n border-right: 1px solid #eee;\n &:last-child {\n border-right: 0;\n }\n\n .cell {\n width: 100%;\n height: 1.6rem;\n display: block;\n border-bottom: 1px solid #eee;\n &.header {\n font-weight: 600;\n }\n &:last-child {\n border-bottom: 0;\n }\n }\n }\n }\n .basic-info {\n display: grid;\n grid-template-columns: 1fr 2fr;\n > * {\n border-bottom: 1px solid #eee;\n margin: 0;\n padding: 0.25rem 0.5rem;\n &.row-gap {\n margin-bottom: 1rem;\n }\n }\n }\n`;\n\nconst FormalGameOverview = ({ tournamentInfo, isPlatformAdmin, game }) => {\n const [downloading, setDownloading] = useState(false);\n const handlePitchesDownload = () => {\n setDownloading(true);\n const title = `G${game.seq}-${game.uniqid}-逐球數據`;\n const sheets = initExcel();\n addGame2Excel(game, sheets);\n downloadExcel(title, sheets);\n setDownloading(false);\n };\n\n const handleJsonDownload = () => {\n setDownloading(true);\n const opendData = toOpenData(game);\n downloadOpenData(`${game.season.title}-G${game.seq}`, opendData);\n setDownloading(false);\n };\n\n const getTeamScoreSection = () => {\n const awayTeamName = ;\n const homeTeamName = ;\n\n if (game.info.status !== 'FINISHED') {\n return (\n \n {awayTeamName}\n \n {homeTeamName}\n
\n );\n }\n\n return (\n \n {awayTeamName}\n \n {homeTeamName}\n
\n );\n };\n\n const getScoreBoardSection = () => {\n const scoreboardColumns = [\n ['R', '-', '-'],\n ['H', '-', '-'],\n ['E', '-', '-'],\n ];\n if (game.info.status !== 'FINISHED') {\n scoreboardColumns.unshift(['-', '-', '-']);\n } else {\n scoreboardColumns[0][1] = game.away.runs;\n scoreboardColumns[0][2] = game.home.runs;\n scoreboardColumns[1][1] = game.away.hits;\n scoreboardColumns[1][2] = game.home.hits;\n scoreboardColumns[2][1] = game.away.errors;\n scoreboardColumns[2][2] = game.home.errors;\n for (let inning = 0; inning < game.info.innings; inning++) {\n scoreboardColumns.splice(inning, 0, [\n (inning + 1).toString(),\n !game.away.scores[inning] ? '-' : game.away.scores[inning],\n !game.home.scores[inning] ? '-' : game.home.scores[inning],\n ]);\n }\n }\n\n return (\n \n {scoreboardColumns.map((scoreboardColumn, i) => (\n
\n {scoreboardColumn[0]}\n {scoreboardColumn[1]}\n {scoreboardColumn[2]}\n
\n ))}\n
{Multilingual(`GAME.FINISHED_STATUS.WORDING`)}
\n \n \n );\n\n if (game.info.finished_status === 'SUSPENDED') {\n return finishedStatusFragment;\n }\n\n let matchResultWording = `${game.away.runs}:${game.home.runs} `;\n switch (game.info.winner_side) {\n case 'AWAY':\n matchResultWording += `- ${game.away.team} ${Multilingual(`GAME.MATCH_RESULT.WIN`)}`;\n break;\n case 'HOME':\n matchResultWording += `- ${game.home.team} ${Multilingual(`GAME.MATCH_RESULT.WIN`)}`;\n break;\n case 'TIE':\n matchResultWording += Multilingual(`GAME.MATCH_RESULT.DRAW`);\n break;\n default:\n return finishedStatusFragment;\n }\n\n return (\n \n {finishedStatusFragment}\n {Multilingual(`GAME.MATCH_RESULT.WORDING`)}
\n \n \n );\n };\n\n return (\n \n {getTeamScoreSection()}\n {getScoreBoardSection()}\n
\n
{Multilingual(`GAME.AWAY`)}
\n \n {Multilingual(`GAME.HOME`)}
\n \n {Multilingual(`GAME.STATUS.WORDING`)}
\n \n {game.info.status === 'FINISHED' && getFinishedGameInfo()}\n {Multilingual(`GAME.SCHEDULED_START_AT`)}
\n \n {Multilingual(`GAME.STARTED_AT`)}
\n \n {Multilingual(`GAME.ENDED_AT`)}
\n \n {Multilingual(`GAME.LOCATION`)}
\n \n {Multilingual(`GAME.STATS_COMPLETENESS.WORDING`)}
\n \n {Multilingual(`GAME.STATS_STATUS.WORDING`)}
\n \n {isPlatformAdmin && (\n <>\n {Multilingual(`GAME.DATA_EXPORT.WORDING`)}
\n \n {Multilingual(`GAME.DATA_EXPORT.WORDING`)}
\n \n 同步至 SCOREBOOK
\n \n \n )}\n \n
\n {getUpdateDiv(players, columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn, handleUpdate)}\n \n {tableRender(players, columns, setSelectedRow, setSelectColumn, selectedRow, selectColumn)}\n \n
\n );\n};\n\nexport default FormalGameRecord;\n","import * as R from 'ramda';\nimport { columns } from './FormalGameRecord';\n\nexport const toTableRows = (pitchings, battings, rows) => {\n const players = pitchings.map((p) => ({\n ...p.player,\n position: '投',\n player_type: 'PITCHER',\n }));\n battings.forEach((batting) => {\n if (R.find((p) => p.uniqid === batting.player.uniqid, players)) {\n return false;\n }\n\n players.push({\n ...batting.player,\n position: '打',\n player_type: 'BATTER',\n });\n return;\n });\n return players.map((player) => {\n const records = {};\n console.log(columns);\n columns.forEach((column) => {\n console.log(column);\n if (!('updatable' in column)) {\n return false;\n }\n\n records[column.column] = !!R.find(\n (row) => row.player.uniqid === player.uniqid && row.value === column.column,\n rows,\n );\n return;\n });\n\n return {\n player: R.clone(player),\n ...records,\n };\n });\n};\n","import React, { useEffect, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport moment from 'moment';\nimport styled from 'styled-components';\nimport toast from '~~elements/Toast';\nimport Loading from '~~elements/Loading';\nimport Multilingual from '~~utils/Multilingual';\nimport { GameResource, FormalGameResource } from '~~apis/resource';\nimport * as R from 'ramda';\nimport { StyledDiv } from '../Settings/Styles';\nimport { useTournamentDispatch, useTournamentState } from './useTournament';\nimport { StyledBackIcon } from './styled';\nimport FormalGameOverview from './FormalGame/FormalGameOverview';\nimport FormalGameBoxBatting from './FormalGame/FormalGameBoxBatting';\nimport FormalGameBoxPitching from './FormalGame/FormalGameBoxPitching';\nimport { verify } from './FormalGame/validator';\nimport FormalGamePAList from './FormalGame/FormalGamePAList';\nimport FormalGameEvents from './FormalGame/FormalGameEvents';\nimport FormalGameRunners from './FormalGame/FormalGameRunners';\nimport FormalGameChances from './FormalGame/FormalGameChances';\nimport FormalGameSubstitutions from './FormalGame/FormalGameSubstitutions';\nimport { useFormalGameDispatch, useFormalGameState } from './FormalGame/useFormalGame';\nimport { toRunnerList } from './FormalGame/FormalGameRunners';\nimport { toTableRows } from './FormalGame/records';\nimport FormalGameRecord from './FormalGame/FormalGameRecord';\n\nconst MessageDiv = styled.div`\n display: block;\n width: 100%;\n > p {\n margin: 2.5px 0;\n font-size: 0.9rem;\n &.missing {\n color: brown;\n }\n &.error {\n color: red;\n }\n }\n`;\n\nconst CustomDiv = styled(StyledDiv)`\n .update-pending-list {\n margin: 5px 0;\n font-size: 12px;\n p,\n ul,\n li {\n margin: 3px 0;\n .cancel-update {\n width: 30px;\n padding: 0;\n margin: 0 5px 0 0;\n }\n }\n }\n`;\n\nconst getInGamePlayers = (box) => {\n const players = {};\n ['battings', 'pitchings', 'fieldings', 'records'].forEach((tab) => {\n box[tab].forEach((row) => {\n if (!row.player || players[row.player.uniqid]) {\n return;\n }\n\n players[row.player.uniqid] = R.clone(row.player);\n });\n });\n return R.sort(R.ascend(R.prop('number')), Object.values(players));\n};\n\nconst partMapping = {\n overview: '球員名單',\n awayRecord: 'AWAY-單場紀錄',\n awayBoxBatting: 'AWAY-BOX-打擊',\n awayBoxPitching: 'AWAY-BOX-投球',\n awayPAList: 'AWAY-打席資訊',\n awayEvents: 'AWAY-打席事件',\n awayRunners: 'AWAY-跑壘事件',\n awayChances: 'AWAY-防守事件',\n awaySubstitutions: 'AWAY-換人事件',\n homeRecord: 'HOME-單場紀錄',\n homeBoxBatting: 'HOME-BOX-打擊',\n homeBoxPitching: 'HOME-BOX-投球',\n homePAList: 'HOME-打席資訊',\n homeEvents: 'HOME-打席事件',\n homeRunners: 'HOME-跑壘事件',\n homeChances: 'HOME-防守事件',\n homeSubstitutions: 'HOME-換人事件',\n};\n\nconst FormalGame = ({ isPlatformAdmin, organizer, game }) => {\n const { tournamentInfo } = useTournamentState();\n const tournamentDispatch = useTournamentDispatch();\n const { statsUpdateRows } = useFormalGameState();\n const formalGameDispatch = useFormalGameDispatch();\n\n const [gameTitle, setGameTitle] = useState('');\n\n const [part, setPart] = useState('overview');\n\n const [inPlayLoading, setInPlayLoading] = useState(true);\n const [gameWithInPlay, setGameWithInPlay] = useState(null);\n const [awayPlayers, setAwayPlayers] = useState([]);\n const [homePlayers, setHomePlayers] = useState([]);\n const [awayRecordTable, setAwayRecordTable] = useState([]);\n const [homeRecordTable, setHomeRecordTable] = useState([]);\n\n const [updating, setUpdating] = useState(false);\n\n const [messages, setMessages] = useState({\n missingMessages: [],\n errorMessages: [],\n });\n\n useEffect(() => {\n const seq = `G${game.seq}`;\n const away = !game.away.team ? Multilingual(`GAME.TEAM_NONE`) : game.away.team;\n const home = !game.home.team ? Multilingual(`GAME.TEAM_NONE`) : game.home.team;\n const date = moment(game.info.scheduled_start_at).format('YYYY/MM/DD HH:mm');\n setGameTitle(`${seq} ${away} vs ${home} ${date}`);\n\n setInPlayLoading(true);\n GameResource.getGame({ seasonUniqid: tournamentInfo.uniqid, gameUniqid: game.uniqid })\n .then(({ data }) => {\n setGameWithInPlay({\n ...data,\n });\n const awayPlayers = getInGamePlayers(data.away.box);\n const homePlayers = getInGamePlayers(data.home.box);\n setAwayPlayers(awayPlayers);\n setHomePlayers(homePlayers);\n setAwayRecordTable(toTableRows(data.away.box.pitchings, data.away.box.battings, data.away.box.records));\n setHomeRecordTable(toTableRows(data.home.box.pitchings, data.home.box.battings, data.home.box.records));\n setInPlayLoading(false);\n })\n .catch((e) => {\n console.error(e);\n toast(e, { status: 'error' });\n });\n }, [game, tournamentInfo.uniqid]);\n\n useEffect(() => {\n if (!gameWithInPlay) {\n return;\n }\n\n setMessages(verify(gameWithInPlay.away.box, gameWithInPlay.home.box, gameWithInPlay.PA_list));\n }, [gameWithInPlay]);\n\n const handleStatsUpdate = (statsType, cloneRow) => {\n setUpdating(true);\n const side = part.slice(0, 4);\n let toUpdateData = cloneRow;\n if (statsType === 'record') {\n const filteredRecords = R.filter(\n (r) => r.player.uniqid !== cloneRow.player.uniqid,\n gameWithInPlay[side.toLowerCase()].box.records,\n );\n Object.entries(cloneRow).forEach(([key, value]) => {\n if (typeof value !== 'boolean' || !value) {\n return;\n }\n\n filteredRecords.push({\n player: cloneRow.player,\n player_type: cloneRow.player.player_type,\n value: key,\n comment: '',\n });\n });\n toUpdateData = filteredRecords;\n }\n\n FormalGameResource.updateStats({\n seasonUniqid: tournamentInfo.uniqid,\n gameUniqid: game.uniqid,\n data: toUpdateData,\n statsType,\n side,\n })\n .then(({ data }) => {\n setGameWithInPlay({\n ...data,\n });\n tournamentDispatch({\n type: 'UPDATE_GAME',\n payload: {\n ...data,\n },\n });\n toast('更新成功', { status: 'success', second: 1 });\n formalGameDispatch({ type: 'RESET_STATS_UPDATE_ROWS' });\n })\n .catch((e) => {\n toast(e, { status: 'error', second: 5 });\n })\n .finally(() => {\n setUpdating(false);\n });\n };\n\n const handleRecordUpdate = (rowIndex, cloneRow) => {\n console.log(rowIndex, cloneRow);\n handleStatsUpdate('record', cloneRow);\n };\n\n const handleBattingUpdate = (rowIndex, cloneRow) => {\n console.log(rowIndex, cloneRow);\n handleStatsUpdate('batting', cloneRow);\n };\n\n const handlePitchingUpdate = (rowIndex, cloneRow) => {\n console.log(rowIndex, cloneRow);\n handleStatsUpdate('pitching', cloneRow);\n };\n\n const handlePAListUpdate = (rowIndex, cloneRow) => {\n console.log(rowIndex, cloneRow);\n if (cloneRow) {\n handleStatsUpdate('pa', [cloneRow]);\n return;\n }\n batchUpdate('pa');\n };\n\n const handleEventUpdate = (rowIndex, cloneRow) => {\n console.log(rowIndex, cloneRow);\n // 目前沒有可更新欄位\n };\n\n const handleRunnerUpdate = (rowIndex, cloneRow) => {\n console.log(rowIndex, cloneRow);\n if (cloneRow) {\n handleStatsUpdate('runner', [cloneRow]);\n return;\n }\n batchUpdate('runner');\n };\n\n const handleRowSave = (rowIndex, toUpdateColumn, newValue) => {\n console.log(rowIndex, toUpdateColumn, newValue);\n formalGameDispatch({ type: 'SAVE_STATS_UPDATE_ROW', payload: { rowIndex, toUpdateColumn, newValue } });\n };\n\n const partLink = (targetPart) => {\n return (\n {\n formalGameDispatch({ type: 'RESET_STATS_UPDATE_ROWS' });\n setPart(targetPart);\n }}\n >\n {partMapping[targetPart]}\n \n );\n };\n\n const batchUpdate = (statsType) => {\n const batchUpdateRows = getBatchUpdateRows();\n const cloneRows = Object.entries(statsUpdateRows).map(([rowIndex, toUpdates]) => {\n const targetRow = batchUpdateRows[rowIndex];\n toUpdates.forEach((toUpdate) => {\n targetRow[toUpdate.toUpdateColumn] = toUpdate.newValue;\n });\n return targetRow;\n });\n handleStatsUpdate(statsType, cloneRows);\n };\n\n const getBatchUpdateRows = () => {\n switch (part) {\n case 'awayPAList':\n return R.filter((PA) => PA.side === 'AWAY', gameWithInPlay.PA_list);\n case 'awayRunners':\n return toRunnerList(R.filter((PA) => PA.side === 'AWAY', gameWithInPlay.PA_list));\n case 'homePAList':\n return R.filter((PA) => PA.side === 'HOME', gameWithInPlay.PA_list);\n case 'homeRunners':\n return toRunnerList(R.filter((PA) => PA.side === 'HOME', gameWithInPlay.PA_list));\n default:\n return [];\n }\n };\n\n const getSection = () => {\n switch (part) {\n case 'overview':\n return (\n \n );\n case 'awayRecord':\n return ;\n case 'awayBoxBatting':\n return (\n \n );\n case 'awayBoxPitching':\n return (\n \n );\n case 'awayPAList':\n return (\n PA.side === 'AWAY', gameWithInPlay.PA_list)}\n handleUpdate={handlePAListUpdate}\n handleRowSave={handleRowSave}\n />\n );\n case 'awayEvents':\n return (\n PA.side === 'AWAY', gameWithInPlay.PA_list)}\n handleUpdate={handleEventUpdate}\n />\n );\n case 'awayRunners':\n return (\n PA.side === 'AWAY', gameWithInPlay.PA_list)}\n handleUpdate={handleRunnerUpdate}\n handleRowSave={handleRowSave}\n />\n );\n case 'awayChances':\n return PA.side === 'AWAY', gameWithInPlay.PA_list)} />;\n case 'awaySubstitutions':\n return PA.side === 'AWAY', gameWithInPlay.PA_list)} />;\n case 'homeRecord':\n return ;\n case 'homeBoxBatting':\n return (\n \n );\n case 'homeBoxPitching':\n return (\n \n );\n case 'homePAList':\n return (\n PA.side === 'HOME', gameWithInPlay.PA_list)}\n handleUpdate={handlePAListUpdate}\n handleRowSave={handleRowSave}\n />\n );\n case 'homeEvents':\n return (\n PA.side === 'HOME', gameWithInPlay.PA_list)}\n handleUpdate={handleEventUpdate}\n />\n );\n case 'homeRunners':\n return (\n PA.side === 'HOME', gameWithInPlay.PA_list)}\n handleUpdate={handleRunnerUpdate}\n handleRowSave={handleRowSave}\n />\n );\n case 'homeChances':\n return PA.side === 'HOME', gameWithInPlay.PA_list)} />;\n case 'homeSubstitutions':\n return PA.side === 'HOME', gameWithInPlay.PA_list)} />;\n default:\n return <>{part};\n }\n };\n\n return (\n \n \n {organizer.logo_url ? (\n
\n ) : (\n
\n )}\n
\n {organizer.name}\n {' - '}\n {tournamentInfo.title}\n
\n
\n
\n
\n
({\n pathname: `/organizer/${organizer.uniqid}/tournament/${tournamentInfo.uniqid}/schedule`,\n })}\n >\n \n {Multilingual(`GAME.SIDEBAR.BACK`)}\n \n {Object.keys(partMapping).map(partLink)}\n \n
\n
\n {gameTitle}\n
\n {messages.missingMessages.map((m, i) => (\n \n {m}\n
\n ))}\n {messages.errorMessages.map((m, i) => (\n \n {m}\n
\n ))}\n \n
\n {inPlayLoading || updating ?
: getSection()}\n
\n
賽季完成賽事 Excel 下載
\n \n 依照數量決定要等多久。\n
\n \n \n
\n \n \n \n 賽季完成賽事 OpenData 下載
\n 指定開始日期（不指定就留空）
\n \n 指定結束日期（不指定就留空）
\n \n \n 依照數量決定要等多久。\n
\n \n \n
\n \n \n \n 重新驗證所有比賽資料完整性
\n \n 依照數量決定要等多久。\n
\n \n {validating ? (\n
\n ) : !R.isEmpty(validationResult) ? (\n
\n 驗證完成，請重新整理後至賽程管理確認
\n 無誤：{validationResult.NORMAL ?? 0}
\n 有缺：{validationResult.PITCH_MISSING ?? 0}
\n 錯誤：{validationResult.CRITICAL ?? 0}
\n \n ) : (\n
\n )}\n
更新近期賽事外部資源（天氣）
\n \n 依照聯盟賽事總數決定等待時間\n
\n \n {externalResourceUpdating ? (\n \n ) : (\n \n )}\n
\n 更新聯盟係數（目前有 WE、RE 係數可更新）
\n \n 依照聯盟賽事總數決定等待時間\n
\n \n {coefficientUpdating ? (\n \n ) : (\n \n )}\n
\n 重算累計成績（每場 AVG、ERA 等）
\n \n 依照賽季賽事總數決定等待時間\n
\n \n {accumulateUpdating ? (\n \n ) : (\n \n )}\n
\n {seasons.length > 0 && (\n <>\n 聯盟係數試算
\n \n 不會更新系統資料，只會顯示。會要等一下\n
\n {trialCalculation && (\n \n
RE
\n
\n \n \n | \n 0 出 | \n 1 出 | \n 2 出 | \n
\n \n \n {['B0', 'B1', 'B2', 'B4', 'B3', 'B5', 'B6', 'B7'].map((key) => (\n \n \n | {REMapping[key]} | \n {trialCalculation.RE[key].map((sample, outs) => (\n {(sample.runs / sample.times).toFixed(3)} | \n ))}\n
\n \n | {`總得分/有得分/次數`} | \n {trialCalculation.RE[key].map((sample, outs) => (\n {`${sample.runs}/${sample.scored}/${sample.times}`} | \n ))}\n
\n \n ))}\n \n
\n
WE
\n
\n
\n \n
\n )}\n \n
選擇要作為樣本的賽季（至少一季）
\n
\n {seasons.map((season, i) => (\n \n ))}\n
\n
指定開始日期（不指定就留空）
\n
\n
指定結束日期（不指定就留空）
\n
\n
指定球隊（不指定就留空）
\n
\n
\n
\n
Rebas 管理員專用
\n \n \n \n \n | 主要 | \n 合併 | \n 名稱 | \n 生日 | \n 慣用手 | \n 經驗 | \n
\n \n \n {players.map((player, index) => (\n p.name === player.name).length > 1 ? 'orange' : 'inherit',\n }}\n >\n \n {\n setSelectedMainIndex(index);\n setSelectedSubIndexes([]);\n }}\n />\n | \n \n \n selectedSubIndexes.includes(index)\n ? setSelectedSubIndexes(R.filter((i) => i !== index, selectedSubIndexes))\n : setSelectedSubIndexes([...selectedSubIndexes, index])\n }\n checked={selectedSubIndexes.includes(index)}\n disabled={selectedMainIndex === index}\n />\n | \n \n {player.name}\n
\n {player.uniqid}\n {\n <>\n
\n {selectedMainIndex === index && (\n \n )}\n \n }\n | \n {moment(player.birthday).format('YYYY-MM-DD')} | \n {`${player.p_hand}投/${player.b_hand}打`} | \n \n {player.experiences.map((exp) => (\n <>\n {`${exp.season} ${exp.team}`}\n
\n \n ))}\n | \n \n ))}\n \n
\n \n \n );\n};\n\nexport default CPBLMergeSection;\n","import React, { useEffect, useState } from 'react';\nimport { useParams, useLocation, useHistory, Link } from 'react-router-dom';\nimport { find } from 'ramda';\nimport Multilingual from '~~utils/Multilingual';\nimport { useQuery } from '~~utils/CommonUtils';\nimport { useTournamentDispatch, useTournamentState } from './useTournament';\nimport { StyledBackIcon } from './styled';\nimport Game from './Game';\nimport Registry from './Registry';\nimport Basic from './components/Basic';\nimport GameGroup from './components/GameGroup';\nimport Stats from './components/Stats';\nimport Schedule from './components/Schedule';\nimport Teams from './components/Teams';\nimport Plugins from './components/Plugins';\nimport AdminOnly from './components/AdminOnly';\nimport { StyledDiv } from '../Settings/Styles';\nimport FormalSchedule from './FormalTournament/FormalSchedule';\nimport FormalGame from './FormalGame';\nimport FormalAdminOnly from './FormalTournament/FormalAdminOnly';\nimport CPBLMergeSection from './FormalTournament/CPBLMergeSection';\nimport { FormalGameProvider } from './FormalGame/useFormalGame';\n\nconst Tournament = ({\n isPlatformAdmin,\n organizer,\n tournament,\n games: originGames,\n groups,\n teams: originTeams,\n locations,\n}) => {\n const { section } = useParams();\n const tournamentDispatch = useTournamentDispatch();\n const { isFormal, tournamentInfo, games, gameGroups, teams } = useTournamentState();\n\n const query = useQuery();\n const history = useHistory();\n const location = useLocation();\n const gameUniqid = query.get('gid');\n const [targetGame, setTargetGame] = useState(null);\n\n useEffect(() => {\n tournamentDispatch({\n type: 'SET_ORGANIZER_UNIQID',\n payload: {\n uniqid: organizer.uniqid,\n isFormal: organizer.is_formal,\n },\n });\n tournamentDispatch({ type: 'SET_TOURNAMENT_INFO', payload: tournament });\n }, [organizer, tournament, tournamentDispatch]);\n\n useEffect(() => {\n tournamentDispatch({ type: 'SET_GAMES', payload: originGames });\n }, [originGames, tournamentDispatch]);\n\n useEffect(() => {\n tournamentDispatch({ type: 'SET_GAME_GROUPS', payload: groups });\n }, [groups, tournamentDispatch]);\n\n useEffect(() => {\n tournamentDispatch({ type: 'SET_TEAMS', payload: originTeams });\n }, [originTeams, tournamentDispatch]);\n\n useEffect(() => {\n tournamentDispatch({ type: 'SET_LOCATIONS', payload: locations });\n }, [locations, tournamentDispatch]);\n\n useEffect(() => {\n setTargetGame(null);\n if (section !== 'game') {\n return;\n }\n\n const searchFrom = games.length === 0 ? originGames : games;\n const urlGame = find((g) => g.uniqid === gameUniqid, searchFrom);\n if (!urlGame) {\n history.push(`${location.pathname.slice(0, -5)}/basic`);\n return;\n }\n\n setTargetGame(urlGame);\n }, [gameUniqid, games, history, location.pathname, originGames, section]);\n\n const sectionLink = (targetSection) => {\n return (\n ({\n ...location,\n pathname: `/organizer/${organizer.uniqid}/tournament/${tournament.uniqid}/${targetSection}`,\n })}\n >\n {Multilingual(`TOURNAMENT.SIDEBAR.${targetSection.toUpperCase()}`)}\n \n );\n };\n\n const getSection = () => {\n switch (section) {\n case 'basic':\n return ;\n case 'stats':\n return ;\n case 'schedule':\n return ;\n case 'game_group':\n return ;\n case 'teams':\n return ;\n case 'plugins':\n return ;\n case 'platform_admin_only':\n if (!isPlatformAdmin) {\n return <>;\n }\n return ;\n default:\n return <>;\n }\n };\n\n const getFormalSection = () => {\n switch (section) {\n case 'basic':\n return ;\n case 'teams':\n return ;\n case 'schedule':\n return ;\n case 'formal_admin_only':\n if (!isPlatformAdmin) {\n return <>;\n }\n return ;\n case 'cpbl_merge':\n if (!isPlatformAdmin) {\n return <>;\n }\n return ;\n default:\n return <>;\n }\n };\n\n if (targetGame) {\n if (isFormal) {\n return (\n \n \n \n );\n }\n return ;\n }\n\n if (section === 'registration') {\n return ;\n }\n\n return (\n \n \n \n
\n
\n
\n
({\n pathname: `/settings/organizer_tournament_management`,\n })}\n >\n \n {Multilingual(`ACCOUNT_MANAGEMENT.WORDING`)}\n \n \n
\n
\n {!isFormal ? (\n <>\n {sectionLink('basic')}\n {sectionLink('stats')}\n {sectionLink('schedule')}\n {sectionLink('game_group')}\n {sectionLink('teams')}\n {sectionLink('plugins')}\n {tournamentInfo.config.open_registration && sectionLink('registration')}\n {isPlatformAdmin && sectionLink('platform_admin_only')}\n \n ) : (\n <>\n {sectionLink('basic')}\n {sectionLink('teams')}\n {sectionLink('schedule')}\n {sectionLink('formal_admin_only')}\n {isPlatformAdmin && organizer.is_formal && sectionLink('cpbl_merge')}\n \n )}\n
\n
\n
\n
{Multilingual(`TOURNAMENT.SIDEBAR.${section.toUpperCase()}`)}
\n {!isFormal ? getSection() : getFormalSection()}\n
\n
如有任何問題，歡迎透過電子信箱與我們聯繫
\n 聯絡信箱：rebastaiwan@gmail.com
\n 聯絡時間：周一至周五 08:00 - 18:00
\n 公司名稱：野革運動股份有限公司
\n \n );\n\n return (\n \n \n {organizer.logo_url ? (\n
\n ) : (\n
\n )}\n
\n {organizer.name}\n {' - '}\n {CTMultilingual('CREATE_TOURNAMENT')}\n
\n
\n
\n
\n
\n
({\n pathname: `/settings/organizer_tournament_management`,\n })}\n >\n \n {CTMultilingual(`ACCOUNT_MANAGEMENT.WORDING`)}\n \n \n
\n
\n {sectionLink('basic')}\n {sectionLink('plugins')}\n
\n
\n
{CTMultilingual(`CURRENT_PLAN`)}
\n
\n \n
{CTMultilingual(`PLAN_BASIC`)}
\n
\n {getPriceDisplay(pluginsPrice.currency, 0.0)}\n
\n
\n
{CTMultilingual(`TOURNAMENT.PLUGIN.${pluginName.toUpperCase()}`)}
\n
\n +{getPriceDisplay(pluginsPrice.currency, pluginsPrice[pluginName].retail_price)}\n
\n
\n
{CTMultilingual(`PLAN_TOTAL`)}
\n
\n {getTotalPriceDisplay(pluginsPrice, plugins)}\n
\n
\n
\n
\n {!inPlanCheck ? (\n
\n
{CTMultilingual(`SIDEBAR.${section.toUpperCase()}`)}
\n {getSection()}\n {getCSInfo()}\n
\n ) : (\n
\n
{CTMultilingual(`CURRENT_PLAN`)}
\n
\n {getCSInfo()}\n
\n )}\n
\n \n {headerGroups.map((headerGroup) => (\n \n {headerGroup.headers.map((column) => (\n | {column.render('Header')} | \n ))}\n
\n ))}\n \n \n {rows.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell) => {\n return (\n \n {cell.render('Cell')}\n \n );\n })}\n
\n );\n })}\n \n
\n \n );\n};\n\nexport default ListTeamsInRegistries;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { PHONE_WIDTH } from '~~elements/Const';\nimport UTRMultilingual from '../../Multilingual';\n\nconst StyledDiv = styled.div`\n width: 100%;\n margin-top: 2rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n label {\n margin: 0 1rem;\n }\n\n .basic-info {\n display: grid;\n grid-template-columns: 1fr 2fr;\n > * {\n border-bottom: 1px solid #eee;\n margin: 0;\n padding: 0.25rem 0.5rem;\n &.row-gap {\n margin-bottom: 1rem;\n }\n }\n }\n\n @media (max-width: ${PHONE_WIDTH}) {\n font-size: 0.9rem;\n .basic-info {\n grid-template-columns: 1fr;\n > *:nth-child(odd) {\n border-bottom: 0px;\n }\n }\n }\n`;\n\nconst OverviewSection = ({ teamInRegistry, registry }) => {\n return (\n \n \n
{UTRMultilingual(`CUSTOM.TABLE.TOURNAMENT`)}
\n
\n
{UTRMultilingual(`CUSTOM.TABLE.TEAM`)}
\n
\n
{UTRMultilingual(`TEAM.CITY`)}
\n
\n
{UTRMultilingual(`CUSTOM.TABLE.HISTORY_CONNECTION`)}
\n
\n
{UTRMultilingual(`CUSTOM.TABLE.STATUS`)}
\n
\n
\n
\n
{UTRMultilingual(`CUSTOM.REGISTRY_INFO`)}
\n
\n
\n
{UTRMultilingual(`CUSTOM.REVIEW.COMPLETION_CHECK`)}
\n {checkResult.map((result, i) => (\n
\n {`${result} ${UTRMultilingual(`CUSTOM.REVIEW.RESULT_NOT_COMPLETED`)}`}\n
\n ))}\n {checkResult.length === 0 ? (\n
\n
\n
{UTRMultilingual(`CUSTOM.REVIEW.COMPLETED`)}\n
\n ) : (\n
\n
\n
{UTRMultilingual(`CUSTOM.REVIEW.MISSING`)}\n
\n )}\n
\n
{`${RMultilingual(`TEAM_STATUS.WORDING`)}`}
\n
\n {(registry.fee === 0 ? FreeTournamentStatusList : PaidTournamentStatusList).map((status, i) => (\n
\n {`${(i + 1).toString()}. ${RMultilingual(`TEAM_STATUS.${status}`)}`}\n \n ))}\n
\n
\n {getActionButton()}\n \n
\n {showProgramPrint &&
}\n
\n
\n {UTRMultilingual(`CUSTOM.REGISTRY_PANEL`)}\n {` / `}\n {`${teamInRegistry.season.title} - ${teamInRegistry.name}`}\n
\n
\n
\n
\n
\n {editData ? (\n
{} : cancelEditing}\n >\n {UTRMultilingual(`COMMON.CANCEL`)}\n \n ) : (\n {\n const currentSearchValue = qs.parse(location.search, { ignoreQueryPrefix: true }) || {};\n delete currentSearchValue.team;\n return {\n ...location,\n search: qs.stringify(currentSearchValue),\n };\n }}\n >\n 
\n {UTRMultilingual(`COMMON.BACK`)}\n \n )}\n \n
\n
\n {partLink('overview')}\n
{UTRMultilingual(`CUSTOM.TEAM_SIDEBAR.STEP_ONE_SIGNED_UP`)}
\n {partLink('team')}\n {partLink('staff')}\n {partLink('player')}\n {partLink('pdf')}\n
{UTRMultilingual(`CUSTOM.TEAM_SIDEBAR.STEP_TWO_REVIEW`)}
\n {partLink('review_status')}\n {/*
{UTRMultilingual(`CUSTOM.TEAM_SIDEBAR.STEP_THREE_PAYMENT`)}
\n {partLink('payment_status')} */}\n
\n
\n
\n
{UTRMultilingual(`CUSTOM.TEAM_SIDEBAR.${part.toUpperCase()}`)}
\n {editData && (\n
\n {UTRMultilingual(`FORM.UNSAVED_CONTENT_EXIST`)}\n \n
\n )}\n {getSection()}\n {editData && (\n
\n \n
\n )}\n
\n
\n
\n
{UTRMultilingual(`CUSTOM.REGISTRY_PANEL`)}
\n
\n
\n
\n
({\n pathname: `/settings/user_profile`,\n })}\n >\n \n {UTRMultilingual(`ACCOUNT_MANAGEMENT.WORDING`)}\n \n \n
\n \n
\n
\n \n {headerGroups.map((headerGroup) => (\n \n {headerGroup.headers.map((column) => (\n | {column.render('Header')} | \n ))}\n
\n ))}\n \n \n {rows.map((row, i) => {\n prepareRow(row);\n return (\n \n {row.cells.map((cell) => {\n return (\n \n {cell.render('Cell')}\n \n );\n })}\n
\n );\n })}\n \n
\n \n );\n};\n\nexport default ListPluginOrders;\n","import { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { useQuery } from '~~utils/CommonUtils';\nimport Modal from '~~elements/Modal';\nimport Button from '~~elements/Button';\nimport IconCircleChecked from '~~elements/static/IconCircleChecked.svg';\nimport Multilingual from '../Multilingual';\n\nconst StyledDiv = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n`;\n\nconst PaymentResult = () => {\n const query = useQuery();\n\n const [isOpen, setIsOpen] = useState(false);\n const [isSuccess, setIsSuccess] = useState(false);\n const [shouldWait, setShouldWait] = useState(false);\n\n // /myorders/plugin?popup=result&result=success&wait=true\n const popup = query.get('popup');\n useEffect(() => {\n const cleanup = () => {\n query.delete('popup');\n query.delete('result');\n query.delete('wait');\n };\n\n const result = query.get('result');\n const wait = query.get('wait');\n\n if (!popup) {\n return;\n }\n\n if (popup !== 'result' || !['success', 'failure'].includes(result)) {\n cleanup();\n return;\n }\n\n setIsOpen(true);\n setIsSuccess(result === 'success');\n setShouldWait(wait === 'true');\n cleanup();\n }, [query, popup]);\n\n const toClose = () => {\n setIsOpen(false);\n };\n\n return (\n \n 付款結果\n \n {!isSuccess ? (\n \n 付款失敗！\n 很抱歉，請嘗試重新購買\n （如銀行端已被扣款，請與客服聯絡）\n \n ) : (\n \n 
\n 付款成功！\n 感謝您的支持，已開通相對應服務\n {/* （如服務為人工分析相關，我方將盡速與您聯絡） */}\n {shouldWait && 注意：付款流程進行中，如 10 分鐘後仍未開通對應服務請與客服聯絡}\n \n )}\n \n \n \n \n \n );\n};\n\nexport default PaymentResult;\n","import styled from 'styled-components';\nimport Modal from '~~elements/Modal';\nimport Multilingual from '../Multilingual';\nimport moment from 'moment';\n\nconst StyledDiv = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: start;\n justify-content: start;\n text-align: start;\n .title {\n font-size: 0.9rem;\n font-weight: bold;\n margin: 1rem 0 0.5rem;\n }\n .content {\n font-size: 1rem;\n font-weight: normal;\n margin: 0.2rem 0;\n p {\n margin: 0;\n }\n span {\n margin-left: 0.3rem;\n font-size: 0.8rem;\n }\n }\n .line {\n width: 100%;\n margin: 0;\n padding: 0;\n border-bottom: 1px solid gray;\n }\n`;\n\nconst PluginOrderDetail = ({ pluginOrder, toClose }) => {\n return (\n \n \n 訂單內容\n \n \n \n 訂單編號
\n {pluginOrder.uniqid}
\n
\n 狀態
\n \n {Multilingual(`STATUS.${pluginOrder.status}`)}\n {pluginOrder.status === 'CREATED' && !!pluginOrder.paid_at && moment(pluginOrder.paid_at).isValid() && (\n ({moment(pluginOrder.paid_at).format('YYYY/MM/DD HH:mm')})\n )}\n
\n
\n 金額
\n {`NT$ ${new Intl.NumberFormat('zh-TW').format(pluginOrder.payment_amount)}`}
\n
\n 下單時間
\n \n {!pluginOrder.created_at || !moment(pluginOrder.created_at).isValid()\n ? '-'\n : moment(pluginOrder.created_at).format('YYYY/MM/DD HH:mm')}\n
\n
\n 商品內容
\n \n {pluginOrder.items.map((item, i) => (\n
\n {`${i + 1}. ${item.name} `}\n {`NT$ ${new Intl.NumberFormat('zh-TW').format(item.retail_price)} `}\n {`x${item.amount}`}\n
\n ))}\n
\n 備註
\n {!pluginOrder.comment ? '無' : pluginOrder.comment}
\n 發票人
\n \n
\n {pluginOrder.buyer_name}\n ({pluginOrder.buyer_phone})\n
\n {pluginOrder.buyer_tel &&
(${pluginOrder.buyer_tel})
}\n
{`${pluginOrder.buyer_city} ${pluginOrder.buyer_postcode} ${pluginOrder.buyer_street}`}
\n
\n 發票資訊
\n \n
{Multilingual(`RECEIPT_TYPE.${pluginOrder.receipt_type}`)}
\n
\n {pluginOrder.receipt_number}\n \n (\n {!pluginOrder.receipt_created_at || !moment(pluginOrder.receipt_created_at).isValid()\n ? '尚未開立'\n : moment(pluginOrder.receipt_created_at).format('YYYY/MM/DD')}\n )\n \n
\n
\n
\n
{Multilingual(`MY_PLUGIN_ORDER`)}
\n
\n
\n
\n
\n
({\n pathname: `/settings/user_profile`,\n })}\n >\n \n {Multilingual(`ACCOUNT_MANAGEMENT.WORDING`)}\n \n \n
\n
\n {(inDev() || startedFlash(FLASH_EVENT['2022_ONCE_MEMBER'])) && (\n
\n 限時活動！\n \n )}\n {/*
({\n pathname: `/shop/plugin`,\n })}\n >\n 平台擴充套件\n */}\n \n
\n
\n \n
\n
會員管理頁面
\n \n \n \n \n | 流水 | \n 帳戶 | \n 信箱 | \n 姓名 | \n 支持球隊 | \n 效期 | \n 訂單編號 | \n 發票 | \n 詳細 | \n
\n \n \n {members.map((member, memberIndex) => (\n \n | {memberIndex + 1} | \n {member.user.user_name} | \n {member.user.email} | \n {getNameDisplay(member.user.first_name, member.user.last_name)} | \n {member.major_team} | \n \n {moment(member.start_at).format('YYYY-MM-DD')}\n {` - `}\n {moment(member.end_at).format('YYYY-MM-DD')}\n | \n {!member.order ? '' : member.order.uniqid} | \n {!member.order ? '' : !member.order.receipt_number ? '未開立' : member.order.receipt_number} | \n \n setSelectedMember(memberIndex)}\n disabled={!member.order}\n >\n 詳細\n \n | \n
\n ))}\n \n
\n \n \n {members[selectedMemberIndex] && (\n setSelectedMemberIndex(-1)}\n outterClickBack={false}\n >\n setSelectedMemberIndex(-1)}>\n {members[selectedMemberIndex].user.user_name}\n \n \n \n {members[selectedMemberIndex].order && (\n <>\n 訂單\n {members[selectedMemberIndex].order.uniqid}
\n 發票人\n \n {members[selectedMemberIndex].order.buyer_name}({members[selectedMemberIndex].order.buyer_phone})\n {members[selectedMemberIndex].order.buyer_tel &&\n `(${members[selectedMemberIndex].order.buyer_tel})`}\n
\n {`${members[selectedMemberIndex].order.buyer_city} ${members[selectedMemberIndex].order.buyer_postcode} ${members[selectedMemberIndex].order.buyer_street}`}
\n
\n 發票資訊\n {receiptTypes[members[selectedMemberIndex].order.receipt_type]}
\n \n {members[selectedMemberIndex].order.receipt_number}(\n {!members[selectedMemberIndex].order.receipt_created_at\n ? '尚未開立'\n : moment(members[selectedMemberIndex].order.receipt_created_at).format('YYYY-MM-DD')}\n )\n
\n
\n 訂單內容\n {members[selectedMemberIndex].order.items.map((item, i) => (\n \n {`${i + 1}. ${item.name} `}\n {`NT$ ${new Intl.NumberFormat('zh-TW').format(item.retail_price)} `}\n {`x${item.amount}`}\n
\n ))}\n 付款資訊\n \n {paymentType[members[selectedMemberIndex].order.payment_type]}(\n {members[selectedMemberIndex].order.payment_id})\n
\n {`NT$ ${new Intl.NumberFormat('zh-TW').format(\n members[selectedMemberIndex].order.payment_amount,\n )}`}
\n {moment(members[selectedMemberIndex].order.paid_at).format('YYYY-MM-DD')}
\n
\n 用戶備註\n \n {!members[selectedMemberIndex].order.comment ? '無' : members[selectedMemberIndex].order.comment}\n
\n \n )}\n \n \n \n \n setReceiptNumber(e.target.value)} />\n setReceiptCreatedAt(e.target.value)} />\n \n \n \n \n )}\n \n );\n};\n\nexport default MemberManagement;\n","import React, { Fragment, useEffect, useState } from 'react';\nimport './App.scss';\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom';\nimport { useCookie } from 'react-use';\nimport { ascend, compose, prop, sort, is } from 'ramda';\nimport jwtDecode from 'jwt-decode';\nimport { UserResource } from '~~apis/resource';\nimport ApiService from '~~commonAPIs/ApiService';\nimport CoverLoading from '~~elements/Loading/Cover';\nimport FormalNavBar from './common/components/FormalNavBar';\nimport Footer from './common/components/Footer';\nimport LoginRequired from './features/LoginRequired';\nimport NotFound from './features/common/NotFound';\nimport Login from './features/login';\nimport Logout from './features/Logout';\nimport Privacy from './features/privacy';\nimport Settings from './features/Settings';\nimport PluginShop from './features/PluginShop';\nimport Tournament from './features/Tournament';\nimport CreateTournament from './features/CreateTournament';\nimport UserTournamentRegistry from './features/UserTournamentRegistry';\nimport MyPluginOrder from './features/MyPluginOrder';\nimport MemberManagement from './features/MemberManagement';\nimport { ROOT_ACTION } from './actionTypes';\nimport { RootProvider, useRootDispatch, useRootState } from './useRoot';\n\nconst loginRouters = [\n {\n path: '/settings/:section',\n component: Settings,\n exact: true,\n },\n {\n path: '/organizer/:organizer_uniqid/create_tournament/:section',\n component: CreateTournament,\n exact: true,\n },\n {\n path: '/organizer/:organizer_uniqid/tournament/:tournament_uniqid/:section',\n component: Tournament,\n exact: true,\n },\n {\n // /myregistries/tournament?registry=xxx&team=xxx\n path: '/myregistries/tournament',\n component: UserTournamentRegistry,\n },\n {\n // /myorders/plugin?popup=result&result=success&wait=true\n path: '/myorders/plugin',\n component: MyPluginOrder,\n },\n {\n path: '/member_management',\n component: MemberManagement,\n },\n];\n\nconst routes = [\n {\n path: '/login',\n component: Login,\n exact: true,\n },\n {\n path: '/logout',\n component: Logout,\n exact: true,\n },\n {\n path: '/privacy',\n component: Privacy,\n exact: true,\n },\n {\n path: '/shop/plugin',\n component: PluginShop,\n },\n {\n path: '*',\n component: NotFound,\n status: 404,\n },\n];\n\nfunction App() {\n return (\n \n \n \n
\n \n );\n}\n\nfunction RootContainer() {\n const { loading, loginInfo, isAdmin } = useRootState();\n const rootDispatch = useRootDispatch();\n const [accessToken] = useCookie('RB_UID');\n const [refreshToken] = useCookie('RB_RID');\n\n useEffect(() => {\n const recaptchaKey = document.querySelector('meta[name=\"google-recaptcha-score-key\"]').getAttribute('content');\n if (recaptchaKey !== '' && recaptchaKey.slice(0, 2) !== '{{') {\n const script = document.createElement('script');\n script.type = 'text/javascript';\n script.src = `https://www.google.com/recaptcha/enterprise.js?render=${recaptchaKey}`;\n document.querySelector('head').appendChild(script);\n }\n }, []);\n\n useEffect(() => {\n const parseAccessToken = (token) => {\n const resolvedUserInfo = jwtDecode(token);\n rootDispatch({\n type: ROOT_ACTION.SET_LOGIN_INFO,\n payload: {\n isLogin: true,\n ...resolvedUserInfo,\n },\n });\n\n UserResource.permissionList()\n .then(({ data }) => {\n const nameAscend = ascend(compose(prop('name'), prop('info')));\n const sortedPerms = {\n first_bases: sort(nameAscend, data.first_bases),\n leagues: sort(nameAscend, data.leagues),\n teams: sort(nameAscend, data.teams),\n players: sort(nameAscend, data.players),\n };\n\n rootDispatch({\n type: ROOT_ACTION.SET_PERMISSION_LIST,\n payload: {\n ...data,\n ...sortedPerms,\n },\n });\n rootDispatch({\n type: ROOT_ACTION.SET_IS_ADMIN,\n payload: data?.platform === 'ADMIN' || data?.platform === 'EDITOR' ? data.platform : false,\n });\n })\n .catch(() => {});\n };\n\n if (!is(String, accessToken)) {\n rootDispatch({\n type: ROOT_ACTION.SET_LOGIN_INFO,\n payload: {\n isLogin: false,\n },\n });\n if (is(String, refreshToken) && refreshToken !== '') {\n ApiService.refreshToken()\n .then((newToken) => {\n parseAccessToken(newToken);\n })\n .catch(() => {});\n }\n } else {\n parseAccessToken(accessToken);\n }\n }, [accessToken, refreshToken, rootDispatch]);\n\n return (\n \n \n \n \n \n {loginRouters.map((route, i) => (\n \n ))}\n {routes.map((route, i) => (\n \n ))}\n \n \n
\n \n {loading && }\n \n );\n}\n\nexport default App;\n\nfunction RouteWithSubRoutes(route) {\n return (\n }\n />\n );\n}\n\nfunction LoginRouteWithSubRoutes(route) {\n return (\n (\n \n \n \n )}\n />\n );\n}\n","import React from 'react';\nimport MemberManagement from './MemberManagement';\nimport { useRootState } from '../../useRoot';\n\nconst Index = () => {\n const { isAdmin } = useRootState();\n\n if (!isAdmin) {\n return 僅限管理者
;\n }\n\n return ;\n};\n\nexport default Index;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' }\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","const textMapping = {\n COMMON: {\n PAGE_FORBIDDEN_FOR_GUEST: {\n 'zh-TW': '此頁面訪客無訪問權限，請先登入',\n en: 'Current page is forbidden to guest, please login first.',\n },\n PAGE_FORBIDDEN_FOR_CURRENT_USER: {\n 'zh-TW': '您無權限讀取此頁面，請洽相關管理人員',\n en: 'You have no permission for current page, please ask related manager.',\n },\n REDIRECT_TO_LOGIN_IN_FIVE_SECONDS: {\n 'zh-TW': '五秒後協助跳轉至登入頁面',\n en: 'Redirect to login page in five seconds.',\n },\n UNKNOWN_ERROR: {\n 'zh-TW': '發生錯誤，請稍後再試。如持續發生請與我們聯絡',\n en: 'Oops, something wrong! Please contact us if problem keeps occur.',\n },\n RESOURCE_NOT_FOUND: {\n 'zh-TW': '找不到相關資源，請確認連結正確或與我們聯絡',\n en: 'Resource not found. Please check your link or contact us.',\n },\n QUICK_EDIT: {\n 'zh-TW': '快速編輯',\n en: 'Quick Edit',\n },\n EDIT: {\n 'zh-TW': '編輯',\n en: 'Edit',\n },\n VIEW: {\n 'zh-TW': '檢視',\n en: 'View',\n },\n CREATE: {\n 'zh-TW': '新建',\n en: 'Create',\n },\n ADD: {\n 'zh-TW': '加入',\n en: 'Add',\n },\n UPDATE: {\n 'zh-TW': '更新',\n en: 'Update',\n },\n CANCEL: {\n 'zh-TW': '取消',\n en: 'Cancel',\n },\n DELETE: {\n 'zh-TW': '刪除',\n en: 'Delete',\n },\n DELETE_CONFIRM: {\n 'zh-TW': '確定刪除',\n en: 'Delete Confirm',\n },\n REMOVE: {\n 'zh-TW': '移除',\n en: 'Remove',\n },\n CLOSE: {\n 'zh-TW': '關閉',\n en: 'Close',\n },\n BACK: {\n 'zh-TW': '返回',\n en: 'Back',\n },\n PROCESSING: {\n 'zh-TW': '處理中',\n en: 'Processing',\n },\n LOADING: {\n 'zh-TW': '讀取中',\n en: 'Loading',\n },\n SWITCH_LANG: {\n 'zh-TW': '切換語言',\n en: 'Switch Lang',\n },\n NONE: {\n 'zh-TW': '無',\n en: 'None',\n },\n PLEASE_LOGIN_FIRST: {\n 'zh-TW': '請先登入',\n en: 'Please Login First',\n },\n },\n FORM: {\n PLEASE_SELECT: {\n 'zh-TW': '請選擇',\n en: 'Please Select',\n },\n CLEAN_UP: {\n 'zh-TW': '清空',\n en: 'Clean Up',\n },\n REPLACE: {\n 'zh-TW': '更換',\n en: 'Replace',\n },\n PRE_STEP: {\n 'zh-TW': '上一步',\n en: 'Pre Step',\n },\n NEXT_STEP: {\n 'zh-TW': '下一步',\n en: 'Next Step',\n },\n UNSAVED_CONTENT_EXIST: {\n 'zh-TW': '有尚未儲存之改動',\n en: 'Unsaved content exist',\n },\n EDIT_MODE: {\n 'zh-TW': '編輯模式',\n en: 'Edit Mode',\n },\n SUGGEST: {\n 'zh-TW': '推薦',\n en: 'Suggest',\n },\n REGISTER: {\n 'zh-TW': '註冊',\n en: 'Register',\n },\n UPLOAD: {\n 'zh-TW': '上傳',\n en: 'Upload',\n },\n ERROR: {\n IS_REQUIRED: {\n 'zh-TW': '為必填',\n en: 'is required',\n },\n DUPLICATE: {\n 'zh-TW': '重複',\n en: 'Duplicate',\n },\n },\n },\n SUCCESS: {\n UPDATE: {\n 'zh-TW': '更新成功',\n en: 'Update Successfully',\n },\n CREATE: {\n 'zh-TW': '新建成功',\n en: 'Create Successfully',\n },\n ADD: {\n 'zh-TW': '新建成功',\n en: 'Add Successfully',\n },\n UPLOAD: {\n 'zh-TW': '上傳成功',\n en: 'Upload Successfully',\n },\n DELETE: {\n 'zh-TW': '刪除成功',\n en: 'Delete Successfully',\n },\n REGISTER: {\n 'zh-TW': '註冊成功',\n en: 'Register Successfully',\n },\n },\n ERROR: {\n WRONG_INPUT: {\n 'zh-TW': '輸入錯誤',\n en: 'Wrong Value',\n },\n ALL_COLUMNS_REQUIRED: {\n 'zh-TW': '所有欄位皆為必填',\n en: 'All Columns are required',\n },\n },\n PLAYER: {\n REGISTER: {\n 'zh-TW': '註冊',\n en: 'Register',\n },\n },\n TEAM: {\n WORDING: {\n 'zh-TW': '球隊',\n en: 'Team',\n },\n STAFF: {\n 'zh-TW': '行政人員',\n en: 'Staff',\n },\n PLAYER: {\n 'zh-TW': '球員',\n en: 'Player',\n },\n NAME: {\n 'zh-TW': '隊名',\n en: 'Name',\n },\n CITY: {\n 'zh-TW': '所在縣市',\n en: 'Located City',\n },\n CITY_DENY_IN_TOURN_HINT: {\n 'zh-TW': '非球隊管理者不得更新所屬縣市',\n en: 'Can not update city when you are not team manager',\n },\n UNREGISTER: {\n 'zh-TW': '註銷',\n en: 'Unregister',\n },\n UNREGISTER_CONFIRM: {\n 'zh-TW': '確定註銷',\n en: 'Unregister Confirm',\n },\n UNREGISTER_HINT: {\n 'zh-TW': '球隊相關資料無法回復，請輸入隊名後點擊註銷按鈕',\n en: 'Team related data will be unarchived. Type team name then click unregister button.',\n },\n UNREGISTER_SUCCESS: {\n 'zh-TW': '註銷成功',\n en: 'Successfullt Unregister',\n },\n },\n GAME: {\n WORDING: {\n 'zh-TW': '比賽',\n en: 'Match',\n },\n SIDEBAR: {\n BACK: {\n 'zh-TW': '返回',\n en: 'Back',\n },\n OVERVIEW: {\n 'zh-TW': '概覽',\n en: 'Overview',\n },\n SCORE_BOARD: {\n 'zh-TW': '計分板',\n en: 'Score Board',\n },\n MEDIA: {\n 'zh-TW': '花絮',\n en: 'Media',\n },\n NEWS: {\n 'zh-TW': '報導',\n en: 'NEWS',\n },\n RELATED_LINKS: {\n 'zh-TW': '相關連結',\n en: 'Related Links',\n },\n AWAY_STATS: {\n 'zh-TW': '客場數據',\n en: 'Away Stats',\n },\n HOME_STATS: {\n 'zh-TW': '主場數據',\n en: 'Home Stats',\n },\n PLATFORM_ADMIN_ONLY: {\n 'zh-TW': 'Rebas 管理員專用',\n en: 'Platform Admin Only',\n },\n ORG_G66N_ONLY: {\n 'zh-TW': '雙和 管理員專用',\n },\n },\n SEQ: {\n 'zh-TW': '比賽編號',\n en: 'Game Seq',\n },\n GROUP: {\n 'zh-TW': '分類',\n en: 'Group',\n },\n GROUP_NONE: {\n 'zh-TW': '未分類',\n en: 'UnGrouped',\n },\n AWAY: {\n 'zh-TW': '客場',\n en: 'Away',\n },\n HOME: {\n 'zh-TW': '主場',\n en: 'Home',\n },\n TEAM_NONE: {\n 'zh-TW': '未定',\n en: 'UnConfirmed',\n },\n SCHEDULED_START_AT: {\n 'zh-TW': '預計開始',\n en: 'Scheduled Start',\n },\n STARTED_AT: {\n 'zh-TW': '開始時間',\n en: 'Started At',\n },\n ENDED_AT: {\n 'zh-TW': '結束時間',\n en: 'Ended At',\n },\n STATUS: {\n WORDING: {\n 'zh-TW': '狀態',\n en: 'Status',\n },\n SCHEDULED: {\n 'zh-TW': '未賽',\n en: 'Scheduled',\n },\n PLAYING: {\n 'zh-TW': '進行中',\n en: 'Playing',\n },\n FINISHED: {\n 'zh-TW': '完賽',\n en: 'Finished',\n },\n SUSPENDED: {\n 'zh-TW': '保留',\n },\n },\n FINISHED_STATUS: {\n WORDING: {\n 'zh-TW': '完賽狀態',\n en: 'Finished Status',\n },\n CALLED: {\n 'zh-TW': '提前結束',\n en: 'Called',\n },\n FORFEITED: {\n 'zh-TW': '棄權',\n en: 'Forfeited',\n },\n ADJUDGED: {\n 'zh-TW': '裁定',\n en: 'Adjudged',\n },\n SUSPENDED: {\n 'zh-TW': '保留',\n en: 'Suspended',\n },\n NORMAL: {\n 'zh-TW': '正常',\n en: 'Normal',\n },\n },\n MATCH_RESULT: {\n WORDING: {\n 'zh-TW': '勝負',\n en: 'Match Result',\n },\n WIN: {\n 'zh-TW': '勝',\n en: 'Win',\n },\n LOSE: {\n 'zh-TW': '敗',\n en: 'Lose',\n },\n DRAW: {\n 'zh-TW': '和',\n en: 'Draw',\n },\n },\n LOCATION: {\n 'zh-TW': '地點',\n en: 'Location',\n },\n LOCATION_NONE: {\n 'zh-TW': '未定',\n en: 'UnConfirmed',\n },\n NEWS: {\n WORDING: {\n 'zh-TW': '報導',\n en: 'News',\n },\n TITLE: {\n 'zh-TW': '標題',\n en: 'Title',\n },\n CONTENT: {\n 'zh-TW': '內文',\n en: 'Content',\n },\n AUTHOR: {\n 'zh-TW': '主編',\n en: 'Author',\n },\n CITY: {\n 'zh-TW': '城市',\n en: 'City',\n },\n INTERVIEWER: {\n 'zh-TW': '採訪',\n en: 'interviewer',\n },\n PHOTOGRAPHER: {\n 'zh-TW': '攝影',\n en: 'photographer',\n },\n },\n MEDIA: {\n 'zh-TW': '花絮',\n en: 'Media',\n },\n RELATED_LINKS: {\n WORDING: {\n 'zh-TW': '相關連結',\n en: 'Related Links',\n },\n TITLE: {\n 'zh-TW': '標題',\n en: 'Title',\n },\n LINK: {\n 'zh-TW': '連結',\n en: 'Link',\n },\n },\n STATS_COMPLETENESS: {\n WORDING: {\n 'zh-TW': '數據完整度',\n en: 'Stats Completeness',\n },\n NONE: {\n 'zh-TW': '無',\n en: 'None',\n },\n BOX: {\n 'zh-TW': 'Box Score',\n en: 'Box Score',\n },\n PBP: {\n 'zh-TW': '逐打席',\n en: 'Per PA',\n },\n PITCH: {\n 'zh-TW': '逐球',\n en: 'Per Ball',\n },\n EXPORT_EXCEL: {\n 'zh-TW': '匯出 Box Score Excel',\n en: 'Export Box Score Excel',\n },\n },\n STATS_STATUS: {\n WORDING: {\n 'zh-TW': '數據狀態',\n en: 'Stats Status',\n },\n NONE: {\n 'zh-TW': '-',\n },\n NORMAL: {\n 'zh-TW': '正常',\n },\n PITCH_MISSING: {\n 'zh-TW': '有缺（落點等）',\n },\n CRITICAL: {\n 'zh-TW': '錯誤！成績不相符',\n },\n },\n DATA_EXPORT: {\n WORDING: {\n 'zh-TW': '資料匯出',\n en: 'Data Export',\n },\n PBP: {\n 'zh-TW': '逐球資料',\n en: 'Pitch by Pitch',\n },\n },\n SCORE_BOARD: {\n 'zh-TW': '計分板',\n en: 'Score Board',\n },\n SCORE: {\n 'zh-TW': '得分',\n en: 'Score',\n },\n INNINGS: {\n 'zh-TW': '局數',\n en: 'Innings',\n },\n HITS: {\n 'zh-TW': '安打',\n en: 'Hits',\n },\n FLAG: {\n RUNS_WITHOUT_INNINGS: {\n 'zh-TW': '設定局數',\n en: 'Set Innings',\n },\n },\n STATS: {\n RECORD: {\n WORDING: {\n 'zh-TW': '紀錄',\n en: 'Record',\n },\n TYPE: {\n WORDING: {\n 'zh-TW': '型態',\n en: 'Type',\n },\n BATTER: {\n 'zh-TW': '打者',\n en: 'Batter',\n },\n PITCHER: {\n 'zh-TW': '投手',\n en: 'Pitcher',\n },\n },\n PLAYER: {\n 'zh-TW': '選手',\n en: 'Player',\n },\n VALUE: {\n WORDING: {\n 'zh-TW': '內容',\n en: 'Content',\n },\n GWRBI: {\n 'zh-TW': '勝利打點',\n en: 'GWRBI',\n },\n MVP: {\n 'zh-TW': 'MVP',\n en: 'MVP',\n },\n SP_RECORD: {\n 'zh-TW': '特殊紀錄',\n en: 'Special Record',\n },\n W: {\n 'zh-TW': '勝投',\n en: 'W',\n },\n L: {\n 'zh-TW': '敗投',\n en: 'L',\n },\n H: {\n 'zh-TW': '中繼',\n en: 'H',\n },\n SV: {\n 'zh-TW': '救援成功',\n en: 'SV',\n },\n BS: {\n 'zh-TW': '救援失敗',\n en: 'BS',\n },\n },\n COMMENT: {\n 'zh-TW': '備註',\n en: 'Comment',\n },\n },\n BATTING: {\n WORDING: {\n 'zh-TW': '打擊成績',\n en: 'Batting Record',\n },\n },\n PITCHING: {\n WORDING: {\n 'zh-TW': '投球成績',\n en: 'Pitching Record',\n },\n },\n FIELDING: {\n WORDING: {\n 'zh-TW': '守備成績',\n en: 'Fielding Record',\n },\n },\n },\n },\n TOURNAMENT: {\n SIDEBAR: {\n BASIC: {\n 'zh-TW': '基本資料',\n en: 'Basic Info',\n },\n STATS: {\n 'zh-TW': '統計數據',\n en: 'Stats',\n },\n SCHEDULE: {\n 'zh-TW': '賽程管理',\n en: 'Schedule',\n },\n GAME_GROUP: {\n 'zh-TW': '比賽分類',\n en: 'Match Group',\n },\n GAME: {\n 'zh-TW': '比賽',\n en: 'Match',\n },\n TEAMS: {\n 'zh-TW': '球隊列表',\n en: 'Team List',\n },\n PLUGINS: {\n 'zh-TW': '擴充套件',\n en: 'Plugins',\n },\n REGISTRATION: {\n 'zh-TW': '報名系統',\n en: 'Registration',\n },\n PLATFORM_ADMIN_ONLY: {\n 'zh-TW': 'Rebas 管理員專用',\n en: 'Platform Admin Only',\n },\n FORMAL_ADMIN_ONLY: {\n 'zh-TW': 'Rebas 管理員專用',\n en: 'Formal Admin Only',\n },\n CPBL_MERGE: {\n 'zh-TW': 'CPBL 球員合併',\n },\n },\n TITLE: {\n 'zh-TW': '賽事名稱',\n en: 'Tournament Title',\n },\n TYPE: {\n 'zh-TW': '賽事型態',\n en: 'Tournament Type',\n },\n TYPE_CUP_MATCHES: {\n 'zh-TW': '盃賽（錦標賽）',\n en: 'Cups(Tournament)',\n },\n TYPE_LEAGUE_MATCHES: {\n 'zh-TW': '聯賽',\n en: 'League',\n },\n TYPE_SPRING_TRAINING: {\n 'zh-TW': '春訓（熱身）',\n en: 'Spring Training',\n },\n TYPE_POSTSEASON: {\n 'zh-TW': '季後賽',\n en: 'Postseason',\n },\n TYPE_OTHER: {\n 'zh-TW': '其他',\n en: 'Other',\n },\n TYPE_NONE: {\n 'zh-TW': '未設定',\n en: 'NONE',\n },\n TEAM_TYPE: {\n WORDING: {\n 'zh-TW': '球隊要求',\n en: 'Team Requirement',\n },\n UNDER_ELEMENTARY_SCHOOL: {\n 'zh-TW': '國小以下',\n en: 'Under Elementary School',\n },\n ELEMENTARY_SCHOOL: {\n 'zh-TW': '國小',\n en: 'Elementary School',\n },\n JUNIOR_HIGH_SCHOOL: {\n 'zh-TW': '國中',\n en: 'Junior High School',\n },\n SENIOR_HIGH_SCHOOL: {\n 'zh-TW': '高中',\n en: 'Senior High School',\n },\n COLLEGE: {\n 'zh-TW': '大學',\n en: 'College',\n },\n PROFESSION: {\n 'zh-TW': '職業',\n en: 'Profession',\n },\n SOCIETY: {\n 'zh-TW': '社會人',\n en: 'Member of Society',\n },\n NONE: {\n 'zh-TW': '不設限',\n en: 'None',\n },\n OTHER: {\n 'zh-TW': '其他',\n en: 'Other',\n },\n },\n PLAYER_TYPE: {\n WORDING: {\n 'zh-TW': '球員要求',\n en: 'Player Requirement',\n },\n NONE: {\n 'zh-TW': '不設限',\n en: 'None',\n },\n WOMEN: {\n 'zh-TW': '女子',\n en: 'Women',\n },\n MEN: {\n 'zh-TW': '男子',\n en: 'Men',\n },\n },\n BALL_TYPE: {\n WORDING: {\n 'zh-TW': '比賽用球',\n en: 'Ball Using',\n },\n ORDINARY: {\n 'zh-TW': '硬式',\n en: 'Ordinary',\n },\n RUBBER: {\n 'zh-TW': '軟式',\n en: 'Rubber',\n },\n },\n BAT_TYPE: {\n WORDING: {\n 'zh-TW': '球棒要求',\n en: 'Bat Requirement',\n },\n WOODEN: {\n 'zh-TW': '木棒',\n en: 'Wooden',\n },\n METAL: {\n 'zh-TW': '鋁棒',\n en: 'Metal',\n },\n NONE: {\n 'zh-TW': '不設限',\n en: 'None',\n },\n },\n DATES: {\n 'zh-TW': '賽事期間',\n en: 'Tournament Dates',\n },\n AUTO_GAME_SEQ_DESCRIPTION: {\n 'zh-TW': '比賽編號由系統依照分類、日期自動編排（建議正式開打後關閉）',\n en: 'System auto assign game seq',\n },\n SEASON_LOCATION: {\n 'zh-TW': '使用球場',\n en: 'Using Fields',\n },\n SEASON_LOCATION_DESCRIPTION: {\n 'zh-TW': '如沒有欲使用的球場請與我們聯繫',\n en: 'Please contact us if your expected field is not on the list',\n },\n ROUND_ROBIN_POINT: {\n 'zh-TW': '循環賽積分',\n en: 'Round Robin Point',\n },\n LEADERBOARD: {\n 'zh-TW': '排行榜',\n en: 'Leaderboard',\n },\n PAWeight: {\n 'zh-TW': '打者規定打席。使用預設請填 -1（1.9）',\n en: 'Batter Min PA Requirement',\n },\n IPWeight: {\n 'zh-TW': '投手規定局數。使用預設請填 -1（0.8）',\n en: 'Pitcher Min IP Requirement',\n },\n OPEN_LEADERBOARD: {\n 'zh-TW': '顯示排行榜',\n en: 'Display Leaderboard',\n },\n FIRST_GAME: {\n 'zh-TW': '首場',\n en: 'First Game',\n },\n LAST_GAME: {\n 'zh-TW': '終場',\n en: 'Last Game',\n },\n FILTER: {\n 'zh-TW': '篩選比賽',\n en: 'Game Filter',\n },\n GAME_GROUP: {\n 'zh-TW': '分類',\n en: 'Group',\n },\n GAME_GROUP_NONE: {\n 'zh-TW': '未分類',\n en: 'Ungrouped',\n },\n GAME_LOCATION: {\n 'zh-TW': '場地',\n en: 'Location',\n },\n GAME_SELECT_ALL: {\n 'zh-TW': '全選',\n en: 'ALL',\n },\n GAME_GROUP_NAME: {\n 'zh-TW': '分類名稱',\n en: 'Group Name',\n },\n GAME_GROUP_PRIORITY: {\n 'zh-TW': '開打順序',\n en: 'Starting Priority',\n },\n GAME_GROUP_PRIORITY_FIRST: {\n 'zh-TW': '首位',\n en: 'First',\n },\n GAME_GROUP_PRIORITY_AFTER_X: {\n 'zh-TW': '之後',\n en: 'After',\n },\n GAME_GROUP_ESTIMATED_DURATION: {\n 'zh-TW': '預計時間',\n en: 'Estimated Duration',\n },\n GAME_DATE_TIME_HINT: {\n 'zh-TW': '請以 yyyy/MM/dd HH:mm 格式填寫',\n en: 'Please follow yyyy/MM/dd HH:mm format',\n },\n GAME_GROUP_SINGLE_ELIMINATION: {\n 'zh-TW': '單敗淘汰',\n en: 'Single Elimination',\n },\n GAME_GROUP_STANDINGS_DISPLAY: {\n 'zh-TW': '戰績排行顯示',\n en: 'Standings Display',\n },\n SCHEDULE_DISPLAY_MODE: {\n 'zh-TW': '顯示模式',\n en: 'Display Mode',\n },\n LOCATION: {\n 'zh-TW': '地點',\n en: 'Location',\n },\n DATE_RANGE: {\n 'zh-TW': '日期範圍',\n en: 'Date Range',\n },\n GAME_DELETE_HINT: {\n 'zh-TW': '輸入比賽編號後再次點擊刪除',\n en: 'Click Delete again after typed Game Seq',\n },\n TEAM_AMOUNT: {\n 'zh-TW': '隊伍數',\n en: 'Team Amount',\n },\n IMPORT_FROM_TOURNAMENT: {\n WORDING: {\n 'zh-TW': '從歷史賽事導入',\n en: 'Import from History Tournaments',\n },\n NO_OTHER_TOURNAMENTS: {\n 'zh-TW': '您目前僅擁有此賽事',\n en: 'You have current tournament only',\n },\n INCLUDE_PLAYERS: {\n 'zh-TW': '同時匯入球員',\n en: 'Import players at the same time',\n },\n TEAM_NAME_DUPLICATE: {\n 'zh-TW': '已有同名球隊',\n en: 'Team name is duplicate',\n },\n IMPORT: {\n 'zh-TW': '導入',\n en: 'Import',\n },\n },\n ERROR: {\n UNKNOWN: {\n 'zh-TW': '發生錯誤，請稍後再試',\n en: 'Oops, something wrong. Please try again later.',\n },\n TITLE: {\n 'zh-TW': '賽事名稱格式錯誤（不得為空、避免特殊符號）',\n en: 'Invalid tournament title(required, avoid special character)',\n },\n DATES: {\n 'zh-TW': '無效賽事期間',\n en: 'Invalid tournament dates',\n },\n LEADERBOARD_WEIGHT: {\n 'zh-TW': '投打規定打席數字無效',\n en: 'Invalid PA/IP requirement number',\n },\n ROUND_ROBIN_POINT: {\n 'zh-TW': '循環賽積分應為整數',\n en: 'Round Robin Point should be integer',\n },\n TEAM_ALREADY_JOINED_GAMES: {\n 'zh-TW': '球隊已參與比賽，不得註銷',\n en: 'Team has already joined games',\n },\n GAME_GROUP_NAME: {\n 'zh-TW': '分類名稱格式錯誤（不得為空、避免特殊符號與 NEW NONE NULL 等專用詞）',\n en: 'Invalid group name(required, avoid special character or NEW, NONE, NULL...)',\n },\n GAME_GROUP_NAME_DUPLICATE: {\n 'zh-TW': '分類名稱重複',\n en: 'Duplicate Group Name',\n },\n GAME_DATE_TIME_HINT: {\n 'zh-TW': '時間日期請以 yyyy/MM/dd HH:mm 格式填寫',\n en: 'Date Time please follow yyyy/MM/dd HH:mm format',\n },\n GAME_FINISHED_STATUS: {\n 'zh-TW': '完賽需提供完賽狀態',\n en: 'Finished match should provide finished status',\n },\n GAME_SEQ_FORMAT: {\n 'zh-TW': '比賽編號需為正整數',\n en: 'Match seq has to be positive int',\n },\n GAME_SEQ_DUPLICATE: {\n 'zh-TW': '比賽編號不得與現有比賽重複',\n en: 'Match seq is duplicated',\n },\n GAME_NON_SCHEDULED_NO_TEAM: {\n 'zh-TW': '非 未賽 比賽需指定主客場隊伍',\n en: 'Non scheduled match need specific teams',\n },\n GAME_NON_SCHEDULED_NO_LOCATION: {\n 'zh-TW': '非 未賽 比賽需指定地點',\n en: 'Non scheduled match need specific location',\n },\n GAME_SCORE_FORMAT: {\n 'zh-TW': '比賽分數需為 0 或正整數',\n en: 'Match score has to be zero or positive int',\n },\n GAME_HITS_FORMAT: {\n 'zh-TW': '安打數需為 0 或正整數',\n en: 'Hits has to be zero or positive int',\n },\n GAME_NEWS_REQUIREMENT: {\n 'zh-TW': '標題、照片與內文為必填欄位',\n en: 'Title, cover and content are required',\n },\n GAME_INNING_FORMAT: {\n 'zh-TW': '比賽局數需為正整數',\n en: 'Match innings has to be positive int',\n },\n GAME_TEAM_INNING_FORMAT: {\n 'zh-TW': '球隊逐局分數格式錯誤，請參考說明',\n en: \"Team's per innings score is invalid, please follow the description\",\n },\n GAME_STATS_SELECT: {\n 'zh-TW': '所有下拉選單皆為必選項目',\n en: 'All selections are required',\n },\n GAME_STATS_SP_RECORD_EMPTY_COMMENT: {\n 'zh-TW': '特殊紀錄請增加備註',\n en: 'Please comment for special record',\n },\n GAME_STATS_BATTER_ORDER: {\n 'zh-TW': '打序需為正整數',\n en: 'Batter order should be positive int',\n },\n GAME_STATS_BATTER_COLUMN_INT: {\n 'zh-TW': '打者數據應皆為零或正整數',\n en: \"All the batter's column should be zero or positive int\",\n },\n GAME_STATS_PITCHER_COLUMN_INT: {\n 'zh-TW': '投手數據應皆為零或正整數',\n en: \"All the pitcher's column should be zero or positive int\",\n },\n GAME_STATS_FIELDING_COLUMN_INT: {\n 'zh-TW': '守備數據應皆為零或正整數',\n en: \"All the fielding's column should be zero or positive int\",\n },\n },\n SUCCESS: {\n UPDATE: {\n 'zh-TW': '更新成功',\n en: 'update successfully',\n },\n },\n CREATE_GAME: {\n 'zh-TW': '新增比賽',\n en: 'Create Match',\n },\n CALENDAR_CREATE_GAME_HINT: {\n 'zh-TW': '點擊日期可新增比賽',\n en: 'Click string of date can create match',\n },\n MEDIA_UPLOAD: {\n 'zh-TW': '接受 < 5MB 圖片檔',\n en: 'Accept image before 5MB',\n },\n MEDIA_UPLOAD_DESCRIPTION: {\n 'zh-TW': `每場比賽接受六張圖片，建議上傳 png/jpg/jpeg 檔以確保各裝置皆能正常瀏覽。\n 影片不得大於 25MB，如果大型影片建議上傳至 Youtube 後使用相關連結儲存。`,\n en: `Allow six images for each match. Suggest png/jpg/jpeg ext file for better experience.\n Video can not larger then 25MB. Upload to Youtube then use related links for large size video.`,\n },\n MEDIA_UPLOAD_PREMIUM_DESCRIPTION: {\n 'zh-TW': `每場比賽接受五十張圖片，建議上傳 png/jpg/jpeg 檔以確保各裝置皆能正常瀏覽。\n 影片不得大於 25MB，如果大型影片建議上傳至 Youtube 後使用相關連結儲存。`,\n en: `Allow fifty images for each match. Suggest png/jpg/jpeg ext file for better experience.\n Video can not larger then 25MB. Upload to Youtube then use related links for large size video.`,\n },\n NEWS_DESCRIPTION: {\n 'zh-TW': '圖片建議使用長寬比為 4:3 之 png/jpg/jpeg 檔',\n en: 'Suggest using 4:3 ratio png/jpg/jpeg ext file for cover image',\n },\n RELATED_LINKS_DESCRIPTION: {\n 'zh-TW': '僅限 https:// 開頭之連結',\n en: 'Link should start with https://',\n },\n SCORE_BOARD_TEAM_DISABLE_DESCRIPTION: {\n 'zh-TW': '由於已上傳 Box Score 數據，球隊不得由此更改',\n en: 'According to uploaded Box Score Stats, team is not avaliable to edit here.',\n },\n SCORE_BOARD_INNINGS_DESCRIPTION: {\n 'zh-TW': '逐局請以 \",\" 作為區隔，每局接受 數字、數據x（該局未結束）、-（該局未開始）',\n en:\n 'Use \",\" to seperate per inning. Each inning allow number, number with x append(non finished inning), -(non started inning)',\n },\n SCORE_BOARD_INNINGS_DESCRIPTION_EXAMPLE: {\n 'zh-TW': '舉例：0,0,0,1,2 | 2,0,0,0,3x | 1,0,2,0,-',\n en: 'For Example: 0,0,0,1,2 | 2,0,0,0,3x | 1,0,2,0,-',\n },\n SCORE_BOARD_HITS_DISABLE_DESCRIPTION: {\n 'zh-TW': '由於已上傳打擊 Box Score，安打總和將連動數據不予自行修改',\n en: 'According to uploaded Batting Box Score, sum of hits is not avaliable to edit here.',\n },\n STATS_DESCRIPTION: {\n 'zh-TW': '現階段僅提供上傳選手紀錄與成績，如有上傳逐打席數據之需求請提供完整紀錄單供我方協助處理。',\n en: 'Please contact us if you have per PA records upload requirement.',\n },\n STATS_PBP_UPLOADED_HINT: {\n 'zh-TW':\n '已成功上傳逐打席數據！注意！如更改 Box Score，逐打席數據不會連動，投手增減可能導致 FirstBase 數據錯誤！',\n en:\n 'Per PA records uploaded! Warning! Adjust Box Score will not change per PA record, but pitcher add/remove might cause FirstBase stats error',\n },\n PLUGIN: {\n OPEN_REGISTRATION: {\n 'zh-TW': '報名系統',\n en: 'Registration',\n },\n OPEN_REGISTRATION_DESCRIPTION: {\n 'zh-TW': `開放球隊線上報名，不再需要辛苦 key in 球員資料、線上審核、秩序冊製作、報名費收款一手包辦！\n 協助您將事前準備電子化，不再需要堆疊成山的紙本文件，系統化的資料協助您節省時間與人力成本。`,\n en: `We have covered Online Review, Program Doc Auto Generate, Receive Registry Fee Payment.\n More than that, the registry team will upload players info, no longer require key in data yourself!`,\n },\n EXPAND_MEDIA_SPACE: {\n 'zh-TW': '逐場花絮擴充',\n en: 'Expand Media Space',\n },\n EXPAND_MEDIA_SPACE_DESCRIPTION: {\n 'zh-TW': `每場比賽可上傳最多 50 張照片（整個賽事不超過 5,000 張）`,\n en: 'Allow to upload up to 50 photos per game.(Maximum 5,000 photos in a tournament)',\n },\n PAPER_RECORD_ONLINE: {\n 'zh-TW': '紙本紀錄上傳',\n en: 'Support uploading paper game record',\n },\n PAPER_RECORD_ONLINE_DESCRIPTION: {\n 'zh-TW': `預付金，我方將優先協助。實際價格我們將與您依狀況討論。\n 依照賽事現有紀錄狀況，提供將紙本紀錄轉換為電子紀錄的服務。`,\n en: `Advance payment, we will provide actual amount after discussing with your situation.\n Consider to the paper recording situation in the tournament, we can help you transform and upload the data into platform.`,\n },\n PAPER_RECORD_ONLINE_DESCRIPTION_SHORT: {\n 'zh-TW': `依照賽事現有紀錄狀況，提供將紙本紀錄轉換為電子紀錄的服務。`,\n en: `Consider to the paper recording situation in the tournament, we can help you transform and upload the data into platform.`,\n },\n OFFLINE_COMMISSIONER: {\n 'zh-TW': '賽事現場合作',\n en: 'Offline Commissioner',\n },\n OFFLINE_COMMISSIONER_DESCRIPTION: {\n 'zh-TW': `預付金，我方將優先協助。實際價格我們將與您依狀況討論。\n 我們提供現場攝影、報導、簡易直播等服務，如有上述或其他相關需求歡迎與我們討論。`,\n en: `Advance payment, we will provide actual amount after discussing with your situation.\n Providing photographer, reporter or basic stream live... etc.\n We are willing to cooperate with you if there are any above or related demands`,\n },\n OFFLINE_COMMISSIONER_DESCRIPTION_SHORT: {\n 'zh-TW': `我們提供現場攝影、報導、簡易直播等服務，如有上述或其他相關需求歡迎與我們討論。`,\n en: `Providing photographer, reporter or basic stream live... etc.\n We are willing to cooperate with you if there are any above or related demands`,\n },\n SELECT_ANY_DESCRIPTION: {\n 'zh-TW': `如您欲使用 ATM 轉帳或現金付款請取消勾選並與我們聯絡，我們將於收到款項後協助開啟相關功能。`,\n en: `If you prefer using ATM or cash as payment method, please cancel the selection and contact us directly.\n We will manually open the service after the deal.`,\n },\n SELECT_ANY_TMP_DESCRIPTION: {\n 'zh-TW': `現階段尚未開啟線上付款服務。創建後我們將與您聯絡，並於收到款項後協助開啟相關功能。`,\n en: `Sorry, the online payment is unavaliable currently.\n We will contact you after the creation and manually open the service after the deal.`,\n },\n SELECT_NOTHING_DESCRIPTION: {\n 'zh-TW': `所有套件皆能日後購買，如對於加購內容有疑問歡迎與我們聯絡！`,\n en: `You can purchase those plugins anytime. Feel free to contact us if you have any questions!`,\n },\n CONVINCE_IN_MANAGEMENT: {\n 'zh-TW': `如欲購買套件或對已加購內容有疑問歡迎與我們聯絡！`,\n en: `Feel free to contact us if you want to use any plugins or question on purchased content!`,\n },\n },\n },\n CALENDAR: {\n WORDING: {\n 'zh-TW': '日曆',\n en: 'Calendar',\n },\n SUNDAY: {\n 'zh-TW': '週日',\n en: 'Sunday',\n },\n MONDAY: {\n 'zh-TW': '週一',\n en: 'Monday',\n },\n TUESDAY: {\n 'zh-TW': '週二',\n en: 'Tuesday',\n },\n WEDNESDAY: {\n 'zh-TW': '週三',\n en: 'Wednesday',\n },\n THURSDAY: {\n 'zh-TW': '週四',\n en: 'Thursday',\n },\n FRIDAY: {\n 'zh-TW': '週五',\n en: 'Friday',\n },\n SATURDAY: {\n 'zh-TW': '週六',\n en: 'Saturday',\n },\n CURRENT_MONTH: {\n 'zh-TW': '本月',\n en: 'Current Month',\n },\n COLLAPSE: {\n 'zh-TW': '展開',\n en: 'Collapse',\n },\n },\n STATS: {\n BATTER: {\n PLAYER: {\n 'zh-TW': '選手',\n en: 'Player',\n },\n IS_PH: {\n 'zh-TW': '替補',\n en: 'Pinch',\n },\n ORDER: {\n 'zh-TW': '打序',\n en: 'Order',\n },\n PA: {\n 'zh-TW': '打席',\n en: 'PA',\n },\n AB: {\n 'zh-TW': '打數',\n en: 'AB',\n },\n H: {\n 'zh-TW': '安打',\n en: 'H',\n },\n TWOB: {\n 'zh-TW': '二壘安打',\n en: '2B',\n },\n THREEB: {\n 'zh-TW': '三壘安打',\n en: '3B',\n },\n HR: {\n 'zh-TW': '全壘打',\n en: 'HR',\n },\n SO: {\n 'zh-TW': '三振',\n en: 'SO',\n },\n BB: {\n 'zh-TW': '四壞',\n en: 'BB',\n },\n IBB: {\n 'zh-TW': '故意四壞',\n en: 'IBB',\n },\n HBP: {\n 'zh-TW': '觸身球',\n en: 'HBP',\n },\n SF: {\n 'zh-TW': '犧牲飛球',\n en: 'SF',\n },\n SH: {\n 'zh-TW': '犧牲觸擊',\n en: 'SH',\n },\n GIDP: {\n 'zh-TW': '滾地雙殺',\n en: 'GIDP',\n },\n FC: {\n 'zh-TW': '野手選擇',\n en: 'FC',\n },\n E: {\n 'zh-TW': '失誤上壘',\n en: 'E',\n },\n FO: {\n 'zh-TW': '飛球出局',\n en: 'FO',\n },\n GO: {\n 'zh-TW': '滾地出局',\n en: 'GO',\n },\n SB: {\n 'zh-TW': '盜壘成功',\n en: 'SB',\n },\n CS: {\n 'zh-TW': '盜壘失敗',\n en: 'CS',\n },\n R: {\n 'zh-TW': '得分',\n en: 'R',\n },\n RBI: {\n 'zh-TW': '打點',\n en: 'RBI',\n },\n },\n PITCHER: {\n PLAYER: {\n 'zh-TW': '選手',\n en: 'Player',\n },\n ORDER: {\n 'zh-TW': '順序',\n en: 'Order',\n },\n IPOUT: {\n 'zh-TW': '出局',\n en: 'Outs',\n },\n NP: {\n 'zh-TW': '投球',\n en: 'NP',\n },\n BF: {\n 'zh-TW': '打席',\n en: 'BF',\n },\n H: {\n 'zh-TW': '安打',\n en: 'H',\n },\n HR: {\n 'zh-TW': '全壘打',\n en: 'HR',\n },\n BB: {\n 'zh-TW': '四壞',\n en: 'BB',\n },\n IBB: {\n 'zh-TW': '故意四壞',\n en: 'IBB',\n },\n HB: {\n 'zh-TW': '觸身',\n en: 'HB',\n },\n SO: {\n 'zh-TW': '三振',\n en: 'SO',\n },\n WP: {\n 'zh-TW': '暴投',\n en: 'WP',\n },\n BK: {\n 'zh-TW': '投手犯規',\n en: 'BK',\n },\n R: {\n 'zh-TW': '失分',\n en: 'R',\n },\n ER: {\n 'zh-TW': '責失',\n en: 'ER',\n },\n },\n FIELDER: {\n PLAYER: {\n 'zh-TW': '選手',\n en: 'Player',\n },\n ORDER: {\n 'zh-TW': '順序',\n en: 'Order',\n },\n POSITION: {\n 'zh-TW': '守位',\n en: 'Position',\n },\n TC: {\n 'zh-TW': '守備機會',\n en: 'TC',\n },\n PO: {\n 'zh-TW': '刺殺',\n en: 'PO',\n },\n A: {\n 'zh-TW': '助殺',\n en: 'A',\n },\n E: {\n 'zh-TW': '失誤',\n en: 'E',\n },\n DP: {\n 'zh-TW': '雙殺',\n en: 'DP',\n },\n PB: {\n 'zh-TW': '捕逸',\n en: 'PB',\n },\n SB: {\n 'zh-TW': '被盜壘',\n en: 'SB',\n },\n CS: {\n 'zh-TW': '盜壘阻殺',\n en: 'CS',\n },\n },\n POSITION: {\n P: {\n 'zh-TW': '投',\n en: 'P',\n },\n C: {\n 'zh-TW': '捕',\n en: 'C',\n },\n '1B': {\n 'zh-TW': '一壘',\n en: '1B',\n },\n '2B': {\n 'zh-TW': '二壘',\n en: '2B',\n },\n '3B': {\n 'zh-TW': '三壘',\n en: '3B',\n },\n SS: {\n 'zh-TW': '游擊',\n en: 'SS',\n },\n LF: {\n 'zh-TW': '左外野',\n en: 'LF',\n },\n CF: {\n 'zh-TW': '中外野',\n en: 'CF',\n },\n RF: {\n 'zh-TW': '右外野',\n en: 'RF',\n },\n DH: {\n 'zh-TW': '指定打擊',\n en: 'DH',\n },\n PH: {\n 'zh-TW': '代打',\n en: 'PH',\n },\n PR: {\n 'zh-TW': '代跑',\n en: 'PR',\n },\n },\n },\n ACCOUNT_MANAGEMENT: {\n WORDING: {\n 'zh-TW': '帳戶管理',\n en: 'Account Management',\n },\n },\n};\n\nconst Multilingual = (textCode, additionalTextMapping = {}, lang = '') => {\n // TODO 拿 localStorage 自主設定\n const userDefaultLangs = [lang, ...navigator.languages];\n\n const textCodeIndent = textCode.split('.');\n\n let target = { ...textMapping, ...additionalTextMapping };\n textCodeIndent.forEach((key) => {\n if (!target[key]) {\n console.log(target);\n console.log(key);\n throw new Error();\n }\n\n target = target[key];\n });\n\n // 2024/07/11 由於翻譯資料不完整，先回傳繁體中文以求網站語系統一\n return target['zh-TW'];\n for (let userLang of userDefaultLangs) {\n if (!target[userLang]) {\n continue;\n }\n\n return target[userLang];\n }\n return target['zh-TW'];\n};\n\nexport default Multilingual;\n","export default __webpack_public_path__ + \"static/media/DefaultAvatar.6fdc8889.jpg\";","import RMultilingual from './Multilingual';\n\nexport const linkPrivacyList = ['PUBLIC', 'UNLISTED', 'KEY_REQUIRED'];\n\nexport const registrationColumnTypes = ['TEXT', 'DATE', 'IMAGE', 'PDF'];\n\nexport const defaultTeamColumns = [\n { name: 'CITY', hint: 'CITY', type: 'TEXT', is_required: true },\n { name: 'NAME', hint: 'NAME', type: 'TEXT', is_required: true },\n { name: 'ICON', hint: 'ICON', type: 'IMAGE', is_required: true },\n { name: 'CONTACT_PERSON', hint: 'CONTACT_PERSON', type: 'TEXT', is_required: true },\n { name: 'CONTACT_PHONE', hint: 'CONTACT_PHONE', type: 'TEXT', is_required: true },\n];\n\nexport const defaultStaffColumns = [\n { name: 'NAME', hint: 'NAME', type: 'TEXT', is_required: true },\n { name: 'AVATAR', hint: 'AVATAR', type: 'IMAGE', is_required: true },\n { name: 'NUMBER', hint: 'NUMBER', type: 'TEXT', is_required: false },\n { name: 'LICENSE', hint: 'LICENSE', type: 'PDF', is_required: false },\n];\n\nexport const defaultPlayerColumns = [\n { name: 'NAME', hint: 'NAME', type: 'TEXT', is_required: true },\n { name: 'NUMBER', hint: 'NUMBER', type: 'TEXT', is_required: true },\n { name: 'AVATAR', hint: 'AVATAR', type: 'IMAGE', is_required: true },\n { name: 'BIRTHDAY', hint: 'BIRTHDAY', type: 'DATE', is_required: true },\n { name: 'FIRST_POSITION', hint: 'FIRST_POSITION', type: 'TEXT', is_required: true },\n { name: 'SECOND_POSITION', hint: 'SECOND_POSITION', type: 'TEXT', is_required: true },\n { name: 'P_HAND', hint: 'P_HAND', type: 'TEXT', is_required: true },\n { name: 'B_HAND', hint: 'B_HAND', type: 'TEXT', is_required: true },\n];\n\nexport const getInitRegistryInfo = () => {\n return {\n uniqid: '',\n description: '',\n content: '', // 報名規章的 html 內容，先不使用\n is_public: true,\n entry_key: '',\n regulation_file_path: '',\n regulation_file_url: '',\n team_limit: 20,\n team_description: '',\n player_limit: 20,\n player_description: '',\n avatar_ratio_x: 3.5,\n avatar_ratio_y: 4.5,\n team_columns: [],\n staff_titles: [\n {\n title: RMultilingual(`DEFAULT_STAFF.COACH`),\n is_required: true,\n columns: defaultStaffColumns.map((column) => ({\n name: RMultilingual(`DEFAULT_COLUMN.STAFF.${column.name}.NAME`),\n hint: RMultilingual(`DEFAULT_COLUMN.STAFF.${column.hint}.HINT`),\n type: column.type,\n is_required: column.is_required,\n })),\n },\n ],\n player_columns: [],\n attachments: [],\n fee: 0.0,\n fee_currency: 'NTD',\n fee_description: '',\n payment_method: [],\n allow_online_payment: false,\n start_at: '',\n end_at: '',\n };\n};\n","import styled, { keyframes } from 'styled-components';\nimport { fadeIn, fadeInLeft, fadeInRight, fadeInDown, fadeInUp } from 'react-animations';\nimport { STATUS } from './LoginConsts';\n\nconst fadeInAnimation = keyframes`${fadeIn}`;\nconst fadeInLeftAnimation = keyframes`${fadeInLeft}`;\nconst fadeInRightAnimation = keyframes`${fadeInRight}`;\nconst fadeInDownAnimation = keyframes`${fadeInDown}`;\nconst fadeInUpAnimation = keyframes`${fadeInUp}`;\n\nconst Div = styled.div`\n display: flex;\n justify-content: center;\n height: 100vh;\n align-items: center;\n margin: 2% 0%;\n\n @media (max-width: 769px) {\n flex-direction: column;\n margin: 5% 0% 15% 0%;\n }\n`;\n\nconst LeftBox = styled.div`\n width: 22%;\n height: 80%;\n box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.8);\n\n @media (max-width: 769px) {\n height: 20%;\n width: 78%;\n }\n\n .wrapper {\n height: 100%;\n max-height: 100%;\n width: 100%;\n position: relative;\n }\n\n .color-mask {\n height: 100%;\n width: 100%;\n /* 紅藍 */\n background: linear-gradient(135deg, rgb(195, 12, 12, 0.8), rgb(10, 74, 154, 0.8));\n /* 藍綠 */\n /* background: linear-gradient(135deg,rgba(24, 254, 237, 0.80),rgba(97, 120, 234, 0.8)); */\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n }\n\n img {\n max-height: 100%;\n height: 100%;\n width: 100%;\n }\n`;\n\nconst RightBox = styled.div`\n background: white;\n width: 40%;\n min-height: 80%;\n box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.8);\n display: flex;\n padding: 2% 5%;\n justify-content: center;\n align-items: center;\n animation: 2s ${fadeInAnimation};\n\n @media (max-width: 769px) {\n height: auto;\n width: 78%;\n }\n`;\n\nconst ContentBox = styled.div`\n letter-spacing: 1px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 30%;\n\n .title {\n color: white;\n font-weight: 900;\n letter-spacing: 2px;\n font-size: 2rem;\n animation: 2s ${fadeInDownAnimation};\n }\n\n img {\n width: 35%;\n margin-top: 15%;\n animation: 1.5s ${fadeInLeftAnimation};\n }\n\n .msg-box {\n width: 92%;\n display: flex;\n color: white;\n justify-content: center;\n font-size: 0.5rem;\n position: absolute;\n bottom: 0.5rem;\n animation: 1.5s ${fadeInUpAnimation};\n\n .msg-link {\n font-weight: 800;\n margin-left: 10px;\n &:focus {\n outline: none;\n }\n &:hover {\n cursor: pointer;\n text-decoration: underline;\n }\n }\n }\n\n @media (max-width: 769px) {\n margin: 5% 8%;\n align-items: flex-end;\n\n img {\n width: 22%;\n margin-top: 5%;\n }\n }\n\n @media (max-width: 1366px) {\n .title {\n font-size: 1.2rem;\n }\n .msg-box {\n flex-direction: column;\n align-items: flex-end;\n }\n }\n`;\n\nconst StyledForm = styled.form`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n letter-spacing: 1px;\n animation: 0.6s ${({ status }) => (status === STATUS.SIGN_IN ? fadeInLeftAnimation : fadeInRightAnimation)};\n\n .upper-box {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n font-size: 0.8rem;\n padding: 0 5%;\n color: rgb(10, 74, 154, 1);\n\n .connection-btns-box {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n margin-top: 0.6rem;\n button {\n margin: 1rem 0.6rem 0 0.6rem;\n }\n }\n }\n\n .bottom-box {\n width: 100%;\n margin-top: 6%;\n padding-top: 8%;\n border-top: 1px solid rgb(10, 74, 154, 0.3);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n .input-field {\n width: 80%;\n display: flex;\n align-items: center;\n margin-bottom: 8%;\n img {\n width: 1.5rem;\n margin-right: 12px;\n }\n .input-box {\n display: flex;\n width: 100%;\n justify-content: space-between;\n input:not(:first-child) {\n margin-left: 0.5rem;\n }\n }\n }\n\n .forgot-pw-link {\n color: rgb(10, 74, 154, 1);\n font-size: 0.6rem;\n font-weight: 800;\n margin-top: 8%;\n &:hover {\n cursor: pointer;\n text-decoration: underline;\n }\n }\n\n .success-msg {\n font-size: 0.8rem;\n color: #70bd2f;\n margin: 4% 0 6%;\n }\n\n .error-msg {\n font-size: 0.8rem;\n color: #e8196e;\n margin: 4% 0 6%;\n }\n\n .normal-msg {\n font-size: 0.8rem;\n color: #1e1e1e;\n margin: 4% 0 6%;\n }\n\n .checkbox-label {\n padding: 0 0 0 0.5rem;\n font-size: 0.8rem;\n }\n }\n\n @media (max-width: 769px) {\n .upper-box .connection-btns-box {\n flex-direction: column;\n button {\n margin: 0 0 1rem 0;\n }\n }\n\n .bottom-box {\n margin-top: 10%;\n padding-top: 12%;\n width: 90%;\n\n .input-field {\n width: 100%;\n &.--multi-input {\n align-items: flex-start;\n }\n img {\n width: 1.1rem;\n margin-right: 8px;\n }\n .input-box {\n flex-direction: column;\n input:not(:first-child) {\n margin-left: 0;\n margin-top: 5%;\n }\n }\n }\n }\n }\n`;\n\nexport { Div, LeftBox, RightBox, ContentBox, StyledForm };\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst Div = styled.div`\n display: none;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n opacity: 0;\n color: white;\n width: 100%;\n font-size: 0.6rem;\n &.active {\n display: flex;\n opacity: 1;\n }\n\n .progress-bar {\n position: relative;\n height: 1rem;\n width: 100%;\n border-radius: 1rem;\n background: rgba(255, 255, 255, 0.5);\n box-shadow: 0 8px 10px 0px rgba(255, 255, 255, 0.2);\n margin: 0.6rem 0 1.2rem;\n }\n\n .filler {\n display: flex;\n justify-content: center;\n background: rgba(255, 255, 255, 1);\n height: 100%;\n border-radius: inherit;\n transition: width 0.4s ease-in;\n opacity: 1;\n }\n\n .title {\n letter-spacing: 2px;\n font-weight: 600;\n text-align: center;\n }\n\n .text {\n display: flex;\n align-items: flex-end;\n &--percentage {\n font-size: 1rem;\n font-weight: 600;\n margin-right: 0.5rem;\n }\n }\n`;\n\nconst ProgressBar = (props) => {\n const { isOpen, title, completed } = props;\n\n return (\n \n );\n};\n\nProgressBar.defaultProps = {\n isOpen: false,\n title: null,\n completed: 0,\n};\n\nexport default ProgressBar;\n","import ProgressBar from './ProgressBar';\n\nexport default ProgressBar;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { COLOR, FONT_COLOR } from '../Const';\n\nconst GRADIENT = 'linear-gradient(135deg, rgb(195, 12, 12, 1), rgb(10, 74, 154, 1))';\nconst TRANSPARENT = 'transparent';\nconst BLACK = '#0f0f0f';\nconst NEARLY_WHITE = '#EEEEEE';\nconst WHITE = '#FFFFFF';\nconst BLUE = 'rgb(10, 74, 154, 1)';\nconst RED = 'rgb(142, 24, 24, 1)';\n\nconst colorMapper = {\n gradient: {\n font: WHITE,\n background: GRADIENT,\n },\n blue: {\n font: WHITE,\n background: BLUE,\n border: BLUE,\n hoverBorder: BLUE,\n },\n red: {\n font: WHITE,\n border: RED,\n hoverBorder: RED,\n background: RED,\n },\n transparent: {\n font: BLACK,\n background: TRANSPARENT,\n // hoverBackground: '#D9D9D9',\n },\n transparentWithBorder: {\n font: BLACK,\n border: FONT_COLOR,\n hoverBorder: FONT_COLOR,\n background: TRANSPARENT,\n },\n white: {\n font: WHITE,\n background: TRANSPARENT,\n hoverBorder: WHITE,\n },\n whiteWithBorder: {\n font: WHITE,\n border: NEARLY_WHITE,\n background: TRANSPARENT,\n hoverBorder: WHITE,\n },\n primary: {\n font: WHITE,\n border: COLOR.primary,\n hoverBorder: COLOR.primary,\n background: COLOR.primary,\n },\n secondary: {\n font: WHITE,\n border: COLOR.secondary,\n hoverBorder: COLOR.secondary,\n background: COLOR.secondary,\n },\n};\n\nfunction getColoring(color) {\n return colorMapper[color] || colorMapper.gradient;\n}\n\nconst StyledBtn = styled.button`\n &.button {\n font-size: 0.8rem;\n line-height: 1rem;\n letter-spacing: 2px;\n transition: 0.3s ease all;\n padding: 0.6rem 0.6rem;\n /* min-height: 2rem; */\n border-radius: 4px;\n width: ${(props) => props.width || '100%'};\n color: ${(props) => props.coloring.font};\n background: ${(props) => props.coloring.background};\n border: ${(props) => (props.border || props.coloring.border ? `1px solid ${props.coloring.border}` : 'none')};\n box-shadow: ${(props) => (props.boxShadow ? '0 6px 8px 0 rgba(0, 0, 0, 0.3)' : 'none')};\n white-space: pre-line;\n line-height: 1.5;\n text-align: center;\n\n &:hover {\n cursor: pointer;\n color: ${(props) => props.coloring.hoverFont || props.coloring.font};\n ${({ coloring }) => coloring.hoverBackground && `background: ${coloring.hoverBackground};`}\n border: ${(props) => (props.coloring.hoverBorder ? `1px solid ${props.coloring.hoverBorder}` : 'none')};\n box-shadow: ${(props) => (props.boxShadow ? '0 4px 4px 0 rgba(0, 0, 0, 0.3)' : 'none')};\n transition: 0.4s ease all;\n }\n\n &:focus,\n &.focus {\n box-shadow: none;\n outline: unset;\n }\n\n &:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n\n &:hover {\n color: ${(props) => props.coloring.font};\n background: ${(props) => props.coloring.background};\n }\n }\n\n .icon,\n img {\n margin: 0 0.25rem;\n /* margin-right: 0.25rem; */\n }\n }\n\n &.button-round {\n font-size: 0.8rem;\n min-height: 2rem;\n line-height: 1.5;\n border-radius: 180px;\n /* width: auto; */\n }\n\n &.button-mini {\n font-size: 0.7rem;\n line-height: 0.5rem;\n padding: 0 0.4rem;\n min-height: 1.5rem;\n }\n\n &.button-inverse {\n color: ${(props) => props.coloring.background};\n background: ${(props) => props.coloring.font};\n\n &:hover {\n cursor: pointer;\n color: ${(props) => props.coloring.hoverFont || props.coloring.font};\n background: ${(props) => props.coloring.background};\n transition: 0.3s ease all;\n }\n\n &:disabled:hover {\n color: ${(props) => props.coloring.background};\n background: ${(props) => props.coloring.font};\n }\n }\n\n &.nowrap {\n white-space: nowrap;\n }\n &.pre {\n white-space: pre;\n line-height: 0.9rem;\n }\n`;\n\nconst Button = (props) => {\n const { color, type, ...restProps } = props;\n return (\n \n {props.children}\n \n );\n\n function getClassName() {\n const { round, mini, className, inverse, nowrap, pre } = props;\n let result = 'button';\n\n if (round) {\n result += ' button-round';\n }\n if (mini) {\n result += ' button-mini';\n }\n\n if (inverse) {\n result += ' button-inverse';\n }\n\n if (nowrap) {\n result += ' nowrap';\n }\n if (pre) {\n result += ' pre';\n }\n\n if (className) {\n result += ` ${className}`;\n }\n return result;\n }\n};\n\nButton.propTypes = {\n /* 設定顏色的集合 */\n // color: PropTypes.oneOf(['white', 'black', 'transparent', 'transparentInModal', 'green', 'auto']),\n /* 是否顯示邊框 */\n border: PropTypes.bool,\n /* 寬度設定 */\n width: PropTypes.string,\n /* 是否取消上下邊界高度設定以及縮小字體 */\n mini: PropTypes.bool,\n /* 是否使按鈕失效 */\n disabled: PropTypes.bool,\n /* 反轉文字與背景顏色 */\n inverse: PropTypes.bool,\n /* 是否變成圓角的按鈕 */\n round: PropTypes.bool,\n /* 是否需要陰影 */\n boxShadow: PropTypes.bool,\n};\n\nButton.defaultProps = {\n color: 'gradient',\n border: false,\n mini: false,\n disabled: false,\n inverse: false,\n round: false,\n width: '100%',\n boxShadow: false,\n};\n\nexport default Button;\n","import Button from './Button';\n\nexport default Button;\n","export default __webpack_public_path__ + \"static/media/IconEmail.b7de6c7e.svg\";","export default __webpack_public_path__ + \"static/media/IconPassword.a35cced7.svg\";","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n register: false,\n thirdPartyRegisterRequirement: false,\n login: false,\n forgetPassword: false,\n resetPassword: false,\n resendEmailVerification: false,\n exists: false,\n userInfo: false,\n updateUserInfo: false,\n permissionList: false,\n pluginOrderList: false,\n};\n\nconst User = {\n register: (data) => {\n if (debugStatus.register) {\n return fakeApiHelper(200, 'success', {\n error: false,\n message: 'Registrer and login successfully',\n });\n }\n\n return ApiService.post(`/register`, { data });\n },\n\n thirdPartyRegisterRequirement: ({ platform, data }) => {\n if (debugStatus.thirdPartyRegisterRequirement) {\n return fakeApiHelper(200, 'success', {\n error: false,\n message: 'Registrer and login successfully',\n });\n }\n\n return ApiService.post(`/register/${platform}/requirement`, { data });\n },\n\n login: ({ email, password }) => {\n if (debugStatus.login) {\n return fakeApiHelper(200, 'success', {\n error: false,\n message: 'Login successfully',\n });\n }\n\n return ApiService.post(`/login`, { data: { email, password } });\n },\n\n forgetPassword: ({ email }) => {\n if (debugStatus.forgetPassword) {\n return fakeApiHelper(200, 'success', {\n error: false,\n message: 'send reset password email successfully',\n data: {\n email,\n },\n });\n }\n\n return ApiService.post(`/api/user/forget_password`, { data: { email } });\n },\n\n resetPassword: ({ email, password, token }) => {\n if (debugStatus.resetPassword) {\n return fakeApiHelper(200, 'success', {\n error: false,\n message: 'Reset password successfully',\n data: {\n email,\n },\n });\n }\n\n return ApiService.post(`/api/user/reset_password`, { data: { email, token, new_password: password } });\n },\n\n resendEmailVerification: () => {\n if (debugStatus.resendEmailVerification) {\n return fakeApiHelper(200, 'success', {\n error: false,\n message: 'Resend email verification successfully',\n data: {},\n });\n }\n\n return ApiService.post(`/api/user/resend_email_verification`, { data: { new_email: '' } });\n },\n\n exists: ({ email, userName }) => {\n if (debugStatus.exists) {\n return fakeApiHelper(200, 'success', {\n data: {\n exists: true,\n },\n error: false,\n message: 'Request successfully',\n });\n }\n\n if (email) {\n return ApiService.get(`/api/user/exists?email=${encodeURIComponent(email)}`);\n }\n return ApiService.get(`/api/user/exists?user_name=${encodeURIComponent(userName)}`);\n },\n\n userInfo: () => {\n if (debugStatus.userInfo) {\n return fakeApiHelper(200, 'success', {\n data: {\n email: 'nh0985264711@gmail.com',\n first_name: 'Kuan-Jung',\n last_name: 'Chiu',\n avatar_path: '',\n avatar_url: '',\n // avatar_url: 'https://source.unsplash.com/user/erondu/240x160',\n uniqid: 'Hu90',\n user_name: 'nh0985264711',\n },\n error: false,\n message: 'Request successfully',\n });\n }\n\n return ApiService.get(`/api/user/info`);\n },\n\n updateUserInfo: (data) => {\n if (debugStatus.updateUserInfo) {\n return fakeApiHelper(200, 'success', {\n data: {\n email: 'nh0985264711@gmail.com',\n first_name: 'Kuan-Jung',\n last_name: 'Chiu',\n avatar_path: '',\n avatar_url: '',\n // avatar_url: 'https://source.unsplash.com/user/erondu/240x160',\n uniqid: 'Hu90',\n user_name: 'nh0985264711',\n },\n error: false,\n message: 'Update user info successfully',\n });\n }\n\n return ApiService.put(`/api/user/info`, { data });\n },\n\n permissionList: () => {\n if (debugStatus.permissionList) {\n return fakeApiHelper(200, 'success', {\n data: {\n first_bases: [\n {\n admins: [\n {\n avatar_path: '/u/Hu90/avatar/1615444968-oHASznfRWQ',\n avatar_url: 'https://storage.googleapis.com/dev-rebas/u/Hu90/avatar/1615444968-oHASznfRWQ',\n email: 'nh0985264711@gmail.com',\n first_name: 'KJ',\n last_name: 'Chiu',\n uniqid: 'Hu90',\n user_name: 'kj.chiu73',\n },\n ],\n editors: [\n {\n avatar_path: '',\n avatar_url: '',\n email: 'demo.or.test.0823@gmail.com',\n first_name: 'TEST',\n last_name: 'DEMO',\n uniqid: 'u28f',\n user_name: 'demoortest0823',\n },\n ],\n info: {\n due_date: '2021/12/31 00:00',\n full_name: '成功大學乙組棒球隊',\n games: [],\n icon_url: 'https://storage.googleapis.com/dev-rebas/fb/2LcZw/icon/1615195110-LVncrZ8Yah',\n name: '成功大學',\n players: [],\n status: 'ENABLED',\n uniqid: '2LcZw',\n },\n is_public: false,\n viewers: [],\n },\n ],\n platform: 'ADMIN',\n },\n error: false,\n message: 'Get user permission successfully',\n });\n }\n\n return ApiService.get(`/api/user/permission`);\n },\n\n pluginOrderList: () => {\n return ApiService.get(`/api/user/plugin_orders`);\n },\n};\n\nexport default User;\n","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n updatePermission: false,\n};\n\nconst FirstBase = {\n updatePermission: ({ userUniqid, teamUniqid, authority }) => {\n if (debugStatus.updatePermission) {\n return fakeApiHelper(200, 'success', {\n data: {\n permission: 'ADMIN',\n },\n error: false,\n message: 'Request successfully',\n });\n }\n\n return ApiService.put(`/api/users/${userUniqid}/permission/firstbase/${teamUniqid}`, { data: { authority } });\n },\n};\n\nexport default FirstBase;\n","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n updateStats: false,\n validateGamesStatsStatus: false,\n updateAccumulate: false,\n coefficientTrialCalculation: false,\n updateCoefficient: false,\n updateExternalResource: false,\n};\n\nconst FormalGame = {\n updateStats: ({ seasonUniqid, gameUniqid, side, statsType, data }) => {\n if (debugStatus.updateStats) {\n return fakeApiHelper(200, 'success', {});\n }\n return ApiService.put(`/api/seasons/${seasonUniqid}/formal_games/${gameUniqid}/${statsType}/${side}`, {\n data,\n });\n },\n\n syncto: ({ seasonUniqid, gameUniqid, data, force, targets }) => {\n return ApiService.put(\n `/api/seasons/${seasonUniqid}/sync_games/${gameUniqid}/to?force=${\n force ? 'true' : 'false'\n }&targets=${targets.join('&targets=')}`,\n { data },\n );\n },\n\n validateGamesStatsStatus: ({ seasonUniqid }) => {\n if (debugStatus.validateGamesStatsStatus) {\n return fakeApiHelper(200, 'success', {});\n }\n return ApiService.put(`/v2/api/seasons/${seasonUniqid}/formal_games_stats_status`);\n },\n\n updateAccumulate: ({ seasonUniqid }) => {\n return ApiService.put(`/v2/api/seasons/${seasonUniqid}/formal_stats_accumulate`);\n },\n\n coefficientTrialCalculation: ({ leagueUniqid, seasonUniqids, start, end, team }) => {\n return ApiService.get(\n `/v2/api/leagues/${leagueUniqid}/formal_stats_coefficient/trial_calculation` +\n `?seasons=${seasonUniqids.join('&seasons=')}` +\n `${start !== '' ? `&start=${start}` : ''}` +\n `${end !== '' ? `&end=${end}` : ''}` +\n `${team !== '' ? `&team=${team}` : ''}`,\n {\n timeout: 1000 * 60 * 5,\n },\n );\n },\n\n updateCoefficient: ({ leagueUniqid }) => {\n return ApiService.put(`/v2/api/leagues/${leagueUniqid}/formal_stats_coefficient`);\n },\n\n updateExternalResource: ({ leagueUniqid }) => {\n return ApiService.put(`/v2/api/leagues/${leagueUniqid}/formal_external_resource`);\n },\n};\n\nexport default FormalGame;\n","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n getGame: false,\n appendMedia: false,\n removeMedia: false,\n updateNews: false,\n updateScoreBoard: false,\n};\n\nconst Game = {\n getGame: ({ seasonUniqid, gameUniqid }) => {\n return ApiService.get(`/api/seasons/${seasonUniqid}/games/${gameUniqid}`);\n },\n\n appendMedia: ({ seasonUniqid, gameUniqid, mediaList }) => {\n if (debugStatus.appendMedia) {\n return fakeApiHelper(200, 'success', {\n data: {\n game_uniqid: 'game_uniqid',\n media: [],\n link: 'https://www.rebas.tw/season/season_uniqid?game=game_uniqid',\n },\n error: false,\n message: 'apend media successfully',\n });\n }\n\n return ApiService.post(`/api/seasons/${seasonUniqid}/games/${gameUniqid}/media`, {\n data: mediaList,\n });\n },\n\n removeMedia: ({ seasonUniqid, gameUniqid, mediaPaths, mediaType }) => {\n if (debugStatus.removeMedia) {\n return fakeApiHelper(200, 'success', {\n data: {\n game_uniqid: 'game_uniqid',\n media: [],\n link: 'https://www.rebas.tw/season/season_uniqid?game=game_uniqid',\n },\n error: false,\n message: 'remove media successfully',\n });\n }\n\n let pathQuery = '';\n mediaPaths.forEach((mediaPath, index) => {\n if (index !== 0) {\n pathQuery += '&';\n }\n pathQuery += `path=${encodeURI(mediaPath)}`;\n });\n\n return ApiService.delete(`/api/seasons/${seasonUniqid}/games/${gameUniqid}/media?${pathQuery}&type=${mediaType}`);\n },\n\n updateNews: ({ seasonUniqid, gameUniqid, data }) => {\n return ApiService.put(`/api/seasons/${seasonUniqid}/games/${gameUniqid}/news`, {\n data,\n });\n },\n\n deleteNews: ({ seasonUniqid, gameUniqid }) => {\n return ApiService.delete(`/api/seasons/${seasonUniqid}/games/${gameUniqid}/news`);\n },\n\n updateRelatedLinks: ({ seasonUniqid, gameUniqid, data }) => {\n return ApiService.put(`/api/seasons/${seasonUniqid}/games/${gameUniqid}/related_links`, {\n data,\n });\n },\n\n updateScoreBoard: ({ seasonUniqid, gameUniqid, data }) => {\n return ApiService.put(`/api/seasons/${seasonUniqid}/games/${gameUniqid}/scoreboard`, {\n data,\n });\n },\n\n updateStats: ({ seasonUniqid, gameUniqid, data }) => {\n return ApiService.put(`/api/seasons/${seasonUniqid}/games/${gameUniqid}/stats`, {\n data,\n });\n },\n\n updatePbP: ({ seasonUniqid, gameUniqid, data }) => {\n return ApiService.put(`/api/seasons/${seasonUniqid}/games/${gameUniqid}/pbp`, {\n data,\n });\n },\n};\n\nexport default Game;\n","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n getLocations: false,\n getTournamentPluginsSellingPrice: false,\n getTargetPlugins: false,\n};\n\nconst Glossary = {\n getLocations: () => {\n if (debugStatus.getLocations) {\n return fakeApiHelper(200, 'success', {\n data: [],\n error: false,\n message: 'Get locations successfully',\n });\n }\n\n return ApiService.get(`/api/locations`);\n },\n\n getTournamentPluginsSellingPrice: () => {\n if (debugStatus.getTournamentPluginsSellingPrice) {\n return fakeApiHelper(200, 'success', {\n data: {\n currency: 'NTD',\n open_registration: {\n list_price: 4500.0,\n retail_price: 3999.0,\n },\n expand_media_space: {\n list_price: 3000.0,\n retail_price: 2499.0,\n },\n paper_record_online: {\n list_price: 1000.0,\n retail_price: 1000.0,\n },\n offline_commissioner: {\n list_price: 1000.0,\n retail_price: 1000.0,\n },\n },\n error: false,\n message: 'Update player verified teams successfully',\n });\n }\n\n return ApiService.get(`/api/plugins/tournament`);\n },\n\n getTargetPlugins: ({ target }) => {\n return ApiService.get(`/api/plugins/${target}`);\n },\n};\n\nexport default Glossary;\n","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n getTeam: false,\n updatePermission: false,\n updateTeam: false,\n updateTeamInSeason: false,\n getFirstBaseGamesInSeason: false,\n};\n\nconst Team = {\n getTeam: ({ teamUniqid }) => {\n if (debugStatus.getTeam) {\n return fakeApiHelper(200, 'success', {\n data: {\n cover_path: '',\n cover_url: '',\n description: '',\n experiences: [\n {\n season: '2020 北區高中棒球聯會夏季聯賽',\n season_uniqid: 'nH8l-2020-Sc',\n season_year: 2020,\n team: '成功高中',\n },\n {\n season: '2021 北區高中棒球聯會冬季聯賽',\n season_uniqid: 'nH8l-2021-23',\n season_year: 2021,\n team: '成功高中',\n },\n ],\n social_media: {},\n icon_path: '/t/57Xo/icon/1618368404-jCI8dNKa4V',\n icon_url: 'https://storage.googleapis.com/dev-rebas/t/57Xo/icon/1618368404-jCI8dNKa4V',\n name: '成功高中',\n uniqid: '57Xo',\n },\n error: false,\n message: 'Get team successfully',\n });\n }\n\n return ApiService.get(`/api/teams/${teamUniqid}`);\n },\n\n updatePermission: ({ userUniqid, teamUniqid, authority }) => {\n if (debugStatus.updatePermission) {\n return fakeApiHelper(200, 'success', {\n data: {\n permission: 'ADMIN',\n },\n error: false,\n message: 'Request successfully',\n });\n }\n\n return ApiService.put(`/api/users/${userUniqid}/permission/team/${teamUniqid}`, { data: { authority } });\n },\n\n updateTeam: ({ teamUniqid, data }) => {\n if (debugStatus.updateTeam) {\n return fakeApiHelper(200, 'success', {\n data: {\n experiences: [],\n icon_path: '',\n icon_url: '',\n name: 'AAAA',\n uniqid: 'wxyz',\n },\n error: false,\n message: 'Update team successfully',\n });\n }\n\n return ApiService.put(`/api/teams/${teamUniqid}`, { data });\n },\n\n updateTeamInSeason: ({ teamUniqid, seasonUniqid, teamName, data }) => {\n if (debugStatus.updateTeamInSeason) {\n return fakeApiHelper(200, 'success', {\n data: {\n name: 'AAAA B',\n origin: {\n icon_url: '',\n name: 'AAAA',\n uniqid: 'wxyz',\n },\n season: { title: '2020 OOOO', uniqid: 'wasd' },\n },\n error: false,\n message: 'Update season team successfully',\n });\n }\n\n return ApiService.put(`/api/teams/${teamUniqid}/seasons/${seasonUniqid}/teams/${encodeURIComponent(teamName)}`, {\n data,\n });\n },\n\n getFirstBaseGamesInSeason: ({ seasonUniqid, seasonTeamUniqid }) => {\n return ApiService.get(`/api/seasons/${seasonUniqid}/firstbase/teams/${seasonTeamUniqid}/games`);\n },\n};\n\nexport default Team;\n","import { filter } from 'ramda';\nimport { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n searchSameNamePlayers: false,\n getPlayersInSeasonTeam: false,\n createPlayerInSeasonTeamByOrganizer: false,\n updatePlayerInSeasonTeamByOrganizer: false,\n deletePlayerInSeasonTeamByOrganizer: false,\n getTeamRecentPlayers: false,\n getPlayersClaimStatus: false,\n updatePermission: false,\n updateProfile: false,\n};\n\nconst Player = {\n searchSameNamePlayers: ({ name, leagueUniqids = [], exact = false }) => {\n if (debugStatus.searchSameNamePlayers) {\n return fakeApiHelper(200, 'success', {\n data: [\n {\n avatar_path: '',\n avatar_url: '',\n experiences: [\n {\n number: '16',\n season: '2020 北區高中棒球聯會夏季聯賽',\n season_uniqid: 'nH8l-2020-Sc',\n season_year: 2020,\n team: '成功高中',\n },\n {\n number: '16',\n season: '2021 北區高中棒球聯會冬季聯賽',\n season_uniqid: 'nH8l-2021-23',\n season_year: 2021,\n team: '成功高中',\n },\n ],\n name: '海賊王',\n uniqid: 'PjS0',\n },\n ],\n error: false,\n message: 'Get players successfully',\n });\n }\n\n return new Promise((resolve, reject) => {\n return ApiService.get(\n `/api/players?query=${name}${leagueUniqids.map((uniqid) => `&leagues=${uniqid}`).join('')}${\n exact ? '&exact=true' : ''\n }`,\n )\n .then((data) => {\n const players = data.data;\n resolve({\n ...data,\n data: filter((p) => p.name === name, players),\n });\n })\n .catch((e) => reject(e));\n });\n },\n\n getPlayersInSeasonTeam: ({ seasonUniqid, seasonTeamUniqid }) => {\n if (debugStatus.getPlayersInSeasonTeam) {\n return fakeApiHelper(200, 'success', {\n data: [\n {\n avatar_url: '',\n joined_game: true,\n name: 'AAA',\n number: '15',\n },\n {\n avatar_url: '',\n joined_game: true,\n name: 'BBB',\n number: '16',\n },\n {\n avatar_url: '',\n joined_game: true,\n name: 'CCC',\n number: '13',\n },\n ],\n error: false,\n message: 'Get season team players successfully',\n });\n }\n\n return ApiService.get(`/api/seasons/${seasonUniqid}/teams/${seasonTeamUniqid}/players`);\n },\n\n createPlayerInSeasonTeamByOrganizer: ({ leagueUniqid, seasonUniqid, seasonTeamUniqid, data }) => {\n return ApiService.post(`/api/leagues/${leagueUniqid}/seasons/${seasonUniqid}/teams/${seasonTeamUniqid}/players`, {\n data,\n });\n },\n\n updatePlayerInSeasonTeamByOrganizer: ({ leagueUniqid, seasonUniqid, seasonTeamUniqid, playerNumber, data }) => {\n return ApiService.put(\n `/api/leagues/${leagueUniqid}/seasons/${seasonUniqid}/teams/${seasonTeamUniqid}/players/` +\n `${encodeURIComponent(playerNumber)}`,\n { data },\n );\n },\n\n deletePlayerInSeasonTeamByOrganizer: ({ leagueUniqid, seasonUniqid, seasonTeamUniqid, playerNumber }) => {\n return ApiService.delete(\n `/api/leagues/${leagueUniqid}/seasons/${seasonUniqid}/teams/${seasonTeamUniqid}/players/` +\n `${encodeURIComponent(playerNumber)}`,\n );\n },\n\n getTeamRecentPlayers: ({ teamUniqid }) => {\n return ApiService.get(`/api/teams/${teamUniqid}/recent_players`);\n },\n\n getPlayersClaimStatus: ({ playerUniqids }) => {\n return ApiService.get(`/api/permission/player/batch/adopted?uniqid=${playerUniqids.join('&uniqid=')}`);\n },\n\n updatePermission: ({ userUniqid, playerUniqid, authority }) => {\n return ApiService.put(`/api/users/${userUniqid}/permission/player/${playerUniqid}`, { data: { authority } });\n },\n\n updateProfile: ({ playerUniqid, data }) => {\n return ApiService.put(`/api/players/${playerUniqid}/profile`, { data });\n },\n\n getPlayer: ({ playerUniqid }) => {\n return ApiService.get(`/api/players/${playerUniqid}`);\n },\n};\n\nexport default Player;\n","import ApiService from '~~commonAPIs/ApiService';\n\nconst CPBL = {\n listAllPlayer: ({ uniqid }) => {\n return ApiService.get(`/api/cpbl/players?uniqid=${uniqid}`);\n },\n\n mergePlayer: ({ mainUniqid, subUniqids }) => {\n return ApiService.put(`/api/cpbl/players/merge/${mainUniqid}?sub=${subUniqids.join('&sub=')}`);\n },\n};\n\nexport default CPBL;\n","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n getSeason: false,\n getTeams: false,\n getGames: false,\n updatePlayerVerifiedTeams: false,\n updateSeason: false,\n createGame: false,\n createBasicSeason: false,\n createPremiumSeason: false,\n};\n\nconst Season = {\n getSeason: ({ seasonUniqid }) => {\n if (debugStatus.getSeason) {\n return fakeApiHelper(200, 'success', {\n data: {\n auto_game_seq: true,\n config: {\n open_registration: false,\n player_registration: {},\n },\n description: '',\n end_at: '2020-07-23T23:59:59+08:00',\n league: {\n name: 'OOOO',\n uniqid: 'zxcv',\n },\n start_at: '2020-07-15T00:00:00+08:00',\n title: '2020 OOOO',\n type: 'CUP_MATCHES',\n uniqid: 'zxcv-2020-XX',\n year: 2020,\n },\n error: false,\n message: 'Get season successfully',\n });\n }\n\n return ApiService.get(`/api/seasons/${seasonUniqid}`);\n },\n\n getTeams: ({ seasonUniqid }) => {\n if (debugStatus.getTeams) {\n return fakeApiHelper(200, 'success', {\n data: [\n {\n name: 'AAAC',\n origin: {\n icon_url: '',\n name: 'AAA',\n uniqid: 'wxyz',\n },\n season: {\n title: '2020 OOOO',\n uniqid: 'wasd',\n },\n },\n {\n name: 'BBBB',\n origin: {\n icon_url: '',\n name: 'BBBB',\n uniqid: 'zyxw',\n },\n season: {\n title: '2020 OOOO',\n uniqid: 'wasd',\n },\n },\n ],\n error: false,\n message: 'Get season teams successfully',\n });\n }\n\n return ApiService.get(`/api/seasons/${seasonUniqid}/teams`);\n },\n\n getGames: ({ seasonUniqid }) => {\n return ApiService.get(`/api/seasons/${seasonUniqid}/games`);\n },\n\n deleteGame: ({ seasonUniqid, gameUniqid }) => {\n return ApiService.delete(`/api/seasons/${seasonUniqid}/games/${gameUniqid}`);\n },\n\n getGroups: ({ seasonUniqid }) => {\n return ApiService.get(`/api/seasons/${seasonUniqid}/groups`);\n },\n\n createGroup: ({ seasonUniqid, data }) => {\n return ApiService.post(`/api/seasons/${seasonUniqid}/groups`, { data });\n },\n\n updateGroup: ({ seasonUniqid, data }) => {\n return ApiService.put(`/api/seasons/${seasonUniqid}/groups`, { data });\n },\n\n deleteGroup: ({ seasonUniqid, groupName }) => {\n return ApiService.delete(`/api/seasons/${seasonUniqid}/groups/${encodeURIComponent(groupName)}`);\n },\n\n updatePlayerVerifiedTeams: ({ seasonUniqid, data }) => {\n if (debugStatus.updatePlayerVerifiedTeams) {\n return fakeApiHelper(200, 'success', {\n data: {\n auto_game_seq: true,\n config: {\n open_registration: true,\n player_registration: {},\n player_verified_teams: {\n '臺北市 OO高中': {\n last_verified_at: '2021/03/25 05:06:20',\n status: 'VERIFIED',\n team_name: '臺北市 OO高中',\n },\n },\n },\n description: '',\n end_at: null,\n league: { name: 'OOOOO', uniqid: 'nH8l' },\n start_at: '2021-06-06T00:00:00+08:00',\n title: '2021 OOO XXX',\n type: 'CUP_MATCHES',\n uniqid: 'nH8l-2021-xx',\n year: 2021,\n },\n error: false,\n message: 'Update player verified teams successfully',\n });\n }\n\n return ApiService.put(`/api/seasons/${seasonUniqid}/player_verified_teams`, { data });\n },\n\n updateSeason: ({ leagueUniqid, seasonUniqid, data }) => {\n return ApiService.put(`/api/leagues/${leagueUniqid}/seasons/${seasonUniqid}`, { data });\n },\n\n updateSeasonBasic: ({ leagueUniqid, seasonUniqid, data }) => {\n return ApiService.put(`/api/leagues/${leagueUniqid}/seasons/${seasonUniqid}/basic`, { data });\n },\n\n createGame: ({ seasonUniqid, data }) => {\n return ApiService.post(`/api/seasons/${seasonUniqid}/games`, { data });\n },\n\n importTournamentTeamByOrganizer: ({ seasonUniqid, data }) => {\n return ApiService.post(`/api/seasons/${seasonUniqid}/teams/import`, { data });\n },\n\n createTournamentTeamByOrganizer: ({ seasonUniqid, data }) => {\n return ApiService.post(`/api/seasons/${seasonUniqid}/teams`, { data });\n },\n\n unregisterTournamentTeamByOrganizer: ({ seasonUniqid, seasonTeamUniqid }) => {\n return ApiService.delete(`/api/seasons/${seasonUniqid}/teams/${seasonTeamUniqid}`);\n },\n\n updateTournamentTeamByOrganizer: ({ seasonUniqid, seasonTeamUniqid, data }) => {\n return ApiService.put(`/api/seasons/${seasonUniqid}/teams/${seasonTeamUniqid}`, { data });\n },\n\n createBasicSeason: ({ leagueUniqid, data }) => {\n return ApiService.post(`/api/leagues/${leagueUniqid}/basic_seasons`, { data });\n },\n\n createPremiumSeason: ({ leagueUniqid, data }) => {\n return ApiService.post(`/api/leagues/${leagueUniqid}/premium_seasons`, { data });\n },\n};\n\nexport default Season;\n","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\nimport { getInitRegistryInfo } from '../../features/Tournament/Registry/Const';\n\nconst debugStatus = {\n getRegistry: false,\n initRegistry: false,\n updateBasic: false,\n updateRegulationFile: false,\n updateRequirement: false,\n uploadDocument: false,\n removeDocument: false,\n updateFee: false,\n getReviewTeams: false,\n updateReviewTeamStatus: false,\n importReviewTeamToTournament: false,\n};\n\nconst SeasonRegistry = {\n getRegistry: ({ seasonUniqid }) => {\n if (debugStatus.getRegistry) {\n return fakeApiHelper(200, 'success', {\n data: getInitRegistryInfo(),\n error: false,\n message: 'Get season registry successfully',\n });\n }\n\n return ApiService.get(`/api/seasons/${seasonUniqid}/registry`);\n },\n\n initRegistry: ({ seasonUniqid }) => {\n if (debugStatus.initRegistry) {\n return fakeApiHelper(200, 'success', {\n data: getInitRegistryInfo(),\n error: false,\n message: 'Init registry info successfully',\n });\n }\n\n return ApiService.post(`/api/seasons/${seasonUniqid}/registry`, { data: getInitRegistryInfo() });\n },\n\n updateBasic: ({ seasonRegistryUniqid, data }) => {\n if (debugStatus.updateBasic) {\n return fakeApiHelper(200, 'success', {\n data: getInitRegistryInfo(),\n error: false,\n message: 'Update registry basic info successfully',\n });\n }\n\n return ApiService.put(`/api/season_registries/${seasonRegistryUniqid}/basic`, { data });\n },\n\n updateRegulationFile: ({ seasonRegistryUniqid, file }) => {\n const data = new FormData();\n data.append('pdf', file);\n return ApiService.put(`/api/season_registries/${seasonRegistryUniqid}/regulation_file`, { data });\n },\n\n updateRequirement: ({ seasonRegistryUniqid, data }) => {\n if (debugStatus.updateRequirement) {\n return fakeApiHelper(200, 'success', {\n data: getInitRegistryInfo(),\n error: false,\n message: 'Update registry requirement info successfully',\n });\n }\n\n return ApiService.put(`/api/season_registries/${seasonRegistryUniqid}/requirement`, { data });\n },\n\n uploadDocument: ({ seasonRegistryUniqid, replaceIndex, title, file }) => {\n const data = new FormData();\n data.append('replace_index', replaceIndex);\n data.append('title', title);\n data.append('pdf', file);\n return ApiService.post(`/api/season_registries/${seasonRegistryUniqid}/documents`, { data });\n },\n\n removeDocument: ({ seasonRegistryUniqid, documentIndex }) => {\n return ApiService.delete(`/api/season_registries/${seasonRegistryUniqid}/documents/${documentIndex}`);\n },\n\n updateFee: ({ seasonRegistryUniqid, data }) => {\n if (debugStatus.updateFee) {\n return fakeApiHelper(200, 'success', {\n data: getInitRegistryInfo(),\n error: false,\n message: 'Update registry fee info successfully',\n });\n }\n\n return ApiService.put(`/api/season_registries/${seasonRegistryUniqid}/fee`, { data });\n },\n\n getReviewTeams: ({ seasonRegistryUniqid, statusList }) => {\n const query = statusList.length === 0 ? '' : '?status=' + statusList.join('&status=');\n return ApiService.get(`/api/season_registries/${seasonRegistryUniqid}/review_teams${query}`);\n },\n\n updateReviewTeamStatus: ({ seasonRegistryUniqid, reviewTeamUniqid, data }) => {\n return ApiService.put(`/api/season_registries/${seasonRegistryUniqid}/review_teams/${reviewTeamUniqid}/status`, {\n data,\n });\n },\n\n importReviewTeamToTournament: ({ seasonRegistryUniqid, reviewTeamUniqid }) => {\n return ApiService.post(`/api/season_registries/${seasonRegistryUniqid}/review_teams/${reviewTeamUniqid}/import`);\n },\n};\n\nexport default SeasonRegistry;\n","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n updatePermission: false,\n getLeagueWithSeasons: false,\n};\n\nconst League = {\n updatePermission: ({ userUniqid, leagueUniqid, authority }) => {\n if (debugStatus.updatePermission) {\n return fakeApiHelper(200, 'success', {\n data: {\n permission: 'ADMIN',\n },\n error: false,\n message: 'Request successfully',\n });\n }\n\n return ApiService.put(`/api/users/${userUniqid}/permission/league/${leagueUniqid}`, { data: { authority } });\n },\n\n getLeagueWithSeasons: ({ leagueUniqid }) => {\n if (debugStatus.getLeagueWithSeasons) {\n return fakeApiHelper(200, 'success', {\n data: {\n cover_path: '',\n cover_url: '',\n description: '',\n index_featureds: [],\n index_stats: {\n total_players: '',\n total_seasons: '',\n total_teams: '',\n total_years: '',\n },\n logo_path: '',\n logo_url: '',\n name: 'OOOO 聯會',\n seasons: [\n {\n auto_game_seq: false,\n description: '',\n end_at: '2021-01-29T00:00:00+08:00',\n league: {\n name: 'OOOO 聯會',\n uniqid: 'wxyz',\n },\n start_at: '2021-01-21T00:00:00+08:00',\n title: '2021 xxxx 冬季聯賽',\n type: 'CUP_MATCHES',\n uniqid: 'wxyz-2021-zxcv',\n year: 2021,\n },\n {\n auto_game_seq: true,\n description: '',\n end_at: '2020-07-23T23:59:59+08:00',\n league: {\n name: 'OOOO 聯會',\n uniqid: 'wxyz',\n },\n start_at: '2020-07-15T00:00:00+08:00',\n title: '2020 xxxx 夏季聯賽',\n type: 'CUP_MATCHES',\n uniqid: 'wxyz-2020-zxcv',\n year: 2020,\n },\n ],\n type: 'SENIOR_HIGH_SCHOOL',\n uniqid: 'wxyz',\n },\n error: false,\n message: 'Get leagues successfully',\n });\n }\n\n return ApiService.get(`/api/leagues/${leagueUniqid}`);\n },\n\n updateProfile: ({ leagueUniqid, data }) => {\n return ApiService.put(`/api/leagues/${leagueUniqid}`, { data });\n },\n};\n\nexport default League;\n","import ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n getSeasonRegistry: false,\n getLoginUserTeamsInSeasonRegistries: false,\n updateTeamData: false,\n updateStaffsData: false,\n updatePlayersData: false,\n uploadPDF: false,\n updateReview: false,\n};\n\nconst TeamInSeasonRegistry = {\n getSeasonRegistry: ({ registryUniqid }) => {\n if (debugStatus.getSeasonRegistry) {\n }\n\n return ApiService.get(`/api/season_registries/${registryUniqid}`);\n },\n\n getLoginUserTeamsInSeasonRegistries: () => {\n if (debugStatus.getLoginUserTeamsInSeasonRegistries) {\n }\n\n return ApiService.get(`/api/season_registries_teams`);\n },\n\n updateTeamData: ({ registryUniqid, teamInRegistryUniqid, data }) => {\n if (debugStatus.updateTeamData) {\n }\n\n return ApiService.put(`/api/season_registries/${registryUniqid}/teams/${teamInRegistryUniqid}/team`, { data });\n },\n\n updateStaffsData: ({ registryUniqid, teamInRegistryUniqid, data }) => {\n if (debugStatus.updateTeamData) {\n }\n\n return ApiService.put(`/api/season_registries/${registryUniqid}/teams/${teamInRegistryUniqid}/staffs`, { data });\n },\n\n updatePlayersData: ({ registryUniqid, teamInRegistryUniqid, data }) => {\n if (debugStatus.updatePlayersData) {\n }\n\n return ApiService.put(`/api/season_registries/${registryUniqid}/teams/${teamInRegistryUniqid}/players`, { data });\n },\n\n uploadPDF: ({ registryUniqid, teamInRegistryUniqid, data }) => {\n if (debugStatus.uploadPDF) {\n }\n\n return ApiService.put(`/api/season_registries/${registryUniqid}/teams/${teamInRegistryUniqid}/pdf`, { data });\n },\n\n updateReview: ({ registryUniqid, teamInRegistryUniqid, data }) => {\n if (debugStatus.updateReview) {\n }\n\n return ApiService.put(`/api/season_registries/${registryUniqid}/teams/${teamInRegistryUniqid}/review`, { data });\n },\n};\n\nexport default TeamInSeasonRegistry;\n","import ApiService from '~~commonAPIs/ApiService';\n\nconst PluginOrder = {\n createPluginOrder: ({ data }) => {\n return ApiService.post(`/api/plugin_orders`, { data });\n },\n\n updatePluginOrderReceipt: ({ pluginOrderUniqid, data }) => {\n return ApiService.put(`/api/plugin_orders/${pluginOrderUniqid}/receipt`, { data });\n },\n};\n\nexport default PluginOrder;\n","import { fakeApiHelper } from '~~utils/CommonUtils';\nimport ApiService from '~~commonAPIs/ApiService';\n\nconst debugStatus = {\n list: false,\n};\n\nconst Member = {\n list: () => {\n if (debugStatus.list) {\n return fakeApiHelper(200, 'success', {\n error: false,\n message: 'Get members successfully',\n });\n }\n\n return ApiService.get(`/api/members`);\n },\n};\n\nexport default Member;\n"],"sourceRoot":""}
\n \n 
\n \n 
\n \n