\r\n {\r\n dataSource.map( (num, index) =>\r\n \r\n )\r\n }\r\n \r\n )\r\n}\r\n\r\nexport default withStyles(styles)(NumberSelect);\r\n","/*\n * リスト：マニュアル一覧表示用コンポーネント\n */\nimport React from 'react';\nimport Moment from 'react-moment';\nimport moment from 'moment'\nimport 'moment-timezone';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport TableSortLabel from '@material-ui/core/TableSortLabel';\nimport TablePagination from '@material-ui/core/TablePagination';\nimport Paper from '@material-ui/core/Paper';\nimport Button from '@material-ui/core/Button';\nimport i18next,{t} from 'i18next';\n\nimport CreateIcon from '@material-ui/icons/Create';\nimport ArrowUpwardIcon from '@material-ui/icons/ArrowUpward';\nimport GetAppIcon from '@material-ui/icons/GetApp';\n\nimport { Popup, Pagination } from 'semantic-ui-react';\n\nimport AdminOnly from '../../containers/AdminOnly';\nimport NumberSelect from '../NumberSelect';\nimport Tooltip from '@material-ui/core/Tooltip';\n\n\nconst styles = theme => ({\n root: {\n width: '100%',\n marginTop: theme.spacing.unit * 3,\n overflowX: 'auto',\n },\n table: {\n tableLayout: 'fixed',\n },\n tableFooter: {\n marginTop: theme.spacing.unit,\n },\n rowSelected: {\n background: \"#FFF9C4 !important\",\n }\n});\n\n\nclass ManualTable extends React.Component {\n state = {\n checkedRow: null\n }\n\n SelectRow = (id) => {\n this.setState({checkedRow: id});\n }; \n \n constructor (props) {{\n super(props);\n }}\n\n render() {\n const { classes } = this.props;\n const { resources, page, per_page, count, isSuperuser} = this.props;\n const { handlePageChanged, handlePerPageChanged, handleSortChanged } = this.props;\n const { handleOpenPDF, handleDownload, handleUpgrade, handleEdit } = this.props;\n const { sort } = this.props;\n\n //合計ページ数\n let totalPages = Math.floor(count / per_page);\n if(count % per_page !== 0) {\n totalPages++;\n }\n //権限によってヘッダー情報を変更する\n const getHeaders = () => {\n if (isSuperuser) {\n return adminHeaders;\n }\n else {\n return clientHeaders;\n }\n }\n\n //ページ変更イベント\n const handleChangePage = (event, page) => {\n handlePageChanged(page.activePage);\n };\n\n //表示件数変更イベント\n const handleChangeRowsPerPage = event => {\n handlePerPageChanged(event.target.value);\n };\n\n const onRequestSort = (event, property) => {\n handleSortChanged(property);\n }\n\n const createSortHandler = property => event => {\n onRequestSort(event, property);\n }\n\n\n //表示内容を項目に応じて切り分ける\n const createTableCell = (row, id) => {\n\n switch (id) {\n case 'serials':\n return (\n row.serials.map(item =>{\n return (\n {item.model_code}: {item.start_serial} ~ {item.end_serial}
\n )}\n )\n )\n case 'version':\n const xSplit = String(row[id]).split('.');\n const x1 = xSplit[0] || '0';\n const x2 = xSplit[1] || '0';\n const x3 = xSplit[2] || '0';\n if(isSuperuser) {\n return `${x1}.${x2}.${x3}`;\n }else{\n return `${x1}.${x2}`;\n }\n return (Number(row[id]).toFixed(1))\n case 'display':\n const isDisplay = row[id];\n if (isDisplay){\n return (t('do_display'))\n }\n else {\n return (t('do_not_display'))\n }\n case 'updated_at':\n return (\n \n {moment(row[id])}\n \n )\n case 'actions':\n return (\n \n \n handleEdit(row.id)}\n >\n \n {t('edit')}\n \n {\n row.is_latest ?\n handleUpgrade(row.id)}\n >\n \n {t('upgrade')}\n \n : ''\n }\n \n \n handleOpenPDF(row.file_name)}\n >\n \n {t('download')}\n \n \n \n )\n default:\n return (row[id])\n }\n }\n\n let title='title_ja';\n if(i18next.language!=='ja'){\n title = 'title_en';\n }\n\n let overview = 'overview_ja';\n if(i18next.language!=='ja') {\n overview = 'overview_en';\n }\n\n //管理者用ヘッダー定義\n const adminHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"\", width: \"280px\"},\n {id: 'display', label: t('display'), width: \"150px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'version', label: t('version'), width: \"180px\"},\n {id: 'serials', label: t('serials'), width: \"250px\"},\n {id: 'file_type', label: t('type'), width: \"140px\"},\n {id: 'destination', label: t('destination'), width: \"140px\"},\n {id: 'language', label: t('language'), width: \"140px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n {id: 'evapor', label: t('evapor'), width: \"200px\"},\n {id: 'eu_declaration', label: t('eu_declaration'), width: \"200px\"},\n {id: 'updated_at', label: t('updated_at'), width: \"150px\"},\n ];\n\n //販売店用ヘッダー定義\n const clientHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"PDF\", width: \"200px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'version', label: t('version'), width: \"180px\"},\n {id: 'serials', label: t('serials'), width: \"250px\"},\n {id: 'file_type', label: t('type'), width: \"140px\"},\n {id: 'destination', label: t('destination'), width: \"140px\"},\n {id: 'language', label: t('language'), width: \"140px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n {id: 'evapor', label: t('evapor'), width: \"200px\"},\n {id: 'eu_declaration', label: t('eu_declaration'), width: \"200px\"},\n ];\n\n return (\n \n
\n \n \n \n {getHeaders().map((item, index) => (\n \n \n {item.label}\n \n \n ))}\n \n \n \n {t('change_log')}\n \n \n \n \n \n \n {resources.map(row => {\n return (\n {\n this.SelectRow(row.id);\n }}>\n {\n getHeaders().map(item => (\n \n {createTableCell(row, item.id)}\n \n ))\n }\n \n \n {\n row.change_log_file_name ?\n handleOpenPDF(row.change_log_file_name)}\n >\n \n {t('download')}\n \n : ''\n }\n \n \n \n }\n />\n );\n })}\n \n
\n \n
\n
\r\n {title ?
: \"\"}\r\n
\r\n
\r\n {\r\n isDragActive ?\r\n
{fileDropAreaComment}
:\r\n
{fileDroppingAreaComment}
\r\n }\r\n
\r\n
{(filename && filename!=='') ? t('file_name') + ':' + filename : ''}
\r\n
\r\n \r\n \r\n {dialogTitle}\r\n \r\n {this.props.children}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withStyles(styles)(SharedDialog);\r\n\r\nexport const RawSharedDialog = withStyles(rawStyles)(SharedDialog);\r\n","import React from 'react';\r\nimport FileDropzone from '../FileDropzone';\r\nimport { RawSharedDialog as SharedDialog } from './SharedDialog';\r\nimport PublishIcon from '@material-ui/icons/Publish';\r\n\r\nimport {t} from 'i18next';\r\n\r\nexport default class CountriesImportDialog extends React.Component {\r\n\r\n render() {\r\n const {handleOK, handleCancel, onFileSelected } = this.props;\r\n const {filename} = this.props;\r\n\r\n return (\r\n }\r\n handleOK={handleOK} \r\n handleCancel={handleCancel}>\r\n \r\n \r\n );\r\n }\r\n}","/*\n * リスト：一覧画面の検索フォームコンポーネント\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {t} from 'i18next';\nimport { withStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport TextField from '@material-ui/core/TextField';\nimport Button from '@material-ui/core/Button';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Switch from '@material-ui/core/Switch';\n\nimport SearchIcon from '@material-ui/icons/Search';\nimport GetAppIcon from '@material-ui/icons/GetApp';\nimport AdminOnly from '../../containers/AdminOnly';\n\nimport MultiSelect from '../MultiSelect';\nimport CountriesImportDialog from '../Shared/CountriesImportDialog';\n\nconst styles = theme => ({\n textField: {\n marginLeft: theme.spacing.unit,\n marginRight: theme.spacing.unit,\n width: 200,\n },\n searchButton: {\n float: 'right',\n margin: theme.spacing.unit * 1,\n },\n});\n\nconst SearchForm = props => {\n const { classes } = props;\n const { queries } = props;\n const { file_types } = props.queries;\n const { handleSubmit, handleInputChange, handleFileTypeChange, handleExportCsv } = props;\n const { categories } = props;\n const { uploadFileName, uploadFileSelected, handleUploadOK, handleUploadCancel} = props;\n\n const handleChangeInput = name => event => {\n handleInputChange(name, event.target.value);\n }\n\n const handleChangeCategories = name => ids => {\n console.log(ids);\n handleInputChange(name, ids);\n }\n\n const handleChangeSwitch = name => event => {\n handleInputChange(name, event.target.checked);\n };\n\n const handleChangeCheckbox = name => event => {\n handleFileTypeChange(name, event.target.checked);\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n );\n};\n\nSearchForm.propTypes = {\n queries: PropTypes.object.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n handleInputChange: PropTypes.func.isRequired,\n handleFileTypeChange: PropTypes.func.isRequired,\n};\n\nexport default withStyles(styles)(SearchForm);\n","import { S3_URI } from \"../constants/api\"\r\nimport { createDownloadLog } from \"../modules/api/log\";\r\n\r\n/**\r\n * 拡張子の取得\r\n * @param filename ファイル名\r\n * @returns 拡張子\r\n */\r\nconst getExt = (filename) => {\r\n \tvar pos = filename.lastIndexOf('.');\r\n\tif (pos === -1) return '';\r\n\treturn filename.slice(pos + 1);\r\n}\r\n\r\n/**\r\n * PDFの新規タブ表示およびログ書き込み処理\r\n * @param filename ファイル名\r\n * @returns None\r\n */\r\nexport const openPDF = (filename) => {\r\n //ファイル名の拡張子をチェック\r\n if(getExt(filename).toLowerCase() !== \"pdf\")\r\n return;\r\n\r\n //ログ書き込み\r\n createDownloadLog(filename);\r\n\r\n //新規タブによるPDF表示\r\n window.open(`${S3_URI}/${filename}`, '_blank');\r\n}","import http from './http'\r\n\r\n\r\n//ログ書き込み\r\nexport const createDownloadLog = (filename) => {\r\n return http.post(\"/api/logs\", { \"filename\": filename })\r\n .then( res => {\r\n return res;\r\n })\r\n .catch( res => {\r\n return null;\r\n });\r\n}","import React from 'react';\nimport { connect } from 'react-redux';\n\nimport CreateButton from '../components/CreateButton';\nimport ManualTable from '../components/Manual/ManualTable';\nimport SearchForm from '../components/Manual/SearchForm';\nimport AdminOnly from './AdminOnly';\n\nimport { searchRequest, exportCsvRequest, inputChanged, fileTypeChanged, resetQueries, sortChanged,\n downloadRequest, pageChanged, perPageChanged, menuSelected,\n setUploadFile, uploadCsvRequest, uploadCsvSuccess, uploadCsvFailed } from '../modules/manualList';\nimport { openNew, openUpgrade, openEdit, resetForm } from '../modules/manualForm';\nimport { autoLoginRequest, changeLanguage } from '../modules/auth';\nimport * as categoryAction from '../modules/categories';\nimport { openPDF } from '../services/pdf.service';\n\n\nclass ManualList extends React.Component {\n constructor(props) {\n super(props);\n }\n\n componentWillMount() {\n\n if (!this.props.isLoggedIn) {\n //クエリパラメータから言語情報の取得(?lang=en/ja)\n const qparams = new URLSearchParams(this.props.location.search);\n const lang = qparams.get('lang'); \n this.props.setLanguage(lang);\n\n const {params} = this.props.match;\n if (params.type) {\n this.props.autoLogin(params.type);\n }\n }\n this.props.resetForm();\n this.props.fetchCategories();\n this.props.searchRequest(this.props.queries);\n }\n\n render () {\n const props = this.props;\n return (\n \n
{\n return {\n key : category.id,\n value : category.category_short_name\n }})}\n uploadFileName={props.uploadFileName}\n uploadFileSelected={props.uploadFileSelected}\n handleUploadOK={props.handleUploadOK}\n handleUploadCancel={props.handleUploadCancel}\n />\n openPDF(filename)}\n handleDownload={props.handleDownload}\n handleUpgrade={props.handleUpgrade}\n handleEdit={props.handleEdit}\n handleSortChanged={props.handleSortChanged}\n />\n \n \n \n \r\n {\r\n display ?\r\n \r\n \r\n \r\n : null \r\n }\r\n
\r\n )\r\n}\r\n\r\nconst FormContent = (props) =>{\r\n const {classes} = props;\r\n const {manual, categories, models, new_serials, step} = props;\r\n return (\r\n \r\n {\r\n step!==0 ?\r\n \r\n \r\n \r\n {getListItem(t('file_name'), manual.file_name, classes)}\r\n {getListItem(t('file_type'), manual.file_type, classes)}\r\n {getListItem(t('title_ja'), manual.title_ja, classes)}\r\n {getListItem(t('title_en'), manual.title_en, classes)}\r\n
\r\n \r\n \r\n : ''\r\n }\r\n
\r\n )\r\n};\r\n\r\nFormContent.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(FormContent);\r\n","/*\r\n * フォーム：ファイル選択フォームコンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport {t} from 'i18next';\r\n\r\nimport Grid from '@material-ui/core/Grid';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Radio from '@material-ui/core/Radio';\r\nimport RadioGroup from '@material-ui/core/RadioGroup';\r\nimport TextField from '@material-ui/core/TextField';\r\n\r\nimport * as fileTypes from '../../constants/fileTypes';\r\nimport FileDropzone from '../FileDropzone';\r\n\r\nconst styles = theme => ({\r\n title: {\r\n width: 400\r\n },\r\n});\r\n\r\nconst FileSelectionForm = (props) => {\r\n const { classes } = props;\r\n const { file_type, title_ja, title_en, filename } = props;\r\n const { onFileSelected } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n } label={t('UM')} />\r\n } label={t('PC')} />\r\n } label={t('PU')} />\r\n } label={t('SM')} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nFileSelectionForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(FileSelectionForm);\r\n","/*\r\n * 汎用：ダイアログ選択コンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport TableSortLabel from '@material-ui/core/TableSortLabel';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport {t} from 'i18next';\r\nimport SharedDialog from './Shared/SharedDialog';\r\nimport Chip from '@material-ui/core/Chip';\r\n\r\nfunction desc(a, b, orderBy) {\r\n if (b[orderBy] < a[orderBy]) {\r\n return -1;\r\n }\r\n if (b[orderBy] > a[orderBy]) {\r\n return 1;\r\n }\r\n return 0;\r\n}\r\n\r\nfunction stableSort(array, cmp) {\r\n const stabilizedThis = array.map((el, index) => [el, index]);\r\n stabilizedThis.sort((a, b) => {\r\n const order = cmp(a[0], b[0]);\r\n if (order !== 0) return order;\r\n return a[1] - b[1];\r\n });\r\n return stabilizedThis.map(el => el[0]);\r\n}\r\n\r\nfunction getSorting(order, orderBy) {\r\n return order === 'desc' ? (a, b) => desc(a, b, orderBy) : (a, b) => -desc(a, b, orderBy);\r\n}\r\n\r\n\r\nclass EnhancedTableHead extends React.Component {\r\n createSortHandler = property => event => {\r\n this.props.onRequestSort(event, property);\r\n };\r\n\r\n render() {\r\n const { rows } = this.props;\r\n const { onSelectAllClick, order, orderBy, numSelected, rowCount } = this.props;\r\n\r\n return (\r\n \r\n \r\n \r\n 0 && numSelected < rowCount}\r\n checked={numSelected === rowCount}\r\n onChange={onSelectAllClick}\r\n />\r\n \r\n {rows.map(row => {\r\n return (\r\n \r\n \r\n \r\n {row.label}\r\n \r\n \r\n \r\n );\r\n }, this)}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nEnhancedTableHead.propTypes = {\r\n numSelected: PropTypes.number.isRequired,\r\n onRequestSort: PropTypes.func.isRequired,\r\n onSelectAllClick: PropTypes.func.isRequired,\r\n order: PropTypes.string.isRequired,\r\n rowCount: PropTypes.number.isRequired,\r\n};\r\n\r\n\r\nconst styles = theme => ({\r\n root: {\r\n width: '100%',\r\n marginTop: theme.spacing.unit * 3,\r\n },\r\n table: {\r\n minWidth: 500,\r\n },\r\n tableWrapper: {\r\n overflowX: 'auto',\r\n },\r\n chip: {\r\n margin: theme.spacing.unit / 3,\r\n },\r\n});\r\n\r\nclass SelectableTable extends React.Component {\r\n state = {\r\n order: 'asc',\r\n orderBy: this.props.orderBy || null,\r\n page: 0,\r\n data: this.props.models,\r\n selected: this.props.selected || [],\r\n rowsPerPage: 5,\r\n };\r\n\r\n updateState(state){\r\n this.setState(state);\r\n }\r\n\r\n handleRequestSort = (event, property) => {\r\n const orderBy = property;\r\n let order = 'desc';\r\n\r\n if (this.state.orderBy === property && this.state.order === 'desc') {\r\n order = 'asc';\r\n }\r\n\r\n this.setState({ order, orderBy });\r\n };\r\n\r\n handleSelectAllClick = event => {\r\n if (event.target.checked) {\r\n this.setState(state => ({\r\n selected: this.props.data.map(n => {\r\n return n.id;\r\n })\r\n }));\r\n return;\r\n }\r\n this.setState({\r\n selected: []\r\n });\r\n };\r\n\r\n handleClick = (event, id) => {\r\n const { selected } = this.state;\r\n const selectedIndex = selected.indexOf(id);\r\n let newSelected = [];\r\n\r\n if (selectedIndex === -1) {\r\n newSelected = newSelected.concat(selected, id);\r\n } else if (selectedIndex === 0) {\r\n newSelected = newSelected.concat(selected.slice(1));\r\n } else if (selectedIndex === selected.length - 1) {\r\n newSelected = newSelected.concat(selected.slice(0, -1));\r\n } else if (selectedIndex > 0) {\r\n newSelected = newSelected.concat(\r\n selected.slice(0, selectedIndex),\r\n selected.slice(selectedIndex + 1),\r\n );\r\n }\r\n\r\n this.updateState({selected: newSelected});\r\n };\r\n\r\n handleChangePage = (event, page) => {\r\n this.setState({ page });\r\n };\r\n\r\n handleChangeRowsPerPage = event => {\r\n this.setState({ rowsPerPage: event.target.value });\r\n };\r\n\r\n isSelected = id => this.state.selected.indexOf(id) !== -1;\r\n\r\n getSelectedIds = (ids, data, displayKey) => {\r\n const merge = ids.map(id => {\r\n const item = data.find(x => x.id === id);\r\n if(item && item != 'undefined') {\r\n return {\r\n id: id,\r\n key: item[displayKey]\r\n }\r\n }\r\n return null;\r\n });\r\n return merge.filter(x => x !== null).sort((a,b)=>{\r\n return ('' + a.key).localeCompare(b.key);\r\n });\r\n }\r\n\r\n render() {\r\n const { classes, data, rows, dialogTitle, buttonTitle, displayField } = this.props;\r\n const { handleOK, handleOpen, handleCancel } = this.props;\r\n const { order, orderBy, rowsPerPage, page } = this.state;\r\n\r\n //選択中データの配列(ID)をhandleOKに渡します\r\n const _handleOK = () => {\r\n if(handleOK){\r\n handleOK(this.state.selected);\r\n }\r\n };\r\n\r\n const _handleOpen = () => {\r\n this.setState({\r\n selected: this.props.selected\r\n });\r\n }\r\n\r\n const emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {stableSort(data, getSorting(order, orderBy))\r\n //.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\r\n .map(n => {\r\n const isSelected = this.isSelected(n.id);\r\n return (\r\n {\r\n this.handleClick(event, n.id)\r\n }}\r\n role=\"checkbox\"\r\n aria-checked={isSelected}\r\n tabIndex={-1}\r\n key={dialogTitle + 'tr' + n.id}\r\n selected={isSelected}\r\n >\r\n \r\n \r\n \r\n {rows.map(row => (\r\n {n[row.id]}\r\n ))}\r\n \r\n );\r\n })}\r\n {emptyRows > 0 && (\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n {\r\n this.getSelectedIds(this.props.selected, data, displayField).map(\r\n item => {\r\n return (\r\n
\r\n )\r\n }\r\n )\r\n\r\n /*\r\n this.props.selected.map(selectedIndex => {\r\n const row = data.find(x => x.id === selectedIndex);\r\n if(row){\r\n return (\r\n
\r\n )\r\n }\r\n })\r\n */\r\n }\r\n
\r\n {t('version')}\r\n \r\n \r\n \r\n \r\n \r\n .\r\n \r\n \r\n \r\n \r\n \r\n .\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default withStyles(styles)(ModelSelectionForm)\r\n","/*\n * フォーム：機番編集用コンポーネント\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport {t} from 'i18next';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Input from '@material-ui/core/Input';\nimport TextField from '@material-ui/core/TextField';\n\nconst styles = theme => ({\n root: {\n width: '100%',\n marginTop: theme.spacing.unit * 3,\n overflowX: 'auto',\n },\n table: {\n minWidth: 500,\n tableLayout: \"auto\"\n },\n numberCell:{\n textAlign: \"right\",\n width: 80\n },\n});\n\n/*\ntype Serial = {\n model_id: number,\n model_name: string,\n manual_id: number,\n version: number,\n file_type: string,\n start_serial: number,\n end_serial: number,\n is_editable_start: boolean,\n is_editable_end: boolean,\n is_new: boolean\n}\n*/\n\nconst SerialForm = (props) => {\n const { classes } = props;\n const { rows } = props;\n const { handleSerialChanged, handlePastSerialChanged } = props;\n\n const onSerialChanged = (row, key) => (event) => {\n if(row.manual_id) {\n handlePastSerialChanged(row.manual_id, row.model_id, key, event.target.value);\n }\n else {\n handleSerialChanged(row.model_id, key, event.target.value);\n }\n }\n\n return (\n \n \n \n \n {t('models_name')}\n {t('file_type')}\n {t('version')}\n {t('start_serial')}\n {t('end_serial')}\n \n \n \n {rows.map((row, index) => (\n \n {row.model_name}\n {row.file_type}\n {row.version}\n \n {\n row.is_start_editable ?\n \t\t\t\t\t\t\n : row.start_serial\n }\n \n \n {\n row.is_end_editable ?\n \t\t\t\t\t\t\n : row.end_serial\n }\n \n \n ))}\n \n
\n \n )\n}\n\nexport default withStyles(styles)(SerialForm);\n","/*\r\n * フォーム：マニュアル詳細入力コンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nimport SelectableTable from '../SelectableTable';\r\nimport FileDropzone from '../FileDropzone';\r\nimport { Checkbox } from '@material-ui/core';\r\n\r\nconst styles = (theme) => ({\r\n container: {\r\n width: '100%'\r\n },\r\n textField: {\r\n width: 200\r\n },\r\n multiTextField: {\r\n width: 300\r\n },\r\n});\r\n\r\nconst DetailForm = (props) => {\r\n const { classes } = props;\r\n const { handleInputChange, handleSelectedCountries, handleOnChangeLogFileSelected } = props;\r\n const { manual, countries, selectedCountries, changeLogFileName, showMessage } = props;\r\n\r\n const handleChangeInput = (name, maxLen = 50) => event => {\r\n const rawInput = event.target.value;\r\n if (String(rawInput).length <= maxLen) {\r\n handleInputChange(name, rawInput);\r\n } else {\r\n showMessage({\r\n type: 'warning',\r\n content: t('max_length_error', { maxLen: maxLen })\r\n });\r\n }\r\n }\r\n\r\n const handleChangeCheckbox = name => event => {\r\n handleInputChange(name, event.target.checked);\r\n }\r\n\r\n const handleChangePageNumber = name => event => {\r\n const rawInput = event.target.value;\r\n if (!rawInput) {\r\n handleInputChange(name, null);\r\n return;\r\n }\r\n let num = Number(rawInput).toFixed(0);\r\n if (num < 0) {\r\n num = 0;\r\n } else if (num > 999999999) {\r\n num = 999999999;\r\n }\r\n handleInputChange(name, num);\r\n }\r\n\r\n const rows = [\r\n { id: 'country_code', label: t('country_code') },\r\n { id: 'country_name', label: t('country_name') },\r\n ];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ))\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n } label=\"オンラインマニュアル\" />\r\n }\r\n onChange={handleChangeCheckbox('is_allowed_online_document')}\r\n label=\"マニュアル参照システム\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nDetailForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(DetailForm);\r\n","/*\r\n * フォーム：戻るボタン\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types'\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Fab from '@material-ui/core/Fab';\r\nimport UndoIcon from '@material-ui/icons/Undo';\r\nimport {t} from 'i18next';\r\n\r\nconst styles = theme => ({\r\n actionButton: {\r\n margin: 0,\r\n top: 'auto',\r\n right: 20,\r\n bottom: 20,\r\n left: 'auto',\r\n position: 'fixed',\r\n },\r\n cancelText: {\r\n fontSize: 8,\r\n }\r\n})\r\n\r\nconst BackButton = (props) => {\r\n const { classes } = props;\r\n const { handleClick } = props;\r\n return (\r\n \r\n \r\n {t('cancel')}\r\n \r\n \r\n )\r\n}\r\n\r\nBackButton.propsType = {\r\n classes: PropTypes.object.isRequired,\r\n handleClick: PropTypes.func.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(BackButton);\r\n","/*\r\n * フォーム：削除ボタン\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types'\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Fab from '@material-ui/core/Fab';\r\nimport {t} from 'i18next';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\n\r\nconst styles = theme => ({\r\n actionButton: {\r\n margin: 0,\r\n top: 80,\r\n right: 20,\r\n bottom: 'auto',\r\n left: 'auto',\r\n position: 'fixed',\r\n },\r\n deleteText: {\r\n fontSize: 8,\r\n }\r\n})\r\n\r\nconst DeleteButton = (props) => {\r\n const { classes } = props;\r\n const { id } = props;\r\n const { handleConfirm, handleDelete } = props;\r\n const confirmContent = {\r\n title: t('confirm'),\r\n content: t('delete_confirm'),\r\n actions: {\r\n ok: () => handleDelete(id)\r\n }\r\n }\r\n const handleClick = () => handleConfirm(confirmContent)\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nDeleteButton.propsType = {\r\n classes: PropTypes.object.isRequired,\r\n handleClick: PropTypes.func.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(DeleteButton);\r\n","\r\nimport React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport ConfirmDialog from '../components/ConfirmDialog';\r\nimport DeleteButton from '../components/DeleteButton';\r\nimport * as manualModule from '../modules/manualForm';\r\nimport * as confirmModule from '../modules/confirm';\r\nimport {t} from 'i18next';\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n id: state.manualForm.manual.id,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n handleConfirm: (data) => dispatch(confirmModule.showConfirm(data)),\r\n handleDelete: (id) => dispatch(manualModule.deleteRequest(id))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteButton);\r\n","/*\r\n * フォーム：ステッパーフォームコンポーネント\r\n */\r\nimport React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Divider from '@material-ui/core/Divider';\r\n\r\nimport FormContent from './FormContent';\r\nimport FileSelectionForm from './FileSelectionForm';\r\nimport ModelSelectionForm from './ModelSelectionForm';\r\n//import SerialEditForm from './SerialEditForm';\r\nimport SerialForm from '../SerialForm';\r\nimport DetailForm from './DetailForm';\r\nimport BackButton from '../BackButton';\r\nimport DeleteButton from '../../containers/DeleteButton';\r\nimport * as FormType from '../../constants/formTypes';\r\n\r\nconst styles = theme => ({\r\n root: {\r\n width: '90%',\r\n },\r\n backButton: {\r\n marginRight: theme.spacing.unit,\r\n },\r\n instructions: {\r\n marginTop: theme.spacing.unit,\r\n marginBottom: theme.spacing.unit,\r\n },\r\n});\r\n\r\nconst Container = (props) => (\r\n \r\n \r\n \r\n {props.children}\r\n \r\n \r\n);\r\n\r\n\r\n//バージョンでソートする\r\nconst sortByVersion = (a, b) => {\r\n const aSplit = a.split('.');\r\n const a1 = Number(aSplit[0]) || 0;\r\n const a2 = Number(aSplit[1]) || 0;\r\n const a3 = Number(aSplit[2]) || 0;\r\n const bSplit = b.split('.')\r\n const b1 = Number(bSplit[0]) || 0;\r\n const b2 = Number(bSplit[1]) || 0;\r\n const b3 = Number(bSplit[2]) || 0;\r\n //大小比較\r\n if ((a1 * 100 + a2 * 10 + a3) < (b1 * 100 + b2 * 10 + b3)) {\r\n return 1\r\n }\r\n return -1;\r\n}\r\n\r\n\r\nconst getStepContent = (stepIndex, props) => {\r\n const { countries } = props;\r\n switch (stepIndex) {\r\n case 0:\r\n return (\r\n \r\n );\r\n case 1:\r\n return (\r\n \r\n );\r\n case 2:\r\n const newData = props.new_serials.map(serial => {\r\n return {\r\n ...serial,\r\n version: props.manual.version,\r\n file_type: props.manual.file_type,\r\n is_start_editable: true,\r\n is_end_editable: true,\r\n is_new: true,\r\n manual_id: null,\r\n model_id: serial.model_id,\r\n model_name: props.models.find(x => x.id === serial.model_id).model_code,\r\n }\r\n });\r\n\r\n const rows = props.serials.concat(newData).sort((a, b) => {\r\n return b.model_id - a.model_id || sortByVersion(a.version, b.version)\r\n });\r\n\r\n return (\r\n \r\n )\r\n case 3:\r\n return (\r\n \r\n );\r\n default:\r\n return 'Uknown stepIndex';\r\n }\r\n}\r\n\r\nconst ManualForm = (props) => {\r\n const { classes } = props;\r\n const { activeStep } = props;\r\n const { handleNext, handleBack, handleReset, handleBackTo } = props;\r\n const steps = [t('step1'), t('step2'), t('step3'), t('step4')];\r\n\r\n return (\r\n \r\n
\r\n {steps.map(label => (\r\n \r\n {label}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n
\r\n ) : (\r\n
\r\n {getStepContent(activeStep, props)}\r\n
\r\n \r\n {t('back')}\r\n \r\n \r\n
\r\n
\r\n )}\r\n
\r\n
\r\n {\r\n props.manual.id && props.manual.is_latest && props.formType===FormType.EDIT ? \r\n
\r\n : \"\"\r\n }\r\n
{item.model_code}: {item.start_serial} ~ {item.end_serial}
\n )}\n )\n )\n case 'version':\n const xSplit = String(row[id]).split('.');\n const x1 = xSplit[0] || '0';\n const x2 = xSplit[1] || '0';\n const x3 = xSplit[2] || '0';\n if(isSuperuser) {\n return `${x1}.${x2}.${x3}`;\n }else{\n return `${x1}.${x2}`;\n }\n return (Number(row[id]).toFixed(1))\n case 'display':\n const isDisplay = row[id];\n if (isDisplay){\n return (t('do_display'))\n }\n else {\n return (t('do_not_display'))\n }\n case 'updated_at':\n return (\n \n {moment(row[id])}\n \n )\n case 'actions':\n return (\n \n \n handleEdit(row.id)}\n >\n \n {t('edit')}\n \n {\n row.is_latest ?\n handleUpgrade(row.id)}\n >\n \n {t('upgrade')}\n \n : ''\n }\n \n \n handleOpenPDF(row.file_name)}\n >\n \n {t('download')}\n \n \n \n )\n default:\n return (row[id])\n }\n }\n\n let title='title_ja';\n if(i18next.language!=='ja'){\n title = 'title_en';\n }\n\n let overview = 'overview_ja';\n if(i18next.language!=='ja') {\n overview = 'overview_en';\n }\n\n //管理者用ヘッダー定義\n const adminHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"\", width: \"200px\"},\n {id: 'display', label: t('display'), width: \"150px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'categories', label: t('category_code'), width: \"140px\"},\n {id: 'destination', label: t('destination'), width: \"140px\"},\n {id: 'language', label: t('language'), width: \"140px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n {id: 'updated_at', label: t('updated_at'), width: \"150px\"},\n ];\n\n //販売店用ヘッダー定義\n const clientHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"PDF\", width: \"200px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'categories', label: t('category_code'), width: \"140px\"},\n {id: 'destination', label: t('destination'), width: \"140px\"},\n {id: 'language', label: t('language'), width: \"140px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n ];\n\n return (\n \n
\n \n \n \n {getHeaders().map((item, index) => (\n \n \n {item.label}\n \n \n ))}\n \n \n \n {t('catalog_data')}\n \n \n \n \n \n \n {resources.map(row => {\n return (\n {\n this.SelectRow(row.id);\n }}>\n {\n getHeaders().map(item => (\n \n {createTableCell(row, item.id)}\n \n ))\n }\n \n \n {\n row.zip_file_name ?\n handleDownload(row.zip_file_name)}\n >\n \n {t('download')}\n \n : ''\n }\n \n \n \n }\n />\n );\n })}\n \n
\n \n
\n
\n \n
\n \n \n \n );\n};\n\nSearchForm.propTypes = {\n queries: PropTypes.object.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n handleInputChange: PropTypes.func.isRequired,\n handleFileTypeChange: PropTypes.func.isRequired,\n};\n\nexport default withStyles(styles)(SearchForm);\n","import React from 'react';\nimport { connect } from 'react-redux';\n\nimport CreateButton from '../../components/CreateButton';\nimport CatalogTable from '../../components/Catalog/CatalogTable';\nimport CatalogSearchForm from '../../components/Catalog/CatalogSearchForm';\nimport AdminOnly from '../AdminOnly';\n\nimport { searchRequest, exportCsvRequest, inputChanged, fileTypeChanged, resetQueries, sortChanged,\n downloadRequest, pageChanged, perPageChanged,\n setUploadFile, uploadCsvRequest } from '../../modules/catalog/catalogList';\nimport { openNew, openUpgrade, openEdit, resetForm } from '../../modules/catalog/catalogForm';\nimport { autoLoginRequest, changeLanguage } from '../../modules/catalog/catalogAuth';\nimport * as categoryAction from '../../modules/categories';\nimport { openPDF } from '../../services/pdf.service';\n\n\nclass CatalogList extends React.Component {\n constructor(props) {\n super(props);\n }\n\n componentWillMount() {\n if (!this.props.isLoggedIn) {\n const {params} = this.props.match;\n\n //クエリパラメータから言語情報の取得(?lang=en/ja)\n const qparams = new URLSearchParams(this.props.location.search);\n const lang = qparams.get('lang'); \n this.props.setLanguage(lang);\n\n if (params.type) {\n this.props.autoLogin(params.type);\n }\n }\n this.props.resetForm();\n this.props.fetchCategories();\n this.props.searchRequest(this.props.queries);\n }\n\n render () {\n const props = this.props;\n return (\n \n
{\n return {\n key : category.id,\n value : category.category_short_name\n }})}\n uploadFileName={props.uploadFileName}\n uploadFileSelected={props.uploadFileSelected}\n handleUploadOK={props.handleUploadOK}\n handleUploadCancel={props.handleUploadCancel}\n />\n openPDF(filename)}\n handleDownload={props.handleDownload}\n handleUpgrade={props.handleUpgrade}\n handleEdit={props.handleEdit}\n handleSortChanged={props.handleSortChanged}\n />\n \n \n \n \r\n {\r\n display ?\r\n \r\n \r\n \r\n : null \r\n }\r\n
\r\n )\r\n}\r\n\r\nconst CatalogFormContent = (props) =>{\r\n const {classes} = props;\r\n const {manual, step} = props;\r\n return (\r\n \r\n {\r\n step!==0 ?\r\n \r\n \r\n \r\n {getListItem(t('file_name'), manual.file_name, classes)}\r\n
\r\n \r\n \r\n : ''\r\n }\r\n
\r\n )\r\n};\r\n\r\nCatalogFormContent.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(CatalogFormContent);\r\n","/*\r\n * フォーム：ファイル選択フォームコンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\n\r\nimport Grid from '@material-ui/core/Grid';\r\nimport FileDropzone from '../FileDropzone';\r\n\r\nconst styles = theme => ({\r\n title: {\r\n width: 400\r\n },\r\n});\r\n\r\nconst CatalogFileSelectionForm = (props) => {\r\n const { filename } = props;\r\n const { onFileSelected } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nCatalogFileSelectionForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(CatalogFileSelectionForm);\r\n","/*\r\n * フォーム：機種・バージョン入力コンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nimport SelectableTable from '../SelectableTable';\r\n\r\nconst styles = theme => ({\r\n version: {\r\n marginTop: theme.spacing.unit * 3,\r\n },\r\n dotRoot: {\r\n position: \"relative\",\r\n width: theme.spacing.unit,\r\n\r\n },\r\n dot: {\r\n position: \"absolute\",\r\n bottom: theme.spacing.unit,\r\n }\r\n})\r\n\r\nconst CatalogModelSelectionForm = (props) => {\r\n const { classes } = props;\r\n const { categories, models, catalog, new_serials, selectedCategories, selectedModels } = props;\r\n const { handleSelectedCategories, handleSelectedModels, handleInputChange } = props;\r\n\r\n var ver1 = 0;\r\n var ver2 = 0;\r\n var ver3 = 0;\r\n\r\n if(catalog && catalog.version) {\r\n const ver_split = catalog.version.split('.');\r\n if(ver_split.length >= 3) {\r\n ver1 = ver_split[0] || 0;\r\n ver2 = ver_split[1] || 0;\r\n ver3 = ver_split[2] || 0;\r\n }\r\n }\r\n\r\n //整数かどうか\r\n /*\r\n const isInteger = (x) => {\r\n return Math.round(x) === x;\r\n }\r\n //整数の場合は、桁数をそろえる\r\n const convertNumber = (x) => {\r\n const num = Number(x);\r\n if (isInteger(num)){\r\n return num.toFixed(1);\r\n }\r\n return num;\r\n }\r\n\r\n const abs = (x) => {\r\n const value = Math.round(x*10)/10;\r\n return value < 0 ? -value: value;\r\n }\r\n */\r\n\r\n const handleChangeInput = pos => event => {\r\n const val = Number(event.target.value).toFixed(0);\r\n if (val < 0 || 99 < val) return;\r\n let version = '';\r\n switch (pos) {\r\n case 0:\r\n version = `${val}.${ver2}.${ver3}`;\r\n break;\r\n case 1:\r\n version = `${ver1}.${val}.${ver3}`;\r\n break;\r\n case 2:\r\n version = `${ver1}.${ver2}.${val}`;\r\n break;\r\n default:\r\n return;\r\n }\r\n handleInputChange('version', version);\r\n }\r\n\r\n\r\n //カテゴリ選択用テーブルの列定義\r\n const categoryRows = [\r\n {id: 'category_short_name' , label: t('category_short_name') },\r\n {id: 'category_name' , label: t('category_name') },\r\n ]\r\n\r\n //機種選択用テーブルの列定義\r\n const modelRows = [\r\n {id: 'category_code' , label: t('category_code') },\r\n {id: 'model_code' , label: t('model_code') },\r\n ]\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default withStyles(styles)(CatalogModelSelectionForm)\r\n","/*\r\n * 汎用：ファイル入力コンポーネント\r\n */\r\nimport React from 'react';\r\nimport Dropzone from 'react-dropzone';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport classNames from 'classnames';\r\nimport {t} from 'i18next';\r\nimport axios from 'axios';\r\nimport {HOST} from '../constants/api';\r\n\r\nconst styles = (theme) => ({\r\n draggableArea: {\r\n width: 400,\r\n height: 80,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderWidth: 2,\r\n borderColor: '#ccc',\r\n borderStyle: 'solid',\r\n borderRadius: 5,\r\n },\r\n filename: {\r\n fontSize: 12,\r\n },\r\n title: {\r\n fontSize: 13,\r\n coloe: '#ccc',\r\n }\r\n});\r\n\r\nconst ZipFileDropzone = (props) => {\r\n const { classes } = props;\r\n const { filename } = props;\r\n const { onFileSelected } = props;\r\n\r\n const { title } = props;\r\n\r\n const onDrop = (files) => {\r\n const file = files[0];\r\n if(!file) {\r\n alert(t('file_input_error'));\r\n return;\r\n }\r\n onFileSelected(file);\r\n }\r\n\r\n return (\r\n \r\n {({getRootProps, getInputProps, isDragActive}) => {\r\n return (\r\n \r\n {title ?
: \"\"}\r\n
\r\n
\r\n {\r\n isDragActive ?\r\n
{t('zip_file_drop_area')}
:\r\n
{t('zip_file_drop_here')}
\r\n }\r\n
\r\n
{(filename && filename!=='') ? t('file_name') + ':' + filename : ''}
\r\n
\r\n
\r\n {steps.map(label => (\r\n \r\n {label}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n
\r\n ) : (\r\n
\r\n {getStepContent(activeStep, props)}\r\n
\r\n \r\n {t('back')}\r\n \r\n \r\n
\r\n
\r\n )}\r\n
\r\n
\r\n {\r\n props.catalog.id && props.formType===FormType.EDIT ? \r\n
\r\n : \"\"\r\n }\r\n
{item.model_code}: {item.start_serial} ~ {item.end_serial}
\n )}\n )\n )\n case 'display':\n const isDisplay = row[id];\n if (isDisplay){\n return (t('do_display'))\n }\n else {\n return (t('do_not_display'))\n }\n case 'updated_at':\n return (\n \n {moment(row[id])}\n \n )\n case 'actions':\n return (\n \n \n handleEdit(row.id)}\n >\n \n {t('edit')}\n \n \n \n handleOpenPDF(row.file_name)}\n >\n \n {t('download')}\n \n \n \n )\n default:\n return (row[id])\n }\n }\n\n let title='title_ja';\n if(i18next.language!=='ja'){\n title = 'title_en';\n }\n\n let overview = 'overview_ja';\n if(i18next.language!=='ja') {\n overview = 'overview_en';\n }\n\n //管理者用ヘッダー定義\n const adminHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"\", width: \"200px\"},\n {id: 'display', label: t('display'), width: \"150px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'serials', label: t('serials'), width: \"250px\"},\n {id: 'file_type', label: t('type'), width: \"140px\"},\n {id: 'declaration_date', label: t('declaration_date'), width: \"140px\"},\n {id: 'compiler', label: t('compiler'), width: \"200px\"},\n {id: 'control_number', label: t('control_number'), width: \"200px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n {id: 'updated_at', label: t('updated_at'), width: \"150px\"},\n ];\n\n //販売店用ヘッダー定義\n const clientHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"PDF\", width: \"200px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'serials', label: t('serials'), width: \"250px\"},\n {id: 'file_type', label: t('type'), width: \"140px\"},\n {id: 'declaration_date', label: t('declaration_date'), width: \"200px\"},\n {id: 'compiler', label: t('compiler'), width: \"200px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n ];\n\n return (\n \n
\n \n \n \n {getHeaders().map((item, index) => (\n \n \n {item.label}\n \n \n ))}\n \n \n \n {resources.map(row => {\n return (\n {\n this.SelectRow(row.id);\n }}>\n {\n getHeaders().map(item => (\n \n {createTableCell(row, item.id)}\n \n ))\n }\n \n }\n />\n );\n })}\n \n
\n \n
\n
\n \n
\n \n \n \n );\n};\n\nSearchForm.propTypes = {\n queries: PropTypes.object.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n handleInputChange: PropTypes.func.isRequired,\n handleFileTypeChange: PropTypes.func.isRequired,\n};\n\nexport default withStyles(styles)(SearchForm);\n","import React from 'react';\nimport { connect } from 'react-redux';\n\nimport CreateButton from '../../components/CreateButton';\nimport DocTable from '../../components/Doc/DocTable';\nimport DocSearchForm from '../../components/Doc/DocSearchForm';\nimport AdminOnly from '../AdminOnly';\n\nimport { searchRequest, exportCsvRequest, inputChanged, fileTypeChanged, resetQueries, sortChanged,\n downloadRequest, pageChanged, perPageChanged, \n setUploadFile, uploadCsvRequest } from '../../modules/doc/docList';\nimport { openNew, openUpgrade, openEdit, resetForm } from '../../modules/doc/docForm';\nimport { autoLoginRequest, changeLanguage } from '../../modules/doc/docAuth';\nimport * as categoryAction from '../../modules/categories';\nimport { useLocation } from 'react-router';\nimport { openPDF } from '../../services/pdf.service';\n\n\nclass DocList extends React.Component {\n constructor(props) {\n super(props);\n }\n\n componentWillMount() {\n if (!this.props.isLoggedIn) {\n const {params} = this.props.match;\n\n //クエリパラメータから言語情報の取得(?lang=en/ja)\n const qparams = new URLSearchParams(this.props.location.search);\n const lang = qparams.get('lang'); \n this.props.setLanguage(lang);\n\n if (params.type) {\n this.props.autoLogin(params.type);\n }\n }\n this.props.resetForm();\n this.props.fetchCategories();\n this.props.searchRequest(this.props.queries);\n }\n\n render () {\n const props = this.props;\n return (\n \n
{\n return {\n key : category.id,\n value : category.category_short_name\n }})}\n uploadFileName={props.uploadFileName}\n uploadFileSelected={props.uploadFileSelected}\n handleUploadOK={props.handleUploadOK}\n handleUploadCancel={props.handleUploadCancel}\n />\n openPDF(filename)}\n handleDownload={props.handleDownload}\n handleUpgrade={props.handleUpgrade}\n handleEdit={props.handleEdit}\n handleSortChanged={props.handleSortChanged}\n />\n \n \n \n \r\n {\r\n display ?\r\n \r\n \r\n \r\n : null \r\n }\r\n
\r\n )\r\n}\r\n\r\nconst DocFormContent = (props) =>{\r\n const {classes} = props;\r\n const {doc, step} = props;\r\n return (\r\n \r\n {\r\n step!==0 ?\r\n \r\n \r\n \r\n {getListItem(t('file_name'), doc.file_name, classes)}\r\n {getListItem(t('file_type'), doc.file_type, classes)}\r\n {getListItem(t('title_ja'), doc.title_ja, classes)}\r\n {getListItem(t('title_en'), doc.title_en, classes)}\r\n
\r\n \r\n \r\n : ''\r\n }\r\n
\r\n )\r\n};\r\n\r\nDocFormContent.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(DocFormContent);\r\n","/*\r\n * フォーム：ファイル選択フォームコンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport {t} from 'i18next';\r\n\r\nimport Grid from '@material-ui/core/Grid';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Radio from '@material-ui/core/Radio';\r\nimport RadioGroup from '@material-ui/core/RadioGroup';\r\nimport TextField from '@material-ui/core/TextField';\r\n\r\nimport * as docTypes from '../../constants/docTypes';\r\nimport FileDropzone from '../FileDropzone';\r\n\r\nconst styles = theme => ({\r\n title: {\r\n width: 400\r\n },\r\n});\r\n\r\nconst DocFileSelectionForm = (props) => {\r\n const { classes } = props;\r\n const { file_type, title_ja, title_en, filename } = props;\r\n const { onFileSelected } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n } label={t('US')} />\r\n } label={t('UK')} />\r\n } label={t('EU')} />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nDocFileSelectionForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(DocFileSelectionForm);\r\n","/*\r\n * フォーム：機種・バージョン入力コンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\nimport SelectableTable from '../SelectableTable';\r\n\r\nconst styles = theme => ({\r\n version: {\r\n marginTop: theme.spacing.unit * 3,\r\n },\r\n dotRoot: {\r\n position: \"relative\",\r\n width: theme.spacing.unit,\r\n\r\n },\r\n dot: {\r\n position: \"absolute\",\r\n bottom: theme.spacing.unit,\r\n }\r\n})\r\n\r\nconst DocModelSelectionForm = (props) => {\r\n const { classes } = props;\r\n const { categories, models, catalog, new_serials, selectedCategories } = props;\r\n const { handleSelectedCategories, handleSelectedModels, handleInputChange } = props;\r\n\r\n var ver1 = 0;\r\n var ver2 = 0;\r\n var ver3 = 0;\r\n\r\n if(catalog && catalog.version) {\r\n const ver_split = catalog.version.split('.');\r\n if(ver_split.length >= 3) {\r\n ver1 = ver_split[0] || 0;\r\n ver2 = ver_split[1] || 0;\r\n ver3 = ver_split[2] || 0;\r\n }\r\n }\r\n\r\n //整数かどうか\r\n /*\r\n const isInteger = (x) => {\r\n return Math.round(x) === x;\r\n }\r\n //整数の場合は、桁数をそろえる\r\n const convertNumber = (x) => {\r\n const num = Number(x);\r\n if (isInteger(num)){\r\n return num.toFixed(1);\r\n }\r\n return num;\r\n }\r\n\r\n const abs = (x) => {\r\n const value = Math.round(x*10)/10;\r\n return value < 0 ? -value: value;\r\n }\r\n */\r\n\r\n const handleChangeInput = pos => event => {\r\n const val = Number(event.target.value).toFixed(0);\r\n if (val < 0 || 99 < val) return;\r\n let version = '';\r\n switch (pos) {\r\n case 0:\r\n version = `${val}.${ver2}.${ver3}`;\r\n break;\r\n case 1:\r\n version = `${ver1}.${val}.${ver3}`;\r\n break;\r\n case 2:\r\n version = `${ver1}.${ver2}.${val}`;\r\n break;\r\n default:\r\n return;\r\n }\r\n handleInputChange('version', version);\r\n }\r\n\r\n\r\n //カテゴリ選択用テーブルの列定義\r\n const categoryRows = [\r\n {id: 'category_short_name' , label: t('category_short_name') },\r\n {id: 'category_name' , label: t('category_name') },\r\n ]\r\n\r\n //機種選択用テーブルの列定義\r\n const modelRows = [\r\n {id: 'category_code' , label: t('category_code') },\r\n {id: 'model_code' , label: t('model_code') },\r\n ]\r\n\r\n const selectedModels = new_serials ? new_serials.map(serial => serial.model_id): []\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default withStyles(styles)(DocModelSelectionForm)\r\n","/*\n * フォーム：機番編集用コンポーネント\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport {t} from 'i18next';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Input from '@material-ui/core/Input';\nimport TextField from '@material-ui/core/TextField';\n\nconst styles = theme => ({\n root: {\n width: '100%',\n marginTop: theme.spacing.unit * 3,\n overflowX: 'auto',\n },\n table: {\n minWidth: 500,\n tableLayout: \"auto\"\n },\n numberCell:{\n textAlign: \"right\",\n width: 80\n },\n});\n\n\nconst DocSerialForm = (props) => {\n const { classes } = props;\n const { rows } = props;\n const { handleSerialChanged, handlePastSerialChanged } = props;\n\n const onSerialChanged = (row, key) => (event) => {\n handleSerialChanged(row.model_id, key, event.target.value);\n /*\n if(row.manual_id) {\n handlePastSerialChanged(row.manual_id, row.model_id, key, event.target.value);\n }\n else {\n handleSerialChanged(row.model_id, key, event.target.value);\n }\n */\n }\n\n return (\n \n \n \n \n {t('models_name')}\n {t('file_type')}\n {t('start_serial')}\n {t('end_serial')}\n \n \n \n {rows.map((row, index) => (\n \n {row.model_name}\n {row.file_type}\n \n {\n row.is_start_editable ?\n \t\t\t\t\t\t\n : row.start_serial\n }\n \n \n {\n row.is_end_editable ?\n \t\t\t\t\t\t\n : row.end_serial\n }\n \n \n ))}\n \n
\n \n )\n}\n\nexport default withStyles(styles)(DocSerialForm);\n","/*\r\n * フォーム：マニュアル詳細入力コンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\n\r\nimport SelectableTable from '../SelectableTable';\r\n\r\nconst styles = (theme) => ({\r\n textField: {\r\n width: 200\r\n },\r\n multiTextField: {\r\n width: 300\r\n },\r\n});\r\n\r\nconst DocDetailForm = (props) => {\r\n const { classes } = props;\r\n const { handleInputChange, handleSelectedCountries } = props;\r\n const { doc, countries, selectedCountries, showMessage } = props;\r\n console.log(doc);\r\n\r\n const handleChangeInput = (name, maxLen=50) => event => {\r\n const rawInput = event.target.value;\r\n if(String(rawInput).length <= maxLen){\r\n handleInputChange(name, rawInput);\r\n }else{\r\n showMessage({\r\n type: 'warning',\r\n content: t('max_length_error', {maxLen:maxLen})\r\n });\r\n }\r\n }\r\n\r\n const handleChangePageNumber = name => event => {\r\n const rawInput = event.target.value;\r\n if(!rawInput){\r\n handleInputChange(name, null);\r\n return;\r\n }\r\n let num = Number(rawInput).toFixed(0);\r\n if (num < 0) {\r\n num = 0;\r\n } else if (num > 999999999) {\r\n num = 999999999;\r\n }\r\n handleInputChange(name, num);\r\n }\r\n\r\n const rows = [\r\n {id: 'country_code', label: t('country_code') },\r\n {id: 'country_name', label: t('country_name') },\r\n ];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ))\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nDocDetailForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(DocDetailForm);\r\n","\r\nimport React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport ConfirmDialog from '../../components/ConfirmDialog';\r\nimport DeleteButton from '../../components/DeleteButton';\r\nimport * as docModule from '../../modules/doc/docForm';\r\nimport * as confirmModule from '../../modules/confirm';\r\nimport {t} from 'i18next';\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n id: state.docForm.doc.id,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n handleConfirm: (data) => dispatch(confirmModule.showConfirm(data)),\r\n handleDelete: (id) => dispatch(docModule.deleteRequest(id))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteButton);\r\n","/*\r\n * フォーム：ステッパーフォームコンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Divider from '@material-ui/core/Divider';\r\n\r\nimport DocFormContent from './DocFormContent';\r\nimport DocFileSelectionForm from './DocFileSelectionForm';\r\nimport DocModelSelectionForm from './DocModelSelectionForm';\r\n//import SerialEditForm from './SerialEditForm';\r\nimport DocSerialForm from './DocSerialForm';\r\nimport DocDetailForm from './DocDetailForm';\r\nimport BackButton from '../BackButton';\r\nimport DocDeleteButton from '../../containers/Doc/DocDeleteButton';\r\nimport * as FormType from '../../constants/formTypes';\r\n\r\nconst styles = theme => ({\r\n root: {\r\n width: '90%',\r\n },\r\n backButton: {\r\n marginRight: theme.spacing.unit,\r\n },\r\n instructions: {\r\n marginTop: theme.spacing.unit,\r\n marginBottom: theme.spacing.unit,\r\n },\r\n});\r\n\r\nconst Container = (props) => (\r\n \r\n \r\n \r\n {props.children}\r\n \r\n \r\n);\r\n\r\n\r\n//バージョンでソートする\r\nconst sortByVersion = (a, b) => {\r\n const aSplit = a.split('.');\r\n const a1 = Number(aSplit[0]) || 0;\r\n const a2 = Number(aSplit[1]) || 0;\r\n const a3 = Number(aSplit[2]) || 0;\r\n const bSplit = b.split('.')\r\n const b1 = Number(bSplit[0]) || 0;\r\n const b2 = Number(bSplit[1]) || 0;\r\n const b3 = Number(bSplit[2]) || 0;\r\n //大小比較\r\n if ((a1 * 100 + a2 * 10 + a3) < (b1 * 100 + b2 * 10 + b3)) {\r\n return 1\r\n }\r\n return -1;\r\n}\r\n\r\n\r\nconst getStepContent = (stepIndex, props) => {\r\n const { countries } = props;\r\n switch (stepIndex) {\r\n case 0:\r\n return (\r\n \r\n );\r\n case 1:\r\n return (\r\n \r\n );\r\n case 2:\r\n const newData = props.new_serials.map(serial => {\r\n return {\r\n ...serial,\r\n file_type: props.doc.file_type,\r\n is_start_editable: true,\r\n is_end_editable: true,\r\n is_new: true,\r\n model_id: serial.model_id,\r\n model_name: props.models.find(x => x.id === serial.model_id).model_code,\r\n }\r\n });\r\n\r\n //const rows = props.serials.concat(newData).sort((a, b) => b.model_id - a.model_id );\r\n const rows = newData;\r\n\r\n return (\r\n \r\n )\r\n case 3:\r\n return (\r\n \r\n );\r\n default:\r\n return 'Uknown stepIndex';\r\n }\r\n}\r\n\r\nconst DocForm = (props) => {\r\n const { classes } = props;\r\n const { activeStep } = props;\r\n const { handleNext, handleBack, handleReset, handleBackTo } = props;\r\n const steps = [t('step1'), t('category_model_settings'), t('step3'), t('step4')];\r\n\r\n return (\r\n \r\n
\r\n {steps.map(label => (\r\n \r\n {label}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n
\r\n ) : (\r\n
\r\n {getStepContent(activeStep, props)}\r\n
\r\n \r\n {t('back')}\r\n \r\n \r\n
\r\n
\r\n )}\r\n
\r\n
\r\n {\r\n props.doc.id && props.formType===FormType.EDIT ? \r\n
\r\n : \"\"\r\n }\r\n
{item.model_code}: {item.start_serial} ~ {item.end_serial}
\n )}\n )\n )\n case 'engine_makers':\n return (\n row.engine_makers.map(item => lang == \"en\" ?\n item.engine_maker_name_en : item.engine_maker_name).join('/')\n )\n case 'version':\n const xSplit = String(row[id]).split('.');\n const x1 = xSplit[0] || '0';\n const x2 = xSplit[1] || '0';\n const x3 = xSplit[2] || '0';\n if(isSuperuser) {\n return `${x1}.${x2}.${x3}`;\n }else{\n return `${x1}.${x2}`;\n }\n return (Number(row[id]).toFixed(1))\n case 'display':\n const isDisplay = row[id];\n if (isDisplay){\n return (t('do_display'))\n }\n else {\n return (t('do_not_display'))\n }\n case 'updated_at':\n return (\n \n {moment(row[id])}\n \n )\n case 'actions':\n return (\n \n \n handleEdit(row.id)}\n >\n \n {t('edit')}\n \n {\n row.is_latest ?\n handleUpgrade(row.id)}\n >\n \n {t('upgrade')}\n \n : ''\n }\n \n \n handleOpenPDF(row.file_name)}\n >\n \n {t('download')}\n \n \n \n )\n default:\n return (row[id])\n }\n }\n\n let title='title_ja';\n if(i18next.language!=='ja'){\n title = 'title_en';\n }\n\n let overview = 'overview_ja';\n if(i18next.language!=='ja') {\n overview = 'overview_en';\n }\n\n //管理者用ヘッダー定義\n const adminHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"\", width: \"280px\"},\n {id: 'display', label: t('display'), width: \"150px\"},\n {id: 'engine_makers', label: t('engine_maker'), width: \"200px\"},\n {id: 'engine_models_name', label: t('engine_models_name'), width: \"200px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'version', label: t('version'), width: \"180px\"},\n {id: 'serials', label: t('serials'), width: \"250px\"},\n {id: 'language', label: t('language'), width: \"140px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n {id: 'updated_at', label: t('updated_at'), width: \"150px\"},\n ];\n\n //販売店用ヘッダー定義\n const clientHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"PDF\", width: \"200px\"},\n {id: 'engine_makers', label: t('engine_maker'), width: \"200px\"},\n {id: 'engine_models_name', label: t('engine_models_name'), width: \"200px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'version', label: t('version'), width: \"180px\"},\n {id: 'serials', label: t('serials'), width: \"250px\"},\n {id: 'language', label: t('language'), width: \"140px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n ];\n\n return (\n \n
\n \n \n \n {getHeaders().map((item, index) => (\n \n \n {item.label}\n \n \n ))}\n \n \n \n {t('change_log')}\n \n \n \n \n \n \n {resources.map(row => {\n return (\n {\n this.SelectRow(row.id);\n }}>\n {\n getHeaders().map(item => (\n \n {createTableCell(row, item.id)}\n \n ))\n }\n \n \n {\n row.change_log_file_name ?\n handleOpenPDF(row.change_log_file_name)}\n >\n \n {t('download')}\n \n : ''\n }\n \n \n \n }\n />\n );\n })}\n \n
\n \n
\n
\n \n
\n \n \n \n );\n};\n\nSearchForm.propTypes = {\n queries: PropTypes.object.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n handleInputChange: PropTypes.func.isRequired,\n handleFileTypeChange: PropTypes.func.isRequired,\n};\n\nexport default withStyles(styles)(SearchForm);\n","import React from 'react';\nimport { connect } from 'react-redux';\n\nimport CreateButton from '../../components/CreateButton';\nimport EngineTable from '../../components/Engine/EngineTable';\nimport EngineSearchForm from '../../components/Engine/EngineSearchForm';\nimport AdminOnly from '../AdminOnly';\n\nimport { searchRequest, exportCsvRequest, inputChanged, fileTypeChanged, resetQueries, sortChanged,\n downloadRequest, pageChanged, perPageChanged, menuSelected,\n setUploadFile, uploadCsvRequest, uploadCsvSuccess, uploadCsvFailed } from '../../modules/engine/engineList';\nimport { openNew, openUpgrade, openEdit, resetForm } from '../../modules/engine/engineForm';\nimport { autoLoginRequest, changeLanguage } from '../../modules/engine/engineAuth';\nimport * as categoryAction from '../../modules/categories';\nimport * as engineMakerAction from '../../modules/engineMakers';\nimport { openPDF } from '../../services/pdf.service';\n\n\nclass EngineList extends React.Component {\n constructor(props) {\n super(props);\n }\n\n componentWillMount() {\n\n if (!this.props.isLoggedIn) {\n //クエリパラメータから言語情報の取得(?lang=en/ja)\n const qparams = new URLSearchParams(this.props.location.search);\n const lang = qparams.get('lang'); \n this.props.setLanguage(lang);\n\n const {params} = this.props.match;\n if (params.type) {\n this.props.autoLogin(params.type);\n }\n }\n this.props.resetForm();\n this.props.fetchCategories();\n this.props.fetchEngineMakers();\n this.props.searchRequest(this.props.queries);\n }\n\n render () {\n const props = this.props;\n console.log(props)\n return (\n \n
{\n return {\n key : category.id,\n value : category.category_short_name\n }})}\n engineMakers={props.engineMakers.map(\n maker => {\n return {\n key: maker.id,\n value: props.lang==\"en\" ? \n maker.engine_maker_name_en : maker.engine_maker_name\n }})}\n uploadFileName={props.uploadFileName}\n uploadFileSelected={props.uploadFileSelected}\n handleUploadOK={props.handleUploadOK}\n handleUploadCancel={props.handleUploadCancel}\n />\n openPDF(filename)}\n handleDownload={props.handleDownload}\n handleUpgrade={props.handleUpgrade}\n handleEdit={props.handleEdit}\n handleSortChanged={props.handleSortChanged}\n />\n \n \n \n \r\n {\r\n display ?\r\n \r\n \r\n \r\n : null \r\n }\r\n
\r\n )\r\n}\r\n\r\nconst FormContent = (props) =>{\r\n const {classes} = props;\r\n const {manual, categories, models, new_serials, step} = props;\r\n return (\r\n \r\n {\r\n step!==0 ?\r\n \r\n \r\n \r\n {getListItem(t('file_name'), manual.file_name, classes)}\r\n
\r\n \r\n \r\n : ''\r\n }\r\n
\r\n )\r\n};\r\n\r\nFormContent.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(FormContent);\r\n","/*\r\n * フォーム：ファイル選択フォームコンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport {t} from 'i18next';\r\n\r\nimport Grid from '@material-ui/core/Grid';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Radio from '@material-ui/core/Radio';\r\nimport RadioGroup from '@material-ui/core/RadioGroup';\r\nimport TextField from '@material-ui/core/TextField';\r\n\r\nimport * as fileTypes from '../../constants/fileTypes';\r\nimport FileDropzone from '../FileDropzone';\r\n\r\nconst styles = theme => ({\r\n title: {\r\n width: 400\r\n },\r\n});\r\n\r\nconst FileSelectionForm = (props) => {\r\n const { classes } = props;\r\n const { file_type, title_ja, title_en, filename } = props;\r\n const { onFileSelected } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nFileSelectionForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(FileSelectionForm);\r\n","/*\r\n * フォーム：機種・バージョン入力コンポーネント\r\n */\r\nimport React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\n\r\nimport SelectableTable from '../SelectableTable';\r\n\r\nconst styles = theme => ({\r\n version: {\r\n marginTop: theme.spacing.unit * 3,\r\n },\r\n dotRoot: {\r\n position: \"relative\",\r\n width: theme.spacing.unit,\r\n\r\n },\r\n dot: {\r\n position: \"absolute\",\r\n bottom: theme.spacing.unit,\r\n }\r\n})\r\n\r\nconst ModelSelectionForm = (props) => {\r\n const { classes } = props;\r\n const { engineMakers, engineModels, categories, models, manual, new_serials, selectedCategories, selectedEngineMakers, selectedEngineModels } = props;\r\n const { handleSelectedEngineMakers, handleSelectedEngineModels, handleSelectedCategories, handleSelectedModels, handleInputChange } = props;\r\n\r\n console.log(props);\r\n\r\n var ver1 = 0;\r\n var ver2 = 0;\r\n var ver3 = 0;\r\n\r\n if(manual && manual.version) {\r\n const ver_split = manual.version.split('.');\r\n if(ver_split.length >= 3) {\r\n ver1 = ver_split[0] || 0;\r\n ver2 = ver_split[1] || 0;\r\n ver3 = ver_split[2] || 0;\r\n }\r\n }\r\n\r\n //整数かどうか\r\n /*\r\n const isInteger = (x) => {\r\n return Math.round(x) === x;\r\n }\r\n //整数の場合は、桁数をそろえる\r\n const convertNumber = (x) => {\r\n const num = Number(x);\r\n if (isInteger(num)){\r\n return num.toFixed(1);\r\n }\r\n return num;\r\n }\r\n\r\n const abs = (x) => {\r\n const value = Math.round(x*10)/10;\r\n return value < 0 ? -value: value;\r\n }\r\n */\r\n\r\n const handleChangeInput = pos => event => {\r\n const val = Number(event.target.value).toFixed(0);\r\n if (val < 0 || 99 < val) return;\r\n let version = '';\r\n switch (pos) {\r\n case 0:\r\n version = `${val}.${ver2}.${ver3}`;\r\n break;\r\n case 1:\r\n version = `${ver1}.${val}.${ver3}`;\r\n break;\r\n case 2:\r\n version = `${ver1}.${ver2}.${val}`;\r\n break;\r\n default:\r\n return;\r\n }\r\n handleInputChange('version', version);\r\n }\r\n\r\n\r\n //カテゴリ選択用テーブルの列定義\r\n const categoryRows = [\r\n {id: 'category_short_name' , label: t('category_short_name') },\r\n {id: 'category_name' , label: t('category_name') },\r\n ]\r\n\r\n //機種選択用テーブルの列定義\r\n const modelRows = [\r\n {id: 'category_code' , label: t('category_code') },\r\n {id: 'model_code' , label: t('model_code') },\r\n ]\r\n\r\n //エンジンメーカー選択用テーブルの列定義\r\n const engineMakerRows = [\r\n {id: 'engine_maker_code' , label: t('engine_maker_code') },\r\n {id: 'engine_maker_name' , label: t('engine_maker_name') },\r\n ]\r\n\r\n //エンジン型式選択用テーブルの列定義\r\n const engineModelRows = [\r\n {id: 'engine_model_code' , label: t('engine_model_code') },\r\n //{id: 'engine_model_name' , label: t('engine_model_name') },\r\n ]\r\n\r\n const selectedModels = new_serials ? new_serials.map(serial => serial.model_id): []\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('version')}\r\n \r\n \r\n \r\n \r\n \r\n .\r\n \r\n \r\n \r\n \r\n \r\n .\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default withStyles(styles)(ModelSelectionForm)\r\n","/*\r\n * フォーム：マニュアル詳細入力コンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nimport SelectableTable from '../SelectableTable';\r\nimport FileDropzone from '../FileDropzone';\r\nimport { Checkbox } from '@material-ui/core';\r\n\r\nconst styles = (theme) => ({\r\n container: {\r\n width: '100%'\r\n },\r\n textField: {\r\n width: 200\r\n },\r\n multiTextField: {\r\n width: 300\r\n },\r\n});\r\n\r\nconst DetailForm = (props) => {\r\n const { classes } = props;\r\n const { handleInputChange, handleSelectedCountries, handleOnChangeLogFileSelected } = props;\r\n const { manual, countries, selectedCountries, changeLogFileName, showMessage } = props;\r\n\r\n const handleChangeInput = (name, maxLen = 50) => event => {\r\n const rawInput = event.target.value;\r\n if (String(rawInput).length <= maxLen) {\r\n handleInputChange(name, rawInput);\r\n } else {\r\n showMessage({\r\n type: 'warning',\r\n content: t('max_length_error', { maxLen: maxLen })\r\n });\r\n }\r\n }\r\n\r\n const handleChangeCheckbox = name => event => {\r\n handleInputChange(name, event.target.checked);\r\n }\r\n\r\n const handleChangePageNumber = name => event => {\r\n const rawInput = event.target.value;\r\n if (!rawInput) {\r\n handleInputChange(name, null);\r\n return;\r\n }\r\n let num = Number(rawInput).toFixed(0);\r\n if (num < 0) {\r\n num = 0;\r\n } else if (num > 999999999) {\r\n num = 999999999;\r\n }\r\n handleInputChange(name, num);\r\n }\r\n\r\n const rows = [\r\n { id: 'country_code', label: t('country_code') },\r\n { id: 'country_name', label: t('country_name') },\r\n ];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ))\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nDetailForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(DetailForm);\r\n","\r\nimport {connect} from 'react-redux';\r\nimport DeleteButton from '../../components/DeleteButton';\r\nimport * as engineModule from '../../modules/engine/engineForm';\r\nimport * as confirmModule from '../../modules/confirm';\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n id: state.engineForm.engine.id,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n handleConfirm: (data) => dispatch(confirmModule.showConfirm(data)),\r\n handleDelete: (id) => dispatch(engineModule.deleteRequest(id))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteButton);\r\n","/*\r\n * フォーム：ステッパーフォームコンポーネント\r\n */\r\nimport React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Divider from '@material-ui/core/Divider';\r\n\r\nimport EngineFormContent from './EngineFormContent';\r\nimport EngineFileSelectionForm from './EngineFileSelectionForm';\r\nimport EngineModelSelectionForm from './EngineModelSelectionForm';\r\n//import SerialEditForm from './SerialEditForm';\r\nimport SerialForm from '../SerialForm';\r\nimport EngineDetailForm from './EngineDetailForm';\r\nimport BackButton from '../BackButton';\r\nimport EngineDeleteButton from '../../containers/Engine/EngineDeleteButton';\r\nimport * as FormType from '../../constants/formTypes';\r\n\r\nconst styles = theme => ({\r\n root: {\r\n width: '90%',\r\n },\r\n backButton: {\r\n marginRight: theme.spacing.unit,\r\n },\r\n instructions: {\r\n marginTop: theme.spacing.unit,\r\n marginBottom: theme.spacing.unit,\r\n },\r\n});\r\n\r\nconst Container = (props) => (\r\n \r\n \r\n \r\n {props.children}\r\n \r\n \r\n);\r\n\r\n\r\n//バージョンでソートする\r\nconst sortByVersion = (a, b) => {\r\n const aSplit = a.split('.');\r\n const a1 = Number(aSplit[0]) || 0;\r\n const a2 = Number(aSplit[1]) || 0;\r\n const a3 = Number(aSplit[2]) || 0;\r\n const bSplit = b.split('.')\r\n const b1 = Number(bSplit[0]) || 0;\r\n const b2 = Number(bSplit[1]) || 0;\r\n const b3 = Number(bSplit[2]) || 0;\r\n //大小比較\r\n if ((a1 * 100 + a2 * 10 + a3) < (b1 * 100 + b2 * 10 + b3)) {\r\n return 1\r\n }\r\n return -1;\r\n}\r\n\r\n\r\nconst getStepContent = (stepIndex, props) => {\r\n const { countries } = props;\r\n switch (stepIndex) {\r\n case 0:\r\n return (\r\n \r\n );\r\n case 1:\r\n return (\r\n \r\n );\r\n case 2:\r\n const newData = props.new_serials.map(serial => {\r\n return {\r\n ...serial,\r\n version: props.engine.version,\r\n file_type: props.engine.file_type,\r\n is_start_editable: true,\r\n is_end_editable: true,\r\n is_new: true,\r\n manual_id: null,\r\n model_id: serial.model_id,\r\n model_name: props.models.find(x => x.id === serial.model_id).model_code,\r\n }\r\n });\r\n\r\n const rows = props.serials.concat(newData).sort((a, b) => {\r\n return b.model_id - a.model_id || sortByVersion(a.version, b.version)\r\n });\r\n\r\n return (\r\n \r\n )\r\n case 3:\r\n return (\r\n \r\n );\r\n default:\r\n return 'Uknown stepIndex';\r\n }\r\n}\r\n\r\nconst ManualForm = (props) => {\r\n const { classes } = props;\r\n const { activeStep } = props;\r\n const { handleNext, handleBack, handleReset, handleBackTo } = props;\r\n const steps = [t('step1'), t('step2'), t('step3'), t('step4')];\r\n\r\n return (\r\n \r\n
\r\n {steps.map(label => (\r\n \r\n {label}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n
\r\n ) : (\r\n
\r\n {getStepContent(activeStep, props)}\r\n
\r\n \r\n {t('back')}\r\n \r\n \r\n
\r\n
\r\n )}\r\n
\r\n
\r\n {\r\n props.engine.id && props.engine.is_latest && props.formType===FormType.EDIT ? \r\n
\r\n : \"\"\r\n }\r\n
404 Not Found
\r\n \r\n)\r\n\r\nexport default NotFound;\r\n","/*\r\n * 汎用：フッターコンポーネント\r\n */\r\n\r\n import React from 'react';\r\n import PropTypes from 'prop-types';\r\nimport { withRouter } from 'react-router';\r\nimport { withStyles } from '@material-ui/core';\r\n\r\n const styles = {\r\n footer: {\r\n width: \"100%\",\r\n backgroundColor: \"#3B5998\",\r\n color: \"#cccccc\",\r\n fontSize: \"small\",\r\n textAlign: \"right\",\r\n marginTop: \"auto\",\r\n },\r\n footerContent: {\r\n marginRight: \"10%\"\r\n }\r\n }\r\n\r\n\r\n const Footer = (props) => {\r\n const { classes } = props;\r\n return (\r\n \r\n
\r\n Copyright © kyoeisha Co.,Ltd. All Rights Reserved.\r\n
\r\n
{item.model_code}: {item.start_serial} ~ {item.end_serial}
\n )}\n )\n )\n case 'version':\n const xSplit = String(row[id]).split('.');\n const x1 = xSplit[0] || '0';\n const x2 = xSplit[1] || '0';\n const x3 = xSplit[2] || '0';\n if(isSuperuser) {\n return `${x1}.${x2}.${x3}`;\n }else{\n return `${x1}.${x2}`;\n }\n return (Number(row[id]).toFixed(1))\n case 'display':\n const isDisplay = row[id];\n if (isDisplay){\n return (t('do_display'))\n }\n else {\n return (t('do_not_display'))\n }\n case 'updated_at':\n return (\n \n {moment(row[id])}\n \n )\n case 'actions':\n return (\n \n \n handleEdit(row.id)}\n >\n \n {t('edit')}\n \n {\n row.is_latest ?\n handleUpgrade(row.id)}\n >\n \n {t('upgrade')}\n \n : ''\n }\n \n \n handleOpenPDF(row.file_name)}\n >\n \n {t('download')}\n \n \n \n )\n default:\n return (row[id])\n }\n }\n\n let title='title_ja';\n if(i18next.language!=='ja'){\n title = 'title_en';\n }\n\n let overview = 'overview_ja';\n if(i18next.language!=='ja') {\n overview = 'overview_en';\n }\n\n //管理者用ヘッダー定義\n const adminHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"\", width: \"280px\"},\n {id: 'display', label: t('display'), width: \"150px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'version', label: t('version'), width: \"180px\"},\n {id: 'serials', label: t('serials'), width: \"250px\"},\n {id: 'destination', label: t('destination'), width: \"140px\"},\n {id: 'language', label: t('language'), width: \"140px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n {id: 'updated_at', label: t('updated_at'), width: \"150px\"},\n ];\n\n //販売店用ヘッダー定義\n const clientHeaders = [\n {id: 'file_name', label: t('file_name'), width: \"280px\"},\n {id: 'actions', label: \"PDF\", width: \"200px\"},\n {id: 'models_name', label: t('models_name'), width: \"200px\"},\n {id: 'version', label: t('version'), width: \"180px\"},\n {id: 'serials', label: t('serials'), width: \"250px\"},\n {id: 'destination', label: t('destination'), width: \"140px\"},\n {id: 'language', label: t('language'), width: \"140px\"},\n {id: overview , label: t('overview'), width: \"230px\"},\n ];\n\n return (\n \n
\n \n \n \n {getHeaders().map((item, index) => (\n \n \n {item.label}\n \n \n ))}\n \n \n \n {t('change_log')}\n \n \n \n \n \n \n {resources.map(row => {\n return (\n {\n this.SelectRow(row.id);\n }}>\n {\n getHeaders().map(item => (\n \n {createTableCell(row, item.id)}\n \n ))\n }\n \n \n {\n row.change_log_file_name ?\n handleOpenPDF(row.change_log_file_name)}\n >\n \n {t('download')}\n \n : ''\n }\n \n \n \n }\n />\n );\n })}\n \n
\n \n
\n
\n \n
\n \n \n \n );\n};\n\nSearchForm.propTypes = {\n queries: PropTypes.object.isRequired,\n handleSubmit: PropTypes.func.isRequired,\n handleInputChange: PropTypes.func.isRequired,\n handleFileTypeChange: PropTypes.func.isRequired,\n};\n\nexport default withStyles(styles)(SearchForm);\n","import React from 'react';\nimport { connect } from 'react-redux';\n\nimport CreateButton from '../../components/CreateButton';\nimport MaintenanceTable from '../../components/Maintenance/MaintenanceTable';\nimport MaintenanceSearchForm from '../../components/Maintenance/MaintenanceSearchForm';\nimport AdminOnly from '../AdminOnly';\n\nimport { searchRequest, exportCsvRequest, inputChanged, fileTypeChanged, resetQueries, sortChanged,\n downloadRequest, pageChanged, perPageChanged, menuSelected,\n setUploadFile, uploadCsvRequest, uploadCsvSuccess, uploadCsvFailed } from '../../modules/maintenance/maintenanceList';\nimport { openNew, openUpgrade, openEdit, resetForm } from '../../modules/maintenance/maintenanceForm';\nimport { autoLoginRequest, changeLanguage } from '../../modules/maintenance/maintenanceAuth';\nimport * as categoryAction from '../../modules/categories';\nimport { openPDF } from '../../services/pdf.service';\n\n\nclass MaintenanceList extends React.Component {\n constructor(props) {\n super(props);\n }\n\n componentWillMount() {\n\n if (!this.props.isLoggedIn) {\n //クエリパラメータから言語情報の取得(?lang=en/ja)\n const qparams = new URLSearchParams(this.props.location.search);\n const lang = qparams.get('lang'); \n this.props.setLanguage(lang);\n\n const {params} = this.props.match;\n if (params.type) {\n this.props.autoLogin(params.type);\n }\n }\n this.props.resetForm();\n this.props.fetchCategories();\n this.props.searchRequest(this.props.queries);\n }\n\n render () {\n const props = this.props;\n return (\n \n
{\n return {\n key : category.id,\n value : category.category_short_name\n }})}\n uploadFileName={props.uploadFileName}\n uploadFileSelected={props.uploadFileSelected}\n handleUploadOK={props.handleUploadOK}\n handleUploadCancel={props.handleUploadCancel}\n />\n openPDF(filename)}\n handleDownload={props.handleDownload}\n handleUpgrade={props.handleUpgrade}\n handleEdit={props.handleEdit}\n handleSortChanged={props.handleSortChanged}\n />\n \n \n \n \r\n {\r\n display ?\r\n \r\n \r\n \r\n : null \r\n }\r\n
\r\n )\r\n}\r\n\r\nconst FormContent = (props) =>{\r\n const {classes} = props;\r\n const {manual, categories, models, new_serials, step} = props;\r\n return (\r\n \r\n {\r\n step!==0 ?\r\n \r\n \r\n \r\n {getListItem(t('file_name'), manual.file_name, classes)}\r\n
\r\n \r\n \r\n : ''\r\n }\r\n
\r\n )\r\n};\r\n\r\nFormContent.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(FormContent);\r\n","/*\r\n * フォーム：ファイル選択フォームコンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport {t} from 'i18next';\r\n\r\nimport Grid from '@material-ui/core/Grid';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Radio from '@material-ui/core/Radio';\r\nimport RadioGroup from '@material-ui/core/RadioGroup';\r\nimport TextField from '@material-ui/core/TextField';\r\n\r\nimport * as fileTypes from '../../constants/fileTypes';\r\nimport FileDropzone from '../FileDropzone';\r\n\r\nconst styles = theme => ({\r\n title: {\r\n width: 400\r\n },\r\n});\r\n\r\nconst FileSelectionForm = (props) => {\r\n const { classes } = props;\r\n const { file_type, title_ja, title_en, filename } = props;\r\n const { onFileSelected } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nFileSelectionForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(FileSelectionForm);\r\n","/*\r\n * フォーム：機種・バージョン入力コンポーネント\r\n */\r\nimport React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormLabel from '@material-ui/core/FormLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\n\r\nimport SelectableTable from '../SelectableTable';\r\n\r\nconst styles = theme => ({\r\n version: {\r\n marginTop: theme.spacing.unit * 3,\r\n },\r\n dotRoot: {\r\n position: \"relative\",\r\n width: theme.spacing.unit,\r\n\r\n },\r\n dot: {\r\n position: \"absolute\",\r\n bottom: theme.spacing.unit,\r\n }\r\n})\r\n\r\nconst ModelSelectionForm = (props) => {\r\n const { classes } = props;\r\n const { categories, models, manual, new_serials, selectedCategories } = props;\r\n const { handleSelectedCategories, handleSelectedModels, handleInputChange } = props;\r\n\r\n var ver1 = 0;\r\n var ver2 = 0;\r\n var ver3 = 0;\r\n\r\n if(manual && manual.version) {\r\n const ver_split = manual.version.split('.');\r\n if(ver_split.length >= 3) {\r\n ver1 = ver_split[0] || 0;\r\n ver2 = ver_split[1] || 0;\r\n ver3 = ver_split[2] || 0;\r\n }\r\n }\r\n\r\n //整数かどうか\r\n /*\r\n const isInteger = (x) => {\r\n return Math.round(x) === x;\r\n }\r\n //整数の場合は、桁数をそろえる\r\n const convertNumber = (x) => {\r\n const num = Number(x);\r\n if (isInteger(num)){\r\n return num.toFixed(1);\r\n }\r\n return num;\r\n }\r\n\r\n const abs = (x) => {\r\n const value = Math.round(x*10)/10;\r\n return value < 0 ? -value: value;\r\n }\r\n */\r\n\r\n const handleChangeInput = pos => event => {\r\n const val = Number(event.target.value).toFixed(0);\r\n if (val < 0 || 99 < val) return;\r\n let version = '';\r\n switch (pos) {\r\n case 0:\r\n version = `${val}.${ver2}.${ver3}`;\r\n break;\r\n case 1:\r\n version = `${ver1}.${val}.${ver3}`;\r\n break;\r\n case 2:\r\n version = `${ver1}.${ver2}.${val}`;\r\n break;\r\n default:\r\n return;\r\n }\r\n handleInputChange('version', version);\r\n }\r\n\r\n\r\n //カテゴリ選択用テーブルの列定義\r\n const categoryRows = [\r\n {id: 'category_short_name' , label: t('category_short_name') },\r\n {id: 'category_name' , label: t('category_name') },\r\n ]\r\n\r\n //機種選択用テーブルの列定義\r\n const modelRows = [\r\n {id: 'category_code' , label: t('category_code') },\r\n {id: 'model_code' , label: t('model_code') },\r\n ]\r\n\r\n const selectedModels = new_serials ? new_serials.map(serial => serial.model_id): []\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('version')}\r\n \r\n \r\n \r\n \r\n \r\n .\r\n \r\n \r\n \r\n \r\n \r\n .\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default withStyles(styles)(ModelSelectionForm)\r\n","/*\r\n * フォーム：マニュアル詳細入力コンポーネント\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\n\r\nimport SelectableTable from '../SelectableTable';\r\nimport FileDropzone from '../FileDropzone';\r\nimport { Checkbox } from '@material-ui/core';\r\n\r\nconst styles = (theme) => ({\r\n container: {\r\n width: '100%'\r\n },\r\n textField: {\r\n width: 200\r\n },\r\n multiTextField: {\r\n width: 300\r\n },\r\n});\r\n\r\nconst DetailForm = (props) => {\r\n const { classes } = props;\r\n const { handleInputChange, handleSelectedCountries, handleOnChangeLogFileSelected } = props;\r\n const { manual, countries, selectedCountries, changeLogFileName, showMessage } = props;\r\n\r\n const handleChangeInput = (name, maxLen = 50) => event => {\r\n const rawInput = event.target.value;\r\n if (String(rawInput).length <= maxLen) {\r\n handleInputChange(name, rawInput);\r\n } else {\r\n showMessage({\r\n type: 'warning',\r\n content: t('max_length_error', { maxLen: maxLen })\r\n });\r\n }\r\n }\r\n\r\n const handleChangeCheckbox = name => event => {\r\n handleInputChange(name, event.target.checked);\r\n }\r\n\r\n const handleChangePageNumber = name => event => {\r\n const rawInput = event.target.value;\r\n if (!rawInput) {\r\n handleInputChange(name, null);\r\n return;\r\n }\r\n let num = Number(rawInput).toFixed(0);\r\n if (num < 0) {\r\n num = 0;\r\n } else if (num > 999999999) {\r\n num = 999999999;\r\n }\r\n handleInputChange(name, num);\r\n }\r\n\r\n const rows = [\r\n { id: 'country_code', label: t('country_code') },\r\n { id: 'country_name', label: t('country_name') },\r\n ];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ))\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nDetailForm.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n}\r\n\r\nexport default withStyles(styles)(DetailForm);\r\n","\r\nimport {connect} from 'react-redux';\r\nimport DeleteButton from '../../components/DeleteButton';\r\nimport * as maintenanceModule from '../../modules/maintenance/maintenanceForm';\r\nimport * as confirmModule from '../../modules/confirm';\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n id: state.maintenanceForm.maintenance.id,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n handleConfirm: (data) => dispatch(confirmModule.showConfirm(data)),\r\n handleDelete: (id) => dispatch(maintenanceModule.deleteRequest(id))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteButton);\r\n","/*\r\n * フォーム：ステッパーフォームコンポーネント\r\n */\r\nimport React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { t } from 'i18next';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Divider from '@material-ui/core/Divider';\r\n\r\nimport MaintenanceFormContent from './MaintenanceFormContent';\r\nimport MaintenanceFileSelectionForm from './MaintenanceFileSelectionForm';\r\nimport MaintenanceModelSelectionForm from './MaintenanceModelSelectionForm';\r\n//import SerialEditForm from './SerialEditForm';\r\nimport SerialForm from '../SerialForm';\r\nimport MaintenanceDetailForm from './MaintenanceDetailForm';\r\nimport BackButton from '../BackButton';\r\nimport MaintenanceDeleteButton from '../../containers/Maintenance/MaintenanceDeleteButton';\r\nimport * as FormType from '../../constants/formTypes';\r\n\r\nconst styles = theme => ({\r\n root: {\r\n width: '90%',\r\n },\r\n backButton: {\r\n marginRight: theme.spacing.unit,\r\n },\r\n instructions: {\r\n marginTop: theme.spacing.unit,\r\n marginBottom: theme.spacing.unit,\r\n },\r\n});\r\n\r\nconst Container = (props) => (\r\n \r\n \r\n \r\n {props.children}\r\n \r\n \r\n);\r\n\r\n\r\n//バージョンでソートする\r\nconst sortByVersion = (a, b) => {\r\n const aSplit = a.split('.');\r\n const a1 = Number(aSplit[0]) || 0;\r\n const a2 = Number(aSplit[1]) || 0;\r\n const a3 = Number(aSplit[2]) || 0;\r\n const bSplit = b.split('.')\r\n const b1 = Number(bSplit[0]) || 0;\r\n const b2 = Number(bSplit[1]) || 0;\r\n const b3 = Number(bSplit[2]) || 0;\r\n //大小比較\r\n if ((a1 * 100 + a2 * 10 + a3) < (b1 * 100 + b2 * 10 + b3)) {\r\n return 1\r\n }\r\n return -1;\r\n}\r\n\r\n\r\nconst getStepContent = (stepIndex, props) => {\r\n const { countries } = props;\r\n switch (stepIndex) {\r\n case 0:\r\n return (\r\n \r\n );\r\n case 1:\r\n return (\r\n \r\n );\r\n case 2:\r\n const newData = props.new_serials.map(serial => {\r\n return {\r\n ...serial,\r\n version: props.maintenance.version,\r\n file_type: props.maintenance.file_type,\r\n is_start_editable: true,\r\n is_end_editable: true,\r\n is_new: true,\r\n manual_id: null,\r\n model_id: serial.model_id,\r\n model_name: props.models.find(x => x.id === serial.model_id).model_code,\r\n }\r\n });\r\n\r\n const rows = props.serials.concat(newData).sort((a, b) => {\r\n return b.model_id - a.model_id || sortByVersion(a.version, b.version)\r\n });\r\n\r\n return (\r\n \r\n )\r\n case 3:\r\n return (\r\n \r\n );\r\n default:\r\n return 'Uknown stepIndex';\r\n }\r\n}\r\n\r\nconst ManualForm = (props) => {\r\n const { classes } = props;\r\n const { activeStep } = props;\r\n const { handleNext, handleBack, handleReset, handleBackTo } = props;\r\n const steps = [t('step1'), t('step2'), t('step3'), t('step4')];\r\n\r\n return (\r\n \r\n
\r\n {steps.map(label => (\r\n \r\n {label}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n
\r\n ) : (\r\n
\r\n {getStepContent(activeStep, props)}\r\n
\r\n \r\n {t('back')}\r\n \r\n \r\n
\r\n
\r\n )}\r\n
\r\n
\r\n {\r\n props.maintenance && props.maintenance.id && props.maintenance.is_latest && props.formType===FormType.EDIT ? \r\n
\r\n : \"\"\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n } />\r\n } />\r\n \r\n } />\r\n } />\r\n \r\n } />\r\n } />\r\n \r\n } />\r\n } />\r\n \r\n } />\r\n } />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\n \n
\n));\n\nconst App = () => (\n \n \n \n);\n\nexport default App;\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 http://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.1/8 is 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 http://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 http://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 .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 'babel-polyfill';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport App from './App';\nimport configureStore from './store'\nimport 'semantic-ui-css/semantic.min.css';\nimport './index.css';\n\nimport * as serviceWorker from './serviceWorker';\n\nconst store = configureStore();\n\nReactDOM.render(\n \n \n ,\n document.getElementById('root')\n );\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: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","module.exports = __webpack_public_path__ + \"static/media/baroness_logo.7e87dd5e.png\";"],"sourceRoot":""}