onChange(event.target.value)}\n style={{ width: \"100%\" }}\n value={filter ? filter.value : \"all\"}\n className={'table-filter-dropdown'}\n >\n Show All \n ACTIVE \n OUT OF SERVICE \n DOWN \n \n }, {\n Header: t('asset_management.asset_label.health_status'),\n accessor: 'aggregate_severity',\n }, {\n Header: t('asset_management.asset_label.action'),\n filterable: false,\n sortable: false,\n Cell: original => this.renderActionButtons(original.original)\n }\n ];\n\n return (\n \n \n {t('asset_management.sub_title')}\n \n \n {this.renderActionButton2()}\n {\n \n String(row[filter.id]) === filter.value}\n loading={loadingAssets}\n showPagination={true}\n showPaginationTop={false}\n showPaginationBottom={true}\n pageSizeOptions={[5, 10, 20, 25, 50, 100]}\n pages={\n totalPages ? totalPages : 1\n }\n manual\n onFetchData={(state, instance) => {\n let filterFieldData = '';\n state.filtered.filter(columnName =>\n filterFieldData = filterFieldData + '&' + columnName.id + '=' + columnName.value);\n\n const sortBy =\n state.sorted && state.sorted.length > 0 && state.sorted[0].id\n ? state.sorted[0].id : '';\n\n loadAssets({\n page: state.page,\n perPage: state.pageSize,\n filterFieldData: filterFieldData.substring(1),\n sortBy,\n });\n }}\n />\n }\n \n \n );\n }\n\n render () {\n const {\n dataLoaded,\n showDeleteAlert,\n selectedAssets\n } = this.state;\n const { t, deleteAsset } = this.props;\n\n return (\n \n {\n !dataLoaded &&\n \n \n \n \n
\n Loading Asset\n \n \n
\n \n \n
\n }\n\n {\n dataLoaded &&\n \n {t('asset_management.title')} \n \n Use this elements, if you want to show some hints or additional information\n \n { this.renderAssets() }\n \n
\n }\n\n {\n deleteAsset(selectedAssets);\n this.setState({ showDeleteAlert: false });\n }}\n onCancel={() =>\n this.setState({ showDeleteAlert: false })\n }\n />\n \n );\n }\n}\n\nAssetManagement.propTypes = {\n t: PropTypes.func.isRequired,\n loadingAssets: PropTypes.bool,\n totalPages: PropTypes.number,\n assetsManagement: PropTypes.array,\n};\n\nfunction mapStateToProps({ assetsManagement, asset_types, collections }) {\n return {\n loadingAssets: assetsManagement.loadingAssets,\n assetsManagement: assetsManagement.assets,\n totalPages: assetsManagement.totalPages,\n asset_types,\n collections,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n loadAssets,\n deleteAsset,\n openAsset,\n loadAssetTypes,\n loadCollections,\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(AssetManagement)\n);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Button, Row, Col } from \"reactstrap\";\nimport { Field, reduxForm, FieldArray,formValueSelector } from \"redux-form\";\nimport \"react-dropdown/style.css\";\nimport { Card, CardHeader, CardBody } from 'reactstrap';\nimport renderSelectField from '../../../../shared/components/form/Select';\nimport PropTypes from 'prop-types';\nimport { withTranslation } from 'react-i18next';\n\nconst validate = values => {\n const errors = {};\n if (!values.name) {\n errors.name = \"Please enter the Job Description name\";\n }\n return errors;\n};\n\nconst renderField =\n ({\n input, placeholder, type, meta: { touched, error },\n }) => (\n \n {error} }\n
\n);\n\nrenderField.propTypes = {\n input: PropTypes.shape().isRequired,\n placeholder: PropTypes.string,\n type: PropTypes.string,\n meta: PropTypes.shape({\n touched: PropTypes.bool,\n error: PropTypes.string,\n }),\n};\n\nrenderField.defaultProps = {\n placeholder: '',\n meta: null,\n type: 'text',\n};\n\nconst filterAssetTypesOptionData = (dataObject) => {\n let filteredData = [];\n dataObject.filter(data => {\n filteredData.push({value : data._id, label: data.name});\n return data;\n });\n return filteredData;\n};\n\nconst filterCollectionOptionData = (dataObject) => {\n let filteredData = [];\n dataObject.filter(data => {\n filteredData.push({value : data._id, label: data.collection_name});\n return data;\n });\n return filteredData;\n};\n\nconst renderParam = ({ fields, meta: { error, submitFailed } }, t) => {\n return (\n \n
\n \n \n {t('asset_management.create_update_asset.form_update_detail_title')} \n \n fields.push({ key: \"\", value: \"\" })}>\n Add New Details Parameter\n \n {submitFailed && error && {error} }\n \n
\n \n \n {fields.map((param, index) => (\n \n fields.remove(index)}>\n Remove Param\n \n
\n ))}\n \n \n
\n \n \n );\n};\n\nfunction mapStateToProps(state, ownProps, context) {\n let { form_data } = ownProps;\n const newFormData = form_data && Object.keys(form_data).length > 0\n ? JSON.parse(JSON.stringify(form_data)) : {};\n\n const collections = state.collections;\n const asset_types = state.asset_types;\n\n let newDetails = [];\n if(newFormData.details && Object.keys(newFormData.details).length > 0) {\n for(let detailKey in newFormData.details) {\n newDetails = [...newDetails, {'key': detailKey, 'value': newFormData.details[detailKey]}];\n }\n }\n form_data = newFormData;\n form_data.details = newDetails;\n\n if (form_data && form_data.formType && form_data.formType === \"clone\") {\n delete form_data._id;\n }\n\n return { initialValues: form_data, collections, asset_types};\n}\n\nlet AssetData = reduxForm({\n validate: validate,\n form: \"AssetForm\",\n enableReinitialize: true\n})(AssetForm);\n\nconst selector = formValueSelector('AssetForm');\n\nexport default withTranslation('common') (connect(state => mapStateToProps,{})(AssetData));\n","import React, { Component } from \"react\";\nimport {\n Button, Card, CardBody, CardHeader, Col, Row,\n ButtonToolbar, ButtonGroup\n} from \"reactstrap\";\nimport { bindActionCreators } from 'redux';\nimport PropTypes from \"prop-types\";\nimport {connect} from \"react-redux\";\nimport {withTranslation} from \"react-i18next\";\nimport {BootstrapTable, TableHeaderColumn} from \"react-bootstrap-table\";\n\nimport LoadingIcon from \"mdi-react/LoadingIcon\";\nimport SettingsIcon from \"mdi-react/SettingsIcon\";\nimport {\n loadComponentType,\n loadComponents,\n openComponent,\n deleteComponent,\n} from \"../../../../../redux/actions/componentActions\";\nimport DeletePopUP from \"../../../../../shared/components/deletePopUp\";\n\nexport class ComponentList extends Component {\n constructor(props) {\n super(props);\n this.state = {\n dataLoaded: false,\n showDeleteAlert: false,\n selectedComponent: null,\n };\n }\n\n componentWillMount() {\n const { selectedAsset, loadComponents, loadComponentType } = this.props;\n const parent_asset_id = selectedAsset && selectedAsset._id;\n loadComponentType();\n loadComponents({parent_asset_id});\n }\n\n componentWillReceiveProps = nextProps => {\n if (nextProps.components){\n this.setState ({\n dataLoaded:true,\n formType: null,\n showDeleteAlert: false,\n selectedComponent:null\n });\n }\n };\n\n openForm = (type, selectedComponent) => {\n if (selectedComponent){\n selectedComponent[\"formType\"]= type;\n this.props.openComponent(selectedComponent);\n } else{\n this.props.openComponent(null);\n }\n\n this.props.history.push(\"/settings/assets_management/create_update_component\");\n };\n\n renderActionButtons = (cell, row) => {\n return (\n \n \n \n this.openForm(\"update\", row)}\n >\n this.openForm(\"clone\", row)}\n >\n \n this.setState({\n showDeleteAlert: true,\n selectedComponent: row\n })\n }\n >\n \n \n
\n );\n };\n\n renderActionButton2 = props => {\n return (\n \n
this.openForm(\"create\")}\n >\n
\n \n \n {\n !dataLoaded &&\n \n \n \n \n
\n Loading Component\n \n \n
\n \n \n
\n }\n\n {\n dataLoaded &&\n \n \n \n {t('asset_management.component_title')}\n \n \n \n \n {t('asset_management.component_label.component_name')}\n \n \n {t('asset_management.component_label.component_type_name')}\n \n \n {t('asset_management.component_label.health_status')}\n \n \n {t('asset_management.component_label.data_status')}\n \n \n Id\n \n \n {t('asset_management.component_label.action')}\n \n\n \n \n \n \n
\n }\n\n {\n deleteComponent(selectedComponent);\n return this.setState({ showDeleteAlert: false });\n }}\n onCancel={() => this.setState({ showDeleteAlert: false })\n }\n />\n\n \n );\n }\n}\n\nComponentList.propTypes = {\n t: PropTypes.func.isRequired,\n loadComponents: PropTypes.func.isRequired,\n openComponent: PropTypes.func.isRequired,\n deleteComponent: PropTypes.func.isRequired,\n components: PropTypes.array,\n selectedComponent: PropTypes.any,\n selectedAsset: PropTypes.any,\n};\n\nfunction mapStateToProps({ component }) {\n return {\n components: component.components,\n selectedComponent: component.selectedComponent,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n loadComponents,\n loadComponentType,\n openComponent,\n deleteComponent,\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(ComponentList)\n);\n","import React, { Component } from 'react';\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from 'redux';\nimport { withTranslation } from \"react-i18next\";\nimport {\n Col, Container, Row\n} from \"reactstrap\";\n\nimport AssetForm from \"./components/AssetForm\";\nimport ComponentList from \"./components/ComponentList\";\nimport { createOrUpdateAsset } from \"../../../redux/actions/assetsManagement\";\nimport { loadAssetTypes } from \"../../../redux/actions/entity_types\";\nimport { loadCollections } from \"../../../redux/actions/collections\";\n\nexport class AssetCreateUpdate extends Component {\n\n componentDidMount() {\n this.props.loadAssetTypes();\n this.props.loadCollections();\n }\n\n handleCreate = dataObj => {\n const data = JSON.parse(JSON.stringify(dataObj));\n\n data.asset_type_id =\n data.asset_type_name && data.asset_type_name.value && data.asset_type_name.value !== undefined\n ? data.asset_type_name.value : data.asset_type_id;\n\n data.data_status =\n data.data_status && data.data_status.value && data.data_status.value !== undefined\n ? data.data_status.value : data.data_status;\n\n data.collection_id =\n data.collection_id && data.collection_id.value && data.collection_id.value !== undefined\n ? data.collection_id.value : data.collection_id;\n\n data.activity_status =\n data.activity_status && data.activity_status.value && data.activity_status.value !== undefined\n ? data.activity_status.value : data.activity_status;\n\n const detailsObject = {};\n if (data.details && data.details.length > 0) {\n data.details.map( detail => detailsObject[detail.key] = detail.value);\n }\n data.details = detailsObject;\n\n delete data.formType;\n\n return this.props.createOrUpdateAsset(data, this.props.history);\n };\n\n build_type_lists(selectedAsset = {}, asset_types, collections){\n if(selectedAsset && Object.keys(selectedAsset).length > 0) {\n asset_types.filter(asset_type => {\n if(selectedAsset.asset_type_name === asset_type.name) {\n selectedAsset.asset_type_name = {value: asset_type._id, label: asset_type.name};\n }\n return asset_type;\n });\n\n collections.filter(collection => {\n if(selectedAsset.collection_name === collection.collection_name) {\n selectedAsset.collection_name = {value: collection._id, label: collection.collection_name};\n }\n return collection;\n });\n\n let newSelectedAsset = JSON.parse(JSON.stringify(selectedAsset));\n\n if (selectedAsset.data_status){\n newSelectedAsset.data_status = {\n value:selectedAsset.data_status,\n label: selectedAsset.data_status.replace(/_/g,' ')\n };\n }\n\n if (selectedAsset.activity_status){\n newSelectedAsset.activity_status = {\n value:selectedAsset.activity_status,\n label: selectedAsset.activity_status.replace(/_/g,' ')\n };\n }\n\n if (newSelectedAsset.formType == \"clone\"){\n newSelectedAsset._id = null;\n delete newSelectedAsset._id;\n }\n\n return newSelectedAsset;\n }\n return selectedAsset;\n }\n\n renderField =\n ({\n input, placeholder, type, meta: { touched, error },\n }) => (\n \n {error} }\n
\n );\n\n render () {\n const { t, selectedAsset, asset_types, collections } = this.props;\n let newSelectedAsset = this.build_type_lists(selectedAsset, asset_types, collections);\n\n return (\n \n \n {t('asset_management.create_update_asset.title')} \n {t('asset_management.create_update_asset.sub_title')}\n \n\n {\n this.closeForm();\n }}\n />\n\n {\n newSelectedAsset && newSelectedAsset.formType &&\n newSelectedAsset.formType == \"update\" &&\n
\n \n );\n }\n}\n\nAssetCreateUpdate.propTypes = {\n t: PropTypes.func.isRequired,\n createOrUpdateAsset: PropTypes.func.isRequired,\n components: PropTypes.array,\n};\n\nfunction mapStateToProps({\n assetsManagement, component, collections, asset_types\n}) {\n return {\n selectedAsset: assetsManagement.selectedAsset,\n components: component.components,\n collections,\n asset_types,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n createOrUpdateAsset,\n loadAssetTypes,\n loadCollections,\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(AssetCreateUpdate)\n);\n","import React, { PureComponent } from 'react';\nimport { Alert, Button } from 'reactstrap';\nimport PropTypes from 'prop-types';\nimport InformationOutlineIcon from 'mdi-react/InformationOutlineIcon';\nimport ThumbUpOutlineIcon from 'mdi-react/ThumbUpOutlineIcon';\nimport CommentAlertOutlineIcon from 'mdi-react/CommentAlertOutlineIcon';\nimport CloseCircleOutlineIcon from 'mdi-react/CloseCircleOutlineIcon';\n\nexport default class AlertComponent extends PureComponent {\n static propTypes = {\n color: PropTypes.string,\n icon: PropTypes.bool,\n className: PropTypes.string,\n children: PropTypes.element.isRequired,\n };\n\n static defaultProps = {\n color: '',\n icon: false,\n className: '',\n };\n\n constructor() {\n super();\n\n this.state = {\n visible: true,\n };\n }\n\n onShow = () => {\n this.setState({ visible: true });\n };\n\n onDismiss = () => {\n this.setState({ visible: false });\n };\n\n render() {\n const { visible } = this.state;\n\n const {\n color, className, icon, children, hideButton,\n } = this.props;\n let Icon;\n\n switch (color) {\n case 'info':\n Icon = \n {icon && {Icon}
}\n \n {children}\n
\n \n );\n } else if(hideButton === \"hide\") {\n return Show Alert ;\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Row, Col, Card, CardBody, CardHeader,\n Container, Progress, Table, Button,\n} from \"reactstrap\";\nimport {bindActionCreators} from \"redux\";\nimport {withTranslation} from \"react-i18next\";\nimport {connect} from \"react-redux\";\n\nimport FileUpload from \"../../../Form/FileUpload/components/FileUploadDefault\";\nimport Alert from '../../../../shared/components/Alert';\nimport {\n onAssetImport, stopFetchingImportAssetsStatus, deleteAssetsImportStatus,\n} from '../../../../redux/actions/assetsManagement';\n\nexport class ImportAssets extends Component {\n\n fileUploadSubmitHandler = event => {\n const file =\n event && event.files && event.files.length > 0\n ? event.files[0] : [];\n file && Object.keys(file).length > 0 && this.props.onAssetImport({file});\n };\n\n fileUploadResetHandler = () => {\n this.props.deleteAssetsImportStatus();\n };\n\n render() {\n const allowFileType = [\"application/vnd.ms-excel\", \"text/plain\", \"text/csv\", \"text/tsv\"];\n const { assetsImportStatus } = this.props;\n\n return (\n \n \n Import Assets \n \n \n Import Assets\n \n \n \n \n \n Import Progress\n \n \n \n \n
\n {\n assetsImportStatus && assetsImportStatus.progress\n ? assetsImportStatus.progress\n : 0\n }%\n \n
\n Current Status: { assetsImportStatus && assetsImportStatus.status }\n
\n\n {\n assetsImportStatus && assetsImportStatus.status &&\n assetsImportStatus.status !== \"FAILED\" &&\n \n { assetsImportStatus.message }
\n \n }\n\n {\n assetsImportStatus && assetsImportStatus.status &&\n assetsImportStatus.status === \"FAILED\" &&\n \n { assetsImportStatus.message }
\n \n }\n\n Validation Report
\n\n \n
\n
\n \n \n \n Element Type\n Element Type
\n \n \n Source of Error (List of Asset Names)\n \n Source of Error (List of Asset Names)\n
\n \n \n \n \n\n {\n assetsImportStatus && assetsImportStatus.error &&\n assetsImportStatus.error.length > 0 &&\n assetsImportStatus.error.map( (error, index) =>\n error.value && error.value.length > 0 ? (\n \n { error.key } \n \n \n {\n error.value.map(\n (val, valIndex) =>\n \n { val }\n { error.value.length-1 > valIndex && , }\n \n )\n }\n
\n \n \n ) : (\n \n
\n
\n
\n \n \n \n
\n\n \n {\n this.props.deleteAssetsImportStatus();\n this.props.stopFetchingImportAssetsStatus();\n this.props.history.push('/settings/asset_management')\n }}\n >\n Done\n \n
\n \n \n\n \n
\n \n );\n }\n}\n\nImportAssets.propsType = {\n onAssetImport: PropTypes.func,\n stopFetchingImportAssetsStatus: PropTypes.func\n};\n\nconst mapStateToProps = state => ({\n assetsImportStatus: state.assetsManagement.assetsImportStatus,\n});\n\nconst mapDispatchToProps = dispatch => {\n return bindActionCreators(\n {\n onAssetImport,\n stopFetchingImportAssetsStatus,\n deleteAssetsImportStatus,\n },\n dispatch\n );\n};\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(ImportAssets)\n);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Row, Col, Card, CardBody, CardHeader,\n Container, Progress, Table, Button,\n} from \"reactstrap\";\nimport {bindActionCreators} from \"redux\";\nimport {withTranslation} from \"react-i18next\";\nimport {connect} from \"react-redux\";\n\nimport FileUpload from \"../../../../Form/FileUpload/components/FileUploadDefault\";\nimport Alert from '../../../../../shared/components/Alert';\nimport {\n onComponentImport, stopFetchingImportComponentStatus, deleteComponentImportStatus\n} from '../../../../../redux/actions/componentActions';\n\nexport class ImportComponents extends Component {\n\n fileUploadSubmitHandler = event => {\n if(event.files) {\n const file =\n event && event.files && event.files.length > 0\n ? event.files[0] : [];\n file && Object.keys(file).length > 0 && this.props.onComponentImport({file});\n }\n };\n\n fileUploadResetHandler = () => {\n this.props.deleteComponentImportStatus();\n };\n\n render() {\n const allowFileType = [\"application/vnd.ms-excel\", \"text/plain\", \"text/csv\", \"text/tsv\"];\n const { componentImportStatus } = this.props;\n\n return (\n \n \n Import Component \n \n \n Import Asset Component\n \n \n \n \n \n Import Progress\n \n \n \n \n
\n {\n componentImportStatus && componentImportStatus.progress\n ? componentImportStatus.progress\n : 0\n }%\n \n
\n Current Status: { componentImportStatus && componentImportStatus.status }\n
\n\n {\n componentImportStatus && componentImportStatus.status &&\n componentImportStatus.status !== \"FAILED\" &&\n \n { componentImportStatus.message }
\n \n }\n\n {\n componentImportStatus && componentImportStatus.status &&\n componentImportStatus.status === \"FAILED\" &&\n \n { componentImportStatus.message }
\n \n }\n\n Validation Report
\n\n \n
\n
\n \n \n \n Element Type\n Element Type
\n \n \n Status\n Status
\n \n \n \n \n\n {\n componentImportStatus && componentImportStatus.error &&\n componentImportStatus.error.length > 0 &&\n componentImportStatus.error.map( (error, index) =>\n error.value && error.value.length > 0 ? (\n \n { error.key } \n \n \n {\n error.value.map(\n (val, valIndex) =>\n \n { val }\n { error.value.length-1 > valIndex && , }\n \n )\n }\n
\n \n \n ) : (\n \n
\n
\n
\n \n \n \n
\n\n \n {\n this.props.deleteComponentImportStatus();\n this.props.stopFetchingImportComponentStatus();\n this.props.history.push('/settings/asset_management')\n }}\n >\n Done\n \n
\n \n \n\n \n
\n \n );\n }\n}\n\nImportComponents.propsType = {\n onComponentImport: PropTypes.func\n};\n\nconst mapStateToProps = state => ({\n componentImportStatus: state.component.componentImportStatus,\n});\n\nconst mapDispatchToProps = dispatch => {\n return bindActionCreators(\n {\n onComponentImport,\n stopFetchingImportComponentStatus,\n deleteComponentImportStatus,\n },\n dispatch\n );\n};\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(ImportComponents)\n);\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Button, Row, Col } from \"reactstrap\";\nimport { Field, reduxForm, FieldArray,formValueSelector } from \"redux-form\";\nimport \"react-dropdown/style.css\";\nimport { Card, CardHeader, CardBody } from 'reactstrap';\nimport renderSelectField from '../../../../../shared/components/form/Select';\nimport PropTypes from 'prop-types';\nimport { withTranslation } from 'react-i18next';\n\nconst validate = values => {\n const errors = {};\n if (!values.name) {\n errors.name = \"Please enter the Job Description name\";\n }\n return errors;\n};\n\nconst renderField =\n ({\n input, placeholder, type, meta: { touched, error },\n }) => (\n \n {error} }\n
\n );\n\nrenderField.propTypes = {\n input: PropTypes.shape().isRequired,\n placeholder: PropTypes.string,\n type: PropTypes.string,\n meta: PropTypes.shape({\n touched: PropTypes.bool,\n error: PropTypes.string,\n }),\n};\n\nrenderField.defaultProps = {\n placeholder: '',\n meta: null,\n type: 'text',\n};\n\nconst filterCollectionTypesOptionData = (dataObject) => {\n let filteredData = [];\n if(dataObject && Object.keys(dataObject).length > 0) {\n dataObject.filter(data => {\n filteredData.push({value : data._id, label: data.name});\n return data;\n });\n }\n return filteredData;\n};\n\nlet ComponentForm = props => {\n const {\n handleSubmit, submitting, initialValues,\n t, component_types, hasComponent,\n } = props;\n const COMPONENT_TYPES_OPTIONS = filterCollectionTypesOptionData(component_types);\n const DATA_STATUS_OPTIONS = [\n { value: 'FULL_RECEIVING', label: 'FULL RECEIVING' },\n { value: 'LARGE_MISSES', label: 'LARGE MISSES' },\n { value: 'LITTLE_MISSES', label: 'LITTLE MISSES' },\n { value: 'NOT_RECEIVING', label: 'NOT RECEIVING' },\n ];\n const LAST_ACTION_TAKEN_TYPE_OPTIONS = [\n { value: 'MAINTENANCE', label: 'MAINTENANCE' },\n { value: 'FAULT_REPORT', label: 'FAULT REPORT' },\n { value: 'FAILURE_REPORT', label: 'FAILURE REPORT' },\n ];\n\n return (\n \n \n \n );\n};\n\nfunction mapStateToProps(state, ownProps) {\n let { form_data } = ownProps;\n form_data =\n form_data && Object.keys(form_data).length > 0\n ? form_data : {};\n\n const hasComponent = form_data && Object.keys(form_data).length > 0;\n\n let component_types = state.component.component_types;\n let parent_asset = state.assetsManagement.selectedAsset;\n\n form_data.parent_asset_id = parent_asset && parent_asset._id;\n form_data.asset_type_id = parent_asset && parent_asset.asset_type_id;\n form_data.collection_id = parent_asset && parent_asset.collection_id;\n form_data.owner = 4483;\n\n if (form_data && form_data.formType && form_data.formType === \"clone\") {\n delete form_data._id;\n }\n return {\n initialValues: form_data,\n component_types,\n hasComponent,\n };\n}\n\nlet ComponentData = reduxForm({\n validate: validate,\n form: \"ComponentForm\",\n enableReinitialize: true\n})(ComponentForm);\n\nexport default withTranslation('common') (connect(state => mapStateToProps,{})(ComponentData));\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport {Button, Row, Col, ModalFooter} from \"reactstrap\";\nimport { Field, reduxForm, FieldArray,formValueSelector } from \"redux-form\";\nimport \"react-dropdown/style.css\";\nimport { Card, CardHeader, CardBody } from 'reactstrap';\nimport renderSelectField from '../../../../../shared/components/form/Select';\nimport PropTypes from 'prop-types';\nimport { withTranslation } from 'react-i18next';\nimport renderDatePickerField from \"../../../../../shared/components/form/DatePicker\";\nimport CalendarBlankIcon from \"mdi-react/CalendarBlankIcon\";\n\nconst validate = values => {\n const errors = {};\n if (!values.name) {\n errors.name = \"Please enter the Job Description name\";\n }\n return errors;\n};\n\nconst renderField =\n ({\n input, placeholder, type, meta: { touched, error },\n }) => (\n \n {error} }\n
\n );\n\nrenderField.propTypes = {\n input: PropTypes.shape().isRequired,\n placeholder: PropTypes.string,\n type: PropTypes.string,\n meta: PropTypes.shape({\n touched: PropTypes.bool,\n error: PropTypes.string,\n }),\n};\n\nrenderField.defaultProps = {\n placeholder: '',\n meta: null,\n type: 'text',\n};\n\nconst renderTypeList = ({ fields, meta: { error, submitFailed } }) => {\n const allFields = fields.getAll();\n const fieldsName = fields.name;\n\n function renderFields(param, index) {\n if(param.label === \"Severity\") {\n const SEVERITY_OPTIONS = [\n { value: 'MAJOR', label: 'MAJOR' },\n { value: 'CRITICAL', label: 'CRITICAL' },\n { value: 'MINOR', label: 'MINOR' },\n { value: 'NORMAL', label: 'NORMAL' },\n ];\n\n return (\n \n
\n );\n }\n\n if(param.label === \"Date Detected\") {\n return (\n \n );\n }\n\n return (\n \n
\n );\n }\n\n if (allFields && Object.keys(allFields).length > 0) {\n return allFields.map((param, index) => {\n return (\n \n \n \n { param.label }\n \n \n\n { renderFields(param, index) }\n
\n )\n });\n }\n\n return \n \n \n );\n};\n\nfunction mapStateToProps(state, ownProps) {\n const { form_data } = ownProps;\n let newFormData = form_data && Object.keys(form_data).length > 0 ? form_data : {};\n\n const selectedAsset = state.assetsManagement.selectedAsset;\n const selectedComponent = state.component.selectedComponent;\n\n const asset_id =\n selectedAsset && selectedAsset._id\n ? selectedAsset._id : null;\n const asset_type_id =\n selectedAsset && selectedAsset.asset_type_id\n ? selectedAsset.asset_type_id : null;\n\n const component_id =\n selectedComponent && selectedComponent._id\n ? selectedComponent._id : null;\n const component_type_id =\n selectedComponent && selectedComponent.component_type_id\n ? selectedComponent.component_type_id : null;\n\n newFormData.asset_id = newFormData.asset_id || asset_id;\n newFormData.asset_type_id = newFormData.asset_type_id || asset_type_id;\n newFormData.component_id = newFormData.component_id || component_id;\n newFormData.component_type_id = newFormData.component_type_id || component_type_id;\n\n let feedback_type = selector(state, \"feedback_type\");\n feedback_type = feedback_type || { value: 'FAILURE_REPORT', label: 'FAILURE REPORT' };\n\n if (newFormData && newFormData.formType && newFormData.formType === \"clone\") {\n delete newFormData._id;\n }\n return {\n initialValues: newFormData,\n feedback_type,\n asset_id,\n asset_type_id,\n component_id,\n component_type_id,\n };\n}\n\nlet FeedbackData = reduxForm({\n validate: validate,\n form: \"FeedbackForm\",\n enableReinitialize: true\n})(FeedbackForm);\n\nconst selector = formValueSelector('FeedbackForm');\n\nexport default withTranslation('common') (connect(state => mapStateToProps,{})(FeedbackData));\n","import React, { Component } from \"react\";\nimport {\n Button, Card, CardBody, CardHeader, Col, Row,\n ButtonToolbar, ButtonGroup, ModalHeader, ModalBody, ModalFooter, Modal\n} from \"reactstrap\";\nimport { bindActionCreators } from 'redux';\nimport PropTypes from \"prop-types\";\nimport {connect} from \"react-redux\";\nimport {withTranslation} from \"react-i18next\";\nimport LoadingIcon from \"mdi-react/LoadingIcon\";\nimport ReactTable from \"react-table\";\n\nimport {\n loadFeedbackList,\n openFeedback,\n createOrUpdateFeedback,\n deleteFeedback,\n} from \"../../../../../redux/actions/feedbackActions\";\nimport FeedbackForm from './FeedbackForm';\nimport DeletePopUP from \"../../../../../shared/components/deletePopUp\";\n\nexport class MaintenanceOrFeedbackHistoryList extends Component {\n constructor(props) {\n super(props);\n this.state = {\n dataLoaded: false,\n showDeleteAlert: false,\n selectedFeedback: null,\n modal: false,\n };\n }\n\n toggle = () => {\n this.setState(prevState => ({\n modal: !prevState.modal\n }));\n };\n\n componentWillMount() {\n const { selectedComponent, loadFeedbackList } = this.props;\n if (selectedComponent){\n const component_id = selectedComponent._id;\n loadFeedbackList({component_id});\n } else{\n console.log(\"Mounted component without selected component\");\n }\n }\n\n componentWillReceiveProps = nextProps => {\n if (nextProps.feedbackList){\n this.setState ({\n dataLoaded:true,\n formType: null,\n showDeleteAlert: false,\n selectedFeedback:null\n });\n }\n };\n\n openForm = (type, selectedFeedback) => {\n if (selectedFeedback){\n selectedFeedback[\"formType\"]= type;\n this.props.openFeedback(selectedFeedback);\n } else{\n this.props.openFeedback(null);\n }\n\n this.toggle();\n };\n\n renderActionButtons = row => {\n return (\n \n \n \n this.openForm(\"update\", row)}\n >\n this.openForm(\"clone\", row)}\n >\n \n this.setState({\n showDeleteAlert: true,\n selectedFeedback: row\n }, () => console.log('delete state: ', this.state))\n }\n >\n \n \n
\n );\n };\n\n renderActionButton2 = props => {\n return (\n \n
this.openForm(\"create\")}\n >\n Provide New Feedback or Maintenance Action
\n \n onChange(event.target.value)}\n style={{ width: \"100%\" }}\n value={filter ? filter.value : \"all\"}\n className={'table-filter-dropdown'}\n >\n Show All \n MAINTENANCE \n FAULT_REPORT \n FAILURE_REPORT \n \n }, {\n Header: t('asset_management.feedback_label.issue_details'),\n accessor: 'comments',\n filterable: false,\n }, {\n Header: t('asset_management.feedback_label.severity'),\n accessor: 'Severity',\n filterable: false,\n }, {\n Header: t('asset_management.feedback_label.root_cause'),\n accessor: 'Cause',\n filterable: false,\n }, {\n Header: t('asset_management.feedback_label.date'),\n accessor: 'Date Detected',\n filterable: false,\n }\n ];\n\n return (\n \n {\n !dataLoaded &&\n \n \n \n \n
\n Loading Maintenance/Feedback History\n \n \n
\n \n \n
\n }\n\n {\n dataLoaded &&\n \n \n \n { t('asset_management.feedback.title') }\n \n \n {this.renderActionButton2()}\n \n String(row[filter.id]) === filter.value}\n loading={loadingFeedback}\n showPagination={true}\n showPaginationTop={false}\n showPaginationBottom={true}\n pageSizeOptions={[5, 10, 20, 25, 50, 100]}\n pages={\n totalPages ? totalPages : 1\n }\n manual\n onFetchData={(state, instance) => {\n let filterFieldData = '';\n state.filtered.filter(columnName =>\n filterFieldData = filterFieldData + '&' + columnName.id + '=' + columnName.value);\n\n const sortBy =\n state.sorted && state.sorted.length > 0 && state.sorted[0].id\n ? state.sorted[0].id : '';\n\n if (selectedComponent) {\n loadFeedbackList({\n component_id: selectedComponent._id,\n page: state.page,\n perPage: state.pageSize,\n filterFieldData: filterFieldData,\n sortBy: sortBy,\n });\n }\n\n }}\n />\n \n \n \n\n \n \n {\n selectedFeedback && selectedFeedback.length > 0\n ? t('asset_management.feedback.form_update_title')\n : t('asset_management.feedback.form_create_title')\n }\n\n \n \n \n {\n this.closeForm();\n }}\n />\n \n
\n \n \n
\n }\n\n {\n deleteFeedback(selectedFeedback);\n return this.setState({ showDeleteAlert: false });\n }}\n onCancel={() => this.setState({ showDeleteAlert: false })\n }\n />\n\n \n );\n }\n}\n\nMaintenanceOrFeedbackHistoryList.propTypes = {\n t: PropTypes.func.isRequired,\n loadFeedbackList: PropTypes.func.isRequired,\n openFeedback: PropTypes.func.isRequired,\n deleteFeedback: PropTypes.func.isRequired,\n feedbackList: PropTypes.array,\n selectedFeedback: PropTypes.any,\n};\n\nfunction mapStateToProps({ feedback, component }) {\n return {\n loadingFeedback: feedback.loadingFeedback,\n feedbackList: feedback.feedbackList,\n totalPages: feedback.totalPages,\n selectedFeedback: feedback.selectedFeedback,\n selectedComponent: component.selectedComponent,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n loadFeedbackList,\n openFeedback,\n createOrUpdateFeedback,\n deleteFeedback,\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(MaintenanceOrFeedbackHistoryList)\n);\n","import React, { Component } from 'react';\nimport PropTypes from \"prop-types\";\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from 'redux';\nimport { withTranslation } from \"react-i18next\";\nimport {\n Col, Container, Row\n} from \"reactstrap\";\n\nimport ComponentForm from \"./ComponentForm\";\nimport MaintenanceOrFeedbackHistoryList from \"../MaintenanceOrFeedbackHistoryList\";\nimport { createOrUpdateComponent } from \"../../../../../redux/actions/componentActions\";\n\nexport class ComponentCreateUpdate extends Component {\n\n handleCreate = data => {\n if ( data && Object.keys(data).length > 0 ) {\n data.component_type_id =\n data.component_type_id.value && data.component_type_id.value !== undefined\n ? data.component_type_id.value : data.component_type_id;\n\n data.data_status =\n data.data_status.value && data.data_status.value !== undefined\n ? data.data_status.value : data.data_status;\n\n data.last_action_taken_type =\n data.last_action_taken_type.value && data.last_action_taken_type.value !== undefined\n ? data.last_action_taken_type.value : data.last_action_taken_type;\n\n data.mean_time_between_failures =\n data.mean_time_between_failures && data.mean_time_between_failures !== undefined\n ? parseInt(data.mean_time_between_failures) : '';\n\n data.owner = data.owner ? parseInt(data.owner) : '';\n\n delete data.formType;\n delete data.updated_health_status;\n this.props.createOrUpdateComponent(data, this.props.history);\n }\n };\n\n renderField =\n ({\n input, placeholder, type, meta: { touched, error },\n }) => (\n \n {error} }\n
\n );\n\n renderMaintenanceOrFeedbackHistoryList = () => {\n const { selectedAsset, selectedComponent } = this.props;\n if (selectedAsset && Object.keys(selectedAsset).length > 0) {\n if (selectedComponent && Object.keys(selectedComponent).length > 0) {\n return \n \n {t('asset_management.create_update_component.title')} \n {t('asset_management.create_update_component.sub_title')}\n \n\n {\n this.closeForm();\n }}\n />\n\n {this.renderMaintenanceOrFeedbackHistoryList()}\n\n \n
\n \n );\n }\n}\n\nComponentCreateUpdate.propTypes = {\n t: PropTypes.func.isRequired,\n createOrUpdateComponent: PropTypes.func.isRequired,\n};\n\nfunction mapStateToProps({ assetsManagement, component }) {\n return {\n selectedAsset: assetsManagement.selectedAsset,\n selectedComponent: component.selectedComponent,\n component_types: component.component_types,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n createOrUpdateComponent\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps,\n )(ComponentCreateUpdate)\n);\n","/* eslint-disable react/no-unused-state,react/no-unescaped-entities */\nimport React, { PureComponent } from 'react';\nimport { Card, CardBody, Col } from 'reactstrap';\nimport DataPaginationTable from '../../../../shared/components/table/DataPaginationTable';\nimport Pagination from '../../../../shared/components/pagination/Pagination';\n\nexport default class DataTable extends PureComponent {\n constructor() {\n super();\n this.heads = [\n {\n key: 'id',\n name: '#',\n width: 80,\n },\n {\n key: 'first',\n name: 'First Name',\n sortable: true,\n },\n {\n key: 'last',\n name: 'Last Name',\n sortable: true,\n },\n {\n key: 'user',\n name: 'Username',\n sortable: true,\n },\n {\n key: 'age',\n name: 'Age',\n sortable: true,\n },\n {\n key: 'date',\n name: 'Date',\n sortable: true,\n },\n {\n key: 'location',\n name: 'Location',\n sortable: true,\n },\n {\n key: 'work',\n name: 'Work',\n sortable: true,\n },\n ];\n\n const initialPageNumber = 1;\n const initialRowsCount = 10;\n\n const minRows = 20;\n const maxRows = 41;\n const rowsCount = Math.random() * (maxRows - minRows);\n\n const originalRows = this.createRows(rowsCount + minRows);\n const currentPageRows = this.filterRows(originalRows, initialPageNumber, initialRowsCount);\n\n this.state = {\n rows: originalRows,\n rowsToShow: currentPageRows,\n pageOfItems: initialPageNumber,\n itemsToShow: initialRowsCount,\n };\n }\n\n onChangePage = (pageOfItems) => {\n const { rows, itemsToShow } = this.state;\n if (pageOfItems) {\n const rowsToShow = this.filterRows(rows, pageOfItems, itemsToShow);\n this.setState({ rowsToShow, pageOfItems });\n }\n };\n\n getRandomDate = (start, end) => new Date(start.getTime() + (Math.random() * (end.getTime()\n - start.getTime()))).toLocaleDateString();\n\n createRows = (numberOfRows) => {\n const rows = [];\n for (let i = 1; i < numberOfRows + 1; i += 1) {\n rows.push({\n id: i,\n first: ['Maria', 'Bobby ', 'Alexander'][Math.floor((Math.random() * 3))],\n last: ['Morisson', 'Brown ', 'Medinberg'][Math.floor((Math.random() * 3))],\n user: ['@dragon', '@hamster', '@cat'][Math.floor((Math.random() * 3))],\n age: Math.min(100, Math.round(Math.random() * 30) + 20),\n date: this.getRandomDate(new Date(2002, 3, 1), new Date(1954, 3, 1)),\n location: ['Melbourne', 'Tokio', 'Moscow', 'Rome'][Math.floor((Math.random() * 4))],\n work: ['Nova Soft', 'Dog Shop', 'Aspirity', 'Business Bro', 'Starlight'][Math.floor((Math.random() * 5))],\n });\n }\n return rows;\n };\n\n filterRows = (originalRows, pageNumber, rowsOnPage) => {\n const rowsFrom = rowsOnPage * (pageNumber - 1);\n const rowsTo = rowsFrom + rowsOnPage;\n return originalRows.slice(rowsFrom, rowsTo);\n };\n\n onSorting = (sortColumn, sortDirection) => {\n const comparer = (a, b) => {\n if (sortDirection === 'ASC') {\n return a[sortColumn] > b[sortColumn] ? 1 : -1;\n }\n return a[sortColumn] < b[sortColumn] ? 1 : -1;\n };\n const {\n rows, pageOfItems, itemsToShow,\n } = this.state;\n if (sortDirection !== 'NONE') {\n let sortRows = [...rows].sort(comparer);\n sortRows = this.filterRows(sortRows, pageOfItems, itemsToShow);\n this.setState({ rowsToShow: sortRows });\n return sortRows;\n }\n const sortRows = this.filterRows(rows, pageOfItems, itemsToShow);\n this.setState({ rowsToShow: sortRows });\n return sortRows;\n };\n\n render() {\n const {\n rows, itemsToShow, pageOfItems, rowsToShow,\n } = this.state;\n\n return (\n \n \n \n
data table \n Use table with column's option sortable \n \n \n \n \n );\n }\n}\n","import React from 'react';\nimport { Col, Container, Row } from 'reactstrap';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Table from './components/DataTable';\n\nconst ProcessManagement = ({ t }) => (\n \n \n {t('process_management.title')} \n Use this elements, if you want to show some hints or additional\n information\n \n \n
\n \n \n
\n \n);\n\nProcessManagement.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nexport default withTranslation('common')(ProcessManagement);\n","import React from 'react';\nimport { Route, Switch } from 'react-router-dom';\n\nimport CollectionSettings from '../../../Settings/CollectionSettings/index';\nimport CollectionCreateUpdate from '../../../Settings/CollectionSettings/Collection';\nimport InferenceServices from '../../../Settings/InferenceServices/index';\nimport AssetManagement from '../../../Settings/AssetManagement/index';\nimport AssetsManagementCreateUpdate from '../../../Settings/AssetManagement/Assets';\nimport ImportAssets from '../../../Settings/AssetManagement/components/ImportAssets';\nimport ImportComponents from '../../../Settings/AssetManagement/components/ComponentList/ImportComponents';\nimport ComponentsCreateUpdate from '../../../Settings/AssetManagement/components/ComponentsCreateUpdate';\nimport ProcessManagement from '../../../Settings/ProcessManagement/index';\n\nexport default () => (\n \n \n);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Select from 'react-select';\nimport {\n Button, ButtonToolbar, Modal,\n} from 'reactstrap';\nimport PlusIcon from 'mdi-react/PlusIcon';\nimport classNames from 'classnames';\nimport DatePicker from 'react-datepicker';\nimport { ThemeProps } from '../../../shared/prop-types/ReducerProps';\n\nconst priorityOptions = [\n { value: 'high', label: 'High' },\n { value: 'medium', label: 'Medium' },\n { value: 'low', label: 'Low' },\n];\n\nconst todoSidebarImg = `${process.env.PUBLIC_URL}/img/sidebar_img.svg`;\n\nclass TodoInput extends Component {\n static propTypes = {\n addTodo: PropTypes.func.isRequired,\n togglePriorityFilter: PropTypes.func.isRequired,\n theme: ThemeProps.isRequired,\n rtl: PropTypes.string.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n title: '',\n description: '',\n priority: 'low',\n modal: false,\n startDate: new Date(),\n };\n\n this.toggle = this.toggle.bind(this);\n this.handlePriorityChange = this.handlePriorityChange.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleDateChange = this.handleDateChange.bind(this);\n }\n\n toggle() {\n this.setState(prevState => ({ modal: !prevState.modal }));\n }\n\n handleTitleChange(event) {\n this.setState({\n title: event.target.value,\n });\n }\n\n handleDescriptionChange(event) {\n this.setState({\n description: event.target.value,\n });\n }\n\n handlePriorityChange(event) {\n this.setState({\n priority: event.value,\n });\n }\n\n handleSubmit(event) {\n event.preventDefault();\n const { addTodo } = this.props;\n const { title, description, priority } = this.state;\n\n if (title !== '') {\n this.toggle();\n addTodo(title, description, priority);\n this.setState({\n title: '',\n description: '',\n priority: { value: 'low', label: 'Low' },\n });\n }\n }\n\n handlePriorityFilterChange(event) {\n const { togglePriorityFilter } = this.props;\n togglePriorityFilter(event.target.value);\n }\n\n handleDateChange(date) {\n this.setState({\n startDate: date,\n });\n }\n\n render() {\n const {\n title, description, priority, modal, startDate,\n } = this.state;\n const { theme, rtl } = this.props;\n\n const modalClasses = classNames({\n 'todo__add-modal': true,\n }, theme.className, `${rtl}-support`);\n\n return (\n \n
\n
\n
\n
\n
Status
\n
\n \n All tasks \n \n \n Pending tasks \n \n \n Completed tasks \n \n \n
\n
\n
Priority
\n
\n \n All \n \n \n Low \n \n \n Medium \n \n \n High \n \n \n
\n
\n
\n \n
\n\n
\n
Description \n
\n
\n
\n\n
\n\n
\n\n\n
\n Add \n Cancel \n \n
\n \n \n \n \n
\n
{title} \n
\n
Due date: 22.05.19
\n
Priority: \n
\n
\n
\n
\n
{description}
\n
\n \n
\n
\n \n );\n }\n}\nexport default TodoItem;\n","import {\n shape, number, string, bool,\n} from 'prop-types';\n\nconst todoCard = shape({\n id: number.isRequired,\n title: string.isRequired,\n description: string.isRequired,\n priority: string.isRequired,\n completed: bool.isRequired,\n});\n\nexport default todoCard;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport TodoItem from './TodoItem';\nimport todoCard from '../types';\n\nclass TodoList extends Component {\n static propTypes = {\n actions: PropTypes.shape({\n editTodo: PropTypes.func,\n completeTodo: PropTypes.func,\n deleteTodo: PropTypes.func,\n }).isRequired,\n todos: PropTypes.arrayOf(todoCard).isRequired,\n completed: PropTypes.bool,\n };\n\n static defaultProps = {\n completed: false,\n };\n\n render() {\n const { todos, actions, completed } = this.props;\n\n const todoListClass = classNames({\n 'todo__item-comleted': completed,\n });\n\n return (\n todos.map(todo => (\n \n
\n ))\n );\n }\n}\nexport default TodoList;\n","const todoActions = {\n addTodo(title, description, priority) {\n return {\n type: 'ADD_TODO',\n title,\n description,\n priority,\n };\n },\n completeTodo(id) {\n return {\n type: 'COMPLETE_TODO',\n id,\n };\n },\n deleteTodo(id) {\n return {\n type: 'DELETE_TODO',\n id,\n };\n },\n togglePriorityFilter(priorityFilter) {\n return {\n type: 'PRIORITY_FILTER',\n priorityFilter,\n };\n },\n};\nexport default todoActions;\n","import React, { Component } from 'react';\nimport { Col, Container, Row } from 'reactstrap';\nimport { withTranslation } from 'react-i18next';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport PropTypes from 'prop-types';\nimport TodoInput from './components/TodoInput';\nimport TodoList from './components/TodoList';\nimport todoActions from '../../redux/actions/todoActions';\nimport todoCard from './types';\nimport { RTLProps, ThemeProps } from '../../shared/prop-types/ReducerProps';\n\nclass Todo extends Component {\n static propTypes = {\n actions: PropTypes.shape({\n editTodo: PropTypes.func,\n completeTodo: PropTypes.func,\n deleteTodo: PropTypes.func,\n }).isRequired,\n todos: PropTypes.arrayOf(todoCard).isRequired,\n theme: ThemeProps.isRequired,\n t: PropTypes.func.isRequired,\n rtl: RTLProps.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n incompleteTodos: props.todos.filter(todo => !todo.completed),\n completedTodos: props.todos.filter(todo => todo.completed),\n };\n }\n\n componentWillReceiveProps(nextProps) {\n this.setState({\n incompleteTodos: nextProps.todos.filter(todo => !todo.completed),\n completedTodos: nextProps.todos.filter(todo => todo.completed),\n });\n }\n\n render() {\n const {\n actions, t, theme, rtl,\n } = this.props;\n\n const { incompleteTodos, completedTodos } = this.state;\n\n return (\n \n \n {t('todo_application.page_title')} \n \n
\n \n
\n \n );\n }\n}\n\nfunction mapStateToProps(state) {\n const todos = state.todos.priorityFilter\n ? state.todos.todos.filter(todo => todo.priority === state.todos.priorityFilter)\n : state.todos.todos;\n return { todos, theme: state.theme, rtl: state.rtl };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return { actions: bindActionCreators(todoActions, dispatch) };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withTranslation('common')(Todo));\n","/* eslint-disable react/no-array-index-key */\nimport React, { PureComponent } from 'react';\nimport { Col, Container, Row } from 'reactstrap';\nimport {\n PieChart, Pie, Tooltip, Legend, ResponsiveContainer,\n} from 'recharts';\nimport { map, sum } from 'lodash';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\n\nconst style = {\n width: 250,\n top: '0',\n lineHeight: '24px',\n};\n\nconst renderLegend = ({ payload }) => (\n \n {\n\n payload.map((entry, index) => (\n \n);\n\nrenderLegend.propTypes = {\n payload: PropTypes.arrayOf(PropTypes.shape({\n color: PropTypes.string,\n vslue: PropTypes.string,\n })).isRequired,\n};\n\nclass AssetsSummary extends PureComponent {\n static propTypes = {\n t: PropTypes.func.isRequired,\n dir: PropTypes.string.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n x: 0,\n y: 0,\n };\n }\n\n onMouseMove = (e) => {\n const { dir } = this.props;\n if (e.tooltipPosition) {\n this.setState({ x: dir === 'ltr' ? e.tooltipPosition.x : e.tooltipPosition.x / 10, y: e.tooltipPosition.y });\n }\n };\n\n render() {\n const { x, y } = this.state;\n const { t, assetSummaryData } = this.props;\n\n let totalAssets = 0;\n const data01 = [];\n\n const fillColor = {\n \"Healthy\": '#63c9af',\n \"Missing Data\": '#ffd876',\n \"Major Issues\": '#FF9033',\n \"Critical Issues\": '#e16975',\n \"Status Down\": '#555555',\n };\n\n let i = 0;\n map(assetSummaryData , (item, index)=> {\n totalAssets = totalAssets + item;\n data01.push({\n name: index,\n value: item,\n fill: fillColor[index]\n });\n });\n\n return (\n \n
\n
\n
Asset Summary \n \n
\n
\n
\n
\n
\n
\n \n \n \n
\n
{totalAssets}
\n
Total Assets
\n
\n
\n
\n
\n
\n
AI Analysis Summary \n \n \n
\n {\n map(summaryData, (val, key)=>(\n
\n
\n
\n
\n
\n
\n
\n
\n ))\n }\n
\n
\n
{`${payload[0].value}`}
\n
\n
{title} \n
{data['Last Period']} \n
{`${data['Percentage Change']}%`} \n
\n
{cell} ;\n }\n\n\n function componentFormate(cell,row) {\n return {cell} {cell}
{cell}\n \n \n {cell} \n )\n };\n\n\n function columnClassNameFormat(fieldValue, row) {\n return row.review_status === 'PENDING' ? 'event-status-pending' : 'td-column-function-odd-example';\n }\n\n\n return (\n \n \n
\n
\n
Assets with health issues \n \n
\n
\n
\n
\n
\n
\n \n {t('asset_health.asset_labels.asset_name')} /\n {t('asset_health.asset_labels.type')}\n \n\n \n {t('asset_health.asset_labels.component_name')} /\n {t('asset_health.asset_labels.type')}\n \n \n {t('asset_health.asset_labels.health_status')}\n \n \n {t('asset_health.asset_labels.rul')}\n ({t('asset_health.asset_labels.days')})\n \n \n ({t('asset_health.asset_labels.ai_confidence')})\n \n \n ({t('asset_health.asset_labels.severity')})\n \n \n
\n
\n );\n }\n}\n\nconst SearchBar = () => {\n return(\n \n
\n )\n}\n\n\nexport default withTranslation('common')(HelthAssets);\n","import React from 'react';\nimport WarningLightsIcon from 'mdi-react/WarningLightsIcon';\nimport CloseCircleOutlineIcon from 'mdi-react/CloseCircleOutlineIcon';\nimport SettingsApplicationsIcon from 'mdi-react/SettingsApplicationsIcon';\nimport AlarmLightIcon from 'mdi-react/AlarmLightIcon'\nimport DoctorIcon from 'mdi-react/DoctorIcon'\nimport HealthPredictionIcon from 'mdi-react/ClockAlertIcon'\n\nexport const Icons = ({ name }) => {\n switch(name) {\n case 'HEALTH_PREDICTION':\n return {cell} ;\n }\n function componetFormate(cell,row) {\n return {row.source_name} {cell}
{cell}\n \n \n {cell} \n )\n };\n\n function columnClassNameFormat(fieldValue, row) {\n return row.review_status === 'PENDING' ? 'event-status-pending' : 'td-column-function-odd-example';\n }\n\n\n return (\n \n \n
\n
\n
Major predictions & events pending review \n \n
\n
\n
\n
\n
\n
\n \n {t('asset_events.asset_labels.event_type')} /\n {t('asset_events.asset_labels.label')}\n \n \n {t('asset_events.asset_labels.asset_name')} /\n {t('asset_events.asset_labels.type')}\n \n \n {t('asset_events.asset_labels.component')} /\n {t('asset_events.asset_labels.type')}\n \n moment.unix(cell).format('YYYY-MM-DD HH:mm:ss')}\n width=\"15%\"\n >\n {t('asset_events.asset_labels.last_seen')}\n \n \n {t('asset_events.asset_labels.ai_confidence')}\n \n \n {t('asset_events.asset_labels.severity')}\n \n \n
\n
\n );\n }\n}\n\nconst SearchBar = () => {\n return(\n \n
\n )\n}\n\n\nexport default withTranslation('common')(PredictionEvents);\n","import React, {PureComponent} from 'react';\nimport { Col, Container, Row } from 'reactstrap';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { withTranslation } from 'react-i18next';\nimport {bindActionCreators} from \"redux\";\nimport PropTypes from 'prop-types';\nimport { RTLProps } from '../../../shared/prop-types/ReducerProps';\nimport AssetsSummary from './components/AssetsSummary/AssetsSummary';\nimport AnalysisSummary from './components/AnalysisSummary';\nimport AnalysisTrend from './components/AnalysisTrend';\nimport HelthAssets from './components/HelthAssets';\nimport PredictionEvents from './components/PredictionEvents';\nimport {asset_summary, ai_analysis_summary,\n asset_components_with_health_issues,\n important_events_pending_review\n} from \"../../../new_dashboard_data\";\n\nimport { loadDashboard} from \"../../../redux/actions/dashboard\";\n\nclass AssetDashboard extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n loadingData: true,\n };\n };\n\n componentDidMount() {\n this.props.loadDashboard();\n }\n\n LoadingDashboardData = () =>(\n \n
\n );\n\n render() {\n const {t, rtl, dashboard } = this.props;\n const ai_analysis_trends = dashboard.ai_analysis_trends;\n console.log(\"dashboard:\", dashboard);\n return (\n \n {dashboard ?\n \n
\n \n {t('dashboard_assets.page_title')} \n \n
\n \n \n {Object.keys(ai_analysis_trends).map((val, key)=>(\n
\n \n
\n \n );\n }\n}\n\nAssetDashboard.propTypes = {\n t: PropTypes.func.isRequired,\n rtl: RTLProps.isRequired,\n};\n\n\nfunction mapStateToProps({\n dashboard,rtl\n}) {\n return {\n dashboard,\n rtl\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n loadDashboard\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(AssetDashboard)\n);\n","/* eslint-disable react/no-array-index-key */\nimport React, { PureComponent } from 'react';\nimport { Card, CardBody, Col } from 'reactstrap';\nimport {\n BarChart, Bar, Cell, ResponsiveContainer,\n} from 'recharts';\nimport TrendingUpIcon from 'mdi-react/TrendingUpIcon';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\n\nconst data = [\n { name: 'Page A', uv: 4000 },\n { name: 'Page B', uv: 3000 },\n { name: 'Page C', uv: 2000 },\n { name: 'Page D', uv: 2780 },\n { name: 'Page E', uv: 1890 },\n { name: 'Page F', uv: 2390 },\n { name: 'Page G', uv: 3490 },\n { name: 'Page H', uv: 2000 },\n { name: 'Page I', uv: 2780 },\n { name: 'Page J', uv: 1890 },\n];\n\nclass TotalProducts extends PureComponent {\n static propTypes = {\n t: PropTypes.func.isRequired,\n };\n\n constructor() {\n super();\n this.state = {\n activeIndex: 0,\n };\n }\n\n handleClick = (item) => {\n const index = data.indexOf(item.payload);\n this.setState({\n activeIndex: index,\n });\n };\n\n render() {\n const { activeIndex } = this.state;\n const activeItem = data[activeIndex];\n const { t } = this.props;\n\n return (\n \n \n \n
{t('dashboard_processes.total_products')} \n \n \n
\n
\n {activeItem.uv}\n
\n
\n \n \n \n {\n data.map((entry, index) => (\n \n \n \n
\n
\n \n \n );\n }\n}\n\nexport default withTranslation('common')(TotalProducts);\n","/* eslint-disable react/no-array-index-key */\nimport React, { PureComponent } from 'react';\nimport { Card, CardBody, Col } from 'reactstrap';\nimport {\n BarChart, Bar, Cell, ResponsiveContainer,\n} from 'recharts';\nimport TrendingUpIcon from 'mdi-react/TrendingUpIcon';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\n\nconst data = [\n { name: 'Page A', amt: 2400 },\n { name: 'Page B', amt: 2210 },\n { name: 'Page C', amt: 2290 },\n { name: 'Page D', amt: 2000 },\n { name: 'Page E', amt: 2181 },\n { name: 'Page F', amt: 2500 },\n { name: 'Page G', amt: 2100 },\n { name: 'Page H', amt: 2290 },\n { name: 'Page I', amt: 2000 },\n { name: 'Page J', amt: 2181 },\n];\n\nclass TotalProfit extends PureComponent {\n static propTypes = {\n t: PropTypes.func.isRequired,\n };\n\n constructor() {\n super();\n this.state = {\n activeIndex: 0,\n };\n }\n\n handleClick = (item) => {\n const index = data.indexOf(item.payload);\n this.setState({\n activeIndex: index,\n });\n };\n\n render() {\n const { activeIndex } = this.state;\n const activeItem = data[activeIndex];\n const { t } = this.props;\n\n return (\n \n \n \n
{t('dashboard_processes.total_profit')} \n \n \n
\n
\n ${(activeItem.amt).toFixed(2)}\n
\n
\n \n \n \n {\n data.map((entry, index) => (\n \n \n \n
\n
\n \n \n );\n }\n}\n\nexport default withTranslation('common')(TotalProfit);\n","/* eslint-disable react/no-array-index-key */\nimport React, { PureComponent } from 'react';\nimport { Card, CardBody, Col } from 'reactstrap';\nimport {\n BarChart, Bar, Cell, ResponsiveContainer,\n} from 'recharts';\nimport TrendingDownIcon from 'mdi-react/TrendingDownIcon';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\n\nconst data = [\n { name: 'Page A', pv: 255 },\n { name: 'Page B', pv: 452 },\n { name: 'Page C', pv: 154 },\n { name: 'Page D', pv: 85 },\n { name: 'Page E', pv: 545 },\n { name: 'Page F', pv: 438 },\n { name: 'Page G', pv: 523 },\n { name: 'Page H', pv: 226 },\n { name: 'Page I', pv: 112 },\n { name: 'Page J', pv: 101 },\n];\n\nclass OrdersToday extends PureComponent {\n static propTypes = {\n t: PropTypes.func.isRequired,\n };\n\n constructor() {\n super();\n this.state = {\n activeIndex: 0,\n };\n }\n\n handleClick = (item) => {\n const index = data.indexOf(item.payload);\n this.setState({\n activeIndex: index,\n });\n };\n\n render() {\n const { activeIndex } = this.state;\n const activeItem = data[activeIndex];\n const { t } = this.props;\n\n return (\n \n \n \n
{t('dashboard_processes.orders_today')} \n \n \n
\n
\n {(activeItem.pv)}\n
\n
\n \n \n \n {\n data.map((entry, index) => (\n \n \n \n
\n
\n \n \n );\n }\n}\n\nexport default withTranslation('common')(OrdersToday);\n","/* eslint-disable react/no-array-index-key */\nimport React, { PureComponent } from 'react';\nimport { Card, CardBody, Col } from 'reactstrap';\nimport {\n BarChart, Bar, Cell, ResponsiveContainer,\n} from 'recharts';\nimport TrendingUpIcon from 'mdi-react/TrendingUpIcon';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\n\nconst data = [\n { name: 'Page A', pv: 561 },\n { name: 'Page B', pv: 452 },\n { name: 'Page C', pv: 154 },\n { name: 'Page D', pv: 256 },\n { name: 'Page E', pv: 545 },\n { name: 'Page F', pv: 438 },\n { name: 'Page G', pv: 523 },\n { name: 'Page H', pv: 226 },\n { name: 'Page I', pv: 548 },\n { name: 'Page J', pv: 354 },\n];\n\nclass Subscriptions extends PureComponent {\n static propTypes = {\n t: PropTypes.func.isRequired,\n };\n\n constructor() {\n super();\n this.state = {\n activeIndex: 0,\n };\n\n this.handleClick = this.handleClick.bind(this);\n }\n\n handleClick = (item) => {\n const index = data.indexOf(item.payload);\n this.setState({\n activeIndex: index,\n });\n };\n\n render() {\n const { activeIndex } = this.state;\n const activeItem = data[activeIndex];\n const { t } = this.props;\n\n return (\n \n \n \n
{t('dashboard_processes.subscriptions')} \n \n \n
\n
\n {(activeItem.pv)}\n
\n
\n \n \n \n {\n data.map((entry, index) => (\n \n \n \n
\n
\n \n \n );\n }\n}\n\nexport default withTranslation('common')(Subscriptions);\n","/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport {\n Badge, Card, CardBody, Col, Collapse,\n} from 'reactstrap';\nimport PropTypes from 'prop-types';\n\nimport CloseIcon from 'mdi-react/CloseIcon';\nimport MinusIcon from 'mdi-react/MinusIcon';\nimport AutorenewIcon from 'mdi-react/AutorenewIcon';\nimport LoadingIcon from 'mdi-react/LoadingIcon';\n\nexport default class AlertComponent extends PureComponent {\n static propTypes = {\n divider: PropTypes.bool,\n color: PropTypes.string,\n title: PropTypes.string,\n subhead: PropTypes.string,\n label: PropTypes.string,\n icon: PropTypes.string,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n sm: PropTypes.number,\n xs: PropTypes.number,\n before: PropTypes.element,\n panelClass: PropTypes.string,\n };\n\n static defaultProps = {\n divider: false,\n color: '',\n title: '',\n subhead: '',\n label: '',\n icon: '',\n md: 0,\n lg: 0,\n xl: 0,\n sm: 0,\n xs: 0,\n before: null,\n panelClass: '',\n };\n\n constructor() {\n super();\n\n this.state = {\n visible: true,\n collapse: true,\n refresh: false,\n };\n }\n\n onShow = () => {\n this.setState({ visible: true });\n };\n\n onDismiss = () => {\n this.setState({ visible: false });\n };\n\n onCollapse = () => {\n this.setState(prevState => ({ collapse: !prevState.collapse }));\n };\n\n onRefresh = () => {\n // your async logic here\n this.setState(prevState => ({ refresh: !prevState.refresh }));\n setTimeout(() => this.setState({ refresh: false }), 5000);\n };\n\n render() {\n const {\n md, lg, xl, sm, xs, color, divider, icon, title, label, subhead, before,\n panelClass, children,\n } = this.props;\n\n const { collapse, refresh, visible } = this.state;\n\n if (visible) {\n return (\n \n \n {refresh ?
: ''}\n \n \n
\n {icon ? {label} \n \n {subhead} \n \n \n \n {children}\n
\n \n \n \n {before}\n \n );\n }\n\n return '';\n }\n}\n\nexport const PanelTitle = ({ title }) => (\n \n
\n {title}\n \n \n);\n","/* eslint-disable react/no-array-index-key */\nimport React, { PureComponent } from 'react';\nimport {\n PieChart, Pie, Tooltip, Legend, ResponsiveContainer,\n} from 'recharts';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Panel from '../../../../shared/components/Panel';\n\nconst data01 = [{ name: 'Sony Xperia Z', value: 12934, fill: '#4ce1b6' },\n { name: 'Xiaomi Mi 6', value: 9934, fill: '#70bbfd' },\n { name: 'Apple iPhone 7 Plus', value: 20432, fill: '#f6da6e' },\n { name: 'Apple iPhone 6 Plus', value: 15432, fill: '#ff4861' }];\n\nconst style = (dir) => {\n const left = dir === 'ltr' ? { left: 0 } : { right: 0 };\n return ({\n ...left,\n width: 150,\n lineHeight: '24px',\n position: 'absolute',\n });\n};\n\nconst renderLegend = ({ payload }) => (\n \n {\n payload.map((entry, index) => (\n \n);\n\nrenderLegend.propTypes = {\n payload: PropTypes.arrayOf(PropTypes.shape({\n color: PropTypes.string,\n vslue: PropTypes.string,\n })).isRequired,\n};\n\nclass TopSellingProducts extends PureComponent {\n static propTypes = {\n t: PropTypes.func.isRequired,\n dir: PropTypes.string.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n x: 0,\n y: 0,\n };\n }\n\n onMouseMove = (e) => {\n const { dir } = this.props;\n if (e.tooltipPosition) {\n this.setState({ x: dir === 'ltr' ? e.tooltipPosition.x : e.tooltipPosition.x / 10, y: e.tooltipPosition.y });\n }\n };\n\n render() {\n const { t, dir } = this.props;\n const { x, y } = this.state;\n\n return (\n \n \n \n );\n }\n}\n\n\nexport default withTranslation('common')(TopSellingProducts);\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Panel from '../../../../shared/components/Panel';\n\nconst Dog = `${process.env.PUBLIC_URL}/img/for_store/dog/1.png`;\n\nconst BasicCard = ({ t }) => (\n \n \n
\n
\n
\n
{t('dashboard_processes.basic_card')} \n
Knowledge nay estimable questions repulsive daughters\n boy.\n \n
\n
\n);\n\n\nBasicCard.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nexport default withTranslation('common')(BasicCard);\n","import React from 'react';\nimport { PieChart, Pie } from 'recharts';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Panel from '../../../../shared/components/Panel';\n\nconst data01 = [{ value: 80, fill: '#4ce1b6' },\n { value: 20, fill: '#eeeeee' }];\n\nconst data02 = [{ value: 50, fill: '#ff4861' },\n { value: 50, fill: '#eeeeee' }];\n\nconst SalesStatistic = ({ t }) => (\n \n \n
\n
\n
Top selling items statistic by last month
\n
\n $23,747.00\n \n
\n
\n
\n
\n
Top selling items statistic by last month
\n
\n $23,747.00\n \n
\n
\n \n \n \n # \n Invoice \n Customer Name \n Product \n Quantity \n Date \n Location \n Status \n \n \n \n \n 1 \n In-123356 \n Lok Morisson \n Xiaomi Mi 6 \n 1 \n 2017/12/25 \n Melbourne \n In Progress \n \n 2 \n In-254875 \n Norman Brown \n Apple iPhone 6 Plus \n 1 \n 2017/12/13 \n Tokio \n Completed \n \n 3 \n In-877868 \n Sam Medinberg \n Xiaomi Mi 6 \n 1 \n 2017/12/13 \n Moscow \n In Progress \n \n 4 \n In-619876 \n Dave Morisson \n Apple iPhone 5 S \n 1 \n 2017/12/07 \n Melbourne \n Completed \n \n 5 \n In-218778 \n Klara Brown \n Apple iPhone 6 Plus \n 1 \n 2017/12/05 \n London \n Completed \n \n 6 \n In-626268 \n Molly Medinberg \n Apple iPhone 7 Plus \n 1 \n 2017/12/01 \n Rome \n Completed \n \n
\n \n);\n\nRecentOrders.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nexport default withTranslation('common')(RecentOrders);\n","import React from 'react';\nimport {\n AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer,\n} from 'recharts';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Panel from '../../../../shared/components/Panel';\n\nconst data = [{\n name: 'Mon', plan: 590, pv: 800, current: 1400,\n},\n{\n name: 'Tue', plan: 868, pv: 967, current: 1506,\n},\n{\n name: 'Wed', plan: 1397, pv: 1098, current: 989,\n},\n{\n name: 'Thu', plan: 1480, pv: 1200, current: 1228,\n},\n{\n name: 'Fri', plan: 1520, pv: 1108, current: 1100,\n},\n{\n name: 'Sat', plan: 1520, pv: 1108, current: 1100,\n},\n{\n name: 'Sun', plan: 1400, pv: 680, current: 1700,\n}];\n\nconst ProductSales = ({ t, rtl }) => (\n \n \n
\n \n \n \n
\n);\n\nProductSales.propTypes = {\n t: PropTypes.func.isRequired,\n rtl: PropTypes.string.isRequired,\n};\n\nexport default withTranslation('common')(ProductSales);\n","import PropTypes from 'prop-types';\n\nconst {\n string, shape, arrayOf, number,\n} = PropTypes;\n\nexport const CryptoRowProps = shape({\n name: string,\n market_cap: string,\n price: string,\n volume: string,\n supply: string,\n change: string,\n chart: string,\n});\n\nexport const CryptoTableProps = arrayOf(CryptoRowProps);\n\nexport const NewOrderRowProps = shape({\n title: string,\n quantity: number,\n sold: number,\n total: string,\n img: string,\n});\n\nexport const NewOrderTableProps = arrayOf(NewOrderRowProps);\n","/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n DropdownItem, DropdownMenu, DropdownToggle, UncontrolledDropdown, Table,\n} from 'reactstrap';\nimport DotsHorizontalIcon from 'mdi-react/DotsHorizontalIcon';\nimport ChevronDownIcon from 'mdi-react/ChevronDownIcon';\nimport { Link } from 'react-router-dom';\nimport { withTranslation } from 'react-i18next';\nimport classNames from 'classnames';\nimport { NewOrderTableProps } from '../../../../shared/prop-types/TablesProps';\n\nimport Panel from '../../../../shared/components/Panel';\n\nconst DropDownMore = ({ index, handleDeleteRow }) => (\n \n \n
\n \n \n Edit \n Delete \n \n \n);\n\nDropDownMore.propTypes = {\n index: PropTypes.number.isRequired,\n handleDeleteRow: PropTypes.func.isRequired,\n};\n\nconst NewOrderAmount = ({ quantity }) => {\n const amountClass = classNames({\n 'dashboard__table-orders-amount': true,\n 'dashboard__table-orders-amount--medium': quantity <= 100,\n 'dashboard__table-orders-amount--low': quantity <= 20,\n });\n if (quantity > 150) {\n return (\n \n
\n
\n
\n
\n
\n
{quantity} \n
\n
\n
\n
\n
\n
{quantity} \n
\n \n \n \n Product \n Quantity \n Sold \n Total \n \n \n \n {newOrder.map((order, index) => (\n \n \n \n {order.title}\n \n \n \n {order.sold} \n {order.total} \n \n onDeleteRow(index, e)} />\n \n \n ))}\n \n
\n \n \n \n {yearly\n ? (\n \n \n )\n : (\n \n \n )\n }\n\n \n
\n \n Yearly \n Monthly \n \n\n \n );\n }\n}\n\nexport default withTranslation('common')(SalesStatistisBar);\n","import React from 'react';\nimport CheckIcon from 'mdi-react/CheckIcon';\nimport PropTypes from 'prop-types';\n\nconst ToDo = ({\n id, label, checked, onChange,\n}) => (\n \n \n \n \n {label} \n \n
\n);\n\nToDo.propTypes = {\n id: PropTypes.string.isRequired,\n label: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n};\n\nToDo.defaultProps = {\n label: '',\n checked: false,\n};\n\nexport default ToDo;\n","import React, { PureComponent } from 'react';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Panel from '../../../../shared/components/Panel';\nimport ToDo from './ToDo';\n\nclass MyTodos extends PureComponent {\n static propTypes = {\n t: PropTypes.func.isRequired,\n };\n\n state = {\n checkedItems: [\n {\n id: '1',\n label: 'Call to Margaret and tell about EasyDEV',\n checked: true,\n },\n {\n id: '2',\n label: 'Prepare docs for boss',\n checked: false,\n },\n {\n id: '3',\n label: 'Calculate the company budget',\n checked: true,\n },\n {\n id: '4',\n label: 'Find a manager',\n checked: true,\n },\n {\n id: '5',\n label: 'Call to Sarah',\n checked: true,\n },\n {\n id: '6',\n label: 'Make a sandwich',\n checked: true,\n },\n {\n id: '7',\n label: 'Drink a coffee',\n checked: true,\n },\n {\n id: '8',\n label: 'Walk with my dog',\n checked: true,\n },\n {\n id: '9',\n label: 'Buy some milk, bread and a new car',\n checked: true,\n },\n ],\n };\n\n onChange = (e) => {\n const { checkedItems } = this.state;\n const item = e.target.name;\n const index = checkedItems.findIndex(check => check.id === item);\n checkedItems[index].checked = !checkedItems[index].checked;\n this.setState({ checkedItems: [...checkedItems] });\n };\n\n render() {\n const { t } = this.props;\n const { checkedItems } = this.state;\n return (\n \n {\n checkedItems.map(todo => (\n \n \n \n \n);\n\nEmails.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nexport default withTranslation('common')(Emails);\n","import React from 'react';\nimport { Progress } from 'reactstrap';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Panel from '../../../../shared/components/Panel';\n\nconst SalesReport = ({ t }) => (\n \n \n
\n
Today
\n
$ 298,92
\n
$ 250 planned
\n
100%
\n
\n
\n
\n
This week
\n
$ 1423,01
\n
$ 1500 planned
\n
98%
\n
\n
\n
\n
This month
\n
$ 44321,74
\n
$ 45000 planned
\n
100%
\n
\n
\n
\n);\n\nSalesReport.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nexport default withTranslation('common')(SalesReport);\n","import React from 'react';\nimport Slider from 'react-slick';\nimport EmoticonIcon from 'mdi-react/EmoticonIcon';\nimport CrosshairsGpsIcon from 'mdi-react/CrosshairsGpsIcon';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Panel from '../../../../shared/components/Panel';\n\nconst settings = {\n dots: true,\n infinite: true,\n speed: 500,\n autoplay: true,\n swipeToSlide: true,\n slidesToScroll: 1,\n responsive: [\n { breakpoint: 992, settings: { slidesToShow: 1 } },\n { breakpoint: 1200, settings: { slidesToShow: 2 } },\n { breakpoint: 1536, settings: { slidesToShow: 1 } },\n { breakpoint: 100000, settings: { slidesToShow: 2 } },\n ],\n};\n\nconst ShortReminders = ({ t }) => (\n \n \n \n
\n
\n
Our goal
\n
is creating a chain of jewelery stores
\n
\n
\n
\n
\n
Our mission
\n
is creating a chain of jewelery stores
\n
\n
\n
\n
\n
Our goal
\n
is creating a chain of jewelery stores
\n
\n
\n
\n
\n
Our mission
\n
is creating a chain of jewelery stores
\n
\n
\n \n);\n\nShortReminders.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nexport default withTranslation('common')(ShortReminders);\n","import React, { PureComponent } from 'react';\nimport { Col, Container, Row } from 'reactstrap';\nimport { withTranslation } from 'react-i18next';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport TotalProducts from './components/TotalProducts';\nimport TotalProfit from './components/TotalProfit';\nimport OrdersToday from './components/OrdersToday';\nimport Subscriptions from './components/Subscriptions';\nimport TopSellingProducts from './components/TopSellingProducts';\nimport BasicCard from './components/BasicCard';\nimport SalesStatistic from './components/SalesStatistic';\nimport RecentOrders from './components/RecentOrders';\nimport ProductSales from './components/ProductSales';\nimport NewOrders from './components/NewOrders';\nimport SalesStatistisBar from './components/SalesStatistisBar';\nimport MyTodos from './components/MyTodos';\nimport Emails from './components/Emails';\nimport SalesReport from './components/SalesReport';\nimport ShortReminders from './components/ShortReminders';\nimport { deleteNewOrderTableData } from '../../../redux/actions/newOrderTableActions';\nimport { NewOrderTableProps } from '../../../shared/prop-types/TablesProps';\nimport { RTLProps } from '../../../shared/prop-types/ReducerProps';\n\nclass ECommerceDashboard extends PureComponent {\n static propTypes = {\n newOrder: NewOrderTableProps.isRequired,\n dispatch: PropTypes.func.isRequired,\n t: PropTypes.func.isRequired,\n rtl: RTLProps.isRequired,\n };\n\n onDeleteRow = (index, e) => {\n const { dispatch, newOrder } = this.props;\n\n e.preventDefault();\n const arrayCopy = [...newOrder];\n arrayCopy.splice(index, 1);\n dispatch(deleteNewOrderTableData(arrayCopy));\n };\n\n render() {\n const { t, newOrder, rtl } = this.props;\n\n return (\n \n \n {t('dashboard_processes.page_title')} \n \n
\n \n
\n \n
\n \n );\n }\n}\n\nexport default connect(state => ({\n newOrder: state.newOrder.items,\n rtl: state.rtl,\n}))(withTranslation('common')(ECommerceDashboard));\n","import React from 'react';\nimport { Field, reduxForm } from 'redux-form';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport renderIntervalDatePickerField from '../../../../shared/components/form/IntervalDatePicker';\n\nconst DateRange = ({ handleSubmit, t, icon, name, hasLabel }) => {\n function renderFields() {\n return(\n \n
\n
Severity :\n \n {this.handleCheckBoxClick('critical')}}\n /> Critical\n \n \n {this.handleCheckBoxClick('minor')}}\n /> Minor\n \n \n {this.handleCheckBoxClick('major')}}\n /> Major\n \n \n {this.handleCheckBoxClick('normal')}}\n /> Normal\n \n \n \n {appConfig.APP == \"ANOMALY\"? \"\":\n
\n this.changeHandler('event_type', e)}\n >\n Event Type \n Health Prediction \n Failure Prediction \n Anomaly \n Fault \n \n
\n }\n\n {/*
*/}\n {/* this.changeHandler('event_label', e)}*/}\n {/* >*/}\n {/* Event Label */}\n {/* Anomaly */}\n {/* Normal */}\n {/* */}\n {/*
*/}\n
\n
\n
\n
\n
\n
\n
\n
{t('asset_events.sub_title')} \n \n
\n
\n
\n
this.handleAllFilter()}\n >\n All Filters\n \n \n
\n this.changeHandler('review_status', e)}\n >\n Action Status \n Pending \n Reviewed \n \n
\n
\n this.changeHandler('last_ai_confidence', e)}\n >\n AI Confidence \n Low \n Medium \n High \n \n
\n
\n this.changeHandler('collection_name', e)}\n />\n
\n
\n this.changeHandler('parent_source_name', e)}\n />\n
\n
\n {this.hiddenFilter()}\n
\n
\n
\n
${this.alterString(data.event_type)}
\n
${this.alterString(data.event_label)}
\n
\n
\n AI CONF.\n ${aiConf} \n
\n
${tooltipTime}
\n
\n SEVERITY\n ${data.severity} \n
\n
\n \n
\n {selectedSource.map((item, itemIndex)=>\n
{item.name} \n )}\n
\n
\n
\n
\n Loading Chart}\n data = { newEventsPredictionTimelineData }\n options={{\n timeline: {\n showBarLabels: false,\n rowLabelStyle: {\n color: '#8392a5',\n fontSize: 14,\n fontWeight: 'normal',\n },\n barLabelStyle: {\n color: '#8392a5',\n },\n },\n }}\n\n rootProps={{ 'data-testid': '7' }}\n />\n }\n\n Timeline
\n\n \n
\n \n );\n }\n}\n\nEventTimelineChart.propTypes = {\n};\n\nfunction mapStateToProps({ eventManagement }) {\n return {\n assetsEventLabel: eventManagement.assetsEventLabel,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n { },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(EventTimelineChart)\n);\n","import React, {PureComponent} from 'react';\nimport {\n Button,\n Col,\n Container,\n Input,\n Modal,\n ModalBody,\n ModalHeader,\n Row,\n} from 'reactstrap';\nimport { withTranslation } from 'react-i18next';\nimport MenuIcon from 'mdi-react/MenuIcon'\nimport PropTypes from 'prop-types';\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\nimport InfiniteScroll from 'react-infinite-scroller';\nimport { connect } from 'react-redux';\nimport {bindActionCreators} from \"redux\";\nimport ReactTable from \"react-table\";\nimport moment from 'moment';\nimport { filter, compact } from 'lodash';\n\nimport { Icons } from './components/Icons';\nimport EventFilter from './EventFilter'\nimport EventTimelineChart from './components/EventTimelineChart'\nimport {loadAssetEvents, openEvent, removeAssetFilter} from \"../../../redux/actions/eventManagement\";\nimport { loadCollections } from '../../../redux/actions/collections';\nimport { loadAssetTypes } from \"../../../redux/actions/entity_types\";\nimport { loadComponentType, loadComponentsByPage } from \"../../../redux/actions/componentActions\";\n\nclass InfiniteScrollExtend extends InfiniteScroll{\n componentDidUpdate(prevProps, prevState){\n if(prevProps.pageStart !== this.props.pageStart){\n this.pageLoaded = 1;\n }\n this.attachScrollListener();\n }\n}\n\nclass AssetEvents extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n hasMoreItems: true,\n viewType: 'list',\n modal: false,\n timelineStartRange: false,\n timelineEndRange: false,\n selectedFilteredComponent: false,\n sortBy: false,\n pageStart: 0\n };\n this.options = {\n onRowClick: (row) => this.rowClickHandler(row)\n };\n };\n\n componentDidMount() {\n this.props.loadCollections();\n this.props.loadAssetTypes();\n this.props.loadComponentType();\n const includePendingCcount=1;\n this.props.loadAssetEvents({includePendingCcount});\n }\n\n componentWillReceiveProps(nextProps){\n const { currentPage, totalPage } = nextProps;\n if (currentPage ==1 && totalPage >0){\n const { pageStart } = this.state;\n this.setState({ pageStart: pageStart === 1 ? 0 : 1 });\n this.setState({\n hasMoreItems:true,\n })\n }\n }\n\n rowClickHandler = row => {\n this.props.openEvent(row);\n this.props.history.push('/event_feedback_report');\n };\n\n toggleModel = () => {\n this.setState(prevState => ({\n modal: !prevState.modal\n }));\n };\n\n moreLoader = () =>(\n \n
\n );\n\n PendingReviewSummery = () =>(\n \n
\n
Number of Events Pending Review: {this.props.pendingEventCount} \n \n
\n
\n \n \n
\n {console.log('selectedSource===>',selectedSource)}\n
\n
\n
\n
\n
\n Event Timeline for {\" \"}\n {selectedFilteredComponent && selectedFilteredComponent.asset_name }\n :\n {selectedFilteredComponent && selectedFilteredComponent.component_name}\n \n\n \n
\n
\n
\n );\n\n noEventData = () =>(\n \n
\n );\n\n render() {\n const {\n t, loadingAssetsEvent, assetsEvent, totalPage,\n collections, asset_types, component_types, componentPages,\n } = this.props;\n const {\n hasMoreItems, viewType, selectedFilteredComponent,\n sortBy, pageStart\n } = this.state;\n\n console.log({componentPages, assetsEvent});\n const columns = [\n {\n Header: t('asset_events.asset_labels.component_name'),\n accessor: 'component_name',\n },\n {\n Header: t('asset_events.asset_labels.asset_name'),\n accessor: 'asset_name',\n },\n {\n Header: t('asset_events.asset_labels.collection'),\n accessor: 'collection_name',\n Filter: ({ filter, onChange }) =>\n onChange(event.target.value)}\n style={{ width: \"100%\" }}\n value={filter ? filter.value : \"all\"}\n className={'table-filter-dropdown'}\n >\n Show All \n {\n collections && collections.length > 0 &&\n collections.map( (collection, collectionIndex) =>\n \n { collection.collection_name }\n \n )\n }\n \n },\n {\n Header: t('asset_events.asset_labels.asset_type'),\n accessor: 'asset_type_name',\n Filter: ({ filter, onChange }) =>\n onChange(event.target.value)}\n style={{ width: \"100%\" }}\n value={filter ? filter.value : \"all\"}\n className={'table-filter-dropdown'}\n >\n Show All \n {\n asset_types && asset_types.length > 0 &&\n asset_types.map( (assetType, assetTypeIndex) =>\n \n { assetType.name }\n \n )\n }\n \n },\n {\n Header: t('asset_events.asset_labels.severity'),\n accessor: 'aggregate_severity',\n Filter: ({ filter, onChange }) =>\n onChange(event.target.value)}\n style={{ width: \"100%\" }}\n value={filter ? filter.value : \"all\"}\n className={'table-filter-dropdown'}\n >\n Show All \n Critical \n Minor \n Major \n Normal \n \n },\n {\n Header: t('asset_events.asset_labels.component_type'),\n accessor: 'component_type_name',\n Filter: ({ filter, onChange }) =>\n onChange(event.target.value)}\n style={{ width: \"100%\" }}\n value={filter ? filter.value : \"all\"}\n className={'table-filter-dropdown'}\n >\n Show All \n {\n component_types && component_types.length > 0 &&\n component_types.map( (componentType, componentTypeIndex) =>\n \n { componentType.name }\n \n )\n }\n \n },\n ];\n\n function severityLabel (val) {\n let color = '';\n switch (val) {\n case 'CRITICAL' :\n color = '';\n break;\n case 'MAJOR' :\n color = 'orange';\n break;\n case 'MINOR' :\n color = 'yellow';\n break;\n case 'NORMAL' :\n color = 'green';\n break;\n default:\n color = '';\n }\n return color;\n }\n function valueFeverity(cell) {\n return {cell} ;\n }\n function componetFormate(cell,row) {\n return {row.source_name} {cell}
{cell}\n \n \n {cell} \n )\n };\n\n function columnClassNameFormat(fieldValue, row) {\n return row.review_status === 'PENDING' ? 'event-status-pending' : 'td-column-function-odd-example';\n }\n\n\n return(\n \n {t('asset_events.title')} \n \n
\n\n \n this.setState({viewType: 'list'})}\n sortBy={sortBy}\n />\n\n \n
\n
\n {viewType && viewType === 'timeline' ?\n this.headerSummery()\n : this.PendingReviewSummery()\n }\n\n {viewType && viewType === 'list' && !loadingAssetsEvent && totalPage >0 &&\n
\n {this.eventSortingBar()}\n \n
\n
\n {viewType && viewType === 'list' &&\n \n \n {t('asset_events.asset_labels.event_type')} /\n {t('asset_events.asset_labels.label')}\n \n \n {t('asset_events.asset_labels.asset_name')} /\n {t('asset_events.asset_labels.type')}\n \n \n {t('asset_events.asset_labels.component')} /\n {t('asset_events.asset_labels.type')}\n \n moment.unix(cell).format('YYYY-MM-DD HH:mm:ss')}\n width=\"15%\"\n >\n {t('asset_events.asset_labels.last_seen')}\n \n \n {t('asset_events.asset_labels.ai_confidence')}\n \n \n {t('asset_events.asset_labels.severity')}\n \n \n {t('asset_events.asset_labels.action')}\n \n \n
\n }\n\n {viewType && viewType === 'timeline' && !loadingAssetsEvent &&\n
\n }\n {loadingAssetsEvent &&\n this.LoadingIEvents()\n }\n\n {totalPage==0 &&\n this.noEventData()\n }\n\n
\n
\n
\n \n \n {t('asset_events.timeline.filter_popup.title')}\n \n \n \n
\n \n \n String(row[filter.id]) === filter.value}\n loading={loadingAssetsEvent}\n showPagination={true}\n showPaginationTop={false}\n showPaginationBottom={true}\n defaultPageSize={10}\n pageSizeOptions={[5, 10, 20, 25, 50, 100]}\n pages={\n totalPage ? totalPage : 1\n }\n manual\n onFetchData={(state, instance) => this.reactTableFetchDataHandler(state, instance)}\n getTrProps={(state, rowInfo) => this.trPropsHandler(state, rowInfo)}\n />\n \n
\n\n \n \n Show Timeline\n \n \n
\n \n \n )\n }\n}\n\nAssetEvents.propTypes = {\n handleSubmit: PropTypes.func.isRequired,\n loadAssetsEvent: PropTypes.func.isRequired,\n t: PropTypes.func.isRequired,\n eventsPredictionTimelineData: PropTypes.object,\n};\n\nfunction mapStateToProps({\n eventManagement, collections, asset_types, component,\n}) {\n return {\n loadingAssetsEvent : eventManagement.loadingAssetsEvent,\n assetsEvent: eventManagement.assetsEvent,\n currentPage: eventManagement.currentPage,\n totalPage: eventManagement.totalPage,\n assetsEventLabel: eventManagement.assetsEventLabel,\n pendingEventCount: eventManagement.pendingEventCount,\n assetsPredictionFilterFieldData: eventManagement.assetsPredictionFilterFieldData,\n componentPages: component.componentPages,\n component_types: component.component_types,\n collections,\n asset_types,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n loadAssetEvents,\n loadCollections,\n loadAssetTypes,\n loadComponentType,\n openEvent,\n loadComponentsByPage,\n removeAssetFilter,\n\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(AssetEvents)\n);\n","import React from 'react';\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Row } from 'reactstrap';\n\nclass CreateNewFaultForm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n modal: false,\n industry_failure_code: '',\n name: ''\n };\n\n this.toggle = this.toggle.bind(this);\n }\n\n handleChangeIndustryCode = (e) => {\n this.setState({\n industry_failure_code:e.target.value\n })\n };\n\n handleChangeLabel = (e) => {\n this.setState({\n name:e.target.value\n })\n };\n\n saveLabel = () => {\n this.props.handleCreateLabelToggle({name:this.state.name, industry_failure_code:this.state.industry_failure_code},\n !this.props.isToggleModal, this.props.feedback_type)\n }\n\n toggle() {\n this.props.handleCreateLabelToggle('', !this.props.isToggleModal, this.props.feedback_type)\n }\n\n render() {\n const { isToggleModal } = this.props;\n return (\n\n \n Create New Fault Label \n \n \n \n \n Save \n Cancel \n \n \n );\n }\n}\n\nexport default CreateNewFaultForm;\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Button, Row, Col } from \"reactstrap\";\nimport { Field, reduxForm, FieldArray,formValueSelector } from \"redux-form\";\nimport \"react-dropdown/style.css\";\nimport { CardHeader, CardBody } from 'reactstrap';\nimport renderSelectField from '../../../../shared/components/form/Select';\nimport PropTypes from 'prop-types';\nimport { withTranslation } from 'react-i18next';\nimport renderDatePickerField from \"../../../../shared/components/form/DatePicker\";\nimport {createNewLabelToggle, createLabel} from \"../../../../redux/actions/feedbackActions\";\nimport CreateNewFaultForm from \"./CreateNewFaultForm\";\n\nconst validate = values => {\n const errors = {};\n if (!values.name) {\n errors.name = \"Please enter the Job Description name\";\n }\n return errors;\n};\n\n\n\nconst renderField =\n ({\n input, placeholder, type, meta: { touched, error },\n }) => (\n \n {error} }\n
\n );\n\nrenderField.propTypes = {\n input: PropTypes.shape().isRequired,\n placeholder: PropTypes.string,\n type: PropTypes.string,\n meta: PropTypes.shape({\n touched: PropTypes.bool,\n error: PropTypes.string,\n }),\n};\n\nrenderField.defaultProps = {\n placeholder: '',\n meta: null,\n type: 'text',\n};\n\n\nconst renderTypeList = ({ fields, meta: { error, submitFailed } }, props) => {\n const allFields = fields.getAll();\n const fieldsName = fields.name;\n const {\n t,\n labelManager\n } = props;\n\n\n function buildFaultLabels(labelManager) {\n if (!labelManager) {\n return [];\n }\n let labels = labelManager.fault_labels.label_list;\n let label_options =[];\n label_options.push({ value: 'CREATE_NEW', label: 'Create New' });\n let i =0;\n let new_option = null;\n for (i = 0; i < labels.length; i++) {\n new_option = { value: labels[i].name, label: labels[i].name };\n label_options.push(new_option);\n }\n return label_options;\n };\n\n function buildFailureLabels(labelManager) {\n if (!labelManager) {\n return [];\n }\n let labels = labelManager.failure_prediction_labels.label_list;\n let label_options =[];\n label_options.push({ value: 'CREATE_NEW', label: 'Create New' });\n let i =0;\n let new_option = null;\n for (i = 0; i < labels.length; i++) {\n new_option = { value: labels[i].name, label: labels[i].name };\n label_options.push(new_option);\n }\n return label_options;\n };\n\n function buildMaintenanceLabels(labelManager) {\n if (!labelManager) {\n return [];\n }\n let labels = labelManager.maintenance_action_labels.label_list;\n let label_options =[];\n label_options.push({ value: 'CREATE_NEW', label: 'Create New' });\n let i =0;\n let new_option = null;\n for (i = 0; i < labels.length; i++) {\n new_option = { value: labels[i].name, label: labels[i].name };\n label_options.push(new_option);\n }\n return label_options;\n };\n\n const FAULT_LABEL_OPTION = buildFaultLabels(labelManager);\n\n const FAILURE_TYPE_OPTION = buildFailureLabels(labelManager);\n\n const MAINTENANCE_ACTION_OPTION = buildMaintenanceLabels(labelManager);\n\n function renderFields(param, index) {\n if(param.label === \"Severity\") {\n const SEVERITY_OPTIONS = [\n { value: 'MAJOR', label: 'MAJOR' },\n { value: 'CRITICAL', label: 'CRITICAL' },\n { value: 'MEDIUM', label: 'MEDIUM' },\n { value: 'LOW', label: 'LOW' },\n ];\n\n return (\n \n
\n );\n }\n\n if(param.label === \"Fault Label\") {\n return (\n \n
\n );\n }\n\n if(param.label === 'Failure Type') {\n return (\n \n
\n );\n }\n\n if(param.label === 'Maintenance Action') {\n return (\n \n
\n );\n }\n\n if(param.label === \"Date Detected\") {\n return (\n \n );\n }\n\n return (\n \n
\n );\n }\n\n function onItemSelect(res) {\n if(res.value === \"CREATE_NEW\"){\n props.createNewLabelToggle(!props.isCreateNewLabel);\n }\n };\n\n if (allFields && Object.keys(allFields).length > 0) {\n return allFields.map((param, index) => {\n return (\n \n { param.label !== 'Severity' ? param.label : 'Severity of Problem' } \n { renderFields(param, index) }\n
\n \n )\n });\n }\n\n return \n
\n );\n\n\n render() {\n const { selectedFeedbackReport, healthReportChart, visualRulChart, visualRulChartLoading } = this.props;\n const formData = {\n maintenance_feedback: [\n { value: '', label: 'Severity' },\n { value: '', label: 'Cause' },\n { value: '', label: 'Maintenance Action' },\n { value: '', label: 'Date Detected' },\n ],\n failure_feedback: [\n { value: '', label: 'Severity' },\n { value: '', label: 'Cause' },\n { value: '', label: 'Failure Type' },\n { value: '', label: 'Date Detected' },\n ],\n fault_feedback: [\n { value: '', label: 'Severity' },\n { value: '', label: 'Cause' },\n { value: '', label: 'Fault Label' },\n { value: '', label: 'Date Detected' },\n ],\n no_action: [\n { value: '', label: 'Severity' },\n { value: '', label: 'Cause' },\n { value: '', label: 'Date Detected' },\n ],\n };\n formData.asset_id = selectedFeedbackReport && selectedFeedbackReport.parent_asset_id;\n formData.asset_type_id = selectedFeedbackReport && selectedFeedbackReport.asset_type_id;\n formData.component_id = selectedFeedbackReport && selectedFeedbackReport._id;\n formData.component_type_id = selectedFeedbackReport && selectedFeedbackReport.component_type_id;\n\n const AxisLabel = ({ axisType, x, y, width, height, stroke, children }) => {\n const isVert = axisType === 'yAxis';\n const cx = isVert ? x : x + (width / 2);\n const cy = isVert ? (height / 2) + y : y + height + 10;\n const rot = isVert ? `270 ${cx} ${cy}` : 0;\n return (\n \n {children}\n \n );\n };\n\n function severityLabel (val) {\n let color = '';\n switch (val) {\n case 'CRITICAL' :\n color = '';\n break;\n case 'MAJOR' :\n color = 'orange';\n break;\n case 'MINOR' :\n color = 'yellow';\n break;\n case 'NORMAL' :\n color = 'green';\n break;\n default:\n color = '';\n }\n return color;\n }\n\n return (\n \n \n Assets Health Report \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n SOURCE ASSETS NAME \n COMPONENT NAME \n RUL \n HEALTH STATUS \n SEVERITY \n AI CONFIDENCE \n \n \n \n {\n selectedFeedbackReport && Object.keys(selectedFeedbackReport).length > 0 &&\n \n \n \n \n {selectedFeedbackReport.asset_name}\n \n \n {selectedFeedbackReport.component_name}\n \n \n {selectedFeedbackReport.rul} \n \n \n {selectedFeedbackReport.aggregate_status}\n \n \n {selectedFeedbackReport.aggregate_severity} \n \n \n \n \n {selectedFeedbackReport.last_ai_confidence}\n \n \n }\n\n {!selectedFeedbackReport &&\n \n No Data Selected \n \n }\n\n \n
\n
\n \n \n \n
\n \n \n
\n
\n
RUL & Helth Index with Newness \n \n
\n
\n \n Timeline} dataKey='first_seen' />\n RUL} type='number' orientation='left' yAxisId={0} />\n Newness} type='number' orientation='right' yAxisId={1} />\n
\n
\n
\n
\n
Visualization of feature at a point on RUL chart \n \n
\n
\n { visualRulChartLoading ? (this.LoadingImage()) :(\n
\n\n )}\n
\n
\n \n )\n }\n}\n\n\nEditFeedbackReport.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nfunction mapStateToProps({component, reports}) {\n return {\n selectedFeedbackReport : component.selectedComponent,\n healthReportChart : reports.healthReportChart,\n visualizationRULChart: reports.visualizationRULChart,\n visualRulChartLoading: reports.visualRulChartLoading,\n visualRulChart: reports.visualRulChart,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n createOrUpdateFeedback,\n loadComponentHistory,\n getHealthReportChart,\n getVisualizationRULChart\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(EditFeedbackReport)\n);\n","import React, {PureComponent} from 'react';\nimport moment from 'moment'\nimport {Card, CardBody, CardHeader, Col, Container, Row} from 'reactstrap';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from \"prop-types\";\nimport {bindActionCreators} from \"redux\";\nimport {connect} from \"react-redux\";\nimport FeedbackReport from \"./FeedbackReport\";\nimport {Icons} from \"./Icons\";\nimport {\n LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend,\n} from 'recharts';\nimport {createOrUpdateFeedback } from \"../../../../redux/actions/feedbackActions\";\nimport { loadFeatureImage } from \"../../../../redux/actions/reportAction\";\nimport {loadComponentHistory} from \"../../../../redux/actions/componentActions\";\n\nconst style = {\n bottom: 300\n};\nconst rulColor = '#fd8b74';\nconst healthColor = '#63c9af';\nconst newnessColor = '#5e8ba3';\n\nconst rul_payload = [\n { id: 'health_index', value: 'Health Index', type: 'rect', color: healthColor},\n { id: 'rul', value: 'RUL', type: 'rect', color: rulColor},\n { id: 'newness', value: 'Newness', type: 'rect', color: newnessColor},\n ];\n\nconst event_payload = [\n { id: 'severity', value: 'Severity', type: 'rect', color: rulColor},\n { id: 'newness', value: 'Newness', type: 'rect', color: newnessColor},\n ];\n\nclass EditFeedbackReport extends PureComponent{\n constructor(props) {\n super(props);\n this.state = {\n defaultImage: '/asset_health_page/feature_image1.jpg',\n };\n this.handleCreate = this.handleCreate.bind(this);\n this.closeForm = this.closeForm.bind(this);\n }\n\n componentDidMount() {\n let { selectedFeedbackReport, loadComponentHistory, loadFeatureImage } = this.props;\n\n if(!selectedFeedbackReport){\n this.props.history.push('/asset_health');\n } else{\n let component_id = selectedFeedbackReport._id;\n loadComponentHistory({component_id});\n }\n }\n\n handleCreate = dataObj => {\n const data = JSON.parse(JSON.stringify(dataObj));\n\n if ( data && Object.keys(data).length > 0 ) {\n //delete data.modalDisplay;\n data.feedback_type =\n data.feedback_type && data.feedback_type.value && data.feedback_type.value !== undefined\n ? data.feedback_type.value : data.feedback_type;\n\n if (data.feedback_type) {\n const maintenanceFeedbackObj = {};\n const faultFeedbackObj = {};\n const failureFeedbackObj = {};\n const noActionFeedbackObj = {};\n\n if (data.feedback_type === \"MAINTENANCE\") {\n data.maintenance_feedback.map( maintenance =>\n maintenanceFeedbackObj[maintenance.label] = maintenance.value\n );\n if(maintenanceFeedbackObj && maintenanceFeedbackObj.Severity) {\n maintenanceFeedbackObj.Severity =\n maintenanceFeedbackObj && maintenanceFeedbackObj.Severity && maintenanceFeedbackObj.Severity.value;\n }\n data.maintenance_feedback = maintenanceFeedbackObj;\n delete data.fault_feedback;\n delete data.failure_feedback;\n delete data.no_action;\n } else if (data.feedback_type === \"FAULT_REPORT\") {\n data.fault_feedback.map( fault => faultFeedbackObj[fault.label] = fault.value);\n if(faultFeedbackObj && faultFeedbackObj.Severity) {\n faultFeedbackObj.Severity =\n faultFeedbackObj && faultFeedbackObj.Severity && faultFeedbackObj.Severity.value;\n }\n if(faultFeedbackObj && faultFeedbackObj['Fault Label']) {\n faultFeedbackObj['Fault Label'] =\n faultFeedbackObj && faultFeedbackObj['Fault Label'] && faultFeedbackObj['Fault Label'].value;\n }\n data.fault_feedback = faultFeedbackObj;\n delete data.maintenance_feedback;\n delete data.failure_feedback;\n delete data.no_action;\n } else if (data.feedback_type === \"FAILURE_REPORT\") {\n data.failure_feedback.map( failure => failureFeedbackObj[failure.label] = failure.value);\n if(failureFeedbackObj && failureFeedbackObj.Severity) {\n failureFeedbackObj.Severity =\n failureFeedbackObj && failureFeedbackObj.Severity && failureFeedbackObj.Severity.value;\n }\n data.failure_feedback = failureFeedbackObj;\n delete data.maintenance_feedback;\n delete data.fault_feedback;\n delete data.no_action;\n } else if(data.feedback_type === \"no_action\") {\n data.no_action.map( noAction => noActionFeedbackObj[noAction.label] = noAction.value);\n if(noActionFeedbackObj && noActionFeedbackObj.Severity) {\n noActionFeedbackObj.Severity =\n noActionFeedbackObj && noActionFeedbackObj.Severity && noActionFeedbackObj.Severity.value;\n }\n data.no_action = noActionFeedbackObj;\n delete data.maintenance_feedback;\n delete data.fault_feedback;\n delete data.failure_feedback;\n }\n delete data.formType;\n this.props.createOrUpdateFeedback(data);\n }\n this.props.history.push('/asset_health');\n }\n };\n\n closeForm = () => {\n console.log(\"closing form\");\n this.props.history.push('/asset_health');\n };\n\n\n loadRulChartImage = (val) => {\n const {historyReport } = this.props;\n let imgPath = `${val.payload.data_sample.location}`;\n console.log(\"loading image from: \");\n console.log(imgPath);\n this.props.loadFeatureImage(historyReport, imgPath);\n };\n\n loadEventChartImage = (val) => {\n const {historyReport } = this.props;\n let imgPath = `${val.payload.location}`;\n console.log(\"loading image from: \");\n console.log(imgPath);\n this.props.loadFeatureImage(historyReport, imgPath);\n };\n\n LoadingImage = () =>(\n \n
\n );\n\n LoadingHistory = () =>(\n \n
\n );\n\n formatTimeline =(tickTime) => {\n return moment.unix(tickTime).format('MM-DD-YYYY');\n }\n\n formatTooltipTimeline =(tickTime) => {\n return \"Timestamp: \" + moment.unix(tickTime).format('MM-DD-YYYY');\n }\n\n customTooltip = ({ active, payload, label }) => {\n if (active && payload.length >0) {\n console.log(payload);\n let newness = null;\n let severity= null;\n let flabel = this.formatTimeline(label);\n newness =payload[0].payload.newness\n severity =payload[0].payload.severity\n return (\n \n \n \n
{`Timestamp: ${flabel}`}
\n
{`Newness: ${newness}`}
\n
{`Severity: ${severity}`}
\n
\n \n );\n }\n return null;\n };\n\n render() {\n const { selectedFeedbackReport, featureImage, featureImageLoading, historyReport, labelManager } = this.props;\n let historyLoaded = false;\n let rulReport = false\n if (historyReport){\n historyLoaded = true;\n console.log(\"Got history data\");\n if ( historyReport.history_type ==\"RUL\"){\n rulReport = true\n console.log(\"Got rul report\");\n }\n }\n\n const formData = {\n maintenance_feedback: [\n { value: '', label: 'Severity' },\n { value: '', label: 'Cause' },\n { value: '', label: 'Maintenance Action' },\n { value: '', label: 'Date Detected' },\n ],\n failure_feedback: [\n { value: '', label: 'Severity' },\n { value: '', label: 'Cause' },\n { value: '', label: 'Failure Type' },\n { value: '', label: 'Date Detected' },\n ],\n fault_feedback: [\n { value: '', label: 'Severity' },\n { value: '', label: 'Cause' },\n { value: '', label: 'Fault Label' },\n { value: '', label: 'Date Detected' },\n ],\n no_action: [\n { value: '', label: 'Severity' },\n { value: '', label: 'Cause' },\n { value: '', label: 'Date Detected' },\n ],\n };\n formData.asset_id = selectedFeedbackReport && selectedFeedbackReport.parent_asset_id;\n formData.asset_type_id = selectedFeedbackReport && selectedFeedbackReport.asset_type_id;\n formData.component_id = selectedFeedbackReport && selectedFeedbackReport._id;\n formData.component_type_id = selectedFeedbackReport && selectedFeedbackReport.component_type_id;\n\n const AxisLabel = ({ axisType, x, y, width, height, stroke, children }) => {\n const isVert = axisType === 'yAxis';\n const cx = isVert ? x : x + (width / 2);\n const cy = isVert ? (height / 2) + y : y + height + 10;\n const rot = isVert ? `270 ${cx} ${cy}` : 0;\n return (\n \n {children}\n \n );\n };\n\n function severityLabel (val) {\n let color = '';\n switch (val) {\n case 'CRITICAL' :\n color = '';\n break;\n case 'MAJOR' :\n color = 'orange';\n break;\n case 'MINOR' :\n color = 'yellow';\n break;\n case 'NORMAL' :\n color = 'green';\n break;\n default:\n color = '';\n }\n return color;\n }\n\n return (\n \n \n Asset Health Report \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n SOURCE ASSETS NAME \n COMPONENT NAME \n RUL \n HEALTH STATUS \n SEVERITY \n AI CONFIDENCE \n \n \n \n {\n selectedFeedbackReport && Object.keys(selectedFeedbackReport).length > 0 &&\n \n \n \n \n {selectedFeedbackReport.asset_name}\n \n \n {selectedFeedbackReport.component_name}\n \n \n {selectedFeedbackReport.rul} \n \n \n {selectedFeedbackReport.aggregate_status}\n \n \n {selectedFeedbackReport.aggregate_severity} \n \n \n \n \n {selectedFeedbackReport.last_ai_confidence}\n \n \n }\n\n {!selectedFeedbackReport &&\n \n No Data Selected \n \n }\n\n \n
\n
\n \n \n \n
\n \n \n
\n
\n {historyLoaded & rulReport?\n (
RUL & Health Index with Newness )\n :(historyLoaded?\n (Event Severity History )\n :\"\" )\n }\n \n
\n
\n {historyLoaded & rulReport ? (\n \n Timeline} dataKey='last_seen' tickFormatter={this.formatTimeline}/>\n RUL} type='number' orientation='left' yAxisId={0} />\n this.formatTooltipTimeline(val) }/>\n \n Timeline} dataKey='end_data_time' tickFormatter={this.formatTimeline}/>\n Severity} type='number' domain={[0,8]} orientation='left' yAxisId={0} />\n\n
\n
\n \n \n
\n
\n {historyLoaded & rulReport?\n (
RUL & Health Index with Newness )\n :(historyLoaded?\n (AI Model Drift Measure: Newness )\n :\"\" )\n }\n \n
\n
\n {historyLoaded & rulReport ? (\n \n Timeline} dataKey='last_seen' tickFormatter={this.formatTimeline}/>\n Newness} type='number' domain={[0,3]} orientation='left' yAxisId={0} />\n this.formatTooltipTimeline(val) }/>\n \n Timeline} dataKey='end_data_time' tickFormatter={this.formatTimeline}/>\n Newness} type='number' domain={[0,3]} orientation='left' yAxisId={0} />\n
\n
\n
\n
\n
Visualization of transformed features on timeline as seen by AI \n \n
\n
\n { featureImageLoading ? (this.LoadingImage()) :(\n
\n\n )}\n
\n
\n \n )\n }\n}\n\n\nEditFeedbackReport.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nfunction mapStateToProps({component, reports, feedback}) {\n console.log(\"mapStateToProps component\");\n console.log(component);\n return {\n selectedFeedbackReport : component.selectedComponent,\n featureImageLoading: reports.featureImageLoading,\n featureImage: reports.featureImage,\n historyReport: component.historyReport,\n labelManager:feedback.labelManager\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n createOrUpdateFeedback,\n loadComponentHistory,\n loadFeatureImage\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(EditFeedbackReport)\n);\n","/* eslint-disable react/no-unused-state,react/no-unescaped-entities */\nimport React, { PureComponent } from 'react';\nimport { Card, CardBody, Col } from 'reactstrap';\nimport DataPaginationTable from '../../../../shared/components/table/DataPaginationTable';\nimport Pagination from '../../../../shared/components/pagination/Pagination';\n\nexport default class DataTable extends PureComponent {\n constructor() {\n super();\n this.heads = [\n {\n key: 'id',\n name: '#',\n width: 80,\n },\n {\n key: 'first',\n name: 'First Name',\n sortable: true,\n },\n {\n key: 'last',\n name: 'Last Name',\n sortable: true,\n },\n {\n key: 'user',\n name: 'Username',\n sortable: true,\n },\n {\n key: 'age',\n name: 'Age',\n sortable: true,\n },\n {\n key: 'date',\n name: 'Date',\n sortable: true,\n },\n {\n key: 'location',\n name: 'Location',\n sortable: true,\n },\n {\n key: 'work',\n name: 'Work',\n sortable: true,\n },\n ];\n\n const initialPageNumber = 1;\n const initialRowsCount = 10;\n\n const minRows = 20;\n const maxRows = 41;\n const rowsCount = Math.random() * (maxRows - minRows);\n\n const originalRows = this.createRows(rowsCount + minRows);\n const currentPageRows = this.filterRows(originalRows, initialPageNumber, initialRowsCount);\n\n this.state = {\n rows: originalRows,\n rowsToShow: currentPageRows,\n pageOfItems: initialPageNumber,\n itemsToShow: initialRowsCount,\n };\n }\n\n onChangePage = (pageOfItems) => {\n const { rows, itemsToShow } = this.state;\n if (pageOfItems) {\n const rowsToShow = this.filterRows(rows, pageOfItems, itemsToShow);\n this.setState({ rowsToShow, pageOfItems });\n }\n };\n\n getRandomDate = (start, end) => new Date(start.getTime() + (Math.random() * (end.getTime()\n - start.getTime()))).toLocaleDateString();\n\n createRows = (numberOfRows) => {\n const rows = [];\n for (let i = 1; i < numberOfRows + 1; i += 1) {\n rows.push({\n id: i,\n first: ['Maria', 'Bobby ', 'Alexander'][Math.floor((Math.random() * 3))],\n last: ['Morisson', 'Brown ', 'Medinberg'][Math.floor((Math.random() * 3))],\n user: ['@dragon', '@hamster', '@cat'][Math.floor((Math.random() * 3))],\n age: Math.min(100, Math.round(Math.random() * 30) + 20),\n date: this.getRandomDate(new Date(2002, 3, 1), new Date(1954, 3, 1)),\n location: ['Melbourne', 'Tokio', 'Moscow', 'Rome'][Math.floor((Math.random() * 4))],\n work: ['Nova Soft', 'Dog Shop', 'Aspirity', 'Business Bro', 'Starlight'][Math.floor((Math.random() * 5))],\n });\n }\n return rows;\n };\n\n filterRows = (originalRows, pageNumber, rowsOnPage) => {\n const rowsFrom = rowsOnPage * (pageNumber - 1);\n const rowsTo = rowsFrom + rowsOnPage;\n return originalRows.slice(rowsFrom, rowsTo);\n };\n\n onSorting = (sortColumn, sortDirection) => {\n const comparer = (a, b) => {\n if (sortDirection === 'ASC') {\n return a[sortColumn] > b[sortColumn] ? 1 : -1;\n }\n return a[sortColumn] < b[sortColumn] ? 1 : -1;\n };\n const {\n rows, pageOfItems, itemsToShow,\n } = this.state;\n if (sortDirection !== 'NONE') {\n let sortRows = [...rows].sort(comparer);\n sortRows = this.filterRows(sortRows, pageOfItems, itemsToShow);\n this.setState({ rowsToShow: sortRows });\n return sortRows;\n }\n const sortRows = this.filterRows(rows, pageOfItems, itemsToShow);\n this.setState({ rowsToShow: sortRows });\n return sortRows;\n };\n\n render() {\n const {\n rows, itemsToShow, pageOfItems, rowsToShow,\n } = this.state;\n\n return (\n \n \n \n
data table \n Use table with column's option sortable \n \n \n \n \n );\n }\n}\n","import React from 'react';\nimport { Col, Container, Row } from 'reactstrap';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport Table from './components/DataTable';\n\nconst ProcessEvents = ({ t }) => (\n \n \n {t('process_events.title')} \n Use this elements, if you want to show some hints or additional\n information\n \n \n
\n \n \n
\n \n);\n\nProcessEvents.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nexport default withTranslation('common')(ProcessEvents);\n","import React from 'react';\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Row } from 'reactstrap';\n\nclass CreateNewFaultForm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n modal: false,\n industry_failure_code: '',\n name: ''\n };\n\n this.toggle = this.toggle.bind(this);\n }\n\n handleChangeIndustryCode = (e) => {\n this.setState({\n industry_failure_code:e.target.value\n })\n };\n\n handleChangeLabel = (e) => {\n this.setState({\n name:e.target.value\n })\n };\n\n saveLabel = () => {\n this.props.handleCreateLabelToggle({name:this.state.name, industry_failure_code:this.state.industry_failure_code}, !this.props.isToggleModal)\n }\n\n toggle() {\n this.props.handleCreateLabelToggle('', !this.props.isToggleModal)\n }\n\n render() {\n const { isToggleModal } = this.props;\n return (\n\n \n Create New Fault Label \n \n \n \n \n Save \n Cancel \n \n \n );\n }\n}\n\nexport default CreateNewFaultForm;\n","import React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Button, Row, Col } from \"reactstrap\";\nimport {\n Label,\n Input,\n FormText,\n FormGroup,\n} from \"reactstrap\";\n\nimport { Field, reduxForm, FieldArray,formValueSelector } from \"redux-form\";\nimport \"react-dropdown/style.css\";\nimport { CardHeader, CardBody } from 'reactstrap';\nimport renderSelectField from '../../../../shared/components/form/Select';\nimport PropTypes from 'prop-types';\nimport { withTranslation } from 'react-i18next';\nimport renderDatePickerField from \"../../../../shared/components/form/DatePicker\";\nimport {createNewLabelToggle, createLabel} from \"../../../../redux/actions/feedbackActions\";\nimport CreateNewFaultForm from \"./CreateNewFaultForm\";\n\nconst validate = values => {\n const errors = {};\n if (!values.ai_decision_quality) {\n errors.name = \"Please select AI decision quality\";\n }\n return errors;\n};\n\n\nconst renderField =\n ({\n input, placeholder, type, meta: { touched, error },\n }) => (\n \n {error} }\n
\n );\n\nrenderField.propTypes = {\n input: PropTypes.shape().isRequired,\n placeholder: PropTypes.string,\n type: PropTypes.string,\n meta: PropTypes.shape({\n touched: PropTypes.bool,\n error: PropTypes.string,\n }),\n};\n\nrenderField.defaultProps = {\n placeholder: '',\n meta: null,\n type: 'text',\n};\n\n\nlet FeedbackReportForm = props => {\n\n const {\n t,\n handleSubmit,\n submitting,\n initialValues,\n corrected_event_type,\n labelManager\n } = props;\n\n const AI_DECISION_OPTIONS = [{ value: 'ACCURATE', label: 'Accurate' },\n { value: 'SOMEWHAT_ACCURATE', label: 'Somewhat Accurate' },\n { value: 'SOMEWHAT_INCORRECT', label: 'Somewhat Incorrect' },\n { value: 'INCORRECT', label: 'Incorrect' }];\n\n\n const EVENT_TYPE_OPTIONS = [{ value: 'ANOMALY', label: 'ANOMALY' },\n { value: 'FAULT', label: 'FAULT' },\n { value: 'FAILURE_PREDICTION', label: 'FAILURE PREDICTION' },\n { value: 'HEALTH_PREDICTION', label: 'HEALTH PREDICTION' }];\n\n const SEVERITY_OPTIONS = [{ value: 'CRITICAL', label: 'CRITICAL' },\n { value: 'MAJOR', label: 'MAJOR' },\n { value: 'MINOR', label: 'MINOR' },\n { value: 'NORMAL', label: 'NORMAL' }];\n\n const FAULT_LABEL_OPTION = [\n { value: 'CREATE_NEW', label: 'Create New' },\n { value: 'INNER_RACE', label: 'Inner Race' },\n { value: 'OUTER_RACE', label: 'Outer Race' },\n { value: 'SIDEWAYS', label: 'Sideways' },\n ];\n\n\n function handleCreateNewLabel(labelData, isCreateNewLabel) {\n if(labelData) {\n let data ={}\n data[\"label_list\"]=[labelData];\n data[\"ai_type\"] = corrected_event_type.value;\n data[\"label_manager_id\"] =labelManager._id;\n console.log(\"New Label Data:\");\n console.log(data);\n props.createLabel(data);\n }\n props.createNewLabelToggle(isCreateNewLabel);\n };\n\n function onLabelItemSelect(res) {\n if(res.value === \"CREATE_NEW\"){\n props.createNewLabelToggle(!props.isCreateNewLabel);\n }\n };\n\n\n\n function buildCorrectEventLabels(cevent_type, labelManager) {\n let labels = [];\n if (labelManager) {\n if(cevent_type.value === \"ANOMALY\"){\n labels = labelManager.anomaly_labels.label_list;\n } else if(cevent_type.value === \"FAULT\"){\n labels = labelManager.fault_labels.label_list;\n } else if(cevent_type.value === \"FAILURE_PREDICTION\"){\n labels = labelManager.failure_prediction_labels.label_list;\n } else if(cevent_type.value === \"HEALTH_PREDICTION\"){\n labels = labelManager.health_prediction_labels.label_list;\n }\n }\n console.log(labels);\n let label_options =[];\n label_options.push({ value: 'CREATE_NEW', label: 'Create New' });\n let i =0;\n let new_option = null;\n for (i = 0; i < labels.length; i++) {\n new_option = { value: labels[i].name, label: labels[i].name };\n label_options.push(new_option);\n }\n return label_options;\n };\n\n const corrected_label_options=buildCorrectEventLabels(corrected_event_type, labelManager);\n\n return (\n \n );\n};\n\nfunction mapStateToProps(state, ownProps) {\n let { initialValues, labelManager} = ownProps;\n //form_data = form_data && Object.keys(form_data).length > 0 ? form_data : {};\n initialValues.modalDisplay = false;\n let corrected_event_type = selector(state, \"corrected_event_type\");\n if (!corrected_event_type){\n corrected_event_type = initialValues.corrected_event_type;\n }\n //console.log(\"labelManager\");\n //console.log(labelManager);\n //console.log(\"corrected_event_type\");\n //console.log(corrected_event_type);\n return {\n initialValues: initialValues,\n corrected_event_type,\n isCreateNewLabel : state.feedback.isCreateNewLabel,\n labelManager\n };\n}\n\nlet FeedbackReport = reduxForm({\n validate: validate,\n form: \"FeedbackReportForm\",\n enableReinitialize: true\n})(FeedbackReportForm);\n\nconst selector = formValueSelector('FeedbackReportForm');\n\nexport default withTranslation('common') (connect(state => mapStateToProps,{createNewLabelToggle, createLabel})(FeedbackReport));\n","import React, {PureComponent} from 'react';\nimport moment from 'moment'\nimport {Card, CardBody, CardHeader, Col, Container, Row} from 'reactstrap';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from \"prop-types\";\nimport {bindActionCreators} from \"redux\";\nimport {connect} from \"react-redux\";\nimport FeedbackReport from \"./FeedbackReport\";\nimport {Icons} from \"../../../Events/AssetEvents/components/Icons\";\nimport {\n LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend,\n} from 'recharts';\n\nimport { loadFeatureImage } from \"../../../../redux/actions/reportAction\";\nimport {loadEventHistory, createEventFeedback} from \"../../../../redux/actions/eventManagement\";\n\nconst style = {\n bottom: 300\n};\nconst rulColor = '#fd8b74';\nconst healthColor = '#63c9af';\nconst newnessColor = '#5e8ba3';\n\nconst event_payload = [\n { id: 'severity', value: 'Severity', type: 'rect', color: rulColor},\n { id: 'newness', value: 'Newness', type: 'rect', color: newnessColor},\n ];\n\n\nclass EditFeedbackReport extends PureComponent{\n constructor(props) {\n super(props);\n this.state = {\n defaultImage: '/asset_health_page/feature_image1.jpg',\n };\n this.handleCreate = this.handleCreate.bind(this);\n this.closeForm = this.closeForm.bind(this);\n }\n\n componentDidMount() {\n let { selectedFeedbackReport, loadEventHistory, loadFeatureImage } = this.props;\n\n if(!selectedFeedbackReport){\n this.props.history.push('/asset_events');\n } else{\n let event_id = selectedFeedbackReport._id;\n loadEventHistory({event_id});\n }\n }\n\n handleCreate = dataObj => {\n const data = JSON.parse(JSON.stringify(dataObj));\n if ( data && Object.keys(data).length > 0 ) {\n console.log(\"feedback created\");\n console.log(data);\n data.ai_decision_quality = data.ai_decision_quality.value;\n data.corrected_event_type = data.corrected_event_type.value\n data.corrected_label = data.corrected_label.value\n data.corrected_severity = data.corrected_severity.value\n this.props.createEventFeedback(data);\n this.props.history.push('/asset_events');\n }\n };\n\n closeForm = () => {\n console.log(\"closing form\");\n this.props.history.push('/asset_events');\n };\n\n\n loadEventChartImage = (val) => {\n const {historyReport } = this.props;\n let imgPath = `${val.payload.location}`;\n console.log(\"loading image from: \");\n console.log(imgPath);\n this.props.loadFeatureImage(historyReport, imgPath);\n };\n\n LoadingImage = () =>(\n \n
\n );\n\n LoadingHistory = () =>(\n \n
\n );\n\n formatTimeline =(tickTime) => {\n return moment.unix(tickTime).format('MM-DD-YYYY');\n }\n\n formatTooltipTimeline =(tickTime) => {\n return \"Timestamp: \" + moment.unix(tickTime).format('MM-DD-YYYY');\n }\n\n\n customTooltip = ({ active, payload, label }) => {\n if (active && payload.length >0) {\n console.log(payload);\n let newness = null;\n let severity= null;\n let flabel = this.formatTimeline(label);\n newness =payload[0].payload.newness\n severity =payload[0].payload.severity\n return (\n \n \n \n
{`Timestamp: ${flabel}`}
\n
{`Newness: ${newness}`}
\n
{`Severity: ${severity}`}
\n
\n \n );\n }\n return null;\n };\n\n prepareFormData = (selectedFeedbackReport) =>{\n let formData = {};\n formData.event_id = selectedFeedbackReport && selectedFeedbackReport._id;\n formData.event_type = selectedFeedbackReport && selectedFeedbackReport.event_type;\n let etype = selectedFeedbackReport && selectedFeedbackReport.event_type;\n let elabel = selectedFeedbackReport && selectedFeedbackReport.event_label;\n let esev = selectedFeedbackReport && selectedFeedbackReport.severity;\n let cevent_type = {\"value\":etype, \"label\":etype};\n formData.corrected_event_type = cevent_type;\n let cevent_label = {\"value\":elabel, \"label\":elabel};\n formData.corrected_label = cevent_label;\n let cevent_severity = {\"value\":esev, \"label\":esev};\n formData.corrected_severity = cevent_severity;\n\n return formData;\n }\n\n render() {\n const { selectedFeedbackReport, featureImage, featureImageLoading, historyReport,labelManager } = this.props;\n let historyLoaded = false;\n let rulReport = false\n if (historyReport){\n historyLoaded = true;\n console.log(\"Got history data\");\n }\n\n const formData = this.prepareFormData(selectedFeedbackReport);\n\n\n const AxisLabel = ({ axisType, x, y, width, height, stroke, children }) => {\n const isVert = axisType === 'yAxis';\n const cx = isVert ? x : x + (width / 2);\n const cy = isVert ? (height / 2) + y : y + height + 10;\n const rot = isVert ? `270 ${cx} ${cy}` : 0;\n return (\n \n {children}\n \n );\n };\n\n function severityLabel (val) {\n let color = '';\n switch (val) {\n case 'CRITICAL' :\n color = '';\n break;\n case 'MAJOR' :\n color = 'orange';\n break;\n case 'MINOR' :\n color = 'yellow';\n break;\n case 'NORMAL' :\n color = 'green';\n break;\n default:\n color = '';\n }\n return color;\n }\n\n return (\n \n \n Event Action & Feedback \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n EVENT TYPE \n ASSET NAME \n COMPONENT NAME \n COMPONENT TYPE \n EVENT LABEL \n SEVERITY \n AI CONFIDENCE \n \n \n \n {\n selectedFeedbackReport && Object.keys(selectedFeedbackReport).length > 0 &&\n \n \n \n \n {selectedFeedbackReport.event_type}\n \n \n {selectedFeedbackReport.parent_source_name}\n \n \n {selectedFeedbackReport.source_name}\n \n \n {selectedFeedbackReport.source_type_name} \n \n \n {selectedFeedbackReport.event_label}\n \n \n {selectedFeedbackReport.severity} \n \n \n \n \n {selectedFeedbackReport.last_ai_confidence}\n \n \n }\n\n {!selectedFeedbackReport &&\n \n No Data Selected \n \n }\n\n \n
\n
\n \n \n \n
\n\n \n \n
\n
\n
Event Severity History with Newness (Measure of AI Model Drift) \n \n
\n
\n {historyLoaded ?\n \n Timeline} dataKey='end_data_time' tickFormatter={this.formatTimeline}/>\n Severity} type='number' domain={[0,8]} orientation='left' yAxisId={0} />\n Newness} type='number' domain={[0,3]} orientation='right' yAxisId={1} />\n
\n
\n
\n
\n
Visualization of features at a point on Event chart \n \n
\n
\n { featureImageLoading ? (this.LoadingImage()) :(\n
\n\n )}\n
\n
\n \n )\n }\n}\n\n\nEditFeedbackReport.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nfunction mapStateToProps({eventManagement, reports, feedback}) {\n return {\n selectedFeedbackReport : eventManagement.selectedEvent,\n featureImageLoading: reports.featureImageLoading,\n featureImage: reports.featureImage,\n historyReport: eventManagement.historyReport,\n labelManager:feedback.labelManager\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n loadEventHistory,\n loadFeatureImage,\n createEventFeedback\n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(EditFeedbackReport)\n);\n","import React, {PureComponent} from 'react';\nimport { Input }from 'reactstrap';\nimport { withTranslation } from \"react-i18next\";\nimport { bindActionCreators } from \"redux\";\nimport _ from 'lodash';\n\nimport { loadComponentsByPage } from \"../../../redux/actions/componentActions\";\nimport { loadAssetTypes } from \"../../../redux/actions/entity_types\";\nimport {connect} from \"react-redux\";\nimport appConfig from \"../../../config/constants\";\n\nclass ComponentFilter extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n isAllFilter: false,\n aggregate_severity: [],\n };\n }\n\n componentDidMount() {\n this.props.loadAssetTypes();\n }\n\n handleAllFilter = () => {\n const { isAllFilter } = this.state;\n this.setState({ isAllFilter: !isAllFilter })\n };\n\n getFilteredData = () => {\n const {\n review_status,\n collection_name,\n asset_name,\n aggregate_status,\n asset_type_name,\n component_name,\n aggregate_severity,\n } = this.state;\n const { sortBy } = this.props;\n\n let filterFieldData =\n (review_status && review_status.length > 0 ? `&review_status=${review_status}`: '') +\n (collection_name && collection_name.length > 0 ? `&collection_name=${collection_name}`: '') +\n (asset_name && asset_name.length > 0 ? `&asset_name=${asset_name}`: '') +\n (aggregate_status && aggregate_status.length > 0 ? `&aggregate_status=${aggregate_status}`: '') +\n (asset_type_name && asset_type_name.length > 0 ? `&asset_type_name=${asset_type_name}`: '') +\n (component_name && component_name.length > 0 ? `&component_name=${component_name}`: '');\n\n aggregate_severity && aggregate_severity.length > 0 &&\n _.filter(aggregate_severity, severityData => {\n filterFieldData = `${filterFieldData}&aggregate_severity=${severityData}`;\n });\n\n this.props.loadComponentsByPage({\n page: 1,\n perPage: 20,\n filterFieldData,\n sortBy,\n });\n };\n\n changeHandler = (label, e) => {\n this.setState({\n [label]: e.target.value\n }, this.getFilteredData);\n };\n\n handleCheckBoxClick(value){\n const { aggregate_severity } = this.state;\n const severityData =\n aggregate_severity.indexOf(value) === -1\n ? [...aggregate_severity, value]\n : _.filter(aggregate_severity, severityValue => severityValue !== value);\n\n this.setState({\n aggregate_severity: severityData\n }, this.getFilteredData);\n }\n\n hiddenFilter = () => {\n const { isAllFilter } = this.state;\n const { asset_types } = this.props;\n if(isAllFilter) {\n return (\n \n
\n
Severity :\n \n {this.handleCheckBoxClick('critical')}}\n /> Critical\n \n \n {this.handleCheckBoxClick('minor')}}\n /> Minor\n \n \n {this.handleCheckBoxClick('major')}}\n /> Major\n \n \n {this.handleCheckBoxClick('normal')}}\n /> Normal\n \n \n \n {appConfig.APP == \"ANOMALY\"? \"\":\n
\n this.changeHandler('aggregate_status', e)}\n >\n Health Status \n Healthy \n Faulty \n Anomalous \n Degrading \n Low RUL \n Very Low RUL \n Impending Failure \n Multiple Issues \n \n
\n }\n
\n this.changeHandler('asset_type_name', e)}\n >\n Asset Type \n {\n asset_types && asset_types.length > 0 &&\n asset_types.map( (assetType, assetTypeIndex) =>\n \n { assetType.name }\n \n )\n }\n \n
\n
\n
\n
\n
\n
\n
{t('asset_health.sub_title')} \n \n
\n
\n
\n
this.handleAllFilter()}\n >\n All Filters\n \n \n
\n this.changeHandler('review_status', e)}\n >\n Action Status \n Pending \n Reviewed \n \n
\n
\n this.changeHandler('collection_name', e)}\n />\n
\n
\n this.changeHandler('asset_name', e)}\n />\n
\n
\n this.changeHandler('component_name', e)}\n />\n
\n
\n {this.hiddenFilter()}\n
\n
\n
\n
\n );\n\n PendingReviewSummery = () =>(\n \n
\n
Number of Asset Components Pending Review: {this.props.pendingComponentCount} \n \n
\n
\n \n \n
\n
\n
\n
\n Sort By \n \n Select \n {appConfig.APP == \"ANOMALY\"? \"\":\n RUL \n }\n Health Score \n Update Time \n Asset Name \n Component Name \n \n \n \n
\n
\n
\n );\n\n noComponentData = () =>(\n \n
\n );\n\n componentWillReceiveProps(nextProps){\n const { currentPage, totalPage } = nextProps;\n console.log(\"received current page:\", currentPage);\n console.log(\"received total page:\", totalPage);\n if (currentPage ==1 && totalPage >0){\n const { pageStart } = this.state;\n this.setState({ pageStart: pageStart === 1 ? 0 : 1 });\n console.log(\"setting hasMoreItems to true\");\n this.setState({\n hasMoreItems:true,\n })\n }\n }\n\n notShowRulColumn = () =>{\n if (appConfig.APP ==\"ANOMALY\") {\n return true;\n } else {\n return false;\n }\n }\n\n render() {\n const { componentPages, t, loadingComponent, totalPage } = this.props;\n const { hasMoreItems, sortBy, pageStart } = this.state;\n console.log(\"hasMoreItems: \",hasMoreItems)\n\n function severityLabel (val) {\n let color = '';\n switch (val) {\n case 'CRITICAL' :\n color = '';\n break;\n case 'MAJOR' :\n color = 'orange';\n break;\n case 'MINOR' :\n color = 'yellow';\n break;\n case 'NORMAL' :\n color = 'green';\n break;\n default:\n color = '';\n }\n return color;\n }\n function valueFeverity(cell) {\n return {cell} ;\n }\n\n function componentFormate(cell,row) {\n return {cell} {cell}
{cell}\n \n \n {cell} \n )\n };\n\n\n function columnClassNameFormat(fieldValue, row) {\n return row.review_status === 'PENDING' ? 'event-status-pending' : 'td-column-function-odd-example';\n }\n\n\n\n return(\n \n {appConfig.APP==\"ANOMALY\"? t('asset_health.anomaly_app_title'):t('asset_health.title')} \n \n
\n\n \n \n
\n
\n {this.PendingReviewSummery()}\n {this.eventSortingBar()}\n
\n
\n {loadingComponent ? (this.loadingComponentData()) :\n (totalPage >0 &&\n
\n \n \n {t('asset_health.asset_labels.asset_name')} /\n {t('asset_health.asset_labels.type')}\n \n\n \n {t('asset_health.asset_labels.component_name')} /\n {t('asset_health.asset_labels.type')}\n \n \n {t('asset_health.asset_labels.health_status')}\n \n \n {t('asset_health.asset_labels.rul')}\n ({t('asset_health.asset_labels.days')})\n \n \n ({t('asset_health.asset_labels.ai_confidence')})\n \n \n ({t('asset_health.asset_labels.severity')})\n \n \n ({t('asset_health.asset_labels.action')})\n \n \n
\n
\n
\n
\n )\n }\n}\n\nAssetsHealth.propTypes = {\n t: PropTypes.func.isRequired,\n openComponent: PropTypes.func.isRequired,\n};\n\nfunction mapStateToProps({component}) {\n return {\n componentPages: component.componentPages,\n currentPage: component.currentPage,\n totalPage: component.totalPage,\n pendingComponentCount: component.pendingComponentCount,\n assetsHealthFilterFieldData: component.assetsHealthFilterFieldData,\n loadingComponent:component.loadingComponent,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return bindActionCreators(\n {\n loadComponentsByPage,\n openComponent \n },\n dispatch\n );\n}\n\nexport default withTranslation('common') (\n connect(\n mapStateToProps,\n mapDispatchToProps\n )(AssetsHealth)\n);\n","/* eslint-disable react/no-unused-state,react/no-unescaped-entities */\nimport React, { PureComponent } from 'react';\nimport { Card, CardBody, Col } from 'reactstrap';\nimport DataPaginationTable from '../../../../shared/components/table/DataPaginationTable';\nimport Pagination from '../../../../shared/components/pagination/Pagination';\n\nexport default class DataTable extends PureComponent {\n constructor() {\n super();\n this.heads = [\n {\n key: 'id',\n name: '#',\n width: 80,\n },\n {\n key: 'first',\n name: 'First Name',\n sortable: true,\n },\n {\n key: 'last',\n name: 'Last Name',\n sortable: true,\n },\n {\n key: 'user',\n name: 'Username',\n sortable: true,\n },\n {\n key: 'age',\n name: 'Age',\n sortable: true,\n },\n {\n key: 'date',\n name: 'Date',\n sortable: true,\n },\n {\n key: 'location',\n name: 'Location',\n sortable: true,\n },\n {\n key: 'work',\n name: 'Work',\n sortable: true,\n },\n ];\n\n const initialPageNumber = 1;\n const initialRowsCount = 10;\n\n const minRows = 20;\n const maxRows = 41;\n const rowsCount = Math.random() * (maxRows - minRows);\n\n const originalRows = this.createRows(rowsCount + minRows);\n const currentPageRows = this.filterRows(originalRows, initialPageNumber, initialRowsCount);\n\n this.state = {\n rows: originalRows,\n rowsToShow: currentPageRows,\n pageOfItems: initialPageNumber,\n itemsToShow: initialRowsCount,\n };\n }\n\n onChangePage = (pageOfItems) => {\n const { rows, itemsToShow } = this.state;\n if (pageOfItems) {\n const rowsToShow = this.filterRows(rows, pageOfItems, itemsToShow);\n this.setState({ rowsToShow, pageOfItems });\n }\n };\n\n getRandomDate = (start, end) => new Date(start.getTime() + (Math.random() * (end.getTime()\n - start.getTime()))).toLocaleDateString();\n\n createRows = (numberOfRows) => {\n const rows = [];\n for (let i = 1; i < numberOfRows + 1; i += 1) {\n rows.push({\n id: i,\n first: ['Maria', 'Bobby ', 'Alexander'][Math.floor((Math.random() * 3))],\n last: ['Morisson', 'Brown ', 'Medinberg'][Math.floor((Math.random() * 3))],\n user: ['@dragon', '@hamster', '@cat'][Math.floor((Math.random() * 3))],\n age: Math.min(100, Math.round(Math.random() * 30) + 20),\n date: this.getRandomDate(new Date(2002, 3, 1), new Date(1954, 3, 1)),\n location: ['Melbourne', 'Tokio', 'Moscow', 'Rome'][Math.floor((Math.random() * 4))],\n work: ['Nova Soft', 'Dog Shop', 'Aspirity', 'Business Bro', 'Starlight'][Math.floor((Math.random() * 5))],\n });\n }\n return rows;\n };\n\n filterRows = (originalRows, pageNumber, rowsOnPage) => {\n const rowsFrom = rowsOnPage * (pageNumber - 1);\n const rowsTo = rowsFrom + rowsOnPage;\n return originalRows.slice(rowsFrom, rowsTo);\n };\n\n onSorting = (sortColumn, sortDirection) => {\n const comparer = (a, b) => {\n if (sortDirection === 'ASC') {\n return a[sortColumn] > b[sortColumn] ? 1 : -1;\n }\n return a[sortColumn] < b[sortColumn] ? 1 : -1;\n };\n const {\n rows, pageOfItems, itemsToShow,\n } = this.state;\n if (sortDirection !== 'NONE') {\n let sortRows = [...rows].sort(comparer);\n sortRows = this.filterRows(sortRows, pageOfItems, itemsToShow);\n this.setState({ rowsToShow: sortRows });\n return sortRows;\n }\n const sortRows = this.filterRows(rows, pageOfItems, itemsToShow);\n this.setState({ rowsToShow: sortRows });\n return sortRows;\n };\n\n render() {\n const {\n rows, itemsToShow, pageOfItems, rowsToShow,\n } = this.state;\n\n return (\n \n \n \n
data table \n Use table with column's option sortable \n \n \n \n \n );\n }\n}\n","import React from 'react';\nimport { Col, Container, Row } from 'reactstrap';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\nimport HealthTable from './components/DataTable';\n\nconst ProcessHealth = ({ t }) => (\n \n \n {t('process_health.title')} \n Use this elements, if you want to show some hints or additional\n information\n \n \n
\n \n
\n \n);\n\nProcessHealth.propTypes = {\n t: PropTypes.func.isRequired,\n};\n\nexport default withTranslation('common')(ProcessHealth);\n","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { Route,Switch } from 'react-router-dom';\nimport Layout from '../../../Layout/index';\nimport DefaultPages from './DefaultPages';\nimport Account from './Account';\n\nimport Maps from './Maps';\nimport Charts from './Charts';\nimport Tables from './Tables';\nimport Forms from './Forms';\nimport Settings from './Settings';\n\nimport LogIn from '../../../Account/LogIn/index';\n\nimport Todo from '../../../Todo/index';\n\nimport AssetsDashboard from '../../../Dashboards/Assets/index';\nimport ProcessesDashboard from '../../../Dashboards/Processes/index';\nimport AssetEvents from '../../../Events/AssetEvents/index';\nimport EditFeedbackReport from '../../../Health/AssetHealth/components/EditFeedbackReport';\nimport ComponentFeedbackReport from '../../../Health/AssetHealth/components/ComponentFeedbackReport';\nimport ProcessEvents from '../../../Events/ProcessEvents/index';\nimport EventFeedbackReport from '../../../Events/AssetEvents/components/EventFeedbackReport';\n\nimport AssetHealth from '../../../Health/AssetHealth/index';\nimport ProcessHealth from '../../../Health/ProcessHealth/index';\n\n\nclass WrappedRouter extends Component {\n render() {\n const { token } = this.props;\n return (\n \n
\n
\n \n \n
\n
\n \n \n \n \n \n );\n }\n}\n\nfunction mapStateToProps({ token }) {\n return {\n token\n };\n}\n\nexport default connect(mapStateToProps, null)(Router);\n\n","/* eslint-disable camelcase */\nimport common_fr from './fr/common.json';\nimport common_en from './en/common.json';\nimport common_jp from './jp/common.json';\n\nexport default {\n en: {\n common: common_en,\n },\n fr: {\n common: common_fr,\n },\n jp: {\n common: common_jp,\n },\n};\n","import resources from './resources';\n\nexport const config = {\n interpolation: { escapeValue: false }, // React already does escaping\n lng: 'en',\n resources,\n};\n\nexport { resources };\n","import React from 'react';\nimport { render } from 'react-dom';\nimport App from './containers/App/App';\n\nrender(\n 
\n ![\"\"/](\"img/close.png\")
\n )}\n