\r\n {this.props.icon ? {this.props.icon} : ''}\r\n\r\n {this.props.title ? {this.props.title} : ''}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nPanelActionWithLink.propTypes = {\r\n destination: PropTypes.string,\r\n icon: PropTypes.string,\r\n title: PropTypes.string,\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class PanelAction extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPanelAction.propTypes = {\r\n icon: PropTypes.string,\r\n title: PropTypes.string,\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class PanelListWrapper extends Component {\r\n render() {\r\n return(\r\n \r\n {this.props.icon ? {this.props.icon} : ''}\r\n\r\n {this.props.title ? {this.props.title} : ''}\r\n
\r\n \r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\n\r\nPanelListWrapper.propTypes = {\r\n children: PropTypes.node.isRequired\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class PanelList extends Component {\r\n render() {\r\n return(\r\n - \r\n {this.props.children}\r\n
\r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\n\r\nPanelListTitle.propTypes = {\r\n children: PropTypes.node.isRequired\r\n}\r\n","export const actionConstants = {\r\n LOGO_HAS_UPDATED: 'LOGO_HAS_UPDATED',\r\n PASSWORD_IS_EXPIRED: 'PASSWORD_IS_EXPIRED',\r\n NEED_LOGOUT: 'NEED_LOGOUT',\r\n CLEAR_DATA: 'CLEAR_DATA',\r\n CLEAR_ERROR: 'CLEAR_ERROR',\r\n RESET_COMPLETED: 'RESET_COMPLETED',\r\n RESET_COMPLETED_FLAG: 'RESET_COMPLETED_FLAG',\r\n START_QUERY: 'ACTION_START_QUERY',\r\n END_QUERY: 'ACTION_END_QUERY',\r\n START_SUBMISSION: 'START_SUBMISSION',\r\n END_SUBMISSION: 'END_SUBMISSION',\r\n START_FETCHING: 'START_FETCHING',\r\n END_FETCHING: 'END_FETCHING',\r\n INIT_STATE: 'INIT_STATE',\r\n\r\n LOGIN_REQUEST: 'LOGIN_REQUEST',\r\n LOGIN_SUCCESS: 'ACTION_LOGIN_SUCCESS',\r\n LOGIN_FAILURE: 'ACTION_LOGIN_FAILURE',\r\n\r\n LOGOUT_REQUEST: 'ACTION_LOGOUT_REQUEST',\r\n\r\n REGISTER_SUCCESS: 'ACTION_REGISTER_SUCCESS',\r\n REGISTER_FAILURE: 'ACTION_REGISTER_FAILURE',\r\n\r\n GET_ALARM_LIST_SUCCESS: 'GET_ALARM_LIST_SUCCESS',\r\n GET_ALARM_LIST_FAILURE: 'GET_ALARM_LIST_FAILURE',\r\n GET_ALARM_LIST_BY_MC_SUCCESS: 'GET_ALARM_LIST_BY_MC_SUCCESS',\r\n GET_ALARM_LIST_BY_MC_FAILURE: 'GET_ALARM_LIST_BY_MC_FAILURE',\r\n GET_AVAILABLE_GROUPS_SUCCESS: 'GET_AVAILABLE_GROUPS_SUCCESS',\r\n GET_AVAILABLE_GROUPS_FAILURE: 'GET_AVAILABLE_GROUPS_FAILURE',\r\n GET_AVAILABLE_GROUPS_SUMMARIES_SUCCESS:\r\n 'GET_AVAILABLE_GROUPS_SUMMARIES_SUCCESS',\r\n GET_AVAILABLE_GROUPS_SUMMARIES_FAILURE:\r\n 'GET_AVAILABLE_GROUPS_SUMMARIES_FAILURE',\r\n GET_ACK_ALARMS_SUCCESS: 'GET_ACK_ALARMS_SUCCESS',\r\n GET_ACK_ALARMS_FAILURE: 'GET_ACK_ALARMS_FAILURE',\r\n GET_ACK_ALARMS_PHRASES_SUCCESS: 'GET_ACK_ALARMS_PHRASES_SUCCESS',\r\n GET_ACK_ALARMS_PHRASES_FAILURE: 'GET_ACK_ALARMS_PHRASES_FAILURE',\r\n GET_ACK_INFO_SUCCESS: 'GET_ACK_INFO_SUCCESS',\r\n GET_ACK_INFO_FAILURE: 'GET_ACK_INFO_FAILURE',\r\n CREATE_ACK_ALARMS_SUCCESS: 'CREATE_ACK_ALARMS_SUCCESS',\r\n CREATE_ACK_ALARMS_FAILURE: 'CREATE_ACK_ALARMS_FAILURE',\r\n ADD_NOTE_SUCCESS: 'ADD_NOTE_SUCCESS',\r\n ADD_NOTE_FAILURE: 'ADD_NOTE_FAILURE',\r\n GET_TREND_SUCCESS: 'GET_TREND_SUCCESS',\r\n GET_TREND_FAILURE: 'GET_TREND_FAILURE',\r\n\r\n GET_USERS_SUCCESS: 'ACTION_GET_USERS_SUCCESS',\r\n GET_USERS_FAILURE: 'ACTION_GET_USERS_FAILURE',\r\n\r\n INVITE_USER_SUCCESS: 'ACTION_INVITE_SUCCESS',\r\n INVITE_USER_FAILURE: 'ACTION_INVITE_FAILURE',\r\n\r\n GET_INVITATIONS_SUCCESS: 'ACTION_GET_INVITATIONS_SUCCESS',\r\n GET_INVITATIONS_FAILURE: 'ACTION_GET_INVITATIONS_FAILURE',\r\n\r\n QUERY_INVITATION_SUCCESS: 'ACTION_QUERY_INVITATION_SUCCESS',\r\n QUERY_INVITATION_FAILURE: 'ACTION_QUERY_INVITATION_FAILURE',\r\n\r\n RESET_PASSWORD_SUCCESS: 'ACTION_RESET_PASSWORD_SUCCESS',\r\n RESET_PASSWORD_FAILURE: 'ACTION_RESET_PASSWORD_FAILURE',\r\n CHANGE_PASSWORD_FAILURE: 'CHANGE_PASSWORD_FAILURE',\r\n\r\n GET_TENANTS_REQUEST: 'ACTION_GET_TENANTS_REQUEST',\r\n GET_TENANTS_SUCCESS: 'ACTION_GET_TENANTS_SUCCESS',\r\n GET_TENANTS_FAILURE: 'ACTION_GET_TENANTS_FAILURE',\r\n\r\n CREATE_TENANT_SUCCESS: 'ACTION_CREATE_TENANTS_SUCCESS',\r\n CREATE_TENANT_FAILURE: 'ACTION_CREATE_TENANTS_FAILURE',\r\n\r\n GET_SITES_SUCCESS: 'GET_SITES_SUCCESS',\r\n GET_SITES_FAILURE: 'GET_SITES_FAILURE',\r\n CREATE_SITE_SUCCESS: 'CREATE_SITE_SUCCESS',\r\n CREATE_SITE_FAILURE: 'CREATE_SITE_FAILURE',\r\n EDIT_SITE_SUCCESS: 'EDIT_SITE_SUCCESS',\r\n EDIT_SITE_FAILURE: 'EDIT_SITE_FAILURE',\r\n DELETE_SITE_SUCCESS: 'DELETE_SITE_SUCCESS',\r\n DELETE_SITE_FAILURE: 'DELETE_SITE_FAILURE',\r\n\r\n GET_AREAS_SUCCESS: 'GET_AREAS_SUCCESS',\r\n GET_AREAS_FAILURE: 'GET_AREAS_FAILURE',\r\n CREATE_AREA_SUCCESS: 'CREATE_AREA_SUCCESS',\r\n CREATE_AREA_FAILURE: 'CREATE_AREA_FAILURE',\r\n EDIT_AREA_SUCCESS: 'EDIT_AREA_SUCCESS',\r\n EDIT_AREA_FAILURE: 'EDIT_AREA_FAILURE',\r\n DELETE_AREA_SUCCESS: 'DELETE_AREA_SUCCESS',\r\n DELETE_AREA_FAILURE: 'DELETE_AREA_FAILURE',\r\n\r\n GET_DEPARTMENTS_SUCCESS: 'GET_DEPARTMENTS_SUCCESS',\r\n GET_DEPARTMENTS_FAILURE: 'GET_DEPARTMENTS_FAILURE',\r\n GET_DEPARTMENT_SUCCESS: 'GET_DEPARTMENT_SUCCESS',\r\n GET_DEPARTMENT_FAILURE: 'GET_DEPARTMENT_FAILURE',\r\n CREATE_DEPARTMENT_SUCCESS: 'CREATE_DEPARTMENT_SUCCESS',\r\n CREATE_DEPARTMENT_FAILURE: 'CREATE_DEPARTMENT_FAILURE',\r\n EDIT_DEPARTMENT_SUCCESS: 'EDIT_DEPARTMENT_SUCCESS',\r\n EDIT_DEPARTMENT_FAILURE: 'EDIT_DEPARTMENT_FAILURE',\r\n DELETE_DEPARTMENT_SUCCESS: 'DELETE_DEPARTMENT_SUCCESS',\r\n DELETE_DEPARTMENT_FAILURE: 'DELETE_DEPARTMENT_FAILURE',\r\n GET_DEPT_SETTINGS_BY_LOCALE_SUCCESS: 'GET_DEPT_SETTINGS_BY_LOCALE_SUCCESS',\r\n GET_DEPT_SETTINGS_BY_LOCALE_FAILURE: 'GET_DEPT_SETTINGS_BY_LOCALE_FAILURE',\r\n GET_DEPT_SETTINGS_BY_PARAM_SUCCESS: 'GET_DEPT_SETTINGS_BY_PARAM_SUCCESS',\r\n GET_DEPT_SETTINGS_BY_PARAM_FAILURE: 'GET_DEPT_SETTINGS_BY_PARAM_FAILURE',\r\n DEPARTMENT_SETTINGS_SUCCESS: 'DEPARTMENT_SETTINGS_SUCCESS',\r\n DEPARTMENT_SETTINGS_FAILURE: 'DEPARTMENT_SETTINGS_FAILURE',\r\n\r\n GET_GROUPS_SUCCESS: 'GET_GROUPS_SUCCESS',\r\n GET_GROUPS_FAILURE: 'GET_GROUPS_FAILURE',\r\n GET_GROUP_SUCCESS: 'GET_GROUP_SUCCESS',\r\n GET_GROUP_FAILURE: 'GET_GROUP_FAILURE',\r\n CREATE_GROUP_SUCCESS: 'CREATE_GROUP_SUCCESS',\r\n CREATE_GROUP_FAILURE: 'CREATE_GROUP_FAILURE',\r\n GET_USERS_BY_GROUP_SUCCESS: 'GET_USERS_BY_GROUP_SUCCESS',\r\n GET_USERS_BY_GROUP_FAILURE: 'GET_USERS_BY_GROUP_FAILURE',\r\n ASSIGN_USERS_SUCCESS: 'ASSIGN_USERS_SUCCESS',\r\n ASSIGN_USERS_FAILURE: 'ASSIGN_USERS_FAILURE',\r\n UNASSIGN_USERS_SUCCESS: 'UNASSIGN_USERS_SUCCESS',\r\n UNASSIGN_USERS_FAILURE: 'UNASSIGN_USERS_FAILURE',\r\n ASSIGN_ALERTS_FAILURE: 'ASSIGN_ALERTS_FAILURE',\r\n EDIT_GROUP_SUCCESS: 'EDIT_GROUP_SUCCESS',\r\n EDIT_GROUP_FAILURE: 'EDIT_GROUP_FAILURE',\r\n DELETE_GROUP_SUCCESS: 'DELETE_GROUP_SUCCESS',\r\n DELETE_GROUP_FAILURE: 'DELETE_GROUP_FAILURE',\r\n\r\n GET_MAP_PAGES_SUCCESS: 'GET_MAP_PAGES_SUCCESS',\r\n GET_MAP_PAGES_FAILURE: 'GET_MAP_PAGES_FAILURE',\r\n\r\n CLEAR_PHRASES: 'CLEAR_PHRASES',\r\n GETTING_PHRASES: 'GETTING_PHRASES',\r\n GET_PHRASES_SUCCESS: 'GET_PHRASES_SUCCESS',\r\n GET_PHRASES_FAILURE: 'GET_PHRASES_FAILURE',\r\n GET_PHRASE_SUCCESS: 'GET_PHRASE_SUCCESS',\r\n GET_PHRASE_FAILURE: 'GET_PHRASE_FAILURE',\r\n CREATE_PHRASE_SUCCESS: 'CREATE_PHRASE_SUCCESS',\r\n CREATE_PHRASE_FAILURE: 'CREATE_PHRASE_FAILURE',\r\n EDIT_PHRASE_SUCCESS: 'EDIT_PHRASE_SUCCESS',\r\n EDIT_PHRASE_FAILURE: 'EDIT_PHRASE_FAILURE',\r\n DELETE_PHRASE_SUCCESS: 'DELETE_PHRASE_SUCCESS',\r\n DELETE_PHRASE_FAILURE: 'DELETE_PHRASE_FAILURE',\r\n\r\n GET_ROLES_SUCCESS: 'GET_ROLES_SUCCESS',\r\n GET_ROLES_FAILURE: 'GET_ROLES_FAILURE',\r\n GET_ROLE_SUCCESS: 'GET_ROLE_SUCCESS',\r\n GET_ROLE_FAILURE: 'GET_ROLE_FAILURE',\r\n CREATE_ROLE_SUCCESS: 'CREATE_ROLE_SUCCESS',\r\n CREATE_ROLE_FAILURE: 'CREATE_ROLE_FAILURE',\r\n EDIT_ROLE_SUCCESS: 'EDIT_ROLE_SUCCESS',\r\n EDIT_ROLE_FAILURE: 'EDIT_ROLE_FAILURE',\r\n DELETE_ROLE_SUCCESS: 'DELETE_ROLE_SUCCESS',\r\n DELETE_ROLE_FAILURE: 'DELETE_ROLE_FAILURE',\r\n GET_PERMISSIONS_SUCCESS: 'GET_PERMISSIONS_SUCCESS',\r\n GET_PERMISSIONS_FAILURE: 'GET_PERMISSIONS_FAILURE',\r\n GET_PERMISSIONS_BY_ROLE_SUCCESS: 'GET_PERMISSIONS_BY_ROLE_SUCCESS',\r\n GET_PERMISSIONS_BY_ROLE_FAILURE: 'GET_PERMISSIONS_BY_ROLE_FAILURE',\r\n UPDATE_PERMISSIONS_SUCCESS: 'UPDATE_PERMISSIONS_SUCCESS',\r\n UPDATE_PERMISSIONS_FAILURE: 'UPDATE_PERMISSIONS_FAILURE',\r\n\r\n GET_SCHEDULED_REPORTS_SUCCESS: 'GET_SCHEDULED_REPORTS_SUCCESS',\r\n GET_SCHEDULED_REPORTS_FAILURE: 'GET_SCHEDULED_REPORTS_FAILURE',\r\n GET_SCHEDULED_REPORT_SUCCESS: 'GET_SCHEDULED_REPORT_SUCCESS',\r\n GET_SCHEDULED_REPORT_FAILURE: 'GET_SCHEDULED_REPORT_FAILURE',\r\n CREATE_SCHEDULED_REPORT_SUCCESS: 'CREATE_SCHEDULED_REPORT_SUCCESS',\r\n CREATE_SCHEDULED_REPORT_FAILURE: 'CREATE_SCHEDULED_REPORT_FAILURE',\r\n EDIT_SCHEDULED_REPORT_SUCCESS: 'EDIT_SCHEDULED_REPORT_SUCCESS',\r\n EDIT_SCHEDULED_REPORT_FAILURE: 'EDIT_SCHEDULED_REPORT_FAILURE',\r\n DELETE_SCHEDULED_REPORT_SUCCESS: 'DELETE_SCHEDULED_REPORT_SUCCESS',\r\n DELETE_SCHEDULED_REPORT_FAILURE: 'DELETE_SCHEDULED_REPORT_FAILURE',\r\n\r\n GETTING_UNITS: 'GETTING_UNITS',\r\n GET_UNITS_SUCCESS: 'GET_UNITS_SUCCESS',\r\n GET_UNITS_FAILURE: 'GET_UNITS_FAILURE',\r\n GET_UNIT_SUCCESS: 'GET_UNIT_SUCCESS',\r\n GET_UNIT_FAILURE: 'GET_UNIT_FAILURE',\r\n CREATE_UNIT_SUCCESS: 'CREATE_UNIT_SUCCESS',\r\n CREATE_UNIT_FAILURE: 'CREATE_UNIT_FAILURE',\r\n\r\n GET_USERS_CONFIG_SUCCESS: 'GET_USERS_CONFIG_SUCCESS',\r\n GET_USERS_CONFIG_FAILURE: 'GET_USERS_CONFIG_FAILURE',\r\n GET_USER_CONFIG_SUCCESS: 'GET_USER_CONFIG_SUCCESS',\r\n GET_USER_CONFIG_FAILURE: 'GET_USER_CONFIG_FAILURE',\r\n CREATE_USER_CONFIG_SUCCESS: 'CREATE_USER_CONFIG_SUCCESS',\r\n CREATE_USER_CONFIG_FAILURE: 'CREATE_USER_CONFIG_FAILURE',\r\n EDIT_USER_CONFIG_SUCCESS: 'EDIT_USER_CONFIG_SUCCESS',\r\n EDIT_USER_CONFIG_FAILURE: 'EDIT_USER_CONFIG_FAILURE',\r\n\r\n CLEAR_ALARM_INDICATORS: 'CLEAR_ALARM_INDICATORS',\r\n GET_ALARM_INDICATORS_SUCCESS: 'GET_ALARM_INDICATORS_SUCCESS',\r\n GET_ALARM_INDICATORS_FAILURE: 'GET_ALARM_INDICATORS_FAILURE',\r\n GET_ALARM_INDICATORS_BY_DEPT_SUCCESS: 'GET_ALARM_INDICATORS_BY_DEPT_SUCCESS',\r\n GET_ALARM_INDICATORS_BY_DEPT_FAILURE: 'GET_ALARM_INDICATORS_BY_DEPT_FAILURE',\r\n GET_ALARM_INDICATORS_ALARM_MAPS_SUCCESS:\r\n 'GET_ALARM_INDICATORS_ALARM_MAPS_SUCCESS',\r\n GET_ALARM_INDICATORS_ALARM_MAPS_FAILURE:\r\n 'GET_ALARM_INDICATORS_ALARM_MAPS_FAILURE',\r\n CONFIG_ALARM_INDICATOR_SUCCESS: 'CONFIG_ALARM_INDICATOR_SUCCESS',\r\n CONFIG_ALARM_INDICATOR_FAILURE: 'CONFIG_ALARM_INDICATOR_FAILURE',\r\n CREATE_ALARM_INDICATOR_SUCCESS: 'CREATE_ALARM_INDICATOR_SUCCESS',\r\n CREATE_ALARM_INDICATOR_FAILURE: 'CREATE_ALARM_INDICATOR_FAILURE',\r\n\r\n GET_REMOTE_DEVICES_SUCCESS: 'GET_REMOTE_DEVICES_SUCCESS',\r\n GET_REMOTE_DEVICES_FAILURE: 'GET_REMOTE_DEVICES_FAILURE',\r\n GET_REMOTE_DEVICES_BY_DEPT_SUCCESS: 'GET_REMOTE_DEVICES_BY_DEPT_SUCCESS',\r\n GET_REMOTE_DEVICES_BY_DEPT_FAILURE: 'GET_REMOTE_DEVICES_BY_DEPT_FAILURE',\r\n GET_REMOTE_DEVICE_SUCCESS: 'GET_REMOTE_DEVICE_SUCCESS',\r\n GET_REMOTE_DEVICE_FAILURE: 'GET_REMOTE_DEVICE_FAILURE',\r\n CREATE_REMOTE_DEVICE_SUCCESS: 'CREATE_REMOTE_DEVICE_SUCCESS',\r\n CREATE_REMOTE_DEVICE_FAILURE: 'CREATE_REMOTE_DEVICE_FAILURE',\r\n EDIT_REMOTE_DEVICE_SUCCESS: 'EDIT_REMOTE_DEVICE_SUCCESS',\r\n EDIT_REMOTE_DEVICE_FAILURE: 'EDIT_REMOTE_DEVICE_FAILURE',\r\n DELETE_REMOTE_DEVICE_SUCCESS: 'DELETE_REMOTE_DEVICE_SUCCESS',\r\n DELETE_REMOTE_DEVICE_FAILURE: 'DELETE_REMOTE_DEVICE_FAILURE',\r\n\r\n CLEAR_SENSORS: 'CLEAR_SENSORS',\r\n START_GETTING_SENSORS: 'START_GETTING_SENSORS',\r\n END_GETTING_SENSORS: 'END_GETTING_SENSORS',\r\n GET_SENSORS_BY_DEPT_SUCCESS: 'GET_SENSORS_BY_DEPT_SUCCESS',\r\n GET_SENSORS_BY_DEPT_FAILURE: 'GET_SENSORS_BY_DEPT_FAILURE',\r\n GET_SENSORS_MV_BY_GROUP_SUCCESS: 'GET_SENSORS_MV_BY_GROUP_SUCCESS',\r\n GET_SENSORS_MV_BY_GROUP_FAILURE: 'GET_SENSORS_MV_BY_GROUP_FAILURE',\r\n DISABLE_SENSOR_SUCCESS: 'DISABLE_SENSOR_SUCCESS',\r\n DISABLE_SENSOR_FAILURE: 'DISABLE_SENSOR_FAILURE',\r\n ENABLE_SENSOR_SUCCESS: 'ENABLE_SENSOR_SUCCESS',\r\n ENABLE_SENSOR_FAILURE: 'ENABLE_SENSOR_FAILURE',\r\n GET_SENSOR_DETAIL_SUCCESS: 'GET_SENSOR_DETAIL_SUCCESS',\r\n GET_SENSOR_DETAIL_FAILURE: 'GET_SENSOR_DETAIL_FAILURE',\r\n EDIT_SENSOR_SUCCESS: 'EDIT_SENSOR_SUCCESS',\r\n EDIT_SENSOR_FAILURE: 'EDIT_SENSOR_FAILURE',\r\n GET_ASSIGNED_SENSORS_SUCCESS: 'GET_ASSIGNED_SENSORS_SUCCESS',\r\n GET_ASSIGNED_SENSORS_FAILURE: 'GET_ASSIGNED_SENSORS_FAILURE',\r\n GET_UNASSIGNED_SENSORS_SUCCESS: 'GET_UNASSIGNED_SENSORS_SUCCESS',\r\n GET_UNASSIGNED_SENSORS_FAILURE: 'GET_UNASSIGNED_SENSORS_FAILURE',\r\n ASSIGN_SENSORS_SUCCESS: 'ASSIGN_SENSORS_SUCCESS',\r\n ASSIGN_SENSORS_FAILURE: 'ASSIGN_SENSORS_FAILURE',\r\n UNASSIGN_SENSORS_SUCCESS: 'UNASSIGN_SENSORS_SUCCESS',\r\n UNASSIGN_SENSORS_FAILURE: 'UNASSIGN_SENSORS_FAILURE',\r\n DELETE_ASSIGNED_SENSORS_SUCCESS: 'DELETE_ASSIGNED_SENSORS_SUCCESS',\r\n DELETE_ASSIGNED_SENSORS_FAILURE: 'DELETE_ASSIGNED_SENSORS_FAILURE',\r\n REPLACE_SENSOR_SUCCESS: 'REPLACE_SENSOR_SUCCESS',\r\n REPLACE_SENSOR_FAILURE: 'REPLACE_SENSOR_FAILURE',\r\n UPDATE_ACTIVE_SENSOR_SUCCESS: 'UPDATE_ACTIVE_SENSOR_SUCCESS',\r\n UPDATE_ACTIVE_SENSOR_FAILURE: 'UPDATE_ACTIVE_SENSOR_FAILURE',\r\n UPDATE_ALERTS_SENSOR_SUCCESS: 'UPDATE_ALERTS_SENSOR_SUCCESS',\r\n UPDATE_ALERTS_SENSOR_FAILURE: 'UPDATE_ALERTS_SENSOR_FAILURE',\r\n GET_ALARM_STATUS_SUCCESS: 'GET_ALARM_STATUS_SUCCESS',\r\n GET_ALARM_STATUS_FAILURE: 'GET_ALARM_STATUS_FAILURE',\r\n GET_ALARM_STATUS_BY_GROUP_SUCCESS: 'GET_ALARM_STATUS_BY_GROUP_SUCCESS',\r\n GET_ALARM_STATUS_BY_GROUP_FAILURE: 'GET_ALARM_STATUS_BY_GROUP_FAILURE',\r\n GET_SENSORS_INFO_SUCCESS: 'GET_SENSORS_INFO_SUCCESS',\r\n GET_SENSORS_INFO_FAILURE: 'GET_SENSORS_INFO_FAILURE',\r\n\r\n CLEAR_SENSOR_TYPES: 'CLEAR_SENSOR_TYPES',\r\n GET_SENSOR_TYPES_SUCCESS: 'GET_SENSOR_TYPES_SUCCESS',\r\n GET_SENSOR_TYPES_FAILURE: 'GET_SENSOR_TYPES_FAILURE',\r\n GET_SENSOR_TYPE_SUCCESS: 'GET_SENSOR_TYPE_SUCCESS',\r\n GET_SENSOR_TYPE_FAILURE: 'GET_SENSOR_TYPE_FAILURE',\r\n GET_SENSOR_TYPES_BY_GROUP_SUCCESS: 'GET_SENSOR_TYPES_BY_GROUP_SUCCESS',\r\n GET_SENSOR_TYPES_BY_GROUP_FAILURE: 'GET_SENSOR_TYPES_BY_GROUP_FAILURE',\r\n GET_SENSOR_TYPES_BY_SCHEDULED_SUCCESS:\r\n 'GET_SENSOR_TYPES_BY_SCHEDULED_SUCCESS',\r\n GET_SENSOR_TYPES_BY_SCHEDULED_FAILURE:\r\n 'GET_SENSOR_TYPES_BY_SCHEDULED_FAILURE',\r\n CREATE_SENSOR_TYPE_SUCCESS: 'CREATE_SENSOR_TYPE_SUCCESS',\r\n CREATE_SENSOR_TYPE_FAILURE: 'CREATE_SENSOR_TYPE_FAILURE',\r\n EDIT_SENSOR_TYPE_SUCCESS: 'EDIT_SENSOR_TYPE_SUCCESS',\r\n EDIT_SENSOR_TYPE_FAILURE: 'EDIT_SENSOR_TYPE_FAILURE',\r\n DELETE_SENSOR_TYPE_SUCCESS: 'DELETE_SENSOR_TYPE_SUCCESS',\r\n DELETE_SENSOR_TYPE_FAILURE: 'DELETE_SENSOR_TYPE_FAILURE',\r\n\r\n GET_VCP_SUCCESS: 'GET_VCP_SUCCESS',\r\n GET_VCP_FAILURE: 'GET_VCP_FAILURE',\r\n START_OVERRIDE_NORMAL: 'START_OVERRIDE_NORMAL',\r\n END_OVERRIDE_NORMAL: 'END_OVERRIDE_NORMAL',\r\n OVERRIDE_VCP_SUCCESS: 'OVERRIDE_VCP_SUCCESS',\r\n OVERRIDE_VCP_FAILURE: 'OVERRIDE_VCP_FAILURE',\r\n NORMAL_VCP_SUCCESS: 'NORMAL_VCP_SUCCESS',\r\n NORMAL_VCP_FAILURE: 'NORMAL_VCP_FAILURE',\r\n\r\n GET_MOBILE_CONFIGS_SUCCESS: 'GET_MOBILE_CONFIGS_SUCCESS',\r\n GET_MOBILE_CONFIGS_FAILURE: 'GET_MOBILE_CONFIGS_FAILURE',\r\n GET_MOBILE_CONFIGS_BY_DEPT_SUCCESS: 'GET_MOBILE_CONFIGS_BY_DEPT_SUCCESS',\r\n GET_MOBILE_CONFIGS_BY_DEPT_FAILURE: 'GET_MOBILE_CONFIGS_BY_DEPT_FAILURE',\r\n GET_MOBILE_CONFIG_SUCCESS: 'GET_MOBILE_CONFIG_SUCCESS',\r\n GET_MOBILE_CONFIG_FAILURE: 'GET_MOBILE_CONFIG_FAILURE',\r\n CREATE_MOBILE_CONFIG_SUCCESS: 'CREATE_MOBILE_CONFIG_SUCCESS',\r\n CREATE_MOBILE_CONFIG_FAILURE: 'CREATE_MOBILE_CONFIG_FAILURE',\r\n EDIT_MOBILE_CONFIG_SUCCESS: 'EDIT_MOBILE_CONFIG_SUCCESS',\r\n EDIT_MOBILE_CONFIG_FAILURE: 'EDIT_MOBILE_CONFIG_FAILURE',\r\n DELETE_MOBILE_CONFIG_SUCCESS: 'DELETE_MOBILE_CONFIG_SUCCESS',\r\n DELETE_MOBILE_CONFIG_FAILURE: 'DELETE_MOBILE_CONFIG_FAILURE',\r\n SENSORS_BY_MOBILE_CONFIG_SUCCESS: 'SENSORS_BY_MOBILE_CONFIG_SUCCESS',\r\n SENSORS_BY_MOBILE_CONFIG_FAILURE: 'SENSORS_BY_MOBILE_CONFIG_FAILURE',\r\n CONFIG_MOBILE_SENSORS_SUCCESS: 'CONFIG_MOBILE_SENSORS_SUCCESS',\r\n CONFIG_MOBILE_SENSORS_FAILURE: 'CONFIG_MOBILE_SENSORS_FAILURE',\r\n\r\n GETTING_MAPS: 'GETTING_MAPS',\r\n GET_MAP_IMAGE_SUCCESS: 'GET_MAP_IMAGE_SUCCESS',\r\n GET_MAP_IMAGE_FAILURE: 'GET_MAP_IMAGE_FAILURE',\r\n GET_MAP_SHAPES_SUCCESS: 'GET_MAP_SHAPES_SUCCESS',\r\n GET_MAP_SHAPES_FAILURE: 'GET_MAP_SHAPES_FAILURE',\r\n GET_MAPS_BY_DEPT_SUCCESS: 'GET_MAPS_BY_DEPT_SUCCESS',\r\n GET_MAPS_BY_DEPT_FAILURE: 'GET_MAPS_BY_DEPT_FAILURE',\r\n\r\n CLEAR_REPORT: 'CLEAR_REPORT',\r\n START_QUERY_REPORT: 'START_QUERY_REPORT',\r\n END_QUERY_REPORT: 'END_QUERY_REPORT',\r\n GETTING_REPORT: 'GETTING_REPORT',\r\n GET_ALARM_HISTORY_SUCCESS: 'GET_ALARM_HISTORY_SUCCESS',\r\n GET_ALARM_HISTORY_FAILURE: 'GET_ALARM_HISTORY_FAILURE',\r\n GET_AUDIT_REPORTS_SUCCESS: 'GET_AUDIT_REPORTS_SUCCESS',\r\n GET_AUDIT_REPORTS_FAILURE: 'GET_AUDIT_REPORTS_FAILURE',\r\n DOWNLOAD_BATCH_REPORT_SUCCESS: 'DOWNLOAD_BATCH_REPORT_SUCCESS',\r\n DOWNLOAD_BATCH_REPORT_FAILURE: 'DOWNLOAD_BATCH_REPORT_FAILURE',\r\n GET_BATCH_REPORTS_SUCCESS: 'GET_BATCH_REPORTS_SUCCESS',\r\n GET_BATCH_REPORTS_FAILURE: 'GET_BATCH_REPORTS_FAILURE',\r\n GET_BATCH_REPORT_SUCCESS: 'GET_BATCH_REPORT_SUCCESS',\r\n GET_BATCH_REPORT_FAILURE: 'GET_BATCH_REPORT_FAILURE',\r\n GET_BATCH_REPORTS_BY_DEPT_SUCCESS: 'GET_BATCH_REPORTS_BY_DEPT_SUCCESS',\r\n GET_BATCH_REPORTS_BY_DEPT_FAILURE: 'GET_BATCH_REPORTS_BY_DEPT_FAILURE',\r\n CREATE_BATCH_REPORT_SUCCESS: 'CREATE_BATCH_REPORT_SUCCESS',\r\n CREATE_BATCH_REPORT_FAILURE: 'CREATE_BATCH_REPORT_FAILURE',\r\n EDIT_BATCH_REPORT_SUCCESS: 'EDIT_BATCH_REPORT_SUCCESS',\r\n EDIT_BATCH_REPORT_FAILURE: 'EDIT_BATCH_REPORT_FAILURE',\r\n DELETE_BATCH_REPORT_SUCCESS: 'DELETE_BATCH_REPORT_SUCCESS',\r\n DELETE_BATCH_REPORT_FAILURE: 'DELETE_BATCH_REPORT_FAILURE',\r\n GET_BATCH_PROCESSES_SUCCESS: 'GET_BATCH_PROCESSES_SUCCESS',\r\n GET_BATCH_PROCESSES_FAILURE: 'GET_BATCH_PROCESSES_FAILURE',\r\n GET_BATCH_PROCESS_SUCCESS: 'GET_BATCH_PROCESS_SUCCESS',\r\n GET_BATCH_PROCESS_FAILURE: 'GET_BATCH_PROCESS_FAILURE',\r\n CREATE_BATCH_PROCESS_SUCCESS: 'CREATE_BATCH_PROCESS_SUCCESS',\r\n CREATE_BATCH_PROCESS_FAILURE: 'CREATE_BATCH_PROCESS_FAILURE',\r\n EDIT_BATCH_PROCESS_SUCCESS: 'EDIT_BATCH_PROCESS_SUCCESS',\r\n EDIT_BATCH_PROCESS_FAILURE: 'EDIT_BATCH_PROCESS_FAILURE',\r\n DELETE_BATCH_PROCESS_SUCCESS: 'DELETE_BATCH_PROCESS_SUCCESS',\r\n DELETE_BATCH_PROCESS_FAILURE: 'DELETE_BATCH_PROCESS_FAILURE',\r\n GET_GROUP_STATUS_SUCCESS: 'GET_GROUP_STATUS_SUCCESS',\r\n GET_GROUP_STATUS_FAILURE: 'GET_GROUP_STATUS_FAILURE',\r\n GET_GROUP_STATUS_STATISTICS_SUCCESS: 'GET_GROUP_STATUS_STATISTICS_SUCCESS',\r\n GET_GROUP_STATUS_STATISTICS_FAILURE: 'GET_GROUP_STATUS_STATISTICS_FAILURE',\r\n GET_LIMITS_CHANGED_SUCCESS: 'GET_LIMITS_CHANGED_SUCCESS',\r\n GET_LIMITS_CHANGED_FAILURE: 'GET_LIMITS_CHANGED_FAILURE',\r\n GET_MKT_MONITORS_SUCCESS: 'GET_MKT_MONITORS_SUCCESS',\r\n GET_MKT_MONITORS_FAILURE: 'GET_MKT_MONITORS_FAILURE',\r\n GET_MKT_MONITOR_SUCCESS: 'GET_MKT_MONITOR_SUCCESS',\r\n GET_MKT_MONITOR_FAILURE: 'GET_MKT_MONITOR_FAILURE',\r\n CREATE_MKT_MONITOR_SUCCESS: 'CREATE_MKT_MONITOR_SUCCESS',\r\n CREATE_MKT_MONITOR_FAILURE: 'CREATE_MKT_MONITOR_FAILURE',\r\n EDIT_MKT_MONITOR_SUCCESS: 'EDIT_MKT_MONITOR_SUCCESS',\r\n EDIT_MKT_MONITOR_FAILURE: 'EDIT_MKT_MONITOR_FAILURE',\r\n DELETE_MKT_MONITOR_SUCCESS: 'DELETE_MKT_MONITOR_SUCCESS',\r\n DELETE_MKT_MONITOR_FAILURE: 'DELETE_MKT_MONITOR_FAILURE',\r\n GET_SM_LOG_SUCCESS: 'GET_SM_LOG_SUCCESS',\r\n GET_SM_LOG_FAILURE: 'GET_SM_LOG_FAILURE',\r\n DOWNLOAD_FILE_SUCCESS: 'DOWNLOAD_FILE_SUCCESS',\r\n DOWNLOAD_FILE_FAILURE: 'DOWNLOAD_FILE_FAILURE',\r\n GET_STATISTICS_SUMMARY_SUCCESS: 'GET_STATISTICS_SUMMARY_SUCCESS',\r\n GET_STATISTICS_SUMMARY_FAILURE: 'GET_STATISTICS_SUMMARY_FAILURE',\r\n GET_STATISTICS_CHART_SUCCESS: 'GET_STATISTICS_CHART_SUCCESS',\r\n GET_STATISTICS_CHART_FAILURE: 'GET_STATISTICS_CHART_FAILURE',\r\n GET_STATISTICS_DETAILS_SUCCESS: 'GET_STATISTICS_DETAILS_SUCCESS',\r\n GET_STATISTICS_DETAILS_FAILURE: 'GET_STATISTICS_DETAILS_FAILURE',\r\n GET_TREND_CHART_SUCCESS: 'GET_TREND_CHART_SUCCESS',\r\n GET_TREND_CHART_FAILURE: 'GET_TREND_CHART_FAILURE',\r\n GET_USER_NOTES_SUCCESS: 'GET_USER_NOTES_SUCCESS',\r\n GET_USER_NOTES_FAILURE: 'GET_USER_NOTES_FAILURE',\r\n\r\n GET_CURRENT_PROFILE_SUCCESS: 'GET_CURRENT_PROFILE_SUCCESS',\r\n GET_CURRENT_PROFILE_FAILURE: 'GET_CURRENT_PROFILE_FAILURE',\r\n UPDATE_CURRENT_PROFILE_SUCCESS: 'UPDATE_CURRENT_PROFILE_SUCCESS',\r\n UPDATE_CURRENT_PROFILE_FAILURE: 'UPDATE_CURRENT_PROFILE_FAILURE',\r\n\r\n GET_CURRENT_USER_PERMISSIONS_SUCCESS: 'GET_CURRENT_USER_PERMISSIONS_SUCCESS',\r\n GET_CURRENT_USER_PERMISSIONS_FAILURE: 'GET_CURRENT_USER_PERMISSIONS_FAILURE',\r\n\r\n INIT_SESSION: 'INIT_SESSION',\r\n RESET_SESSION: 'RESET_SESSION',\r\n INACTIVITY_INCREMENT: 'INACTIVITY_INCREMENT',\r\n DESTROY_SESSION: 'DESTROY_SESSION',\r\n LOG_API: 'LOG_API',\r\n\r\n GET_SERVER_VERSION_SUCCESS: 'GET_SERVER_VERSION_SUCCESS',\r\n GET_SERVER_VERSION_FAILURE: 'GET_SERVER_VERSION_FAILURE',\r\n\r\n GETTING_MP: 'GETTING_MP',\r\n END_GETTING_MP: 'END_GETTING_MP',\r\n GET_MP_SUCCESS: 'GET_MP_SUCCESS',\r\n GET_MP_FAILURE: 'GET_MP_FAILURE',\r\n\r\n LOOKUP_GROUPS_SUCCESS: 'LOOKUP_GROUPS_SUCCESS',\r\n LOOKUP_GROUPS_FAILURE: 'LOOKUP_GROUPS_FAILURE',\r\n LOOKUP_DEPARTMENTS_SUCCESS: 'LOOKUP_DEPARTMENTS_SUCCESS',\r\n LOOKUP_DEPARTMENTS_FAILURE: 'LOOKUP_DEPARTMENTS_FAILURE',\r\n LOOKUP_ROLES_SUCCESS: 'LOOKUP_ROLES_SUCCESS',\r\n LOOKUP_ROLES_FAILURE: 'LOOKUP_ROLES_FAILURE',\r\n LOOKUP_GROUPS_FOR_SCHEDULED_REPORTS_SUCCESS:\r\n 'LOOKUP_GROUPS_FOR_SCHEDULED_REPORTS_SUCCESS',\r\n LOOKUP_GROUPS_FOR_SCHEDULED_REPORTS_FAILURE:\r\n 'LOOKUP_GROUPS_FOR_SCHEDULED_REPORTS_FAILURE',\r\n LOOKUP_BR_GROUPS_BY_DEPT_SUCCESS: 'LOOKUP_BR_GROUPS_BY_DEPT_SUCCESS',\r\n LOOKUP_BR_GROUPS_BY_DEPT_FAILURE: 'LOOKUP_BR_GROUPS_BY_DEPT_FAILURE',\r\n LOOKUP_USERS_SUCCESS: 'LOOKUP_USERS_SUCCESS',\r\n LOOKUP_USERS_FAILURE: 'LOOKUP_USERS_FAILURE',\r\n LOOKUP_TIMEZONES_SUCCESS: 'LOOKUP_TIMEZONES_SUCCESS',\r\n LOOKUP_TIMEZONES_FAILURE: 'LOOKUP_TIMEZONES_FAILURE',\r\n\r\n CHECK_DEPARTMENT_LICENSE_ONCE: 'CHECK_DEPARTMENT_LICENSE_ONCE',\r\n SET_LICENSE_EXPIRATION: 'SET_LICENSE_EXPIRATION',\r\n SHOW_LICENSE_EXPIRATION_NOTIFICATION: 'SHOW_LICENSE_EXPIRATION_NOTIFICATION',\r\n};\r\n","import { NotificationManager } from 'react-notifications';\r\nimport 'react-notifications/lib/notifications.css';\r\n\r\nexport default {\r\n success,\r\n error,\r\n};\r\nfunction success(msg) {\r\n NotificationManager.success(msg || `Congratulation !!!`, 'Success', 3000);\r\n}\r\nfunction error(msg) {\r\n NotificationManager.error(msg || 'Something went wrong', 'Oops', 3000);\r\n}\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n isSubmitting: false,\r\n users: [],\r\n isAuthorized: false,\r\n invitations: [],\r\n invitationInfo: {},\r\n errorText: {},\r\n error: '',\r\n};\r\n\r\nconst accountReducer = (state = initState, action) => {\r\n var _state = JSON.parse(JSON.stringify(state));\r\n switch (action.type) {\r\n case actionConstants.CLEAR_ERROR:\r\n return { ...state, error: '' };\r\n case actionConstants.START_QUERY:\r\n _state.loading = true;\r\n return _state;\r\n case actionConstants.END_QUERY:\r\n _state.loading = false;\r\n return _state;\r\n case actionConstants.START_SUBMISSION:\r\n return { ...state, isSubmitting: true, error: '' };\r\n case actionConstants.END_SUBMISSION:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.LOGIN_REQUEST:\r\n return { ...state, error: '' };\r\n case actionConstants.LOGIN_SUCCESS:\r\n return { ...state, isAuthorized: true };\r\n case actionConstants.LOGIN_FAILURE:\r\n return { ...state, error: action.data };\r\n\r\n case actionConstants.GET_USERS_SUCCESS:\r\n _state.users = action.data;\r\n return _state;\r\n case actionConstants.GET_USERS_FAILURE:\r\n _state.users = [];\r\n return _state;\r\n\r\n case actionConstants.REGISTER_SUCCESS:\r\n _state.registeredStatus = true;\r\n return _state;\r\n case actionConstants.REGISTER_FAILURE:\r\n _state.registeredFailed = action.data;\r\n return _state;\r\n\r\n case actionConstants.INVITE_USER_SUCCESS:\r\n _state.invitationID = action.data;\r\n _state.isInvited = true;\r\n return _state;\r\n case actionConstants.INVITE_USER_FAILURE:\r\n return _state;\r\n\r\n case actionConstants.GET_INVITATIONS_SUCCESS:\r\n _state.invitations = action.data;\r\n return _state;\r\n case actionConstants.GET_INVITATIONS_FAILURE:\r\n _state.invitations = [];\r\n return _state;\r\n\r\n case actionConstants.QUERY_INVITATION_SUCCESS:\r\n _state.invitationInfo = action.data;\r\n return _state;\r\n case actionConstants.QUERY_INVITATION_FAILURE:\r\n _state.errorText = action.data;\r\n return _state;\r\n\r\n case actionConstants.RESET_PASSWORD_SUCCESS:\r\n _state.isReset = true;\r\n return _state;\r\n case actionConstants.RESET_PASSWORD_FAILURE:\r\n _state.errorText = action.data;\r\n return _state;\r\n case actionConstants.CHANGE_PASSWORD_FAILURE:\r\n return { ...state, error: action.data };\r\n\r\n case actionConstants.LOGOUT_REQUEST:\r\n // _state = {};\r\n return _state;\r\n default:\r\n return _state;\r\n }\r\n};\r\n\r\nexport default accountReducer;\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n tenantList: [],\r\n error: '',\r\n};\r\n\r\nconst tenantReducer = (state = initState, action) => {\r\n var _state = JSON.parse(JSON.stringify(state));\r\n switch (action.type) {\r\n case actionConstants.START_QUERY:\r\n _state.error = '';\r\n _state.loading = true;\r\n return _state;\r\n case actionConstants.END_QUERY:\r\n _state.loading = false;\r\n return _state;\r\n case actionConstants.GET_TENANTS_SUCCESS:\r\n _state.tenantList = action.data;\r\n return _state;\r\n case actionConstants.GET_TENANTS_FAILURE:\r\n _state.getTenantFail = action.data;\r\n return _state;\r\n case actionConstants.CREATE_TENANT_SUCCESS:\r\n _state.isNewTenant = true;\r\n return _state;\r\n case actionConstants.CREATE_TENANT_FAILURE:\r\n _state.error = action.data;\r\n return _state;\r\n default:\r\n return _state;\r\n }\r\n};\r\nexport default tenantReducer;\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n isCompleted: false,\r\n loading: false,\r\n isSubmitting: false,\r\n isFetching: false,\r\n sites: [],\r\n getSitesError: '',\r\n createSiteError: '',\r\n editSiteError: '',\r\n deleteSiteError: '',\r\n areas: [],\r\n getAreasError: '',\r\n createAreaError: '',\r\n editAreaError: '',\r\n deleteAreaError: '',\r\n departments: [],\r\n getDepartmentsError: '',\r\n department: {},\r\n getDepartmentError: {},\r\n createDepartmentError: '',\r\n editDepartmentError: '',\r\n deleteDepartmentError: '',\r\n departmentSettings: [],\r\n getDepartmentSettingsError: '',\r\n deptSetting: {},\r\n getDeptSettingError: {},\r\n departmentSettingsError: '',\r\n groups: [],\r\n getGroupsError: '',\r\n group: {},\r\n getGroupError: {},\r\n createGroupError: '',\r\n usersByGroup: [],\r\n editGroupError: '',\r\n deleteGroupError: '',\r\n roles: [],\r\n role: {},\r\n getRoleError: {},\r\n scheduledReports: [],\r\n getScheduledReportsError: '',\r\n scheduledReport: {},\r\n getScheduledReportError: {},\r\n createScheduledReportError: '',\r\n editScheduledReportError: '',\r\n deleteScheduledReportError: '',\r\n users: [],\r\n getUsersError: '',\r\n user: {},\r\n getUserError: {},\r\n createUserError: '',\r\n editUserError: '',\r\n alarmIndicators: [],\r\n alarmMaps: [],\r\n configAlarmIndicatorError: '',\r\n createAlarmIndicatorError: '',\r\n remoteDevices: [],\r\n getRemoteDevicesError: '',\r\n remoteDevice: {},\r\n getRemoteDeviceError: {},\r\n createRemoteDeviceError: '',\r\n editRemoteDeviceError: '',\r\n deleteRemoteDeviceError: '',\r\n sensors: [],\r\n getSensorsError: '',\r\n sensorTypes: [],\r\n getSensorTypesError: '',\r\n sensorType: {},\r\n getSensorTypeError: {},\r\n createSensorTypeError: '',\r\n editSensorTypeError: '',\r\n deleteSensorTypeError: '',\r\n validationCP: [],\r\n getValidationCPError: '',\r\n isOverrided: false,\r\n isNormalized: false,\r\n errors: '',\r\n};\r\n\r\nconst configureReducer = (state = initState, action) => {\r\n var _state = JSON.parse(JSON.stringify(state));\r\n switch (action.type) {\r\n case actionConstants.RESET_COMPLETED_FLAG:\r\n _state.isCompleted = false;\r\n return _state;\r\n case actionConstants.START_QUERY:\r\n return { ...state, errors: '', loading: true };\r\n case actionConstants.END_QUERY:\r\n return { ...state, loading: false };\r\n case actionConstants.START_SUBMISSION:\r\n return {\r\n ...state,\r\n isSubmitting: true,\r\n errors: '',\r\n createAlarmIndicatorError: '',\r\n };\r\n case actionConstants.END_SUBMISSION:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.START_FETCHING:\r\n return { ...state, isFetching: true, errors: '' };\r\n case actionConstants.END_FETCHING:\r\n return { ...state, isFetching: false };\r\n case actionConstants.INIT_STATE:\r\n return { ...initState };\r\n case actionConstants.CLEAR_ERROR:\r\n return { ...state, errors: '', getDepartmentError: '' };\r\n case actionConstants.GET_SITES_SUCCESS:\r\n _state.sites = action.data;\r\n return _state;\r\n case actionConstants.GET_SITES_FAILURE:\r\n _state.getSitesError = action.data;\r\n return _state;\r\n case actionConstants.CREATE_SITE_SUCCESS:\r\n return _state;\r\n case actionConstants.CREATE_SITE_FAILURE:\r\n _state.createSiteError = action.data;\r\n return _state;\r\n case actionConstants.EDIT_SITE_SUCCESS:\r\n return _state;\r\n case actionConstants.EDIT_SITE_FAILURE:\r\n _state.editSiteError = action.data;\r\n return _state;\r\n case actionConstants.DELETE_SITE_SUCCESS:\r\n return _state;\r\n case actionConstants.DELETE_SITE_FAILURE:\r\n _state.deleteSiteError = action.data;\r\n return _state;\r\n case actionConstants.GET_AREAS_SUCCESS:\r\n _state.areas = action.data;\r\n return _state;\r\n case actionConstants.GET_AREAS_FAILURE:\r\n _state.getAreasError = action.data;\r\n return _state;\r\n case actionConstants.CREATE_AREA_SUCCESS:\r\n return _state;\r\n case actionConstants.CREATE_AREA_FAILURE:\r\n _state.createAreaError = action.data;\r\n return _state;\r\n case actionConstants.EDIT_AREA_SUCCESS:\r\n return _state;\r\n case actionConstants.EDIT_AREA_FAILURE:\r\n _state.editAreaError = action.data;\r\n return _state;\r\n case actionConstants.DELETE_AREA_SUCCESS:\r\n return _state;\r\n case actionConstants.DELETE_AREA_FAILURE:\r\n _state.deleteAreaError = action.data;\r\n return _state;\r\n case actionConstants.GET_DEPARTMENTS_SUCCESS:\r\n return { ...state, departments: action.data.items, loading: false };\r\n case actionConstants.GET_DEPARTMENTS_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.GET_DEPARTMENT_SUCCESS:\r\n return { ...state, department: action.data };\r\n case actionConstants.GET_DEPARTMENT_FAILURE:\r\n return { ...state, getDepartmentError: action.data, errors: action.data };\r\n case actionConstants.CREATE_DEPARTMENT_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.CREATE_DEPARTMENT_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.EDIT_DEPARTMENT_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.EDIT_DEPARTMENT_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.DELETE_DEPARTMENT_SUCCESS:\r\n return { ...state };\r\n case actionConstants.DELETE_DEPARTMENT_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_DEPT_SETTINGS_BY_LOCALE_SUCCESS:\r\n return { ...state, departmentSettings: action.data };\r\n case actionConstants.GET_DEPT_SETTINGS_BY_LOCALE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_DEPT_SETTINGS_BY_PARAM_SUCCESS:\r\n _state.deptSetting = action.data;\r\n return _state;\r\n case actionConstants.GET_DEPT_SETTINGS_BY_PARAM_FAILURE:\r\n _state.getDeptSettingError = action.data;\r\n return _state;\r\n case actionConstants.DEPARTMENT_SETTINGS_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.DEPARTMENT_SETTINGS_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.GET_GROUPS_SUCCESS:\r\n return { ...state, groups: action.data.items, loading: false };\r\n case actionConstants.GET_GROUPS_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.GET_GROUP_SUCCESS:\r\n return { ...state, group: action.data };\r\n case actionConstants.GET_GROUP_FAILURE:\r\n return { ...state, getGroupError: action.data };\r\n case actionConstants.CREATE_GROUP_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_GROUP_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_USERS_BY_GROUP_SUCCESS:\r\n return { ...state, usersByGroup: action.data, loading: false };\r\n case actionConstants.GET_USERS_BY_GROUP_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.ASSIGN_USERS_SUCCESS:\r\n return { ...state };\r\n case actionConstants.ASSIGN_USERS_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.UNASSIGN_USERS_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.UNASSIGN_USERS_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.ASSIGN_ALERTS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.EDIT_GROUP_SUCCESS:\r\n return { ...state };\r\n case actionConstants.EDIT_GROUP_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.DELETE_GROUP_SUCCESS:\r\n return { ...state };\r\n case actionConstants.DELETE_GROUP_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_ROLES_SUCCESS:\r\n return { ...state, roles: action.data.items };\r\n case actionConstants.GET_ROLES_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_ROLE_SUCCESS:\r\n return { ...state, role: action.data };\r\n case actionConstants.GET_ROLE_FAILURE:\r\n return { ...state, getRoleError: action.data };\r\n case actionConstants.CREATE_ROLE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_ROLE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.EDIT_ROLE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.EDIT_ROLE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.DELETE_ROLE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.DELETE_ROLE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_SCHEDULED_REPORTS_SUCCESS:\r\n return { ...state, scheduledReports: action.data.items };\r\n case actionConstants.GET_SCHEDULED_REPORTS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_SCHEDULED_REPORT_SUCCESS:\r\n return { ...state, scheduledReport: action.data };\r\n case actionConstants.GET_SCHEDULED_REPORT_FAILURE:\r\n return { ...state, getScheduledReportError: action.data };\r\n case actionConstants.CREATE_SCHEDULED_REPORT_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_SCHEDULED_REPORT_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.EDIT_SCHEDULED_REPORT_SUCCESS:\r\n return { ...state };\r\n case actionConstants.EDIT_SCHEDULED_REPORT_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.DELETE_SCHEDULED_REPORT_SUCCESS:\r\n return { ...state };\r\n case actionConstants.DELETE_SCHEDULED_REPORT_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_USERS_CONFIG_SUCCESS:\r\n return { ...state, users: action.data.items };\r\n case actionConstants.GET_USER_CONFIG_SUCCESS:\r\n _state.user = action.data;\r\n return { ...state, user: action.data };\r\n case actionConstants.CREATE_USER_CONFIG_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_USER_CONFIG_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.EDIT_USER_CONFIG_SUCCESS:\r\n return { ...state };\r\n case actionConstants.EDIT_USER_CONFIG_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_ALARM_INDICATORS_SUCCESS:\r\n return { ...state, alarmIndicators: action.data.items };\r\n case actionConstants.GET_ALARM_INDICATORS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_ALARM_INDICATORS_BY_DEPT_SUCCESS:\r\n return { ...state, alarmIndicators: action.data };\r\n case actionConstants.GET_ALARM_INDICATORS_BY_DEPT_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_ALARM_INDICATORS_ALARM_MAPS_SUCCESS:\r\n return { ...state, alarmMaps: action.data };\r\n case actionConstants.GET_ALARM_INDICATORS_ALARM_MAPS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.CONFIG_ALARM_INDICATOR_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CONFIG_ALARM_INDICATOR_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.CREATE_ALARM_INDICATOR_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_ALARM_INDICATOR_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_REMOTE_DEVICES_SUCCESS:\r\n return { ...state, remoteDevices: action.data.items };\r\n case actionConstants.GET_REMOTE_DEVICES_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_REMOTE_DEVICES_BY_DEPT_SUCCESS:\r\n return { ...state, remoteDevices: action.data };\r\n case actionConstants.GET_REMOTE_DEVICES_BY_DEPT_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_REMOTE_DEVICE_SUCCESS:\r\n return { ...state, remoteDevice: action.data };\r\n case actionConstants.GET_REMOTE_DEVICE_FAILURE:\r\n return { ...state, getRemoteDeviceError: action.data };\r\n case actionConstants.CREATE_REMOTE_DEVICE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_REMOTE_DEVICE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.EDIT_REMOTE_DEVICE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.EDIT_REMOTE_DEVICE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.DELETE_REMOTE_DEVICE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.DELETE_REMOTE_DEVICE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.CLEAR_SENSORS:\r\n return { ...state, sensors: [] };\r\n case actionConstants.GET_SENSORS_BY_DEPT_SUCCESS:\r\n _state.sensors = action.data;\r\n return _state;\r\n case actionConstants.GET_SENSORS_BY_DEPT_FAILURE:\r\n _state.getSensorsError = action.data;\r\n return _state;\r\n case actionConstants.GET_SENSORS_MV_BY_GROUP_SUCCESS:\r\n _state.sensors = action.data;\r\n return _state;\r\n case actionConstants.GET_SENSORS_MV_BY_GROUP_FAILURE:\r\n _state.getSensorsError = action.data;\r\n return _state;\r\n case actionConstants.DISABLE_SENSOR_SUCCESS:\r\n return { ...state, isCompleted: true };\r\n case actionConstants.DISABLE_SENSOR_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.ENABLE_SENSOR_SUCCESS:\r\n return { ...state, isCompleted: true };\r\n case actionConstants.ENABLE_SENSOR_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.CLEAR_SENSOR_TYPES:\r\n return { ...state, sensorTypes: [] };\r\n case actionConstants.GET_SENSOR_TYPES_SUCCESS:\r\n return { ...state, sensorTypes: action.data.items };\r\n case actionConstants.GET_SENSOR_TYPES_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_SENSOR_TYPE_SUCCESS:\r\n return { ...state, sensorType: action.data };\r\n case actionConstants.GET_SENSOR_TYPE_FAILURE:\r\n return { ...state, getSensorTypeError: action.data };\r\n case actionConstants.GET_SENSOR_TYPES_BY_GROUP_SUCCESS:\r\n return { ...state, sensorTypes: action.data };\r\n case actionConstants.GET_SENSOR_TYPES_BY_GROUP_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_SENSOR_TYPES_BY_SCHEDULED_SUCCESS:\r\n return { ...state, sensorTypes: action.data };\r\n case actionConstants.GET_SENSOR_TYPES_BY_SCHEDULED_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.CREATE_SENSOR_TYPE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_SENSOR_TYPE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.EDIT_SENSOR_TYPE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.EDIT_SENSOR_TYPE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.DELETE_SENSOR_TYPE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.DELETE_SENSOR_TYPE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_VCP_SUCCESS:\r\n return { ...state, validationCP: action.data };\r\n case actionConstants.GET_VCP_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.OVERRIDE_VCP_SUCCESS:\r\n return { ...state, isOverrided: true };\r\n case actionConstants.OVERRIDE_VCP_FAILURE:\r\n return { ...state, isOverrided: false };\r\n case actionConstants.NORMAL_VCP_SUCCESS:\r\n return { ...state, isNormalized: true };\r\n case actionConstants.NORMAL_VCP_FAILURE:\r\n return { ...state, isNormalized: false };\r\n default:\r\n return _state;\r\n }\r\n};\r\nexport default configureReducer;\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n isSubmitting: false,\r\n mobileConfigs: [],\r\n mobileConfig: {},\r\n sensors: [],\r\n errors: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.INIT_STATE:\r\n return { ...initState };\r\n case actionConstants.START_QUERY:\r\n return { ...state, errors: '', loading: true };\r\n case actionConstants.END_QUERY:\r\n return { ...state, loading: false };\r\n case actionConstants.START_SUBMISSION:\r\n return { ...state, isSubmitting: true, errors: '' };\r\n case actionConstants.END_SUBMISSION:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.GET_MOBILE_CONFIGS_SUCCESS:\r\n return { ...state, mobileConfigs: action.data.items, loading: false };\r\n case actionConstants.GET_MOBILE_CONFIGS_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.GET_MOBILE_CONFIGS_BY_DEPT_SUCCESS:\r\n return { ...state, mobileConfigs: action.data, loading: false };\r\n case actionConstants.GET_MOBILE_CONFIGS_BY_DEPT_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.GET_MOBILE_CONFIG_SUCCESS:\r\n return { ...state, mobileConfig: action.data, loading: false };\r\n case actionConstants.GET_MOBILE_CONFIG_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.CREATE_MOBILE_CONFIG_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.CREATE_MOBILE_CONFIG_FAILURE:\r\n return { ...state, isSubmitting: false, errors: action.data };\r\n case actionConstants.EDIT_MOBILE_CONFIG_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.EDIT_MOBILE_CONFIG_FAILURE:\r\n return { ...state, isSubmitting: false, errors: action.data };\r\n case actionConstants.DELETE_MOBILE_CONFIG_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.DELETE_MOBILE_CONFIG_FAILURE:\r\n return { ...state, isSubmitting: false, errors: action.data };\r\n case actionConstants.SENSORS_BY_MOBILE_CONFIG_SUCCESS:\r\n return { ...state, sensors: action.data, loading: false };\r\n case actionConstants.SENSORS_BY_MOBILE_CONFIG_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.CONFIG_MOBILE_SENSORS_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.CONFIG_MOBILE_SENSORS_FAILURE:\r\n return { ...state, isSubmitting: false, errors: action.data };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n mp: [],\r\n getMpError: '',\r\n error: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n var _state = JSON.parse(JSON.stringify(state));\r\n switch (action.type) {\r\n case actionConstants.GETTING_MP:\r\n _state.error = '';\r\n _state.loading = true;\r\n return _state;\r\n case actionConstants.END_GETTING_MP:\r\n _state.loading = false;\r\n return _state;\r\n case actionConstants.GET_MP_SUCCESS:\r\n _state.mp = action.data;\r\n return _state;\r\n case actionConstants.GET_MP_FAILURE:\r\n _state.getMpError = action.data;\r\n return _state;\r\n default:\r\n return _state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n isSubmitting: false,\r\n alarmList: [],\r\n mAlarmList: [],\r\n getAlarmListError: '',\r\n availableGroups: [],\r\n getAvailableGroupsError: '',\r\n availableGroupsSummaries: [],\r\n trend: [],\r\n getTrendError: '',\r\n addNoteError: '',\r\n errors: '',\r\n};\r\n\r\nconst dashboardReducer = (state = initState, action) => {\r\n var _state = JSON.parse(JSON.stringify(state));\r\n switch (action.type) {\r\n case actionConstants.START_QUERY:\r\n return { ...state, errors: '', loading: true };\r\n case actionConstants.END_QUERY:\r\n return { ...state, loading: false };\r\n case actionConstants.START_SUBMISSION:\r\n return { ...state, errors: '', isSubmitting: true };\r\n case actionConstants.END_SUBMISSION:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.GET_ALARM_LIST_SUCCESS:\r\n return { ...state, alarmList: action.data };\r\n case actionConstants.GET_ALARM_LIST_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_ALARM_LIST_BY_MC_SUCCESS:\r\n return { ...state, mAlarmList: action.data };\r\n case actionConstants.GET_ALARM_LIST_BY_MC_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_AVAILABLE_GROUPS_SUCCESS:\r\n return { ...state, availableGroups: action.data };\r\n case actionConstants.GET_AVAILABLE_GROUPS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_AVAILABLE_GROUPS_SUMMARIES_SUCCESS:\r\n return { ...state, availableGroupsSummaries: action.data };\r\n case actionConstants.GET_AVAILABLE_GROUPS_SUMMARIES_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_TREND_SUCCESS:\r\n return { ...state, trend: action.data };\r\n case actionConstants.GET_TREND_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.ADD_NOTE_SUCCESS:\r\n return _state;\r\n case actionConstants.ADD_NOTE_FAILURE:\r\n _state.addNoteError = action.data;\r\n return _state;\r\n default:\r\n return _state;\r\n }\r\n};\r\nexport default dashboardReducer;\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n isFetching: false,\r\n isSubmitting: false,\r\n auditReports: [],\r\n getAuditReportsError: '',\r\n groupStatus: [],\r\n gSStatistics: [],\r\n limitsChanged: [],\r\n mktMonitors: [],\r\n getMktMonitorsError: '',\r\n mktMonitor: {},\r\n getMktMonitorError: {},\r\n createMktMonitorError: '',\r\n editMktMonitorError: '',\r\n deleteMktMonitorError: '',\r\n smLog: [],\r\n statisticsSummary: [],\r\n statisticsChart: [{}],\r\n statisticsDetails: [],\r\n trendChart: [],\r\n userNotes: [],\r\n error: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n var _state = JSON.parse(JSON.stringify(state));\r\n switch (action.type) {\r\n case actionConstants.CLEAR_REPORT:\r\n return { ...initState };\r\n case actionConstants.START_QUERY_REPORT:\r\n _state.error = '';\r\n _state.loading = true;\r\n return _state;\r\n case actionConstants.END_QUERY_REPORT:\r\n _state.loading = false;\r\n return _state;\r\n case actionConstants.START_FETCHING:\r\n return { ...state, isFetching: true, error: '' };\r\n case actionConstants.END_FETCHING:\r\n return { ...state, isFetching: false };\r\n case actionConstants.START_SUBMISSION:\r\n _state.error = '';\r\n _state.isSubmitting = true;\r\n return _state;\r\n case actionConstants.END_SUBMISSION:\r\n _state.isSubmitting = false;\r\n return _state;\r\n case actionConstants.GETTING_REPORT:\r\n return { ...state, isFetching: true, error: '' };\r\n case actionConstants.GET_ALARM_HISTORY_SUCCESS:\r\n return { ...state, isFetching: false };\r\n case actionConstants.GET_ALARM_HISTORY_FAILURE:\r\n return { ...state, error: action.data, isFetching: false };\r\n case actionConstants.GET_AUDIT_REPORTS_SUCCESS:\r\n return { ...state, auditReports: action.data.items, isFetching: false };\r\n case actionConstants.GET_AUDIT_REPORTS_FAILURE:\r\n return { ...state, error: action.data, isFetching: false };\r\n case actionConstants.DOWNLOAD_BATCH_REPORT_SUCCESS:\r\n return { ...state, isFetching: false };\r\n case actionConstants.DOWNLOAD_BATCH_REPORT_FAILURE:\r\n return { ...state, error: action.data, isFetching: false };\r\n case actionConstants.GET_GROUP_STATUS_SUCCESS:\r\n return { ...state, isFetching: false };\r\n case actionConstants.GET_GROUP_STATUS_FAILURE:\r\n return { ...state, error: action.data, isFetching: false };\r\n case actionConstants.GET_GROUP_STATUS_STATISTICS_SUCCESS:\r\n return { ...state, isFetching: false };\r\n case actionConstants.GET_GROUP_STATUS_STATISTICS_FAILURE:\r\n return { ...state, error: action.data, isFetching: false };\r\n case actionConstants.GET_LIMITS_CHANGED_SUCCESS:\r\n return { ...state, isFetching: false };\r\n case actionConstants.GET_LIMITS_CHANGED_FAILURE:\r\n return { ...state, error: action.data, isFetching: false };\r\n case actionConstants.GET_MKT_MONITORS_SUCCESS:\r\n return { ...state, mktMonitors: action.data };\r\n case actionConstants.GET_MKT_MONITORS_FAILURE:\r\n return { ...state, error: action.data };\r\n case actionConstants.GET_MKT_MONITOR_SUCCESS:\r\n return { ...state, mktMonitor: action.data };\r\n case actionConstants.GET_MKT_MONITOR_FAILURE:\r\n return { ...state, getMktMonitorError: action.data };\r\n case actionConstants.CREATE_MKT_MONITOR_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_MKT_MONITOR_FAILURE:\r\n return { ...state, error: action.data };\r\n case actionConstants.EDIT_MKT_MONITOR_SUCCESS:\r\n return { ...state };\r\n case actionConstants.EDIT_MKT_MONITOR_FAILURE:\r\n return { ...state, error: action.data };\r\n case actionConstants.DELETE_MKT_MONITOR_SUCCESS:\r\n return _state;\r\n case actionConstants.DELETE_MKT_MONITOR_FAILURE:\r\n _state.deleteMktMonitorError = action.data;\r\n return _state;\r\n case actionConstants.GET_SM_LOG_SUCCESS:\r\n return { ...state, isFetching: false };\r\n case actionConstants.GET_SM_LOG_FAILURE:\r\n return { ...state, error: action.data, isFetching: false };\r\n case actionConstants.GET_STATISTICS_SUMMARY_SUCCESS:\r\n return {\r\n ...state,\r\n isFetching: false,\r\n statisticsSummary: action.data,\r\n };\r\n case actionConstants.GET_STATISTICS_SUMMARY_FAILURE:\r\n return {\r\n ...state,\r\n isFetching: false,\r\n error: action.data,\r\n };\r\n case actionConstants.GET_STATISTICS_CHART_SUCCESS:\r\n return { ...state, isFetching: false, statisticsChart: action.data };\r\n case actionConstants.GET_STATISTICS_CHART_FAILURE:\r\n return { ...state, isFetching: false, error: action.data };\r\n case actionConstants.GET_STATISTICS_DETAILS_SUCCESS:\r\n return { ...state, isFetching: false, statisticsDetails: action.data };\r\n case actionConstants.GET_STATISTICS_DETAILS_FAILURE:\r\n return { ...state, isFetching: false, error: action.data };\r\n case actionConstants.GET_TREND_CHART_SUCCESS:\r\n return { ...state, trendChart: action.data, isFetching: false };\r\n case actionConstants.GET_TREND_CHART_FAILURE:\r\n return { ...state, error: action.data, isFetching: false };\r\n case actionConstants.GET_USER_NOTES_SUCCESS:\r\n return { ...state, isFetching: false };\r\n case actionConstants.GET_USER_NOTES_FAILURE:\r\n return { ...state, error: action.data, isFetching: false };\r\n default:\r\n return _state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\nimport moment from 'moment';\r\n\r\nconst initState = {\r\n loading: false,\r\n isSubmitting: false,\r\n currentProfile: {},\r\n isSessionInitialized: false,\r\n expired: moment().toDate(),\r\n apiList: [],\r\n serverVersion: '',\r\n errors: '',\r\n doLogout: false,\r\n isPwdExpired: false,\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n var _state = JSON.parse(JSON.stringify(state));\r\n switch (action.type) {\r\n case actionConstants.PASSWORD_IS_EXPIRED:\r\n return { ...state, isPwdExpired: action.data };\r\n case actionConstants.CLEAR_ERROR:\r\n return { ...state, errors: '' };\r\n case actionConstants.START_QUERY:\r\n return { ...state, errors: '', loading: true };\r\n case actionConstants.END_QUERY:\r\n return { ...state, loading: false };\r\n case actionConstants.START_SUBMISSION:\r\n return { ...state, errors: '', isSubmitting: true };\r\n case actionConstants.END_SUBMISSION:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.GET_CURRENT_PROFILE_SUCCESS:\r\n return { ...state, currentProfile: action.data };\r\n case actionConstants.GET_CURRENT_PROFILE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.UPDATE_CURRENT_PROFILE_SUCCESS:\r\n return { ...state, currentProfile: Object.assign({}, action.data) };\r\n case actionConstants.UPDATE_CURRENT_PROFILE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.INIT_SESSION:\r\n return { ...state, expired: action.data, isSessionInitialized: true };\r\n case actionConstants.RESET_SESSION:\r\n return { ...state, expired: action.data };\r\n case actionConstants.LOG_API:\r\n return { ...state, apiList: action.data };\r\n case actionConstants.DESTROY_SESSION:\r\n return { ...state, isSessionInitialized: false };\r\n case actionConstants.NEED_LOGOUT:\r\n return { ...state, doLogout: action.data };\r\n case actionConstants.GET_SERVER_VERSION_SUCCESS:\r\n return { ...state, serverVersion: action.data };\r\n case actionConstants.GET_SERVER_VERSION_FAILURE:\r\n return { ...state, errors: action.data };\r\n default:\r\n return _state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n isFetching: false,\r\n isSubmitting: false,\r\n phrases: [],\r\n getPhraseError: {},\r\n errors: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.GETTING_PHRASES:\r\n return { ...state, isFetching: true, errors: '' };\r\n case actionConstants.CLEAR_PHRASES:\r\n return { ...state, phrases: [] };\r\n case actionConstants.GET_PHRASES_SUCCESS:\r\n return { ...state, phrases: action.data.items, isFetching: false };\r\n case actionConstants.GET_PHRASES_FAILURE:\r\n return { ...state, errors: action.data, isFetching: false };\r\n case actionConstants.GET_PHRASE_SUCCESS:\r\n return { ...state, phrase: action.data };\r\n case actionConstants.GET_PHRASE_FAILURE:\r\n return { ...state, getPhraseError: action.data };\r\n case actionConstants.CREATE_PHRASE_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_PHRASE_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.EDIT_PHRASE_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.EDIT_PHRASE_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.DELETE_PHRASE_SUCCESS:\r\n return { ...state, isFetching: false };\r\n case actionConstants.DELETE_PHRASE_FAILURE:\r\n return { ...state, errors: action.data, isFetching: false };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n isFetching: false,\r\n currentUserPermissions: null, //[]\r\n permissions: {},\r\n errors: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.GET_CURRENT_USER_PERMISSIONS_SUCCESS:\r\n return { ...state, currentUserPermissions: action.data };\r\n case actionConstants.GET_CURRENT_USER_PERMISSIONS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_PERMISSIONS_SUCCESS:\r\n return { ...state, permissions: action.data };\r\n case actionConstants.GET_PERMISSIONS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_PERMISSIONS_BY_ROLE_SUCCESS:\r\n return { ...state, permissions: action.data };\r\n case actionConstants.GET_PERMISSIONS_BY_ROLE_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.UPDATE_PERMISSIONS_SUCCESS:\r\n return { ...state };\r\n case actionConstants.UPDATE_PERMISSIONS_FAILURE:\r\n return { ...state, errors: action.data };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n isFetching: false,\r\n sensor: {},\r\n assignedSensors: [],\r\n unassignedSensors: [],\r\n alarmStatus: [],\r\n alarmStatusByGroup: [],\r\n isCompleted: false,\r\n sensorInfo: [],\r\n errors: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.CLEAR_ERROR:\r\n return { ...state, errors: '' };\r\n case actionConstants.START_FETCHING:\r\n return { ...state, isFetching: true, errors: '' };\r\n case actionConstants.RESET_COMPLETED:\r\n return { ...state, isCompleted: false };\r\n case actionConstants.GET_SENSOR_DETAIL_SUCCESS:\r\n return { ...state, sensor: action.data };\r\n case actionConstants.GET_SENSOR_DETAIL_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.EDIT_SENSOR_SUCCESS:\r\n return { ...state };\r\n case actionConstants.EDIT_SENSOR_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_ASSIGNED_SENSORS_SUCCESS:\r\n return { ...state, assignedSensors: action.data };\r\n case actionConstants.GET_ASSIGNED_SENSORS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_UNASSIGNED_SENSORS_SUCCESS:\r\n return { ...state, unassignedSensors: action.data };\r\n case actionConstants.GET_UNASSIGNED_SENSORS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.ASSIGN_SENSORS_SUCCESS:\r\n return { ...state, isCompleted: true };\r\n case actionConstants.ASSIGN_SENSORS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.REPLACE_SENSOR_SUCCESS:\r\n return { ...state, isCompleted: true };\r\n case actionConstants.REPLACE_SENSOR_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.UNASSIGN_SENSORS_SUCCESS:\r\n return { ...state, isCompleted: true };\r\n case actionConstants.UNASSIGN_SENSORS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.DELETE_ASSIGNED_SENSORS_SUCCESS:\r\n return { ...state, isCompleted: true };\r\n case actionConstants.DELETE_ASSIGNED_SENSORS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.UPDATE_ACTIVE_SENSOR_SUCCESS:\r\n return { ...state };\r\n case actionConstants.UPDATE_ACTIVE_SENSOR_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.UPDATE_ALERTS_SENSOR_SUCCESS:\r\n return { ...state };\r\n case actionConstants.UPDATE_ALERTS_SENSOR_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_ALARM_STATUS_SUCCESS:\r\n return { ...state, alarmStatus: action.data };\r\n case actionConstants.GET_ALARM_STATUS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_ALARM_STATUS_BY_GROUP_SUCCESS:\r\n return { ...state, alarmStatusByGroup: action.data };\r\n case actionConstants.GET_ALARM_STATUS_BY_GROUP_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_SENSORS_INFO_SUCCESS:\r\n return { ...state, sensorInfo: action.data, isFetching: false };\r\n case actionConstants.GET_SENSORS_INFO_FAILURE:\r\n return { ...state, errors: action.data, isFetching: false };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n mapShapes: {},\r\n maps: [],\r\n errors: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.GETTING_MAPS:\r\n return { ...state, errors: '', loading: true };\r\n case actionConstants.CLEAR_ERROR:\r\n return { ...state, errors: '' };\r\n case actionConstants.GET_MAP_IMAGE_SUCCESS:\r\n return { ...state, mapImage: action.data, loading: false };\r\n case actionConstants.GET_MAP_IMAGE_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.GET_MAP_SHAPES_SUCCESS:\r\n return { ...state, mapShapes: action.data, loading: false };\r\n case actionConstants.GET_MAP_SHAPES_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.GET_MAPS_BY_DEPT_SUCCESS:\r\n return { ...state, maps: action.data, loading: false };\r\n case actionConstants.GET_MAPS_BY_DEPT_FAILURE:\r\n return { ...state, maps: [], errors: action.data, loading: false };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n isSubmitting: false,\r\n phrases: [],\r\n errors: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.START_QUERY:\r\n return { ...state, error: '', loading: true };\r\n case actionConstants.END_QUERY:\r\n return { ...state, loading: false };\r\n case actionConstants.START_SUBMISSION:\r\n return { ...state, isSubmitting: true, errors: '' };\r\n case actionConstants.END_SUBMISSION:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.GET_ACK_ALARMS_PHRASES_SUCCESS:\r\n return { ...state, phrases: action.data, loading: false };\r\n case actionConstants.GET_ACK_ALARMS_PHRASES_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.CREATE_ACK_ALARMS_SUCCESS:\r\n return { ...state };\r\n case actionConstants.CREATE_ACK_ALARMS_FAILURE:\r\n return { ...state, errors: action.data };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n units: [],\r\n unit: {},\r\n getUnitError: {},\r\n errors: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.GETTING_UNITS:\r\n return { ...state, errors: '', loading: true };\r\n case actionConstants.GET_UNITS_SUCCESS:\r\n return { ...state, units: action.data.items, loading: false };\r\n case actionConstants.GET_UNITS_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.GET_UNIT_SUCCESS:\r\n return { ...state, unit: action.data, loading: false };\r\n case actionConstants.GET_UNIT_FAILURE:\r\n return { ...state, getUnitError: action.data, loading: false };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n loading: false,\r\n isSubmitting: false,\r\n batchReports: [],\r\n batchReport: {},\r\n getBatchReportError: '',\r\n processes: [],\r\n process: {},\r\n getProcessError: '',\r\n errors: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.START_QUERY:\r\n return { ...state, errors: '', loading: true };\r\n case actionConstants.END_QUERY:\r\n return { ...state, loading: false };\r\n case actionConstants.START_SUBMISSION:\r\n return { ...state, isSubmitting: true, errors: '' };\r\n case actionConstants.END_SUBMISSION:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.GET_BATCH_REPORT_SUCCESS:\r\n return { ...state, batchReport: action.data, loading: false };\r\n case actionConstants.GET_BATCH_REPORT_FAILURE:\r\n return { ...state, getBatchReportError: action.data, loading: false };\r\n case actionConstants.GET_BATCH_REPORTS_BY_DEPT_SUCCESS:\r\n return { ...state, batchReports: action.data, loading: false };\r\n case actionConstants.GET_BATCH_REPORTS_BY_DEPT_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.CREATE_BATCH_REPORT_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.CREATE_BATCH_REPORT_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.EDIT_BATCH_REPORT_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.EDIT_BATCH_REPORT_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.DELETE_BATCH_REPORT_SUCCESS:\r\n return { ...state };\r\n case actionConstants.DELETE_BATCH_REPORT_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.GET_BATCH_PROCESSES_SUCCESS:\r\n return { ...state, processes: action.data.items, loading: false };\r\n case actionConstants.GET_BATCH_PROCESSES_FAILURE:\r\n return { ...state, errors: action.data, loading: false };\r\n case actionConstants.GET_BATCH_PROCESS_SUCCESS:\r\n return { ...state, process: action.data, loading: false };\r\n case actionConstants.GET_BATCH_PROCESS_FAILURE:\r\n return { ...state, getProcessError: action.data, loading: false };\r\n case actionConstants.CREATE_BATCH_PROCESS_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.CREATE_BATCH_PROCESS_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.EDIT_BATCH_PROCESS_SUCCESS:\r\n return { ...state, isSubmitting: false };\r\n case actionConstants.EDIT_BATCH_PROCESS_FAILURE:\r\n return { ...state, errors: action.data, isSubmitting: false };\r\n case actionConstants.DELETE_BATCH_PROCESS_SUCCESS:\r\n return { ...state };\r\n case actionConstants.DELETE_BATCH_PROCESS_FAILURE:\r\n return { ...state, errors: action.data };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n groups: [],\r\n departments: [],\r\n roles: [],\r\n users: [],\r\n timezones: [],\r\n errors: '',\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.CLEAR_DATA:\r\n return { ...initState };\r\n case actionConstants.CLEAR_ERROR:\r\n return { ...state, errors: '' };\r\n case actionConstants.LOOKUP_GROUPS_SUCCESS:\r\n return { ...state, groups: action.data.items };\r\n case actionConstants.LOOKUP_GROUPS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.LOOKUP_DEPARTMENTS_SUCCESS:\r\n return { ...state, departments: action.data.items };\r\n case actionConstants.LOOKUP_DEPARTMENTS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.LOOKUP_ROLES_SUCCESS:\r\n return { ...state, roles: action.data.items };\r\n case actionConstants.LOOKUP_ROLES_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.LOOKUP_GROUPS_FOR_SCHEDULED_REPORTS_SUCCESS:\r\n return { ...state, groups: action.data.items };\r\n case actionConstants.LOOKUP_GROUPS_FOR_SCHEDULED_REPORTS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.LOOKUP_BR_GROUPS_BY_DEPT_SUCCESS:\r\n return { ...state, groups: action.data.items };\r\n case actionConstants.LOOKUP_BR_GROUPS_BY_DEPT_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.LOOKUP_USERS_SUCCESS:\r\n return { ...state, users: action.data.items };\r\n case actionConstants.LOOKUP_USERS_FAILURE:\r\n return { ...state, errors: action.data };\r\n case actionConstants.LOOKUP_TIMEZONES_SUCCESS:\r\n return { ...state, timezones: action.data.items };\r\n case actionConstants.LOOKUP_TIMEZONES_FAILURE:\r\n return { ...state, errors: action.data };\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { actionConstants } from '../actions/actionConstants';\r\n\r\nconst initState = {\r\n checkDepartmentLicenseOnce: false,\r\n licenseExpiration: null,\r\n showLicenseExpirationNotification: false,\r\n isLogoUpdated: true,\r\n};\r\n\r\nexport default (state = initState, action) => {\r\n switch (action.type) {\r\n case actionConstants.CHECK_DEPARTMENT_LICENSE_ONCE:\r\n state.checkDepartmentLicenseOnce = action.data;\r\n return state;\r\n case actionConstants.SET_LICENSE_EXPIRATION:\r\n state.licenseExpiration = action.data;\r\n return state;\r\n case actionConstants.SHOW_LICENSE_EXPIRATION_NOTIFICATION:\r\n state.showLicenseExpirationNotification = action.data;\r\n return state;\r\n case actionConstants.LOGO_HAS_UPDATED:\r\n state.isLogoUpdated = action.data;\r\n return state;\r\n default:\r\n return state;\r\n }\r\n};\r\n","import { combineReducers } from 'redux';\r\nimport accountReducer from './account.reducer';\r\nimport tenantReducer from './tenant.reducer';\r\nimport configureReducer from './configure.reducer';\r\nimport mobileConfigReducer from './mobileConfig.reducer';\r\nimport mpReducer from './mp.reducer';\r\nimport dashboardReducer from './dashboard.reducer';\r\nimport reportReducer from './report.reducer';\r\nimport generalReducer from './general.reducer';\r\nimport phrasesReducer from './phrases.reducer';\r\nimport permissionsReducer from './permissions.reducer';\r\nimport sensorsReducer from './sensors.reducer';\r\nimport mapsReducer from './maps.reducer';\r\nimport ackAlarmsReducer from './ackAlarms.reducer';\r\nimport unitsReducer from './units.reducer';\r\nimport batchReducer from './batch.reducer';\r\nimport lookupReducer from './lookup.reducer';\r\nimport department from './department.reducer';\r\n\r\nconst allReducers = combineReducers({\r\n account: accountReducer,\r\n tenant: tenantReducer,\r\n configure: configureReducer,\r\n mobileConfig: mobileConfigReducer,\r\n dashboard: dashboardReducer,\r\n mp: mpReducer,\r\n report: reportReducer,\r\n general: generalReducer,\r\n phrases: phrasesReducer,\r\n permissions: permissionsReducer,\r\n sensors: sensorsReducer,\r\n maps: mapsReducer,\r\n ackAlarms: ackAlarmsReducer,\r\n units: unitsReducer,\r\n batch: batchReducer,\r\n lookup: lookupReducer,\r\n department,\r\n});\r\n\r\nexport default allReducers;\r\n","import { createStore, applyMiddleware } from 'redux';\r\nimport thunk from 'redux-thunk';\r\nimport { composeWithDevTools } from 'redux-devtools-extension';\r\nimport allReducers from '../reducers';\r\n\r\nexport const store = createStore(\r\n allReducers,\r\n composeWithDevTools(applyMiddleware(thunk)),\r\n);\r\n","import qs from 'qs';\r\nimport { cloneDeep } from 'lodash';\r\nimport { store } from './store';\r\nimport moment from 'moment';\r\nimport * as Yup from 'yup';\r\nconst tableHelper = {\r\n selectAll: (arr, ids) => [...arr, ...ids.filter((id) => !arr.includes(id))],\r\n deselectAll: (arr, ids) => arr.filter((ar) => !ids.includes(ar)),\r\n};\r\nexport default {\r\n getSetting,\r\n updateExpiredTime,\r\n isRequireConfirmation,\r\n checkPermission,\r\n getUserDepartment,\r\n centralizeError,\r\n sortDateFunc,\r\n isMobile,\r\n getStatusIconName,\r\n parseQueryString,\r\n compileQueryString,\r\n pwdValidationSchema,\r\n tableHelper,\r\n getRoleTooltip,\r\n clearSiteCache,\r\n};\r\n\r\nfunction getSetting(settingName, deptSettings) {\r\n let settings;\r\n if (deptSettings) {\r\n settings = deptSettings;\r\n } else {\r\n //get current user dept setting\r\n settings = JSON.parse(localStorage.getItem('departmentSettings')) || [];\r\n }\r\n const setting = settings.filter((s) => s.parameter === settingName);\r\n if (setting.length) {\r\n return setting[0];\r\n } else {\r\n throw new Error('Department setting not existed');\r\n }\r\n}\r\n\r\nfunction updateExpiredTime() {\r\n try {\r\n const _t = getSetting('SessionTimeoutMinutes').value;\r\n return moment().add(_t, 'minutes').toISOString();\r\n } catch (error) {\r\n return moment().add('5', 'minutes').toISOString();\r\n }\r\n}\r\n\r\nfunction isRequireConfirmation() {\r\n return getSetting('RequireConfirmation').value.toLowerCase() === 'true';\r\n}\r\n\r\nfunction checkPermission(permission) {\r\n const { currentUserPermissions } = store.getState().permissions;\r\n return currentUserPermissions.includes(permission);\r\n}\r\n\r\nfunction getUserDepartment() {\r\n const { departmentId, departmentName } = JSON.parse(\r\n localStorage.getItem('userProfile'),\r\n );\r\n return { deptId: departmentId, deptName: departmentName };\r\n}\r\n\r\nfunction centralizeError(errors) {\r\n let result = '';\r\n for (let index = 0; index < errors.length; index++) {\r\n if (errors[index]) {\r\n result += `\\n ${errors[index]}`;\r\n } else {\r\n result += errors[index];\r\n }\r\n result = result.trim();\r\n }\r\n return result;\r\n}\r\n\r\nfunction sortDateFunc(a, b, order, dataField, rowA, rowB) {\r\n if (order === 'asc') {\r\n return Date.parse(a) - Date.parse(b);\r\n } else if (order === 'desc') {\r\n return Date.parse(b) - Date.parse(a);\r\n }\r\n}\r\n\r\nfunction isMobile() {\r\n const toMatch = [\r\n /Android/i,\r\n /webOS/i,\r\n /iPhone/i,\r\n /iPad/i,\r\n /iPod/i,\r\n /BlackBerry/i,\r\n /Windows Phone/i,\r\n ];\r\n\r\n return toMatch.some((toMatchItem) => {\r\n return navigator.userAgent.match(toMatchItem);\r\n });\r\n}\r\n\r\nfunction getStatusIconName(iconName) {\r\n switch (iconName) {\r\n case 'Disabled.png':\r\n return 'Disabled';\r\n case 'Error.png':\r\n return 'Error';\r\n case 'ErrorNoLog.png':\r\n return 'Error, Logging Disabled';\r\n case 'ErrorOverride.png':\r\n return 'Error, Override';\r\n case 'HiAlarm.png':\r\n return 'High Alarm';\r\n case 'HiAlarmNoLog.png':\r\n return 'High Alarm, Logging Disabled';\r\n case 'HiAlarmOverride.png':\r\n return 'High Alarm, Override';\r\n case 'HiWarn.png':\r\n return 'High Warning';\r\n case 'HiWarnNoLog.png':\r\n return 'High Warning, Logging Disabled';\r\n case 'HiWarnOverride.png':\r\n return 'High Warning, Override';\r\n case 'LoAlarm.png':\r\n return 'Low Alarm';\r\n case 'LoAlarmNoLog.png':\r\n return 'Low Alarm, Logging Disabled';\r\n case 'LoAlarmOverride.png':\r\n return 'Low Alarm, Override';\r\n case 'LoWarn.png':\r\n return 'Low Warning';\r\n case 'LoWarnNoLog.png':\r\n return 'Low Warning, Logging Disabled';\r\n case 'LoWarnOverride.png':\r\n return 'Low Warning, Override';\r\n\r\n case 'OKNoLog.png':\r\n return 'OK, Logging Disabled';\r\n case 'OKOverride.png':\r\n return 'OK, Override';\r\n case 'NoAlarm.png':\r\n return 'Alarm Disabled';\r\n default:\r\n return 'OK';\r\n }\r\n}\r\n\r\nfunction parseQueryString(search) {\r\n return qs.parse(search, { ignoreQueryPrefix: true });\r\n}\r\nfunction compileQueryString(obj) {\r\n let _obj = cloneDeep(obj);\r\n for (const key in _obj) {\r\n if (!_obj[key]) {\r\n _obj[key] = [];\r\n }\r\n }\r\n return qs.stringify(_obj, { skipNulls: true, addQueryPrefix: true });\r\n}\r\n\r\nfunction countUniChar(str) {\r\n // A map (in JavaScript, an object) for the character=>count mappings\r\n var counts = {};\r\n\r\n // Misc vars\r\n var ch, index, len, count;\r\n\r\n // Loop through the string...\r\n for (index = 0, len = str.length; index < len; ++index) {\r\n // Get this character\r\n ch = str.charAt(index); // Not all engines support [] on strings\r\n\r\n // Get the count for it, if we have one; we'll get `undefined` if we\r\n // don't know this character yet\r\n count = counts[ch];\r\n\r\n // If we have one, store that count plus one; if not, store one\r\n // We can rely on `count` being falsey if we haven't seen it before,\r\n // because we never store falsey numbers in the `counts` object.\r\n counts[ch] = count ? count + 1 : 1;\r\n }\r\n return Object.keys(counts).filter((key) => counts[key] === 1).length;\r\n}\r\n\r\nfunction pwdValidationSchema({ containConfirm, pwdStrength, settings }) {\r\n const confirmPassword = Yup.string()\r\n .oneOf([Yup.ref('password'), null], 'Passwords must match')\r\n .required('Password confirm is required');\r\n const comparator = /true|True/g;\r\n function isTrue(deptSetting) {\r\n const result = deptSetting.value.match(comparator);\r\n if (result !== null) return true;\r\n return false;\r\n }\r\n const digitReg = new RegExp(/\\d+/g);\r\n const lowercaseReg = new RegExp(/[a-z]/g);\r\n const uppercaseReg = new RegExp(/[A-Z]/g);\r\n const specialReg = new RegExp(/[!@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?]/);\r\n const isDigit = isTrue(getSetting('PasswordRequireDigit', settings));\r\n const pwdLength = getSetting('PasswordRequiredLength', settings).value;\r\n const pwdComplexity = getSetting('PasswordComplexity', settings);\r\n const numUniqueChars = getSetting(\r\n 'PasswordRequiredUniqueChars',\r\n settings,\r\n ).value;\r\n const isLower = isTrue(getSetting('PasswordRequireLowercase', settings));\r\n const isNonAlphaNum = isTrue(\r\n getSetting('PasswordRequireNonAlphanumeric', settings),\r\n );\r\n const isUpper = isTrue(getSetting('PasswordRequireUppercase', settings));\r\n const validationSchema = Yup.object().shape({\r\n password: Yup.string()\r\n .required('Password is required')\r\n .test('is-digit', 'Password need at least a digit', (value = '') => {\r\n if (isDigit) {\r\n return value.match(digitReg);\r\n } else return value;\r\n })\r\n .test(\r\n 'length',\r\n `Password length must be more than ${pwdLength}`,\r\n (value = '') => {\r\n return value.length >= parseInt(pwdLength);\r\n },\r\n )\r\n .test(\r\n 'unique character',\r\n `Password must contain at least ${numUniqueChars} unique character`,\r\n (value = '') => {\r\n const _value = countUniChar(value);\r\n return _value >= parseInt(numUniqueChars);\r\n },\r\n )\r\n .test('lower case', `Password must contain a lowercase`, (value = '') => {\r\n if (isLower) {\r\n return value.match(lowercaseReg);\r\n } else return value;\r\n })\r\n .test('upper case', `Password must contain a uppercase`, (value = '') => {\r\n if (isUpper) {\r\n return value.match(uppercaseReg);\r\n } else return value;\r\n })\r\n .test(\r\n 'special character',\r\n `Password must contain a special character`,\r\n (value = '') => {\r\n if (isNonAlphaNum) {\r\n return value.match(specialReg);\r\n } else return value;\r\n },\r\n ),\r\n // .test('password strength', `Password is too weak`, (value = '') => {\r\n // return pwdStrength >= pwdComplexity;\r\n // }),\r\n confirmPassword: containConfirm ? confirmPassword : null,\r\n });\r\n return validationSchema;\r\n}\r\n\r\nfunction getRoleTooltip(roleName) {\r\n switch (roleName) {\r\n case 'AbpIdentity.Roles':\r\n return 'Access the Add/Edit Roles page';\r\n case 'API.Department':\r\n return 'Access the Add/Edit Departments page';\r\n case 'API.GroupSetting':\r\n return 'Access the Add/Edit Groups page';\r\n case 'API.SensorTypes':\r\n return 'Access the Sensor Type Settings page';\r\n case 'API.Sensors.Disable':\r\n return 'Disable monitoring points from the Dashboard';\r\n case 'API.Sensors.Enable':\r\n return 'Enable monitoring points from the Dashboard';\r\n case 'API.Sensors.ModifyAtRestState':\r\n return \"Modify a group's In Operation/At Rest state from the Dashboard\";\r\n case 'API.Units':\r\n return 'Access the Add/Edit Units page';\r\n case 'API.Notes':\r\n return 'Add Notes to monitoring points on the Dashboard';\r\n case 'API.RemoteStations':\r\n return 'Access the Manage Remote Devices page';\r\n case 'API.AlarmIndicators':\r\n return 'Access the Alarm Indicator Settings page (used for stacklights, horns, etc.)';\r\n case 'API.AckPhrases':\r\n return 'Access the Add/Edit Phrases page';\r\n case 'API.SensorExchanges':\r\n return 'Access the Sensor Exchanges page';\r\n case 'API.Maps':\r\n return 'Access the Maps Management page';\r\n case 'API.ScheduledReports':\r\n return 'Access the Add/Edit Scheduled Reports page';\r\n case 'API.Reports.StatisticsDetail':\r\n return 'Access the Statistics Detail report';\r\n case 'API.Reports.Sensor':\r\n return 'Access the Sensor report';\r\n case 'API.Reports.AlarmHistory':\r\n return 'Access the Alarm History report';\r\n case 'API.Reports.GroupStatus':\r\n return 'Access the Group Status report';\r\n case 'API.Reports.GroupStatusStatistics':\r\n return 'Access the Group Status Statistics report';\r\n case 'API.Reports.LimitsChanged':\r\n return 'Access the Limits Changed report';\r\n case 'API.Reports.MeasurementLog':\r\n return 'Access the Sensor Measurement Log report';\r\n case 'API.Reports.UserNotes':\r\n return 'Access the User Notes report';\r\n case 'API.Reports.BatchReports':\r\n return 'Access the Batch Reports page';\r\n case 'API.Reports.MKTMonitors':\r\n return 'Access the MKT Monitors page';\r\n case 'API.Reports.Audits':\r\n return 'Access the Audit report';\r\n case 'API.Users.ResetPassword':\r\n return \"Reset a user's password (any user assigned to this user's department)\";\r\n case 'API.Users.ExpirePassword':\r\n return \"Expire a user's password (any user assigned to this user's department)\";\r\n case 'API.Users.LockUser':\r\n return \"Lock a user (any user assigned to this user's department)\";\r\n case 'API.Users.UnlockUser':\r\n return \"Unlock a user (any user assigned to this user's department)\";\r\n case 'API.Users.ActiveUser':\r\n return \"Set a user to Active (any user assigned to this user's department)\";\r\n case 'API.Users.InactiveUser':\r\n return \"Set a user to Inactive (any user assigned to this user's department)\";\r\n case 'API.AckAlarms':\r\n return 'Acknowledge rows in the Alarm List on the Dashboard';\r\n case 'API.MobileConfigurations':\r\n return 'Access the Mobile Configurations page';\r\n case 'API.SensorCalibrations':\r\n return 'Access the Import Calibration Swap Data page';\r\n case 'API.Statistics':\r\n return 'Access the Statistics page';\r\n case 'API.Widgets':\r\n return 'Ability to add custom widgets to the Custom Dashboard Designer page';\r\n default:\r\n return '';\r\n }\r\n}\r\n\r\nasync function clearSiteCache() {\r\n var theCookies = document.cookie.split(';');\r\n for (var i = 1; i <= theCookies.length; i++) {\r\n var acookie = theCookies[i - 1];\r\n var cookieArr = acookie.split('=');\r\n\r\n document.cookie =\r\n cookieArr[0] + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';\r\n }\r\n\r\n // Get cache storage and clear cache storage\r\n window.caches.keys().then(function (names) {\r\n for (let name of names) window.caches.delete(name);\r\n });\r\n\r\n // Get indexed db and delete indexed db\r\n const dbs = await window.indexedDB.databases();\r\n dbs.forEach((db) => {\r\n window.indexedDB.deleteDatabase(db.name);\r\n });\r\n\r\n // clear localStorage\r\n window.localStorage.clear();\r\n\r\n // clear sessionStorage\r\n window.sessionStorage.clear();\r\n}\r\n","import axios from 'axios';\r\nimport helper from '../utils/helper';\r\n// import { history } from '../utils/history';\r\nimport { store } from '../utils/store';\r\nimport { actionConstants } from './actionConstants';\r\n\r\nconst getMktMonitorAPI = new RegExp(/^.*\\/mKTMonitors\\/info(\\/.*)*(\\?.*)*$/);\r\naxios.interceptors.request.use(\r\n function (axiosConfig) {\r\n const apiList = [];\r\n const _apiList = store.getState().general.apiList;\r\n if (_apiList.length) {\r\n apiList.push(_apiList[_apiList.length - 1]);\r\n }\r\n apiList.push(axiosConfig.url);\r\n if (\r\n apiList.length === 2 &&\r\n apiList[0] === apiList[1] &&\r\n apiList[1].match(getMktMonitorAPI)\r\n ) {\r\n } else {\r\n localStorage.setItem('expired', helper.updateExpiredTime());\r\n }\r\n store.dispatch({\r\n type: actionConstants.LOG_API,\r\n data: apiList,\r\n });\r\n\r\n return axiosConfig;\r\n },\r\n function (error) {\r\n // Do something with request error\r\n return Promise.reject(error);\r\n },\r\n);\r\naxios.interceptors.response.use(\r\n (resp) => {\r\n if (resp.status === 200 || resp.status === 201 || resp.status === 204) {\r\n if (resp.data.error) throw resp.data.message;\r\n if (resp.request.responseType) {\r\n return resp;\r\n }\r\n return resp.data;\r\n }\r\n },\r\n async (error) => {\r\n console.log('async error');\r\n console.log(error.response.status);\r\n const originalRequest = error.config;\r\n if (originalRequest.url === window.configs.LOGIN_URL) {\r\n if (error.response.status === 401) {\r\n console.log('401');\r\n // history.push('/login');\r\n // window.location.href = `${window.configs.BASE_URL}/login`;\r\n store.dispatch({ type: actionConstants.NEED_LOGOUT, data: true });\r\n return Promise.reject({\r\n response: {\r\n data: { error: { message: error.response.data.error_description } },\r\n },\r\n });\r\n }\r\n if (error.response.status === 500 || error.response.status === 400) {\r\n // history.push('/login');\r\n // window.location.href = `${window.configs.BASE_URL}/login`;\r\n\r\n if (\r\n error.response.data &&\r\n error.response.data['error_description'] ===\r\n \"The user's password is expired.\"\r\n ) {\r\n store.dispatch({\r\n type: actionConstants.PASSWORD_IS_EXPIRED,\r\n data: true,\r\n });\r\n return Promise.reject({\r\n response: {\r\n data: {\r\n error: { message: error.response.data.error_description },\r\n },\r\n },\r\n });\r\n }\r\n store.dispatch({ type: actionConstants.NEED_LOGOUT, data: true });\r\n return Promise.reject({\r\n response: {\r\n data: { error: { message: error.response.data.error_description } },\r\n },\r\n });\r\n }\r\n }\r\n if (error.response) {\r\n console.log(error.response);\r\n if (error.response.status === 401 && !originalRequest._retry) {\r\n originalRequest._retry = true;\r\n console.log('retrying/refresh token');\r\n const userInfo = JSON.parse(localStorage.getItem('userInfo'));\r\n const formData = new FormData();\r\n formData.set('grant_type', 'refresh_token');\r\n formData.set('refresh_token', userInfo.refresh_token);\r\n formData.set('client_id', window.configs.client_id);\r\n formData.set('client_secret', window.configs.client_secret);\r\n headers.__tenant = window.configs.__tenant;\r\n let _params = {\r\n method: 'post',\r\n url: window.configs.LOGIN_URL,\r\n headers,\r\n withCredentials: true,\r\n data: formData,\r\n };\r\n return await axios(_params).then(async (res) => {\r\n localStorage.setItem(\r\n 'userInfo',\r\n JSON.stringify({ ...userInfo, ...res }),\r\n );\r\n originalRequest.headers.Authorization = `${res.token_type} ${res.access_token}`;\r\n return await axios(originalRequest);\r\n });\r\n }\r\n if (error.response.status === 404) {\r\n return Promise.reject({\r\n response: {\r\n data: { error: { message: 'Invalid request' } },\r\n },\r\n });\r\n }\r\n }\r\n return Promise.reject(error);\r\n },\r\n);\r\n\r\nconst headers = {\r\n 'Content-Type': 'application/json',\r\n // 'Access-Control-Allow-Origin': '*',\r\n};\r\nexport async function get(url, params) {\r\n try {\r\n if (!url) {\r\n throw new Error('input url not found!');\r\n }\r\n console.log('get');\r\n console.log(url);\r\n const userInfo = JSON.parse(localStorage.getItem('userInfo')) || {};\r\n headers.Authorization = `${userInfo.token_type} ${userInfo.access_token}`;\r\n let data;\r\n if (params && params.token) {\r\n headers.Authorization = params.token;\r\n }\r\n if (params) {\r\n data = params.body;\r\n }\r\n let responseType;\r\n if (params && params.responseType) {\r\n responseType = params.responseType;\r\n }\r\n let _params = {\r\n method: 'get',\r\n url: `${window.configs.URL}/${url}`,\r\n headers,\r\n withCredentials: true,\r\n data,\r\n responseType,\r\n };\r\n return await _results(_params);\r\n } catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\nexport async function post(url, params) {\r\n try {\r\n if (!url) {\r\n throw new Error('input url not found!');\r\n }\r\n console.log('post');\r\n console.log(url);\r\n const userInfo = JSON.parse(localStorage.getItem('userInfo')) || {};\r\n headers.Authorization = `${userInfo.token_type} ${userInfo.access_token}`;\r\n let data;\r\n if (params && params.token) {\r\n headers.Authorization = params.token;\r\n }\r\n if (params) {\r\n data = params.body;\r\n }\r\n let _params = {\r\n method: 'post',\r\n url: `${window.configs.URL}/${url}`,\r\n headers,\r\n withCredentials: true,\r\n data: data,\r\n };\r\n return await _results(_params);\r\n } catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\nexport async function put(url, params) {\r\n try {\r\n if (!url) {\r\n throw new Error('input url not found!');\r\n }\r\n console.log('put');\r\n console.log(url);\r\n const userInfo = JSON.parse(localStorage.getItem('userInfo')) || {};\r\n headers.Authorization = `${userInfo.token_type} ${userInfo.access_token}`;\r\n let data;\r\n if (params && params.token) {\r\n headers.Authorization = params.token;\r\n }\r\n if (params) {\r\n data = params.body;\r\n }\r\n let _params = {\r\n method: 'put',\r\n url: `${window.configs.URL}/${url}`,\r\n headers,\r\n withCredentials: true,\r\n data,\r\n };\r\n return await _results(_params);\r\n } catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\nexport async function _delete(url, params) {\r\n try {\r\n if (!url) {\r\n throw new Error('input url not found!');\r\n }\r\n console.log('delete');\r\n console.log(url);\r\n const userInfo = JSON.parse(localStorage.getItem('userInfo')) || {};\r\n headers.Authorization = `${userInfo.token_type} ${userInfo.access_token}`;\r\n let data;\r\n if (params && params.token) {\r\n headers.Authorization = params.token;\r\n }\r\n if (params) {\r\n data = params.body;\r\n }\r\n let _params = {\r\n method: 'delete',\r\n url: `${window.configs.URL}/${url}`,\r\n headers,\r\n withCredentials: true,\r\n data,\r\n };\r\n return await _results(_params);\r\n } catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\nexport async function loginRequest({ username, password }) {\r\n try {\r\n const cre = {\r\n username,\r\n password,\r\n grant_type: window.configs.grant_type,\r\n client_id: window.configs.client_id,\r\n client_secret: window.configs.client_secret,\r\n };\r\n const formBody = Object.keys(cre)\r\n .map(\r\n (key) => encodeURIComponent(key) + '=' + encodeURIComponent(cre[key]),\r\n )\r\n .join('&');\r\n const _headers = {\r\n 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',\r\n 'Access-Control-Allow-Origin': '*',\r\n __tenant: window.configs.__tenant,\r\n };\r\n let _params = {\r\n method: 'post',\r\n url: window.configs.LOGIN_URL,\r\n headers: _headers,\r\n withCredentials: true,\r\n data: formBody,\r\n };\r\n return await _results(_params);\r\n } catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\nexport async function changeExpiredPasswordRequest(url, params) {\r\n try {\r\n if (!url) {\r\n throw new Error('input url not found!');\r\n }\r\n const userInfo = JSON.parse(localStorage.getItem('userInfo')) || {};\r\n headers.Authorization = `${userInfo.token_type} ${userInfo.access_token}`;\r\n const _headers = {\r\n __tenant: window.configs.__tenant,\r\n };\r\n let data;\r\n if (params && params.token) {\r\n headers.Authorization = params.token;\r\n }\r\n if (params) {\r\n data = params.body;\r\n }\r\n let _params = {\r\n method: 'put',\r\n url: `${window.configs.URL}/${url}`,\r\n headers: { ...headers, ..._headers },\r\n withCredentials: true,\r\n data,\r\n };\r\n return await _results(_params);\r\n } catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\nasync function _results(params) {\r\n return await axios(params)\r\n .then((resp) => {\r\n return resp;\r\n })\r\n .catch((error) => {\r\n throw error;\r\n });\r\n}\r\n","import { actionConstants } from './actionConstants';\r\nimport noti from './toast';\r\nimport { get, put } from './method';\r\nimport { sortBy } from 'lodash';\r\nimport helper from '../utils/helper';\r\nimport moment from 'moment';\r\n\r\nexport const generalActions = {\r\n getCurrentProfile,\r\n updateCurrentProfile,\r\n clearError,\r\n clearData,\r\n initSession,\r\n checkSession,\r\n getServerVersion,\r\n getHelpDocuments,\r\n downloadHelpDocument,\r\n};\r\n\r\nexport function getCurrentProfile() {\r\n return async (dispatch) => {\r\n dispatch({ type: actionConstants.START_QUERY });\r\n return await get('app/users/current/profile')\r\n .then((resp) => {\r\n localStorage.setItem('userProfile', JSON.stringify(resp));\r\n dispatch({\r\n type: actionConstants.GET_CURRENT_PROFILE_SUCCESS,\r\n data: resp,\r\n });\r\n dispatch({ type: actionConstants.END_QUERY });\r\n return resp;\r\n })\r\n .catch((error) => {\r\n noti.error(error.response.data.error.message);\r\n dispatch({\r\n type: actionConstants.GET_CURRENT_PROFILE_FAILURE,\r\n data: error.response.data.error.message,\r\n });\r\n dispatch({ type: actionConstants.END_QUERY });\r\n throw error.response.data.error.message;\r\n });\r\n };\r\n}\r\n\r\nconst parseTime = (time) => {\r\n const hour = new Date(time).getHours();\r\n const minute = new Date(time).getMinutes();\r\n return `${hour}:${minute < 10 ? '0' + minute : minute}`;\r\n};\r\n\r\nfunction updateCurrentProfile(_params) {\r\n const p = Object.assign({}, _params);\r\n let params = {\r\n body: {\r\n ...p,\r\n workDaysOfWeek: sortBy(p.workDaysOfWeek).join(','),\r\n startWork: parseTime(p.startWork),\r\n endWork: parseTime(p.endWork),\r\n },\r\n };\r\n return async (dispatch) => {\r\n return await put('app/users/current/profile', params)\r\n .then((resp) => {\r\n noti.success(`Your profile is updated`);\r\n dispatch({\r\n type: actionConstants.UPDATE_CURRENT_PROFILE_SUCCESS,\r\n data: resp,\r\n });\r\n })\r\n .catch((error) => {\r\n noti.error(error.response.data.error.message);\r\n dispatch({\r\n type: actionConstants.UPDATE_CURRENT_PROFILE_FAILURE,\r\n data: error.response.data.error.message,\r\n });\r\n throw error.response.data.error.message;\r\n });\r\n };\r\n}\r\n\r\nfunction initSession() {\r\n return async (dispatch, getState) => {\r\n const expired = helper.updateExpiredTime();\r\n localStorage.setItem('expired', expired);\r\n localStorage.setItem('isSessionInitialized', true);\r\n };\r\n}\r\n\r\nfunction checkSession() {\r\n return (dispatch, getState) => {\r\n const expired = localStorage.getItem('expired');\r\n return moment().isSameOrAfter(expired);\r\n };\r\n}\r\n\r\nfunction getServerVersion() {\r\n return async (dispatch, getState) => {\r\n const { serverVersion } = getState().general;\r\n if (!serverVersion) {\r\n return await get('app/versions/current')\r\n .then((resp) => {\r\n dispatch({\r\n type: actionConstants.GET_SERVER_VERSION_SUCCESS,\r\n data: resp,\r\n });\r\n })\r\n .catch((error) => {\r\n noti.error(error.response.data.error.message);\r\n dispatch({\r\n type: actionConstants.GET_SERVER_VERSION_FAILURE,\r\n data: error.response.data.error.message,\r\n });\r\n throw error.response.data.error.message;\r\n });\r\n }\r\n };\r\n}\r\n\r\nfunction getHelpDocuments() {\r\n return async (dispatch) => {\r\n return await get('app/documents')\r\n .then((resp) => {\r\n return resp;\r\n })\r\n .catch((error) => {\r\n noti.error(error.response.data.error.message);\r\n throw error.response.data.error.message;\r\n });\r\n };\r\n}\r\n\r\nfunction downloadHelpDocument(documentName) {\r\n const params = {\r\n responseType: 'blob',\r\n };\r\n return async (dispatch) => {\r\n return await get(`app/documents/${documentName}`, params)\r\n .then((resp) => {\r\n // let filename = '';\r\n // const disposition = resp.headers['content-disposition'];\r\n // if (disposition && disposition.indexOf('attachment') !== -1) {\r\n // let filenameRegex = /filename[^;=\\n]*=((['\"]).*?\\2|[^;\\n]*)/;\r\n // let matches = filenameRegex.exec(disposition);\r\n // if (matches != null && matches[1]) {\r\n // filename = matches[1].replace(/['\"]/g, '');\r\n // }\r\n // }\r\n const url = window.URL.createObjectURL(new Blob([resp.data]));\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', documentName); //or any other extension\r\n document.body.appendChild(link);\r\n link.click();\r\n return resp;\r\n })\r\n .catch((error) => {\r\n noti.error(error.response.data.error.message);\r\n throw error.response.data.error.message;\r\n });\r\n };\r\n}\r\n\r\nfunction clearError() {\r\n return (dispatch) => {\r\n dispatch({ type: actionConstants.CLEAR_ERROR });\r\n };\r\n}\r\n\r\nfunction clearData() {\r\n return (dispatch) => {\r\n dispatch({ type: actionConstants.CLEAR_DATA });\r\n };\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nimport {\r\n Panel,\r\n PanelUser,\r\n PanelAction,\r\n PanelActionWithLink,\r\n PanelActionWrapper,\r\n PanelList,\r\n PanelListItem,\r\n PanelListTitle,\r\n PanelListWrapper,\r\n} from '../UI/Panel';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { generalActions } from '../../actions/general.action';\r\nimport './example-panel.scss';\r\n\r\nclass ExamplePanel extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n async componentDidMount() {\r\n await this.props.generalActions.getServerVersion();\r\n }\r\n removeBodyClass = () => {\r\n document.body.classList.remove('content-side-open');\r\n };\r\n render() {\r\n const { name, surname, email } =\r\n JSON.parse(localStorage.getItem('userProfile')) || {};\r\n const { t } = this.props;\r\n return (\r\n \r\n {t('Server')} v{this.props.general.serverVersion}\r\n
\r\n{t('Client')} v7.2023.06.01
\r\n {/*\r\n
\r\n );\r\n};\r\n\r\nconst StyledA = (props) => (\r\n \r\n {props.children}\r\n \r\n);\r\n\r\nexport default withTranslation('app')(Footer);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { withRouter, matchPath, NavLink } from 'react-router-dom';\r\nimport routes from '../../routes/routes';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass Breadcrumbs extends Component {\r\n getPaths(pathname) {\r\n const paths = ['/'];\r\n\r\n if (pathname === '/') return paths;\r\n\r\n pathname.split('/').reduce((prev, curr) => {\r\n const currPath = `${prev}/${curr}`;\r\n\r\n paths.push(currPath);\r\n return currPath;\r\n });\r\n\r\n return paths;\r\n }\r\n\r\n render() {\r\n const paths = this.getPaths(this.props.location.pathname);\r\n if (paths.length > 1) {\r\n paths.splice(-1, 1);\r\n }\r\n\r\n const { t } = this.props;\r\n\r\n const breadcrumbs = paths.map((path, index) => {\r\n for (let route of routes) {\r\n if (matchPath(path, route)) {\r\n return (\r\n \r\n © {window.configs.FOOTER_SIGNATURE}\r\n
\r\n\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
history.push('/help')}>{t('Help')} \r\n \r\n - \r\n
\r\n {t('Contact')}\r\n \r\n \r\n
- {breadcrumbs}
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation('app')(Shortcuts);\r\n","import Shortcut from './Shortcut';\r\n\r\nexport default Shortcut;\r\n","import { get, post, put } from '../actions/method';\r\nimport helper from '../utils/helper';\r\n\r\nexport async function validateLicense(params) {\r\n let _params = {\r\n body: params,\r\n };\r\n return await post(`app/license/validate`, _params);\r\n}\r\n\r\nexport async function applyLicense(params) {\r\n let _params = {\r\n body: params,\r\n };\r\n return await post(`app/license/upload`, _params);\r\n}\r\n\r\nexport async function checkDepartmentLicense(departmentId) {\r\n const params = helper.compileQueryString({ departmentId });\r\n return await get(`app/license/department${params}`);\r\n}\r\n\r\nexport async function getLicenseDetail(departmentId) {\r\n return await get(`app/license/${departmentId}/details`);\r\n}\r\n\r\nexport async function updateDepartmentLogo(deptId, params) {\r\n let _params = {\r\n body: params,\r\n };\r\n return await put(`app/departments/${deptId}/logo`, _params);\r\n}\r\n\r\nexport async function getDepartmentLogo(deptId) {\r\n return await get(`app/departments/${deptId}/logo`);\r\n}\r\n\r\nexport async function sendLicenseEmail() {\r\n return await post('app/license/report/send');\r\n}\r\n","import React, { Component, Suspense } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { withRouter, matchPath } from 'react-router-dom';\r\nimport Breadcrumbs from '../Helpers/Breadcrumbs';\r\nimport Shortcuts from '../UI/Shortcut';\r\nimport routes from '../../routes/routes';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { getDepartmentLogo } from '../../api/department';\r\nimport { store } from '../../utils/store';\r\nimport { actionConstants } from '../../actions/actionConstants';\r\n\r\nconst PageTitle = (props) => {\r\n const deptId = JSON.parse(localStorage.getItem('userProfile')).departmentId;\r\n const { department } = store.getState();\r\n const logo = localStorage.getItem('logo');\r\n React.useEffect(() => {\r\n if (department.isLogoUpdated) {\r\n getDepartmentLogo(deptId)\r\n .then((resp) => {\r\n localStorage.setItem('logo', resp);\r\n store.dispatch({\r\n type: actionConstants.LOGO_HAS_UPDATED,\r\n data: false,\r\n });\r\n })\r\n .catch((err) => console.log(err));\r\n }\r\n }, []);\r\n function findTitle() {\r\n for (let route of routes) {\r\n if (matchPath(props.location.pathname, route)) {\r\n return props.t(route.title);\r\n }\r\n }\r\n return null;\r\n }\r\n function displayLogo() {\r\n if (logo) {\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nPageTitle.propTypes = {\r\n location: PropTypes.object.isRequired,\r\n};\r\n\r\nPageTitle.defaultProps = {\r\n title: '',\r\n};\r\n\r\nexport default withRouter(withTranslation('app')(PageTitle));\r\n","import React, { Suspense } from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport helper from '../../utils/helper';\r\nimport { store } from '../../utils/store';\r\n\r\nconst Navigation = (props) => {\r\n const [state, setState] = React.useState({\r\n mainMap: {},\r\n secondaryMap: {},\r\n errors: [],\r\n isNewDashboard: false,\r\n });\r\n const { t } = useTranslation('app');\r\n function activeMenu() {\r\n var strongNode = document.createElement('strong');\r\n // var strongTextNode = document.createTextNode('3');\r\n // strongNode.appendChild(strongTextNode);\r\n const navigationClass = document.getElementsByClassName('navigation')[1];\r\n if (navigationClass) {\r\n const ulTag = navigationClass.getElementsByTagName('ul')[0];\r\n const active = ulTag.getElementsByClassName('active')[0];\r\n if (active) {\r\n if (!active.getElementsByTagName('strong')[0]) {\r\n active.appendChild(strongNode);\r\n }\r\n }\r\n }\r\n }\r\n React.useEffect(() => {\r\n activeMenu();\r\n }, []);\r\n React.useEffect(() => {\r\n if (store.getState().general.currentProfile.useCustomDashboard) {\r\n activeMenu();\r\n }\r\n }, [store.getState().general.currentProfile.useCustomDashboard]);\r\n const departmentSettings =\r\n JSON.parse(localStorage.getItem('departmentSettings')) || [];\r\n const mainMap = departmentSettings.filter(\r\n (setting) => setting.parameter === 'MainMapName',\r\n )[0];\r\n const secondaryMap = departmentSettings.filter(\r\n (setting) => setting.parameter === 'SecondaryMapName',\r\n )[0];\r\n const isNewDashboard =\r\n store.getState().general.currentProfile.useCustomDashboard;\r\n return (\r\n \r\n \r\n {displayLogo()}\r\n
\r\n \r\n
\r\n {props.title || findTitle()}
\r\n\r\n
\r\n \r\n {settings &&\r\n settings.filter(\r\n (setting) => setting.parameter === 'SystemName',\r\n )[0].value}\r\n
\r\n\r\n
\r\n - \r\n
\r\n
\r\n \r\n {icon}\r\n
\r\n {t(name)}\r\n \r\n {/* \r\n Switch User Account\r\n System Admin\r\n\r\n \r\n arrow_drop_down\r\n \r\n */}\r\n\r\n {/* \r\n \r\n Switch Company Account\r\n \r\n\r\n \r\n \r\n\r\n \r\n - Leath Furniture
\r\n - Grade A Investment
\r\n - Desmonds Formal Wear
\r\n - Dun Rite Lawn Maintenance
\r\n - Red Robin Stores
\r\n - Gino's Hamburgers
\r\n - Wholesale Club, Inc.
\r\n
\r\n\r\n \r\n Show All Companies\r\n \r\n \r\n */}\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nimport Navigation from './Navigation';\r\nimport SidebarTitle from './SidebarTitle';\r\n\r\nexport default class Sidebar extends Component {\r\n render() {\r\n return (\r\n Switch User Account
\r\n System Admin
\r\n\r\n \r\n arrow_drop_down\r\n
\r\n \r\n Switch Company Account\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n - \r\n
- Leath Furniture \r\n
- Grade A Investment \r\n
- Desmonds Formal Wear \r\n
- Dun Rite Lawn Maintenance \r\n
- Red Robin Stores \r\n
- Gino's Hamburgers \r\n
- Wholesale Club, Inc. \r\n
\r\n Show All Companies\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport Navigation from './Navigation';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nexport class Toolbar extends Component {\r\n toggleActionsBodyClass() {\r\n document.body.classList.toggle('toolbar-actions-open');\r\n }\r\n\r\n render() {\r\n const { t } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation('app')(Toolbar);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ExamplePanel from '../Helpers/ExamplePanel';\r\nimport Footer from '../Helpers/Footer';\r\nimport PageTitle from '../Helpers/PageTitle';\r\nimport Sidebar from '../Helpers/Sidebar';\r\nimport Toolbar from '../Helpers/Toolbar';\r\nimport { Alert } from 'reactstrap';\r\nimport { checkDepartmentLicense } from '../../api/department';\r\nimport { store } from '../../utils/store';\r\nimport { actionConstants } from '../../actions/actionConstants';\r\nimport { useTranslation, withTranslation } from 'react-i18next';\r\nimport { useDispatch } from 'react-redux';\r\nimport { getCurrentProfile } from '../../actions/general.action';\r\n\r\nfunction Backend({ t, ...props }) {\r\n const removeBodyClass = () => {\r\n document.body.classList.remove('content-side-open');\r\n };\r\n const dispatch = useDispatch();\r\n const { department } = store.getState();\r\n async function checkLicense() {\r\n if (!department.checkDepartmentLicenseOnce) {\r\n await checkDepartmentLicense()\r\n .then((resp) => {\r\n store.dispatch({\r\n type: actionConstants.CHECK_DEPARTMENT_LICENSE_ONCE,\r\n data: true,\r\n });\r\n if (resp) {\r\n store.dispatch({\r\n type: actionConstants.SET_LICENSE_EXPIRATION,\r\n data: resp,\r\n });\r\n if (resp.expiredDays <= 30) {\r\n store.dispatch({\r\n type: actionConstants.SHOW_LICENSE_EXPIRATION_NOTIFICATION,\r\n data: true,\r\n });\r\n }\r\n }\r\n })\r\n .catch((err) => console.log(err));\r\n }\r\n }\r\n const { general } = store.getState();\r\n async function checkProfile() {\r\n if (!Object.keys(general.currentProfile).length) {\r\n dispatch(getCurrentProfile());\r\n }\r\n }\r\n React.useEffect(() => {\r\n checkLicense();\r\n checkProfile();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n
\r\n power_settings_new\r\n \r\n \r\n
\r\n {props.noNavigation ? null : (\r\n <>\r\n
\r\n );\r\n}\r\n\r\nBackend.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n general: state.general,\r\n };\r\n}\r\n\r\n// function mapDispatchToProps(dispatch) {\r\n// return {\r\n// configureActions: bindActionCreators(\r\n// Object.assign({}, configureActions),\r\n// dispatch,\r\n// ),\r\n// generalActions: bindActionCreators(\r\n// Object.assign({}, generalActions),\r\n// dispatch,\r\n// ),\r\n// };\r\n// }\r\n\r\n// export default connect(mapStateToProps, mapDispatchToProps)(Backend);\r\nexport default withTranslation('app')(Backend);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './ContextMenu.css';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass ContextMenu extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n opacity: 0,\r\n height: 0,\r\n width: 0,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n document.addEventListener('mousedown', this.handleClickOutside, true);\r\n const { clientHeight, clientWidth } = this.props.id\r\n ? document.getElementById(this.props.id)\r\n : document.getElementsByClassName('context-menu')[0];\r\n this.setState({ height: clientHeight, width: clientWidth });\r\n }\r\n\r\n componentDidUpdate() {\r\n const { clientHeight, clientWidth } = this.props.id\r\n ? document.getElementById(this.props.id)\r\n : document.getElementsByClassName('context-menu')[0];\r\n if (\r\n clientHeight !== this.state.height ||\r\n clientWidth !== this.state.width\r\n ) {\r\n this.setState({ height: clientHeight, width: clientWidth });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handleClickOutside, true);\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let update = {};\r\n if (nextProps.openCtxMenu && prevState.opacity !== 1) {\r\n update.opacity = 1;\r\n } else if (!nextProps.openCtxMenu && prevState.opacity !== 0) {\r\n update.opacity = 0;\r\n }\r\n return Object.keys(update).length ? update : null;\r\n }\r\n\r\n handleClickOutside = (event) => {\r\n if (!this.props.openCtxMenu) return;\r\n const innerDom = document.getElementsByClassName('context-menu')[0];\r\n if (!innerDom || !innerDom.contains(event.target)) {\r\n this.setState({ opacity: 0 });\r\n this.props.toggleFunc();\r\n }\r\n };\r\n\r\n getMenuPosition = (x = 0, y = 0) => {\r\n if (!this.props.openCtxMenu) return { top: -200, left: -200 };\r\n let menuStyles = { top: y, left: x };\r\n const { width, height } = this.state;\r\n const { innerWidth, innerHeight } = window;\r\n if (y + height > innerHeight) menuStyles.top -= height;\r\n if (x + width > innerWidth) menuStyles.left -= width;\r\n\r\n if (menuStyles.top < 0) {\r\n menuStyles.top = height < innerHeight ? (innerHeight - height) / 2 : 0;\r\n }\r\n\r\n if (menuStyles.left < 0) {\r\n menuStyles.left = width < innerWidth ? (innerWidth - width) / 2 : 0;\r\n }\r\n return menuStyles;\r\n };\r\n\r\n renderContext = () => {\r\n const { ctxMenuOptions, ctxMenuRow, ctxMenuIdx, t } = this.props;\r\n return ctxMenuOptions.map((option, idx) => {\r\n let selectEles = option.map((select, i) => {\r\n return (\r\n \r\n {department.showLicenseExpirationNotification ? (\r\n \r\n store.dispatch({\r\n type: actionConstants.SHOW_LICENSE_EXPIRATION_NOTIFICATION,\r\n data: false,\r\n })\r\n }\r\n >\r\n {t('Your license will expire in')}{' '}\r\n {department.licenseExpiration &&\r\n department.licenseExpiration.expiredDays}{' '}\r\n {t('days. Please contact your system administrator for renewal.')}\r\n \r\n ) : null}\r\n\r\n
\r\n\r\n {props.children}
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n });\r\n };\r\n\r\n render() {\r\n const { ctxMenuCoord } = this.props;\r\n let style = { opacity: this.state.opacity, top: -200, left: -200 };\r\n if (ctxMenuCoord) {\r\n style = Object.assign(\r\n style,\r\n this.getMenuPosition(ctxMenuCoord.x, ctxMenuCoord.y),\r\n );\r\n }\r\n return (\r\n - {selectEles}
\r\n {this.renderContext()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation('app')(ContextMenu);\r\n\r\nContextMenu.propTypes = {\r\n //array of array of objects, which contains action name and its binding function\r\n ctxMenuOptions: PropTypes.array.isRequired,\r\n openCtxMenu: PropTypes.bool.isRequired,\r\n toggleFunc: PropTypes.func.isRequired,\r\n ctxMenuCoord: PropTypes.object,\r\n ctxMenuRow: PropTypes.object,\r\n ctxMenuIdx: PropTypes.number,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport './loading.css';\r\n\r\nconst Button = (props) => {\r\n const buttonColor = 'button-' + (props.color ? props.color : 'primary');\r\n return (\r\n {t(d)}
:{d}
}\r\n \r\n {index + 1 !== data.length &&{props.translated ? t(result) : result}
;\r\n }\r\n return (\r\n\r\n
\r\n );\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { ButtonDropdown } from 'reactstrap';\r\n\r\nexport class DropdownButton extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dropdownOpen: false,\r\n };\r\n }\r\n toggle = () => {\r\n this.setState({\r\n dropdownOpen: !this.state.dropdownOpen,\r\n });\r\n };\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {({ paginationProps, paginationTableProps }) => {\r\n return (\r\n <>\r\n \r\n {(toolkitProps) => {\r\n return (\r\n <>\r\n {ctxMenuOptions ? (\r\n
\r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nDatagrid.defaultProps = {\r\n noPagination: false,\r\n noSearch: false,\r\n noExport: false,\r\n};\r\n\r\nexport default withTranslation('app')(Datagrid);\r\n","import React from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport {\r\n DropdownItem,\r\n DropdownMenu,\r\n DropdownToggle,\r\n FormGroup,\r\n} from 'reactstrap';\r\nimport { DropdownButton } from '../../../UI/DropdownBtn';\r\n\r\nconst dropdownStyle = { boxSizing: 'border-box' };\r\nconst ActionsDropdown = ({ t, options, ...props }) => {\r\n return (\r\n \r\n \r\n )}\r\n
\r\n
\r\n \r\n );\r\n }}\r\n \r\n \r\n );\r\n }}\r\n \r\n \r\n {!noPagination && (\r\n <>\r\n
\r\n \r\n {!noPagination && (\r\n
\r\n \r\n
\r\n \r\n {props.shouldRenderBackBtn ? (\r\n \r\n ) : null}\r\n
\r\n \r\n {t('Alarm list')}\r\n {props.groupName\r\n ? `: ${props.groupName} (${props.groupState})`\r\n : null}\r\n
\r\n\r\n \r\n setHideInactiveFlag(e.target.checked)}\r\n />\r\n \r\n
\r\n \r\n
\r\n {t('Available groups')}
\r\n\r\n
\r\n );\r\n }\r\n\r\n const [selectedCmv, setSelectedCmv] = React.useState([]);\r\n const [selectedSensor, setSensor] = React.useState(null);\r\n const [isDisabling, setIsDisabling] = React.useState(false);\r\n const [isEnabling, setIsEnabling] = React.useState(false);\r\n\r\n React.useEffect(() => {\r\n if (isCompleted) {\r\n setSelectedCmv([]);\r\n }\r\n }, [isCompleted]);\r\n\r\n const handleOnSelectCmv = (row, isSelect) => {\r\n if (isSelect) {\r\n setSelectedCmv([...selectedCmv, row.sensorId]);\r\n } else {\r\n setSelectedCmv(selectedCmv.filter((x) => x !== row.sensorId));\r\n }\r\n };\r\n\r\n const handleOnSelectAllCmv = (isSelect, rows) => {\r\n const ids = rows.map((r) => r.sensorId);\r\n if (isSelect) {\r\n setSelectedCmv((selectedCmv) => [\r\n ...selectedCmv,\r\n ...ids.filter((id) => !selectedCmv.includes(id)),\r\n ]);\r\n } else {\r\n setSelectedCmv((selectedCmv) =>\r\n selectedCmv.filter((sensorId) => !ids.includes(sensorId)),\r\n );\r\n }\r\n };\r\n\r\n const selectRow = {\r\n mode: 'checkbox',\r\n clickToSelect: true,\r\n selected: selectedCmv,\r\n onSelect: handleOnSelectCmv,\r\n onSelectAll: handleOnSelectAllCmv,\r\n };\r\n\r\n const showMap = () => {\r\n const [mapName, mapDepartmentId] = isMapAvailable();\r\n history.push(\r\n `/group-map?mapName=${mapName}&mapDepartmentId=${mapDepartmentId}`,\r\n );\r\n };\r\n const showTrendChart = (sensorId) => {\r\n function getTrendChartDefaultPeriodHours() {\r\n const trendChartDefaultPeriodHours = helper.getSetting(\r\n 'TrendChartDefaultPeriodHours',\r\n );\r\n return parseInt(trendChartDefaultPeriodHours.value);\r\n }\r\n const hours = getTrendChartDefaultPeriodHours();\r\n const toDate = toUTC(Moment().toDate());\r\n const fromDate = toUTC(Moment().subtract(hours, 'hours').toDate());\r\n history.push(\r\n `/trend-charts?sensorIds=${\r\n sensorId ? sensorId : selectedCmv.join(',')\r\n }&fromDate=${fromDate}&toDate=${toDate}&locale=${locale}`,\r\n );\r\n };\r\n\r\n const cmvActions = [\r\n {\r\n label: 'Show map',\r\n action: showMap,\r\n disabled: !isMapAvailable().length,\r\n },\r\n {\r\n label: 'Add note',\r\n action: () =>\r\n history.push(`/add-note?sensorIds=${selectedCmv.join(',')}`),\r\n disabled: !(selectedCmv.length && helper.checkPermission('API.Notes')),\r\n },\r\n {\r\n label: 'Show trend chart',\r\n action: () => showTrendChart(),\r\n disabled: !selectedCmv.length,\r\n },\r\n {\r\n label: 'Sensor disable',\r\n action: () => setIsDisabling(true),\r\n disabled: !(\r\n selectedCmv.length && helper.checkPermission('API.Sensors.Disable')\r\n ),\r\n },\r\n {\r\n label: 'Sensor enable',\r\n action: () => setIsEnabling(true),\r\n disabled: !(\r\n selectedCmv.length && helper.checkPermission('API.Sensors.Enable')\r\n ),\r\n },\r\n {\r\n label: 'Sensor info',\r\n action: () =>\r\n history.push(`/sensor-info?sensorIds=${selectedCmv.join(',')}`),\r\n disabled:\r\n !selectedCmv.length ||\r\n (!helper.checkPermission('Admin') &&\r\n !helper.checkPermission('Group Administrator')),\r\n },\r\n // {\r\n // label: 'Edit monitoring point',\r\n // disabled: true,\r\n // action: (row) =>\r\n // history.push(\r\n // `/configure/groups/edit-sensor?groupId=${groupId}&sensorId=${row.sensorId}`,\r\n // ),\r\n // },\r\n // {\r\n // label: 'Edit sensor type settings',\r\n // disabled: true,\r\n // action: (row) =>\r\n // history.push(\r\n // `/configure/sensor-types/edit-sensor-type/${row.sensorTypeId}`,\r\n // ),\r\n // },\r\n {\r\n label: 'Edit group',\r\n action: (row) => history.push(`/configure/groups/edit-group/${groupId}`),\r\n disabled: !helper.checkPermission('API.GroupSetting'),\r\n },\r\n {\r\n label: 'Maintain database',\r\n action: (row) => history.push(`/configure/groups/maintain-db/${groupId}`),\r\n disabled: !helper.checkPermission('API.GroupSetting'),\r\n },\r\n ];\r\n\r\n const ctxMenuOptions = [\r\n [\r\n {\r\n name: 'Show map',\r\n className: () => (isMapAvailable().length ? '' : 'item-disabled'),\r\n action: showMap,\r\n },\r\n {\r\n name: 'Add note',\r\n className: () =>\r\n helper.checkPermission('API.Notes') ? '' : 'item-disabled',\r\n action: (row) =>\r\n history.push(\r\n `/add-note?sensorIds=${row.sensorId}&sensorName=${row.name}`,\r\n ),\r\n },\r\n {\r\n name: 'Show trend chart',\r\n action: (row) => showTrendChart(row.sensorId),\r\n },\r\n {\r\n name: 'Sensor disable',\r\n action: (row) => {\r\n setSensor(row.sensorId.toString());\r\n setIsDisabling(true);\r\n },\r\n className: () =>\r\n helper.checkPermission('API.Sensors.Disable') ? '' : 'item-disabled',\r\n },\r\n {\r\n name: 'Sensor enable',\r\n action: (row) => {\r\n setSensor(row.sensorId.toString());\r\n setIsEnabling(true);\r\n },\r\n className: () =>\r\n helper.checkPermission('API.Sensors.Enable') ? '' : 'item-disabled',\r\n },\r\n {\r\n name: 'Sensor info',\r\n className: (row) =>\r\n helper.checkPermission('Admin') ||\r\n helper.checkPermission('Group Administrator')\r\n ? ''\r\n : 'item-disabled',\r\n action: (row) => history.push(`/sensor-info?sensorIds=${row.sensorId}`),\r\n },\r\n {\r\n name: 'Edit monitoring point',\r\n className: (row) =>\r\n helper.checkPermission('Admin') ||\r\n helper.checkPermission('Group Administrator')\r\n ? ''\r\n : 'item-disabled',\r\n action: (row) =>\r\n history.push(\r\n `/configure/groups/edit-sensor?groupId=${groupId}&sensorId=${row.sensorId}`,\r\n ),\r\n },\r\n {\r\n name: 'Edit sensor type settings',\r\n className: (row) =>\r\n helper.checkPermission('API.SensorTypes') ? '' : 'item-disabled',\r\n action: (row) =>\r\n history.push(\r\n `/configure/sensor-types/edit-sensor-type/${row.sensorTypeId}`,\r\n ),\r\n },\r\n {\r\n name: 'Edit group',\r\n className: (row) =>\r\n helper.checkPermission('API.GroupSetting') ? '' : 'item-disabled',\r\n action: (row) =>\r\n history.push(`/configure/groups/edit-group/${groupId}`),\r\n },\r\n {\r\n name: 'Maintain database',\r\n className: (row) =>\r\n helper.checkPermission('API.GroupSetting') ? '' : 'item-disabled',\r\n action: (row) =>\r\n history.push(`/configure/groups/maintain-db/${groupId}`),\r\n },\r\n ],\r\n ];\r\n\r\n function onCancelModal(type = 'disable') {\r\n if (type === 'disable') {\r\n setIsDisabling(false);\r\n } else {\r\n setIsEnabling(false);\r\n }\r\n setSensor(null);\r\n setSelectedCmv([]);\r\n }\r\n function onDisableSensor(params) {\r\n let sensorIds = selectedCmv.join(',');\r\n if (selectedSensor) {\r\n sensorIds = selectedSensor;\r\n }\r\n\r\n setIsDisabling(false);\r\n props.onDisableSensor({ sensorIds, ...params });\r\n setSensor(null);\r\n }\r\n\r\n function onEnableSensor(dateTime) {\r\n let sensorIds = selectedCmv.join(',');\r\n if (selectedSensor) {\r\n sensorIds = [selectedSensor];\r\n }\r\n setIsEnabling(false);\r\n props.onEnableSensor(sensorIds);\r\n setSensor(null);\r\n }\r\n const summaries = cloneDeep(props.dashboard.availableGroupsSummaries);\r\n function checkSummaries() {\r\n return isEmpty(summaries) && isEmpty(summaries[0]);\r\n }\r\n\r\n return (\r\n \r\n onCancelModal('disable')}\r\n onConfirm={onDisableSensor}\r\n />\r\n onCancelModal('enable')}\r\n onConfirm={onEnableSensor}\r\n />\r\n
\r\n \r\n
\r\n {t('Current Measurement Values')}
\r\n {/*\r\n {props.groupId && !checkSummaries() && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {t('Sensors')}: {summaries[0].numSensors},{' '}\r\n \r\n \r\n {t('Errors')}: {summaries[0].numErrors},{' '}\r\n \r\n \r\n {t('Alarms')}: {summaries[0].numAlarms},{' '}\r\n \r\n \r\n {t('Warnings')}: {summaries[0].numWarnings},{' '}\r\n \r\n \r\n {t('Overriden')}: {summaries[0].numOverriden}\r\n \r\n
\r\n \r\n
\r\n \r\n al.groupId.toString() === groupId)\r\n : alarmList\r\n }\r\n groupName={getGroupName()}\r\n groupState={getGroupState()}\r\n onSelect={props.shouldFetchData}\r\n groupId={groupId}\r\n shouldRenderBackBtn={groupId && availableGroups.length !== 1}\r\n onBack={props.onBack}\r\n />\r\n
\r\n \r\n {groupId ? (\r\n props.onDisableSensor(params, 'cmv')}\r\n onEnableSensor={(selectedGroups) =>\r\n props.onEnableSensor(selectedGroups, 'cmv')\r\n }\r\n />\r\n ) : (\r\n \r\n props.onDisableSensor(params, 'group')\r\n }\r\n onEnableSensor={(selectedGroups) =>\r\n props.onEnableSensor(selectedGroups, 'group')\r\n }\r\n />\r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport DashboardPage from './DashboardPage';\r\nimport { connect } from 'react-redux';\r\nimport { dashboardActions } from '../../../actions/dashboard.action';\r\nimport { configureActions } from '../../../actions/configure.action';\r\nimport { bindActionCreators } from 'redux';\r\nimport Backend from '../../Layouts/Backend';\r\nimport Loading from '../../Helpers/Loading';\r\nimport helper from '../../../utils/helper';\r\nimport qs from 'qs';\r\nimport moment from 'moment';\r\n\r\nfunction getCurrentTime() {\r\n return moment().format('MM/DD/yyyy HH:mm:ss');\r\n}\r\n\r\nexport class DashboardWeb extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n alarmList: [],\r\n availableGroups: [],\r\n sensors: [],\r\n loading: false,\r\n isFetching: false,\r\n errors: '',\r\n intervalId: null,\r\n groupId: null,\r\n lastUpdated: getCurrentTime(),\r\n };\r\n this.refreshRate = helper.getSetting('ValueRefreshRateSec');\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let state = {};\r\n if (nextProps.dashboard.alarmList !== prevState.alarmList) {\r\n state.alarmList = nextProps.dashboard.alarmList;\r\n }\r\n if (nextProps.dashboard.availableGroups !== prevState.availableGroups) {\r\n state.availableGroups = nextProps.dashboard.availableGroups;\r\n }\r\n // if (nextProps.configure.sensors !== prevState.sensors) {\r\n // state.sensors = nextProps.configure.sensors;\r\n // }\r\n if (nextProps.dashboard.loading !== prevState.loading) {\r\n state.loading = nextProps.dashboard.loading;\r\n }\r\n state.errors = helper.centralizeError([\r\n nextProps.dashboard.errors,\r\n nextProps.configure.errors,\r\n ]);\r\n return Object.keys(state).length ? state : null;\r\n }\r\n\r\n fetchData() {\r\n const intervalId = setInterval(async () => {\r\n console.log('fetch data')\r\n //await this.props.dashboardActions.getAlarmList();\r\n await this.props.dashboardActions.getAvailableGroups();\r\n this.setState({ lastUpdated: getCurrentTime() });\r\n }, parseInt(this.refreshRate.value) * 1000);\r\n this.setState({ intervalId });\r\n }\r\n\r\n getCMVData(groupId) {\r\n this.props.configureActions\r\n .getSensorsMVByGroup(groupId)\r\n .then((resp) => this.setState({ sensors: resp }));\r\n }\r\n\r\n fetchALandCMVdata(groupId) {\r\n const intervalId = setInterval(async () => {\r\n console.log('fetchALandCMVdata')\r\n await this.props.dashboardActions.getAlarmList();\r\n await this.props.dashboardActions.getAvailableGroups();\r\n await this.props.dashboardActions.getAvailableGroupsSummaries(groupId);\r\n // await this.props.configureActions.getSensorsMVByGroup(groupId);\r\n this.getCMVData(groupId);\r\n this.setState({ lastUpdated: getCurrentTime() });\r\n }, parseInt(this.refreshRate.value) * 1000);\r\n this.setState({ intervalId });\r\n }\r\n\r\n stopFetchingData() {\r\n if (this.state.intervalId) {\r\n clearInterval(this.state.intervalId);\r\n this.setState({ intervalId: null });\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n const { search } = this.props.location;\r\n if (search) {\r\n const { groupId } = qs.parse(this.props.location.search, {\r\n ignoreQueryPrefix: true,\r\n });\r\n this.setState({ isFetching: true }, async () => {\r\n await this.props.dashboardActions.getAlarmList();\r\n await this.props.dashboardActions.getAvailableGroups();\r\n await this.props.dashboardActions.getAvailableGroupsSummaries(groupId);\r\n // await this.props.configureActions.getSensorsMVByGroup(groupId);\r\n this.getCMVData(groupId);\r\n this.setState(\r\n { isFetching: false, lastUpdated: getCurrentTime() },\r\n () => this.fetchALandCMVdata(groupId),\r\n );\r\n });\r\n } else {\r\n this.setState({ isFetching: true }, async () => {\r\n await this.props.dashboardActions.getAlarmList();\r\n await this.props.dashboardActions.getAvailableGroups().then((resp) => {\r\n if (resp.length === 1) {\r\n const group = resp[0];\r\n this.props.history.push(`/?groupId=${group.groupId}`);\r\n }\r\n });\r\n this.setState(\r\n { isFetching: false, lastUpdated: getCurrentTime() },\r\n () => this.fetchData(),\r\n );\r\n });\r\n }\r\n }\r\n\r\n async componentDidUpdate(prevProps) {\r\n const { search } = this.props.location;\r\n if (search) {\r\n if (prevProps.location.search !== search) {\r\n const { groupId } = qs.parse(this.props.location.search, {\r\n ignoreQueryPrefix: true,\r\n });\r\n this.setState({ sensors: [] });\r\n await this.props.dashboardActions.getAvailableGroupsSummaries(groupId);\r\n // await this.props.configureActions.getSensorsMVByGroup(groupId);\r\n this.getCMVData(groupId);\r\n this.setState({ lastUpdated: getCurrentTime() });\r\n this.stopFetchingData();\r\n this.fetchALandCMVdata(groupId);\r\n }\r\n } else {\r\n if (prevProps.location.search !== search) {\r\n this.stopFetchingData();\r\n this.fetchData();\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.stopFetchingData();\r\n }\r\n\r\n shouldFetchData = (isSelected) => {\r\n if (isSelected) {\r\n this.stopFetchingData();\r\n } else {\r\n if (!this.state.intervalId) {\r\n this.fetchData();\r\n }\r\n }\r\n };\r\n\r\n onBack = () => {\r\n this.stopFetchingData();\r\n this.props.history.goBack();\r\n };\r\n\r\n onAtRest = async (groupIds) => {\r\n await this.props.configureActions\r\n .atRest(groupIds)\r\n .then(async () => await this.props.dashboardActions.getAvailableGroups());\r\n };\r\n onInOperation = (groupIds) => {\r\n this.props.configureActions\r\n .inOperation(groupIds)\r\n .then(async () => await this.props.dashboardActions.getAvailableGroups());\r\n };\r\n onDisableSensor = async (params, type) => {\r\n await this.props.configureActions\r\n .disableSensor(params, type)\r\n .then(async () => {\r\n if (type === 'group') {\r\n await this.props.dashboardActions.getAvailableGroups();\r\n } else {\r\n const { groupId } = qs.parse(this.props.location.search, {\r\n ignoreQueryPrefix: true,\r\n });\r\n // await this.props.configureActions.getSensorsMVByGroup(groupId);\r\n this.getCMVData(groupId);\r\n }\r\n });\r\n };\r\n\r\n onEnableSensor = async (selectedGroups, type) => {\r\n await this.props.configureActions\r\n .enableSensor(selectedGroups, type)\r\n .then(async () => {\r\n if (type === 'group') {\r\n await this.props.dashboardActions.getAvailableGroups();\r\n } else {\r\n const { groupId } = qs.parse(this.props.location.search, {\r\n ignoreQueryPrefix: true,\r\n });\r\n // await this.props.configureActions.getSensorsMVByGroup(groupId);\r\n this.getCMVData(groupId);\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n if (this.state.isFetching) {\r\n return (\r\n \r\n {/*
\r\n \r\n
\r\n {getPresetName()}
\r\n\r\n {/*
\r\n );\r\n}\r\n\r\nBackendMobile.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n general: state.general,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n configureActions: bindActionCreators(\r\n Object.assign({}, configureActions),\r\n dispatch,\r\n ),\r\n generalActions: bindActionCreators(\r\n Object.assign({}, generalActions),\r\n dispatch,\r\n ),\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(BackendMobile);\r\n","import React from 'react';\r\nimport {\r\n UncontrolledCollapse,\r\n Button,\r\n InputGroup,\r\n InputGroupAddon,\r\n Input,\r\n} from 'reactstrap';\r\nimport BootstrapTable from 'react-bootstrap-table-next';\r\nimport ToolkitProvider from 'react-bootstrap-table2-toolkit';\r\n\r\nconst columns = [\r\n {\r\n dataField: 'name',\r\n text: 'Name',\r\n },\r\n {\r\n dataField: 'groupName',\r\n text: 'Group',\r\n },\r\n {\r\n dataField: 'location',\r\n text: 'Location',\r\n },\r\n {\r\n dataField: 'alarmType',\r\n text: 'Alarm Type',\r\n formatter: (cell) => (cell ? 'Yes' : 'No'),\r\n filterValue: (cell) => (cell ? 'Yes' : 'No'),\r\n },\r\n {\r\n dataField: 'timeDetected',\r\n text: 'Time Detected',\r\n isDateTime: true,\r\n },\r\n {\r\n dataField: 'units',\r\n text: 'Units',\r\n },\r\n {\r\n dataField: 'textValue',\r\n text: 'textValue',\r\n },\r\n {\r\n dataField: 'alarmPriority',\r\n text: 'Alarm Priority',\r\n },\r\n];\r\n\r\nfunction MobileSearch(props) {\r\n const inputRef = React.useRef(null);\r\n function afterSearch(newResult) {\r\n const filteredSensorIds = [];\r\n newResult.forEach((element) => {\r\n filteredSensorIds.push(element.sensorId);\r\n });\r\n props.onSearch(filteredSensorIds);\r\n }\r\n return (\r\n \r\n \r\n
\r\n\r\n {/*
\r\n \r\n
\r\n\r\n {props.children}
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {inputRef.current && inputRef.current.value\r\n ? `Filtered by: ` + inputRef.current.value\r\n : 'No Filter'}\r\n \r\n \r\n \r\n {(props) => (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MobileSearch;\r\n","import React from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\n\r\nclass PureDialogBox extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n modal: false,\r\n };\r\n this.icon = '';\r\n switch (this.props.type) {\r\n case 'success':\r\n this.icon = 'check_circle';\r\n break;\r\n case 'error':\r\n this.icon = 'cancel';\r\n break;\r\n case 'warning':\r\n this.icon = 'report_problem';\r\n break;\r\n default:\r\n this.icon = 'info';\r\n break;\r\n }\r\n }\r\n\r\n toggle = () => {\r\n this.setState({\r\n modal: !this.state.modal,\r\n });\r\n };\r\n render() {\r\n const { t } = this.props;\r\n return (\r\n \r\n \r\n props.searchProps.onSearch(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {this.icon}\r\n \r\n \r\n {t(this.props.title)}\r\n \r\n \r\n {t(this.props.body)} \r\n \r\n {this.props.onCancel ? (\r\n \r\n ) : null}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport const DialogBox = withTranslation('app')(PureDialogBox);\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport { withTranslation } from 'react-i18next';\r\nimport helper from '../../../../utils/helper';\r\nimport Footer from '../../../Helpers/Footer';\r\nimport Moment from 'moment';\r\nimport AckAlarm from '../AckAlarm';\r\nimport { DialogBox } from '../../../UI/Modal';\r\n\r\nfunction MobileActionMenu({ alarm, t, ...props }) {\r\n const [ackAlarmProps, setAckAlarmProps] = React.useState({\r\n isOpen: false,\r\n sensorIds: [],\r\n sensorName: '',\r\n });\r\n const [ableToAck, setAbleToAck] = React.useState(false);\r\n const [declineMsgVisibility, openDeclineMsg] = React.useState(false);\r\n\r\n React.useEffect(() => {\r\n for (let index = 0; index < alarm.length; index++) {\r\n if (alarm[index].ackEnable) {\r\n setAbleToAck(true);\r\n } else {\r\n setAbleToAck(false);\r\n return;\r\n }\r\n }\r\n }, [alarm]);\r\n const sensorIds = alarm.map((al) => al.sensorId);\r\n function getTrendChartDefaultPeriodHours() {\r\n const trendChartDefaultPeriodHours = helper.getSetting(\r\n 'TrendChartDefaultPeriodHours',\r\n );\r\n return parseInt(trendChartDefaultPeriodHours.value);\r\n }\r\n const locale = localStorage.getItem('language') || 'en_US';\r\n const history = useHistory();\r\n function ackAlarm() {\r\n if (ableToAck) {\r\n setAckAlarmProps({\r\n isOpen: true,\r\n sensorIds: sensorIds,\r\n sensorName: alarm.name,\r\n });\r\n } else {\r\n openDeclineMsg(true);\r\n }\r\n }\r\n function showTrendChart() {\r\n const hours = getTrendChartDefaultPeriodHours();\r\n const toDate = Moment().format('MM/DD/yyyy HH:mm:ss');\r\n const fromDate = Moment()\r\n .subtract(hours, 'hours')\r\n .format('MM/DD/yyyy HH:mm:ss');\r\n history.push(\r\n `/trend-charts?sensorIds=${sensorIds.join(\r\n ',',\r\n )}&fromDate=${fromDate}&toDate=${toDate}&locale=${locale}`,\r\n );\r\n }\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n arrow_back\r\n
\r\n {alarm.name}
\r\n\r\n \r\n setAckAlarmProps({ isOpen: false })}\r\n onAdd={() => {\r\n setAckAlarmProps({ isOpen: false });\r\n }}\r\n />\r\n\r\n openDeclineMsg(false)}\r\n />\r\n
\r\n \r\n\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction Item(props) {\r\n return (\r\n {props.name}
\r\n arrow_forward\r\n \r\n );\r\n}\r\n\r\nexport default withTranslation('app')(MobileActionMenu);\r\n","import React from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { NavLink } from 'react-router-dom';\r\nimport BackendMobile from '../../Layouts/BackendMobile';\r\nimport MobileSearch from './helpers/MobileSearch';\r\nimport { Button, Checkbox } from '../../UI/Common';\r\nimport MobileActionMenu from './helpers/MobileActionMenu';\r\nimport { CustomInput } from 'reactstrap';\r\nimport MobileToggle from '../../UI/MobileToggle';\r\n\r\nfunction DashboardMobileScreen({ alarmList, mobileConfig, t, ...props }) {\r\n const [filteredSensorIds, setFilteredSensorIds] = React.useState(null);\r\n const [selectMode, updateSelectMode] = React.useState(false);\r\n const [openActionMenu, setOpenActionMenu] = React.useState(false);\r\n const [alarms, setAlarms] = React.useState([]);\r\n const [currAlarm, selectAlarm] = React.useState([]);\r\n React.useEffect(() => {\r\n setAlarms(alarmList);\r\n }, [alarmList]);\r\n\r\n React.useEffect(() => {\r\n if (!selectMode) {\r\n selectAlarm([]);\r\n }\r\n }, [selectMode]);\r\n function getBgColor(alarmPriority) {\r\n let color = '';\r\n switch (alarmPriority) {\r\n //green\r\n case 0:\r\n color = '#75e5d0';\r\n break;\r\n case 1:\r\n //yellow\r\n color = '#fcf496';\r\n break;\r\n case 2:\r\n //red\r\n color = '#ffb0be';\r\n break;\r\n default:\r\n //blue\r\n color = '#6bcfed';\r\n break;\r\n }\r\n return color;\r\n }\r\n if (openActionMenu) {\r\n return (\r\n\r\n \r\n {al.name}\r\n \r\n {al.location}\r\n {al.groupName}\r\n {al.alarmPriority === 2 && (\r\n {al.timeDetected}\r\n )}\r\n {al.alarmPriority !== 0 && (\r\n {al.alarmType}\r\n )}\r\n
\r\n \r\n \r\n {al.units}\r\n \r\n \r\n {al.textValue}\r\n \r\n {al.timeInfo}\r\n
\r\n\r\n \r\n {selectMode ? (\r\n {\r\n selectAlarm([al]);\r\n setOpenActionMenu(true);\r\n }}\r\n >\r\n more_vert\r\n
\r\n )}\r\n {al.ackEnabled ? (\r\n \r\n onChangeCkbox(e, al)}\r\n />\r\n
\r\n ) : (\r\n \r\n adjust\r\n
\r\n ) : null}\r\n \r\n \r\n );\r\n })}\r\n\r\n {selectMode ? (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n props.onAddNote(values)}\r\n >\r\n {({ values, handleChange, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {`${inOpt ? inOpt : ''}/${atRest ? atRest : ''}`}\r\n
\r\n );\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let state = {};\r\n // if (nextProps.sensors.sensorInfo !== prevState.sensorInfo) {\r\n // state.sensorInfo = nextProps.sensors.sensorInfo;\r\n // }\r\n if (nextProps.sensors.isFetching !== prevState.isFetching) {\r\n state.isFetching = nextProps.sensors.isFetching;\r\n }\r\n state.errors = helper.centralizeError([nextProps.sensors.errors]);\r\n return Object.keys(state).length ? state : null;\r\n }\r\n async componentDidMount() {\r\n const { sensorIds } = qs.parse(this.props.location.search, {\r\n ignoreQueryPrefix: true,\r\n });\r\n if (sensorIds) {\r\n this.props\r\n .getSensorInfo(sensorIds)\r\n .then((sensorInfo) => this.setState({ sensorInfo }))\r\n .catch((err) => console.log(err));\r\n }\r\n }\r\n render() {\r\n const { sensorIds } = helper.parseQueryString(this.props.location.search);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation('app')(TrendChartsPage);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ExamplePanel from '../Helpers/ExamplePanel';\r\nimport Footer from '../Helpers/Footer';\r\nimport Sidebar from '../Helpers/Sidebar';\r\nimport Toolbar from '../Helpers/Toolbar';\r\nimport { connect } from 'react-redux';\r\nimport { generalActions } from '../../actions/general.action';\r\nimport { configureActions } from '../../actions/configure.action';\r\nimport { bindActionCreators } from 'redux';\r\nimport Navigation from '../Helpers/Navigation';\r\nimport routes from '../../routes/routes';\r\nimport Shortcut from '../UI/Shortcut';\r\nimport { useHistory } from 'react-router';\r\nimport { matchPath, withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nfunction LayoutMobile(props) {\r\n const history = useHistory();\r\n const closeExamplePanel = () => {\r\n document.body.classList.remove('content-side-open');\r\n };\r\n const closeNav = () => {\r\n document.body.classList.remove('content-side-nav-open');\r\n };\r\n function findTitle() {\r\n for (let route of routes) {\r\n if (matchPath(props.location.pathname, route)) {\r\n return props.t(route.title);\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n function onClickBack() {\r\n if (props.noBack) {\r\n props.onBack();\r\n } else {\r\n history.goBack();\r\n }\r\n }\r\n return (\r\n No data for the time period selected
\r\n )}\r\n \r\n\r\n {/*
\r\n\r\n \r\n \r\n
\r\n\r\n {/*
\r\n \r\n
\r\n\r\n \r\n {/*
\r\n \r\n {props.noBack ? null : (\r\n \r\n arrow_back\r\n
\r\n )}\r\n {props.title || findTitle()}
\r\n{props.children}
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nLayoutMobile.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n};\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n general: state.general,\r\n };\r\n}\r\n\r\nfunction mapDispatchToProps(dispatch) {\r\n return {\r\n configureActions: bindActionCreators(\r\n Object.assign({}, configureActions),\r\n dispatch,\r\n ),\r\n generalActions: bindActionCreators(\r\n Object.assign({}, generalActions),\r\n dispatch,\r\n ),\r\n };\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n)(withRouter(withTranslation('app')(LayoutMobile)));\r\n","import { get, post, put } from '../actions/method';\r\nimport noti from '../actions/toast';\r\nimport helper from '../utils/helper';\r\n\r\nexport async function getTrend(sensorIds, fromDate, toDate) {\r\n return await get(\r\n `app/dashboard/trendCharts?SensorIds=${sensorIds}&FromDate=${fromDate}&ToDate=${toDate}`,\r\n );\r\n}\r\n\r\nexport async function getAlarmList() {\r\n return await get('app/dashboard/alerts');\r\n}\r\n\r\nexport async function getAvailableGroups() {\r\n return await get('app/dashboard/alertGroupSummaries?MaxResultCount=1000');\r\n}\r\n\r\nexport async function getCurrentMeasurementValues(groupId) {\r\n return await get(`app/sensors/measurementValues/${groupId}`);\r\n}\r\n\r\nexport async function getAvailableGroupsSummaries(groupId) {\r\n return await get(`app/dashboard/alertGroupSummaries/${groupId}`);\r\n}\r\n\r\nexport async function setSensorsAtRest(params) {\r\n return await put(`app/sensors/atRest${helper.compileQueryString(params)}`);\r\n}\r\n\r\nexport async function setSensorsInOp(params) {\r\n return await put(\r\n `app/sensors/inOperation${helper.compileQueryString(params)}`,\r\n );\r\n}\r\n\r\nexport async function setSensorsDisable(_params, type = 'group') {\r\n let params = {\r\n body: _params,\r\n };\r\n return await post(\r\n `app/sensors/${type === 'group' ? 'disableGroup' : 'disable'}`,\r\n params,\r\n )\r\n .then(() => noti.success(`Sensor(s) is disabled`))\r\n .catch((error) => noti.error(error.response.data.error.message));\r\n}\r\n\r\nexport async function setSensorsEnable(params, type = 'group') {\r\n return await post(\r\n `app/sensors/${\r\n type === 'group' ? 'enableGroup' : 'enable'\r\n }${helper.compileQueryString(params)}`,\r\n )\r\n .then(() => noti.success('Sensor(s) is enabled'))\r\n .catch((error) => noti.error(error.response.data.error.message));\r\n}\r\n\r\nexport async function getMobileAlarmListByMC(mobileConfigId) {\r\n if (mobileConfigId) {\r\n return await get(\r\n `app/sensors/alarmStatus/by-mobileConfig/${mobileConfigId}`,\r\n );\r\n } else {\r\n return await get(`app/sensors/alarmStatus/current-user`);\r\n }\r\n}\r\n","import React from 'react';\r\nimport TrendChartsPage from './TrendChartsPage';\r\nimport { connect } from 'react-redux';\r\nimport { dashboardActions } from '../../../../actions/dashboard.action';\r\nimport Loading from '../../../Helpers/Loading';\r\nimport Backend from '../../../Layouts/Backend';\r\nimport qs from 'qs';\r\nimport { cloneDeep, maxBy, minBy } from 'lodash';\r\nimport formatData from './formatData';\r\nimport helper from '../../../../utils/helper';\r\nimport LayoutMobile from '../../../Layouts/LayoutMobile';\r\nimport { getMetaData, getMaxDataPoint } from './helpers';\r\nimport { getTrend } from '../../../../api/dashboard';\r\n\r\nconst TrendCharts = (props) => {\r\n const [state, setState] = React.useState({\r\n loading: false,\r\n errors: '',\r\n data: [],\r\n metaData: null,\r\n maxDataPoint: undefined,\r\n units: '',\r\n chartMin: null,\r\n chartMax: null,\r\n });\r\n const [errors, setErrors] = React.useState('');\r\n const [loading, setLoading] = React.useState(true);\r\n function getData() {\r\n const { sensorIds, fromDate, toDate } = qs.parse(props.location.search, {\r\n ignoreQueryPrefix: true,\r\n });\r\n getTrend(sensorIds, fromDate, toDate)\r\n .then((resp) => {\r\n const [sensorNames, data] = formatData(cloneDeep(resp));\r\n const metaData = getMetaData(cloneDeep(resp));\r\n const maxDataPoint = getMaxDataPoint(cloneDeep(resp));\r\n const units = data.length && resp.length ? resp[0].units : '';\r\n const chartMax = maxBy(resp, (o) => o.chartMax).chartMax;\r\n const chartMin = minBy(resp, (o) => o.chartMin).chartMin;\r\n setState({\r\n data,\r\n metaData,\r\n maxDataPoint,\r\n units,\r\n chartMin,\r\n chartMax,\r\n });\r\n })\r\n .catch((err) => setErrors(err))\r\n .finally(() => setLoading(false));\r\n }\r\n React.useEffect(() => {\r\n getData();\r\n }, []);\r\n const Container = helper.isMobile() ? LayoutMobile : Backend;\r\n if (loading) {\r\n return (\r\n \r\n
\r\n {props.tagText}
\r\n \r\n ) : null}\r\n {props.value && (\r\n {props.tagText}
\r\n \r\n ) : null}\r\n \r\n
\r\n \r\n \r\n {\r\n e.preventDefault();\r\n setCtxState({\r\n openCtxMenu: true,\r\n ctxMenuCoord: { x: e.clientX, y: e.clientY },\r\n });\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {Object.keys(mapShapes).length &&\r\n mapShapes.shapes.map((ex, index) => {\r\n const id = getId(ex, index);\r\n if (ex.className === 'CircleShape') {\r\n return (\r\n \r\n \r\n {t('Last Updated')}: {props.lastUpdated}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nEmpty.propTypes = {\r\n children: PropTypes.node.isRequired\r\n};\r\n","import React, { Component } from 'react';\r\nimport Empty from '../../Layouts/Empty';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass Unprivileged extends Component {\r\n render() {\r\n return (\r\n {this.props.children}
\r\n {this.props.t('You do not have permissions to view this page')}
\r\n\r\n onSubmit(values, isChangePwd)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n \r\n {helper.checkPermission(permission) && (\r\n \r\n {t(name)}\r\n \r\n )}\r\n
\r\n );\r\n});\r\n\r\nexport default withTranslation('app')(Configure);\r\n","import * as Yup from 'yup';\r\nimport validation from '../../../utils/validation';\r\n\r\nexport const validationSchema = Yup.object().shape({\r\n // password: validation.password,\r\n password: Yup.string().required(),\r\n});\r\n","import React from 'react';\r\nimport { Formik } from 'formik';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Modal, ModalBody, ModalHeader, ModalFooter } from 'reactstrap';\r\nimport { Alert, Input, Button } from '../Common';\r\nimport { validationSchema } from './validation';\r\nimport { post } from '../../../actions/method';\r\nimport helper from '../../../utils/helper';\r\n\r\nconst DeleteRecord = ({ t, ...props }) => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [error, setError] = React.useState('');\r\n React.useEffect(() => {\r\n setError('');\r\n }, [props.isOpen]);\r\n const isRequireConfirmation = helper.isRequireConfirmation();\r\n async function submit({ password }, resetForm) {\r\n if (isRequireConfirmation) {\r\n const params = {\r\n body: { password },\r\n };\r\n setLoading(true);\r\n setError('');\r\n await post('app/users/password/verify', params)\r\n .then((isVerified) => {\r\n setLoading(false);\r\n if (isVerified) {\r\n props.onConfirm();\r\n resetForm();\r\n } else {\r\n setError('Password is incorrect');\r\n }\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n setError(error);\r\n });\r\n } else {\r\n props.onConfirm();\r\n }\r\n }\r\n return (\r\n \r\n
\r\n \r\n this.props.onCancel()}\r\n onConfirm={() => this.props.onDeleteDepartment()}\r\n />\r\n \r\n add\r\n {t('New Department')}\r\n \r\n
\r\n \r\n {cell ? (\r\n \r\n {cell}\r\n \r\n ) : (\r\n '-'\r\n )}{' '}\r\n /{row[target] ? row[target] : '-'}\r\n
\r\n );\r\n };\r\n\r\n isOver = (cell, target) => {\r\n if (Number.isNaN(parseInt(target))) {\r\n return false;\r\n }\r\n return parseInt(cell) > parseInt(target);\r\n };\r\n\r\n colorizeExpDate = (cell) => {\r\n if (cell) {\r\n if (moment(new Date()).isAfter(moment(new Date(cell)))) {\r\n return 'red';\r\n } else {\r\n if (moment(new Date(cell)).diff(moment(new Date()), 'days') < 30) {\r\n return 'goldenrod';\r\n }\r\n }\r\n return 'black';\r\n }\r\n return 'black';\r\n };\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let state = {};\r\n if (nextProps.configure.departments !== prevState.departments) {\r\n state.departments = nextProps.configure.departments;\r\n }\r\n state.errors = helper.centralizeError([nextProps.configure.errors]);\r\n return Object.keys(state).length ? state : null;\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ isFetching: true }, async () => {\r\n await this.props\r\n .getDepartments()\r\n .then(() => this.setState({ isFetching: false }));\r\n });\r\n }\r\n\r\n onCancel = () => {\r\n this.setState({ openModal: false, selectedRow: null });\r\n };\r\n\r\n onDeleteDepartment = () => {\r\n const { selectedRow } = this.state;\r\n this.setState(\r\n { openModal: false, isFetching: true },\r\n async () =>\r\n await this.props\r\n .deleteDepartment(selectedRow.id)\r\n .then(\r\n async () =>\r\n await this.props\r\n .getDepartments()\r\n .then(() => this.setState({ isFetching: false })),\r\n ),\r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n onSubmit(values)}\r\n >\r\n {({ values, handleChange, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n \r\n
\r\n {t('This department is unavailable')}
\r\n\r\n \r\n
\r\n \r\n
\r\n {t('This department is unavailable')}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {t(d[nameKey])}
\r\n ) : (\r\n{d[nameKey]}
\r\n )}\r\n {subtitleKey && (\r\n\r\n
\r\n {t('This department is unavailable')}
\r\n\r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n setFieldValue,\r\n errors,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n \r\n this.props.onCancel()}\r\n onConfirm={() => this.props.onDeleteGroup()}\r\n />\r\n \r\n add\r\n {t('New Group')}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n \r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n props.onAssignUsers(userIds);\r\n }}\r\n />\r\n
\r\n \r\n onSubmit(userIds)}\r\n >\r\n done\r\n {t('Save')}\r\n \r\n history.push('/configure/groups')}\r\n >\r\n {t('Cancel')}\r\n \r\n
\r\n \r\n
\r\n {t('This group is unavailable')}
\r\n\r\n setDept({ id: value })}\r\n valueKey=\"id\"\r\n labelKey=\"name\"\r\n />\r\n props.onAssignAlerts(selected)}\r\n >\r\n done\r\n {t('Assign')}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n","import React from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport Backend from '../../../../Layouts/Backend';\r\nimport AssignedList from './AssignedList';\r\nimport UnassignedList from './UnassignedList';\r\nimport { Button } from '../../../../UI/Common';\r\nimport helper from '../../../../../utils/helper';\r\nimport PasswordConfirmation from '../../../../UI/PasswordConfirmation';\r\nimport DeleteRecord from '../../../../UI/DeleteRecord';\r\nimport { DialogBox } from '../../../../UI/Modal';\r\n\r\nconst MaintainDBPage = (props) => {\r\n const { t } = props;\r\n const [unassigned, setUnassigned] = React.useState([]);\r\n const [assigned, setAssigned] = React.useState([]);\r\n const actionOptions = [\r\n { label: 'Assign', action: onAssign, disabled: unassigned.length === 0 },\r\n {\r\n label: 'Replace',\r\n action: onReplace,\r\n disabled: unassigned.length !== 1 || assigned.length !== 1,\r\n },\r\n { label: 'Unassign', action: onUnassign, disabled: assigned.length === 0 },\r\n {\r\n label: 'Delete',\r\n action: onDelete,\r\n disabled: !helper.checkPermission('admin') || unassigned.length === 0,\r\n },\r\n {\r\n label: 'Repurpose',\r\n action: onRepurpose,\r\n disabled: unassigned.length + assigned.length !== 1,\r\n },\r\n ];\r\n const onSelectUnassignedSensors = (sensorIds) => {\r\n setUnassigned(sensorIds);\r\n };\r\n const onSelectAssignedSensors = (sensorIds) => {\r\n setAssigned(sensorIds);\r\n };\r\n function onAssign() {\r\n props.onAssign(unassigned);\r\n }\r\n function onReplace() {\r\n props.onReplace(assigned, unassigned);\r\n }\r\n function onUnassign() {\r\n props.onUnassign(assigned);\r\n }\r\n function onDelete() {\r\n props.onDelete(unassigned);\r\n }\r\n function onRepurpose() {\r\n props.onRepurpose(assigned.length === 1 ? assigned : unassigned);\r\n }\r\n const [openModal, setOpenModal] = React.useState(false);\r\n const [openDeleteModal, setOpenDeleteModal] = React.useState(false);\r\n const [openRepurposeModal, setOpenRepurposeModal] = React.useState(false);\r\n const [act, setAct] = React.useState(null);\r\n const isRequireConfirmation = helper.isRequireConfirmation();\r\n function onClick(action, type) {\r\n if (type === 'Delete') {\r\n setOpenDeleteModal(true);\r\n setAct(() => () => action());\r\n } else if (type === 'Repurpose') {\r\n setOpenRepurposeModal(true);\r\n setAct(() => () => action());\r\n } else {\r\n if (isRequireConfirmation) {\r\n setOpenModal(true);\r\n setAct(() => () => action());\r\n } else {\r\n action();\r\n }\r\n }\r\n }\r\n if (Object.keys(props.getGroupError).length) {\r\n return (\r\n {props.t('Unassigned List')}
\r\nThis group is unavailable
\r\n \r\n {\r\n setOpenRepurposeModal(false);\r\n setAct(null);\r\n }}\r\n onYes={() => {\r\n setOpenRepurposeModal(false);\r\n act();\r\n setAct(null);\r\n }}\r\n />\r\n {\r\n setOpenDeleteModal(false);\r\n setAct(null);\r\n }}\r\n onConfirm={() => {\r\n setOpenDeleteModal(false);\r\n act();\r\n setAct(null);\r\n }}\r\n />\r\n {\r\n setOpenModal(false);\r\n setAct(null);\r\n }}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n act();\r\n setAct(null);\r\n }}\r\n />\r\n
\r\n Assignments for Group: {props.group.name}
\r\n{t('Assigned List')}
\r\n\r\n {actionOptions.map((act, index) => {\r\n return (\r\n onClick(act.action, act.label)}\r\n >\r\n {t(act.label)}\r\n \r\n );\r\n })}\r\n
\r\n \r\n
\r\n {t('This group is unavailable')}
\r\n\r\n
\r\n \r\n
\r\n \r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n props.onCancel()}\r\n onConfirm={() => props.onDeletePhrase()}\r\n />\r\n onNewPhrase(values)}\r\n >\r\n {({\r\n values,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n phrase.departmentId === form.deptId,\r\n ),\r\n loading: isFetchingPhrases,\r\n }}\r\n ctxMenuOptions={props.ctxMenuOptions}\r\n exportProps={{\r\n fileName: 'Phrases',\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n onSubmit(values)}\r\n >\r\n {({ values, handleChange, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n \r\n
\r\n {t('This phrase is unavailable')}
\r\n\r\n
\r\n \r\n
\r\n \r\n onSubmit(values)}\r\n >\r\n {({ values, handleChange, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n this.props.onCancel()}\r\n onConfirm={() => this.props.onDeleteRole()}\r\n />\r\n \r\n add\r\n {t('New Role')}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n \r\n this.props.onCancel()}\r\n onConfirm={() => this.props.onDeleteUnit()}\r\n />\r\n \r\n add\r\n {t('New Unit')}\r\n \r\n
\r\n \r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n props.onSubmit(values);\r\n }}\r\n />\r\n \r\n {t(props.isCreate ? 'Create' : 'Save')}\r\n \r\n
\r\n );\r\n }}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {helperCharacters.map((char, index) => (\r\n \r\n addSpecialCharacter(char, setFieldValue, values)\r\n }\r\n />\r\n ))}\r\n {state.focusError && (\r\n Please focus on text field \r\n )}\r\n \r\n
\r\n \r\n this.props.onCancel()}\r\n onYes={() => this.props.onYes()}\r\n />\r\n\r\n
\r\n \r\n \r\n add\r\n {t('New User')}\r\n \r\n
\r\n \r\n \r\n this.props.hideInactive(e)}\r\n />\r\n \r\n \r\n this.props.hideLocked(e)}\r\n />\r\n \r\n
\r\n \r\n
\r\n ),\r\n filterValue: (cell) => (cell ? 'OK' : 'Disabled'),\r\n style: {\r\n padding: 0,\r\n verticalAlign: 'middle',\r\n },\r\n sortValue: (cell) => (cell ? 'Active' : 'Inactive'),\r\n },\r\n {\r\n dataField: 'lockStatus',\r\n text: 'Lock Status',\r\n sort: true,\r\n headerStyle: { width: 105, textAlign: 'center' },\r\n align: 'center',\r\n formatter: (cell) =>\r\n cell ? (\r\n \r\n \r\n lock\r\n \r\n
\r\n ) : null,\r\n style: {\r\n padding: 0,\r\n verticalAlign: 'middle',\r\n },\r\n sortValue: (cell) => (cell ? 'Lock' : 'NoLock'),\r\n },\r\n {\r\n dataField: 'createdDate',\r\n text: 'Created Date',\r\n sort: true,\r\n isDateTime: true,\r\n // headerStyle: { width: 170 },\r\n },\r\n ];\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let state = {};\r\n if (nextProps.configure.users !== prevState.users) {\r\n state.users = nextProps.configure.users;\r\n }\r\n // if (nextProps.configure.loading !== prevState.loading) {\r\n // state.loading = nextProps.configure.loading;\r\n // }\r\n state.errors = helper.centralizeError([nextProps.configure.errors]);\r\n return Object.keys(state).length ? state : null;\r\n }\r\n\r\n onSort = (field, order) => {\r\n // console.log(field, order);\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({ loading: true }, () =>\r\n this.props.configureActions\r\n .getUsers()\r\n .finally(() => this.setState({ loading: false })),\r\n );\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (\r\n Object.keys(this.state.selectedUser).length &&\r\n !isEqual(prevState.selectedUser, this.state.selectedUser)\r\n ) {\r\n const ctxMenuOptions = [\r\n [\r\n {\r\n name: 'Edit user',\r\n action: (row, rowIndex) => {\r\n this.props.history.push(`/configure/users/edit-user/${row.id}`);\r\n },\r\n },\r\n helper.checkPermission('API.Users.ExpirePassword') && {\r\n name: 'Expire password',\r\n action: (row, rowIndex) => {\r\n this.setState({ openModal: 1, selectedUser: row });\r\n },\r\n },\r\n helper.checkPermission('API.Users.LockUser') &&\r\n this.state.selectedUser.lockStatus === false && {\r\n name: 'Lock user',\r\n action: (row, rowIndex) => {\r\n this.setState({ openModal: 2, selectedUser: row });\r\n },\r\n },\r\n helper.checkPermission('API.Users.UnlockUser') &&\r\n this.state.selectedUser.lockStatus === true && {\r\n name: 'Unlock user',\r\n action: (row, rowIndex) => {\r\n this.setState({ openModal: 3, selectedUser: row });\r\n },\r\n },\r\n helper.checkPermission('API.Users.ActiveUser') &&\r\n this.state.selectedUser.active === false && {\r\n name: 'Mark active',\r\n action: (row, rowIndex) => {\r\n this.setState({ openModal: 4, selectedUser: row });\r\n },\r\n },\r\n helper.checkPermission('API.Users.InactiveUser') &&\r\n this.state.selectedUser.active === true && {\r\n name: 'Mark inactive',\r\n action: (row, rowIndex) => {\r\n this.setState({ openModal: 5, selectedUser: row });\r\n },\r\n },\r\n {\r\n name: 'Reset password',\r\n action: (row, rowIndex) => {\r\n this.props.history.push(\r\n `/configure/users/reset-password/${row.id}`,\r\n );\r\n },\r\n },\r\n ].filter((ctx) => typeof ctx !== 'boolean'),\r\n ];\r\n this.setState({ ctxMenuOptions });\r\n }\r\n }\r\n\r\n async doAction() {\r\n switch (this.state.openModal) {\r\n case 2:\r\n return await this.props.usersActions.lockUser(\r\n this.state.selectedUser.id,\r\n );\r\n case 3:\r\n return await this.props.usersActions.unlockUser(\r\n this.state.selectedUser.id,\r\n );\r\n case 4:\r\n return await this.props.usersActions.activeUser(\r\n this.state.selectedUser.id,\r\n );\r\n case 5:\r\n return await this.props.usersActions.inactiveUser(\r\n this.state.selectedUser.id,\r\n );\r\n default:\r\n return await this.props.usersActions.expirePassword(\r\n this.state.selectedUser.id,\r\n );\r\n }\r\n }\r\n\r\n onYes = () => {\r\n this.setState(\r\n { errors: '' },\r\n async () =>\r\n await this.doAction()\r\n .then(() => this.setState({ openModal: 0, selectedUser: {} }))\r\n .then(async () => await this.props.configureActions.getUsers())\r\n .catch((errors) => this.setState({ errors, openModal: 0 })),\r\n );\r\n };\r\n\r\n onCancel = () => {\r\n this.setState({ openModal: 0, selectedUser: {} });\r\n };\r\n\r\n hideInactive = (e) => {\r\n this.setState({ inactiveShouldHide: e.target.checked }, () => {\r\n localStorage.setItem('inactiveShouldHide', e.target.checked);\r\n });\r\n };\r\n\r\n hideLocked = (e) => {\r\n this.setState({ lockedShouldHide: e.target.checked }, () => {\r\n localStorage.setItem('lockedShouldHide', e.target.checked);\r\n });\r\n };\r\n\r\n render() {\r\n if (this.state.loading) {\r\n return (\r\n \r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n props.onCreateUser(form);\r\n }}\r\n />\r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n setFieldTouched,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n console.log(touched.roleNames, errors.roleNames);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n {t('This group is unavailable')}
\r\n\r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n setFieldTouched,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n onSubmit(values)}\r\n >\r\n {({ values, handleChange, errors, touched, handleSubmit }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n \r\n props.onCancel()}\r\n onConfirm={() => props.onDeleteRemoteDevice()}\r\n />\r\n props.onChangeDept(value)}\r\n valueKey=\"id\"\r\n labelKey=\"name\"\r\n />\r\n \r\n add\r\n {t('New Remote Device')}\r\n \r\n
\r\n \r\n \r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n {t('This remote device is unavailable')}
\r\n\r\n \r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n isValid,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n
\r\n \r\n props.onCancel()}\r\n onConfirm={() => props.onDeleteAlarmIndicator()}\r\n />\r\n props.onChangeDept(value)}\r\n valueKey=\"id\"\r\n labelKey=\"name\"\r\n />\r\n \r\n add\r\n {t('New Alarm Indicator')}\r\n \r\n
\r\n \r\n \r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n
\r\n \r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n props.onConfigureSensors(selected);\r\n }}\r\n />\r\n \r\n done\r\n {t('Configure')}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation('app')(ConfigureSensorsPage);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport ConfigureSensorsPage from './ConfigureSensorsPage';\r\nimport Backend from '../../../../Layouts/Backend';\r\nimport Loading from '../../../../Helpers/Loading';\r\nimport { configureActions } from '../../../../../actions/configure.action';\r\nimport helper from '../../../../../utils/helper';\r\n\r\nclass ConfigureSensors extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n departments: [],\r\n alarmMaps: [],\r\n loading: false,\r\n errors: '',\r\n isFetching: false,\r\n };\r\n this.columns = [\r\n { dataField: 'groupName', text: 'Group', sort: true },\r\n { dataField: 'sensorName', text: 'Sensor Name', sort: true },\r\n ];\r\n this.defaultSorted = [\r\n {\r\n dataField: 'sensorName',\r\n order: 'asc',\r\n },\r\n ];\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let state = {};\r\n if (nextProps.configure.alarmMaps !== prevState.alarmMaps) {\r\n state.alarmMaps = nextProps.configure.alarmMaps;\r\n }\r\n state.errors = helper.centralizeError([nextProps.configure.errors]);\r\n if (nextProps.configure.isSubmitting !== prevState.isSubmitting) {\r\n state.isSubmitting = nextProps.configure.isSubmitting;\r\n }\r\n if (nextProps.configure.loading !== prevState.loading) {\r\n state.loading = nextProps.configure.loading;\r\n }\r\n return Object.keys(state).length ? state : null;\r\n }\r\n\r\n async componentDidMount() {\r\n const { id } = this.props.match.params;\r\n await this.props.getAIsAlarmMaps(id);\r\n }\r\n\r\n onConfigureSensors = (ids) => {\r\n const { id } = this.props.match.params;\r\n const params = [];\r\n this.state.alarmMaps.map((alarmIndicator) => {\r\n params.push({\r\n sensorId: alarmIndicator.sensorId,\r\n checked: ids.includes(alarmIndicator.sensorId) ? true : false,\r\n });\r\n });\r\n this.props\r\n .configAlarmIndicator(id, params)\r\n .then(() => this.props.history.goBack())\r\n .catch((err) => console.log(err));\r\n };\r\n\r\n render() {\r\n const { loading } = this.state;\r\n const { id } = this.props.match.params;\r\n const { remoteName } = helper.parseQueryString(this.props.location.search);\r\n if (loading) {\r\n return (\r\n \r\n props.onCancel()}\r\n onConfirm={() => props.onDeleteSensorType()}\r\n />\r\n props.onChangeDept(value)}\r\n valueKey=\"id\"\r\n labelKey=\"name\"\r\n />\r\n \r\n add\r\n {t('New Sensor Type')}\r\n \r\n sensorType.deptId === props.deptId,\r\n ),\r\n ...datagridProps,\r\n }}\r\n ctxMenuOptions={props.ctxMenuOptions}\r\n exportProps={{\r\n fileName: 'SensorTypesSetting',\r\n }}\r\n scrollX\r\n />\r\n
\r\n \r\n {`${inOpt ? inOpt : ''}/${atRest ? atRest : ''}`}\r\n
\r\n );\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let state = {};\r\n if (nextProps.configure.sensorTypes !== prevState.sensorTypes) {\r\n state.sensorTypes = nextProps.configure.sensorTypes;\r\n }\r\n if (nextProps.lookup.departments !== prevState.departments) {\r\n state.departments = nextProps.lookup.departments;\r\n }\r\n if (nextProps.configure.loading !== prevState.loading) {\r\n state.loading = nextProps.configure.loading;\r\n }\r\n // const userDept = helper.parseQueryString(nextProps.location.search).deptId;\r\n // if (userDept && parseInt(userDept) !== state.deptId) {\r\n // state.deptId = parseInt(userDept);\r\n // }\r\n // console.log(userDept, 'userDept');\r\n state.errors = helper.centralizeError([\r\n nextProps.configure.errors,\r\n nextProps.lookup.errors,\r\n ]);\r\n return Object.keys(state).length ? state : null;\r\n }\r\n async componentDidMount() {\r\n await this.props.configureActions.getSensorTypes();\r\n this.props.lookupActions.getDepartments().then((resp) => {\r\n let deptId = helper.parseQueryString(this.props.location.search).deptId;\r\n if (deptId) {\r\n } else {\r\n deptId = helper.getUserDepartment(resp).deptId;\r\n }\r\n this.setState({ deptId: parseInt(deptId) });\r\n this.props.history.replace(`/configure/sensor-types?deptId=${deptId}`);\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const propsDept = helper.parseQueryString(\r\n this.props.location.search,\r\n ).deptId;\r\n if (propsDept && parseInt(propsDept) !== this.state.deptId) {\r\n this.setState({ deptId: parseInt(propsDept) });\r\n }\r\n }\r\n\r\n onCancel = () => {\r\n this.setState({ openModal: false, selectedRow: null });\r\n };\r\n\r\n onDeleteSensorType = () => {\r\n const { selectedRow } = this.state;\r\n this.setState(\r\n { openModal: false },\r\n async () =>\r\n await this.props.configureActions\r\n .deleteSensorType(selectedRow.id)\r\n .then(async () => await this.props.configureActions.getSensorTypes()),\r\n );\r\n };\r\n\r\n render() {\r\n if (this.state.loading) {\r\n return (\r\n \r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n props.onCreateSensorType(values);\r\n }}\r\n />\r\n \r\n {\r\n setFieldTouched('chartUnits', false);\r\n setFieldValue('chartUnits', value);\r\n }}\r\n valueKey=\"units\"\r\n labelKey=\"units\"\r\n getOptionLabel={(obj) => (\r\n \r\n
\r\n \r\n \r\n {\r\n setFieldTouched('alarmDelayType', false);\r\n setFieldValue('alarmDelayType', value);\r\n }}\r\n valueKey=\"value\"\r\n nameKey=\"label\"\r\n />\r\n {\r\n setFieldTouched('dataType', false);\r\n setFieldValue('dataType', value);\r\n }}\r\n valueKey=\"value\"\r\n nameKey=\"label\"\r\n />\r\n {\r\n setFieldTouched('units', false);\r\n setFieldValue('units', value);\r\n }}\r\n valueKey=\"units\"\r\n labelKey=\"units\"\r\n getOptionLabel={(obj) => (\r\n \r\n setFieldValue('includeInBatchReports', isCheck)\r\n }\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {obj.description}\r\n \r\n
\r\n )}\r\n invalid={touched.units}\r\n error={errors.units}\r\n />\r\n \r\n {obj.label}\r\n
\r\n\r\n )\"\r\n invalid={\r\n errors.highWarningInOperation &&\r\n touched.highWarningInOperation\r\n }\r\n />\r\n >)\"\r\n invalid={\r\n errors.highAlarmInOperation &&\r\n touched.highAlarmInOperation\r\n }\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {obj.description}\r\n \r\n
\r\n )}\r\n />\r\n \r\n {obj.label}\r\n
\r\n\r\n
\r\n \r\n);\r\n\r\nconst CustomLabel = ({ t, label, invalid, id }) => (\r\n {props.children}
\r\n \r\n
\r\n {t('This sensor type is unavailable')}
\r\n\r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n props.onEditSensorType(values);\r\n }}\r\n />\r\n \r\n \r\n {\r\n setFieldTouched('alarmDelayType', false);\r\n setFieldValue('alarmDelayType', value);\r\n }}\r\n valueKey=\"value\"\r\n nameKey=\"label\"\r\n />\r\n {\r\n setFieldTouched('dataType', false);\r\n setFieldValue('dataType', value);\r\n }}\r\n valueKey=\"value\"\r\n nameKey=\"label\"\r\n />\r\n {\r\n setFieldTouched('units', false);\r\n setFieldValue('units', value);\r\n }}\r\n valueKey=\"units\"\r\n labelKey=\"units\"\r\n getOptionLabel={(obj) => (\r\n \r\n setFieldValue('includeInBatchReports', isCheck)\r\n }\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {obj.description}\r\n \r\n
\r\n )}\r\n invalid={touched.units}\r\n error={errors.units}\r\n />\r\n \r\n {obj.label}\r\n
\r\n\r\n )\"\r\n invalid={\r\n errors.highWarningInOperation &&\r\n touched.highWarningInOperation\r\n }\r\n />\r\n >)\"\r\n invalid={\r\n errors.highAlarmInOperation &&\r\n touched.highAlarmInOperation\r\n }\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {obj.description}\r\n \r\n
\r\n )}\r\n />\r\n \r\n {obj.label}\r\n
\r\n\r\n Sensors Using this Sensor Type\r\n
\r\n\r\n
\r\n \r\n);\r\n\r\nconst CustomLabel = ({ t, label, invalid, required }) => (\r\n {props.children}
\r\n \r\n
\r\n );\r\n }\r\n function isDisabled() {\r\n return !selected.cell || !Object.keys(selected.row).length;\r\n }\r\n const [openModal, setOpenModal] = React.useState(false);\r\n const [act, setAct] = React.useState(null);\r\n const isRequireConfirmation = helper.isRequireConfirmation();\r\n function onClick(action) {\r\n if (isRequireConfirmation) {\r\n setOpenModal(true);\r\n setAct(() => () => action());\r\n } else {\r\n action();\r\n }\r\n }\r\n return (\r\n \r\n {\r\n setOpenModal(false);\r\n setAct(null);\r\n }}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n act();\r\n setAct(null);\r\n }}\r\n />\r\n \r\n setForm({\r\n groupId: value,\r\n })\r\n }\r\n valueKey=\"id\"\r\n labelKey=\"name\"\r\n />\r\n
\r\n \r\n \r\n \r\n setSelected({ ...selected, cell: e.target.value })\r\n }\r\n />\r\n \r\n \r\n onClick(() => props.onOverride(selected.cell, selected.row))\r\n }\r\n >\r\n {t('Override')}\r\n \r\n \r\n onClick(() => props.onNormal(selected.cell, selected.row))\r\n }\r\n >\r\n {t('Normal')}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n props.onChangeDept(value)}\r\n valueKey=\"id\"\r\n labelKey=\"name\"\r\n />\r\n
\r\n \r\n \r\n add\r\n {t('New Mobile Configuration')}\r\n \r\n \r\n setOnlyPub(e.target.checked)}\r\n />\r\n \r\n
\r\n \r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n props.onSubmit(values);\r\n }}\r\n />\r\n \r\n
\r\n );\r\n }}\r\n \r\n \r\n
\r\n \r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n onProceed();\r\n }}\r\n />\r\n \r\n done\r\n {t('Configure')}\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default withTranslation('app')(ConfigSensorsPage);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport mobileConfigActions from '../../../../../actions/mobileConfig.actions';\r\nimport * as mobileConfigApi from '../../../../../api/mobileConfig';\r\nimport ConfigSensorsPage from './ConfigSensorsPage';\r\nimport qs from 'qs';\r\n\r\nfunction ConfigSensors(props) {\r\n const { id } = qs.parse(props.location.search, { ignoreQueryPrefix: true });\r\n const [mobileConfig, setMobileConfig] = React.useState(null);\r\n async function getMobileConfigDetail() {\r\n mobileConfigApi\r\n .getMobileConfigDetail(id)\r\n .then((resp) => setMobileConfig(resp))\r\n .catch((err) => console.log(err));\r\n }\r\n React.useEffect(() => {\r\n props.getSensorsByMobileConfigId(id);\r\n getMobileConfigDetail();\r\n }, []);\r\n async function onConfig(values) {\r\n await props.configSensors(id, values).then(() => props.history.goBack());\r\n }\r\n return (\r\n \r\n
\r\n \r\n {helper.checkPermission('API.Reports.AlarmHistory') && (\r\n \r\n {t('Alarm History')}\r\n \r\n )}\r\n
\r\n \r\n {helper.checkPermission('API.Reports.Audits') && (\r\n \r\n {t('Audit Reports')}\r\n \r\n )}\r\n
\r\n \r\n {helper.checkPermission('API.Reports.BatchReports') && (\r\n \r\n {t('Batch Reports')}\r\n \r\n )}\r\n
\r\n \r\n {helper.checkPermission('API.Reports.GroupStatus') && (\r\n \r\n {t('Group Status')}\r\n \r\n )}\r\n
\r\n \r\n {helper.checkPermission('API.Reports.GroupStatusStatistics') && (\r\n \r\n {t('Group Status (Statistics)')}\r\n \r\n )}\r\n
\r\n \r\n {helper.checkPermission('API.Reports.LimitsChanged') && (\r\n \r\n {t('Limits Changed')}\r\n \r\n )}\r\n
\r\n \r\n {helper.checkPermission('API.Reports.MKTMonitors') && (\r\n \r\n {t('MKT Monitors')}\r\n \r\n )}\r\n
\r\n \r\n {helper.checkPermission('API.Reports.MeasurementLog') && (\r\n \r\n {t('Sensor Measurement Log')}\r\n \r\n )}\r\n
\r\n \r\n {helper.checkPermission('API.Reports.Sensor') && (\r\n \r\n {t('Sensor Report')}\r\n \r\n )}\r\n
\r\n \r\n {helper.checkPermission('API.Reports.StatisticsDetail') && (\r\n \r\n {t('Statistics Detail')}\r\n \r\n )}\r\n
\r\n \r\n {/* {helper.checkPermission('API.Reports.AlarmHistory') && (\r\n \r\n {t('Trend Chart')}\r\n \r\n )} */}\r\n \r\n {t('Trend Chart')}\r\n \r\n
\r\n \r\n {helper.checkPermission('API.Reports.UserNotes') && (\r\n \r\n {t('User Notes')}\r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n const selectRow = {\r\n mode: 'checkbox',\r\n clickToSelect: true,\r\n selected: selected,\r\n onSelect: handleSelect,\r\n onSelectAll: handleSelectAll,\r\n };\r\n\r\n function handleSelect(row, isSelect) {\r\n if (isSelect) {\r\n setSelected([...selected, row.sensorId]);\r\n } else {\r\n setSelected(selected.filter((x) => x !== row.sensorId));\r\n }\r\n }\r\n\r\n function handleSelectAll(isSelect, rows) {\r\n const ids = rows.map((r) => r.sensorId);\r\n if (isSelect) {\r\n setSelected(ids);\r\n } else {\r\n setSelected([]);\r\n }\r\n }\r\n\r\n if (groupId === undefined) {\r\n return (\r\n \r\n \r\n \r\n {\r\n setState({ ...state, from: date });\r\n }}\r\n showTimeSelect\r\n timeIntervals={props.onlyHour ? 60 : 15}\r\n timeCaption=\"Time\"\r\n dateFormat=\"MM/dd/yyyy HH:mm\"\r\n popperClassName=\"z-99\"\r\n />\r\n \r\n \r\n \r\n {\r\n setState({ ...state, to: date });\r\n }}\r\n showTimeSelect\r\n timeIntervals={props.onlyHour ? 60 : 15}\r\n timeCaption=\"Time\"\r\n dateFormat=\"MM/dd/yyyy HH:mm\"\r\n popperClassName=\"z-99\"\r\n />\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation('app')(TimeSelector);\r\n","import { Formik } from 'formik';\r\nimport React from 'react';\r\nimport { Form } from 'reactstrap';\r\nimport Backend from '../../../Layouts/Backend';\r\nimport { validationSchema } from './validation';\r\nimport Moment from 'moment';\r\nimport { withTranslation } from 'react-i18next';\r\nimport MonitoringPoints from '../../../UI/MonitoringPoints';\r\nimport TimeSelector from '../../../UI/TimeSelector';\r\nimport { connect } from 'react-redux';\r\nimport Loading from '../../../Helpers/Loading';\r\nimport lookupActions from '../../../../actions/lookup.actions';\r\nimport { reportActions } from '../../../../actions/report.actions';\r\nimport helper from '../../../../utils/helper';\r\nimport { Alert, Button, Dropdown } from '../../../UI/Common';\r\nimport { bindActionCreators } from 'redux';\r\nimport moment from 'moment';\r\nimport ReactSelect from '../../../UI/ReactSelect';\r\n\r\nfunction DefaultUI(props) {\r\n const { t } = props;\r\n const [groups, setGroups] = React.useState([]);\r\n const [errors, setErrors] = React.useState('');\r\n const [loading, setLoading] = React.useState(false);\r\n const [isFetchingReport, setFetchingReport] = React.useState(false);\r\n React.useEffect(() => {\r\n async function getGroups() {\r\n await props.reportActions.clearReport();\r\n await props.lookupActions.getGroups();\r\n }\r\n setLoading(true);\r\n getGroups();\r\n setLoading(false);\r\n }, []);\r\n React.useEffect(() => {\r\n setGroups(props.lookup.groups);\r\n }, [props.lookup.groups]);\r\n React.useEffect(() => {\r\n setErrors(\r\n helper.centralizeError([props.lookup.errors, props.report.error]),\r\n );\r\n }, [props.lookup.errors, props.report.error]);\r\n React.useEffect(() => {\r\n setFetchingReport(props.report.isFetching);\r\n }, [props.report.isFetching]);\r\n const form = {\r\n groupId: undefined,\r\n sensorIds: [],\r\n fromDate: Moment().subtract(1, 'month').toDate(),\r\n toDate: new Date(),\r\n format: 'pdf',\r\n };\r\n if (loading) {\r\n return (\r\n \r\n props.onGetReport(values)}\r\n >\r\n {({\r\n values,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n setDept({ id: value })}\r\n valueKey=\"id\"\r\n labelKey=\"name\"\r\n />\r\n \r\n history.push(\r\n `/reports/batch-reports/new-batch-report?deptId=${dept.id}`,\r\n )\r\n }\r\n >\r\n add\r\n {t('New Batch Number')}\r\n \r\n
\r\n \r\n
\r\n \r\n onGetReport('pdf')}\r\n >\r\n {t('PDF')}\r\n \r\n onGetReport('excel')}\r\n >\r\n {t('Excel')}\r\n \r\n onGetReport('word')}\r\n >\r\n {t('Word')}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default withTranslation('app')(ProcessForm);\r\n","import React from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Form, FormGroup, CustomInput } from 'reactstrap';\r\nimport { Formik, FieldArray } from 'formik';\r\nimport Backend from '../../../../Layouts/Backend';\r\nimport { Alert, Button, Input } from '../../../../UI/Common';\r\nimport validationSchema from '../validation';\r\nimport ProcessForm from './ProcessForm';\r\n\r\nfunction NewBatchReportPage({ t, ...props }) {\r\n const processForm = {\r\n process: '',\r\n beginTime: new Date(),\r\n endTime: new Date(),\r\n additional: '',\r\n filler: null,\r\n };\r\n const form = {\r\n batchNumber: '',\r\n productName: '',\r\n printCharts: true,\r\n printNotes: true,\r\n printLimitChanges: true,\r\n printApproval: true,\r\n containsNames: false,\r\n additionalField: '',\r\n daysSave: '',\r\n comments: '',\r\n processes: [Object.assign({}, processForm)],\r\n };\r\n function addProcessForm(fieldArrProps, processesArr) {\r\n if (processesArr.length + 1 <= 4) {\r\n fieldArrProps.push(processForm);\r\n }\r\n }\r\n return (\r\n \r\n {\r\n setFieldValue(`processes.${index}.filler`, value);\r\n setFieldValue(`processes.${index}.additional`, text);\r\n }}\r\n value={values.filler}\r\n valueKey=\"id\"\r\n nameKey=\"userName\"\r\n invalid={\r\n touched[prefix] &&\r\n touched[prefix][index] &&\r\n touched[prefix][index].filler\r\n }\r\n error={\r\n errors[prefix] &&\r\n errors[prefix][index] &&\r\n errors[prefix][index].filler\r\n }\r\n />\r\n ) : (\r\n
\r\n \r\n \r\n \r\n \r\n setFieldValue(`processes.${index}.beginTime`, date)\r\n }\r\n showTimeSelect\r\n timeIntervals={15}\r\n timeCaption=\"Time\"\r\n dateFormat={`MM/dd/yyyy ${timeFormat}`}\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue(`processes.${index}.endTime`, date)\r\n }\r\n showTimeSelect\r\n timeIntervals={15}\r\n timeCaption=\"Time\"\r\n dateFormat={`MM/dd/yyyy ${timeFormat}`}\r\n />\r\n \r\n
\r\n {containsNames ? (\r\n \r\n props.remove(index)}\r\n className=\"abutton\"\r\n >\r\n Remove\r\n \r\n
\r\n {/* \r\n props.onCreateBatch(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n {props.getBatchReportError}
\r\n \r\n props.onEditBatch(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n setFieldTouched,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n {props.getBatchReportError}
\r\n \r\n props.onCreateProcess({ ...values, groupIds })}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n setFieldTouched,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n {props.getBatchReportError}
\r\n {props.getProcessError}
\r\n \r\n props.onEditProcess({ ...values, groupIds })}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n setFieldTouched,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n \r\n props.onGetReport(values)}\r\n >\r\n {({\r\n values,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n props.onDeleteMktMonitor()}\r\n noBtnLabel={t('Cancel')}\r\n onNo={() => props.onCancel()}\r\n />\r\n onNew(values.deptId)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n isValid,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n <>\r\n \r\n record.departmentId === values.deptId,\r\n ),\r\n loading: isFetching,\r\n ...datagridProps,\r\n }}\r\n ctxMenuOptions={props.ctxMenuOptions}\r\n exportProps={{\r\n fileName: 'MKTMonitors',\r\n }}\r\n />\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n props.onCreateMKT(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n setFieldTouched,\r\n touched,\r\n isValid,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n {t('This MKT monitor is unavailable')}
\r\n\r\n props.onEditMKT(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldValue,\r\n setFieldTouched,\r\n touched,\r\n isValid,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n props.onRunReport(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n <>\r\n \r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n report: state.report,\r\n configure: state.configure,\r\n };\r\n}\r\n\r\nexport default withTranslation('app')(connect(mapStateToProps, null)(Summary));\r\n","import moment from 'moment';\r\n\r\nexport function formatData(dataSet, formatDate = true) {\r\n dataSet.map((data) => {\r\n function isFloat(n) {\r\n return Number(n) === n && n % 1 !== 0;\r\n }\r\n var countDecimals = function (value) {\r\n if (Math.floor(value) !== value)\r\n return value.toString().split('.')[1].length || 0;\r\n return 0;\r\n };\r\n Object.keys(data).map((key) => {\r\n if (isFloat(data[key])) {\r\n const decimals = countDecimals(data[key]);\r\n data[key] = data[key].toFixed(decimals);\r\n }\r\n });\r\n if (formatDate) {\r\n // data.timeStamp = moment(data.timeStamp, 'YYYY-MM-DDTHH:mm:ssZ').format(\r\n // 'MM/DD/YYYY HH:mm:ss',\r\n // );\r\n }\r\n });\r\n return dataSet;\r\n}\r\n","export default __webpack_public_path__ + \"static/media/download-icon.1e4efc8c.svg\";","import React from 'react';\r\nimport * as am4core from '@amcharts/amcharts4/core';\r\nimport * as am4charts from '@amcharts/amcharts4/charts';\r\nimport * as am4plugins_rangeSelector from '@amcharts/amcharts4/plugins/rangeSelector';\r\nimport am4themes_animated from '@amcharts/amcharts4/themes/animated';\r\nimport { connect } from 'react-redux';\r\nimport { formatData } from './helpers';\r\nimport { withTranslation } from 'react-i18next';\r\nimport exportIcon from './download-icon.svg';\r\n\r\nam4core.useTheme(am4themes_animated);\r\nconst dateFormat = 'MM/dd/yyyy h:mm a';\r\n\r\nfunction Chart({ t, ...props }) {\r\n const data = props.report.statisticsChart;\r\n let chart;\r\n React.useEffect(() => {\r\n chart = am4core.create('chartArea', am4charts.XYChart);\r\n drawChart();\r\n return () => {\r\n if (chart) {\r\n chart.dispose();\r\n }\r\n };\r\n });\r\n function drawChart() {\r\n var interfaceColors = new am4core.InterfaceColorSet();\r\n chart.dateFormatter.inputDateFormat = 'YYYY-MM-DDTHH:mm:ssZ';\r\n chart.dateFormatter.dateFormat = dateFormat;\r\n chart.dateFormatter.utc = true;\r\n chart.data = formatData(data);\r\n // the following line makes value axes to be arranged vertically.\r\n chart.leftAxesContainer.layout = 'vertical';\r\n\r\n let dateAxis = chart.xAxes.push(new am4charts.DateAxis());\r\n dateAxis.groupData = true;\r\n dateAxis.renderer.labels.template.rotation = 90;\r\n dateAxis.renderer.labels.template.verticalCenter = 'middle';\r\n dateAxis.renderer.labels.template.horizontalCenter = 'left';\r\n dateAxis.dateFormats.setKey('hour', dateFormat);\r\n dateAxis.dateFormats.setKey('day', dateFormat);\r\n dateAxis.periodChangeDateFormats.setKey('hour', `[bold] ${dateFormat}`);\r\n dateAxis.periodChangeDateFormats.setKey('day', `[bold] ${dateFormat}`);\r\n dateAxis.renderer.minGridDistance = 20;\r\n dateAxis.renderer.grid.template.location = 0.5;\r\n dateAxis.renderer.ticks.template.length = 8;\r\n dateAxis.renderer.ticks.template.strokeOpacity = 0.1;\r\n dateAxis.renderer.ticks.template.disabled = true;\r\n\r\n // these two lines makes the axis to be initially zoomed-in\r\n //dateAxis.start = 0.7;\r\n //dateAxis.keepSelection = true;\r\n\r\n var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());\r\n valueAxis.tooltip.disabled = true;\r\n valueAxis.zIndex = 1;\r\n valueAxis.renderer.baseGrid.disabled = true;\r\n // Set up axis\r\n valueAxis.renderer.inside = true;\r\n valueAxis.height = am4core.percent(40);\r\n valueAxis.renderer.labels.template.verticalCenter = 'bottom';\r\n valueAxis.renderer.labels.template.padding(2, 2, 2, 2);\r\n valueAxis.renderer.fontSize = '0.8em';\r\n\r\n // uncomment these lines to fill plot area of this axis with some color\r\n valueAxis.renderer.gridContainer.background.fill = interfaceColors.getFor(\r\n 'alternativeBackground',\r\n );\r\n valueAxis.renderer.gridContainer.background.fillOpacity = 0.05;\r\n\r\n var valueAxis2 = chart.yAxes.push(new am4charts.ValueAxis());\r\n valueAxis2.tooltip.disabled = true;\r\n // this makes gap between panels\r\n valueAxis2.marginTop = 50;\r\n valueAxis2.renderer.baseGrid.disabled = true;\r\n valueAxis2.renderer.inside = true;\r\n valueAxis2.height = am4core.percent(45);\r\n valueAxis2.zIndex = 3;\r\n valueAxis2.renderer.labels.template.verticalCenter = 'bottom';\r\n valueAxis2.renderer.labels.template.padding(2, 2, 2, 2);\r\n valueAxis2.renderer.fontSize = '0.8em';\r\n\r\n // uncomment these lines to fill plot area of this axis with some color\r\n valueAxis2.renderer.gridContainer.background.fill = interfaceColors.getFor(\r\n 'alternativeBackground',\r\n );\r\n valueAxis2.renderer.gridContainer.background.fillOpacity = 0.05;\r\n\r\n let candleSeries = chart.series.push(new am4charts.CandlestickSeries());\r\n candleSeries.columns.template.width = am4core.percent(60);\r\n candleSeries.dropFromOpenState.properties.fill = am4core.color('#67DC75');\r\n candleSeries.dropFromOpenState.properties.stroke = am4core.color('#67DC75');\r\n candleSeries.riseFromOpenState.properties.fill = am4core.color('#67DC75');\r\n candleSeries.riseFromOpenState.properties.stroke = am4core.color('#67DC75');\r\n // candleSeries.columns.template.fill = am4core.color('#80FFFF');\r\n candleSeries.strokeWidth = 5;\r\n candleSeries.clustered = false;\r\n candleSeries.dataFields.dateX = 'timeStamp';\r\n candleSeries.dataFields.valueY = 'stdHigh'; //close price\r\n candleSeries.dataFields.openValueY = 'stdLow'; //open price\r\n candleSeries.dataFields.lowValueY = 'minValue'; // low price\r\n candleSeries.dataFields.highValueY = 'maxValue'; //high price\r\n candleSeries.simplifiedProcessing = true;\r\n candleSeries.tooltipText =\r\n '{dateX.formatDate(\"MM/dd/yyyy h:mm a\")} \\nStd Low: [bold]{openValueY.value} {unitsTotal}[/]\\nMin Value: [bold]{lowValueY.value} {units}[/]\\nMax Value: [bold]{highValueY.value} {units}[/]\\nStd High: [bold]{valueY.value} {unitsTotal}[/]\\nAvg Value: [bold]{avgValue} {units}[/]';\r\n\r\n let series = chart.series.push(new am4charts.LineSeries());\r\n series.dataFields.dateX = 'timeStamp';\r\n series.dataFields.valueY = 'avgValue';\r\n series.name = 'Average';\r\n const bullet = series.bullets.push(new am4charts.CircleBullet());\r\n bullet.circle.stroke = am4core.color('#fff');\r\n bullet.circle.strokeWidth = 2;\r\n\r\n let columnSeries = chart.series.push(new am4charts.ColumnSeries());\r\n columnSeries.columns.template.width = am4core.percent(60);\r\n // columnSeries.columns.template.stroke = am4core.color('#80FFFF');\r\n // columnSeries.columns.template.fill = am4core.color('#80FFFF');\r\n columnSeries.clustered = false;\r\n columnSeries.dataFields.dateX = 'timeStamp';\r\n columnSeries.dataFields.valueY = 'sum';\r\n columnSeries.yAxis = valueAxis2;\r\n columnSeries.tooltipText =\r\n '{dateX.formatDate(\"MM/dd/yyyy h:mm a\")} \\nTotal: [bold]{valueY} {unitsTotal}[/]';\r\n\r\n // var topContainer = chart.chartContainer.createChild(am4core.Container);\r\n // topContainer.layout = 'absolute';\r\n // topContainer.toBack();\r\n // topContainer.paddingBottom = 15;\r\n // topContainer.width = am4core.percent(100);\r\n\r\n // var label = topContainer.createChild(am4core.Label);\r\n // label.text =\r\n // 'Temp C value Avg: 20.95 Min: 20.71 Low: 20.95 High: 20.95 Max: 21.23';\r\n // label.fontWeight = 600;\r\n // label.align = 'left';\r\n // label.paddingLeft = 10;\r\n\r\n // // var label1 = chart.createChild(am4core.Label);\r\n // // label1.text = 'C Total 0.14423';\r\n // // label1.fontWeight = 600;\r\n // // label1.isMeasured = false;\r\n // // label1.x = 0;\r\n // // label1.y = am4core.percent(50);\r\n // // label1.align = 'left';\r\n // // label1.paddingLeft = 10;\r\n\r\n chart.cursor = new am4charts.XYCursor();\r\n chart.cursor.xAxis = dateAxis;\r\n\r\n let scrollbarX = new am4charts.XYChartScrollbar();\r\n // scrollbarX.series.push(series);\r\n // scrollbarX.series.push(candleSeries);\r\n scrollbarX.series.push(columnSeries);\r\n scrollbarX.marginBottom = 20;\r\n scrollbarX.scrollbarChart.xAxes.getIndex(\r\n 0,\r\n ).renderer.labels.template.disabled = true;\r\n scrollbarX.scrollbarChart.xAxes.getIndex(\r\n 0,\r\n ).renderer.grid.template.disabled = true;\r\n chart.scrollbarX = scrollbarX;\r\n\r\n let selector = new am4plugins_rangeSelector.DateAxisRangeSelector();\r\n selector.container = document.getElementById('selectordiv');\r\n selector.inputDateFormat = 'MM/dd/yyyy HH:mm:ss';\r\n selector.periods = [\r\n {\r\n name: 'Hour',\r\n interval: { timeUnit: 'hour', count: 1 },\r\n },\r\n {\r\n name: 'Day',\r\n interval: { timeUnit: 'day', count: 1 },\r\n },\r\n {\r\n name: 'Month',\r\n interval: { timeUnit: 'month', count: 1 },\r\n },\r\n {\r\n name: 'Year',\r\n interval: { timeUnit: 'year', count: 1 },\r\n },\r\n {\r\n name: 'MAX',\r\n interval: 'max',\r\n },\r\n ];\r\n selector.axis = dateAxis;\r\n\r\n chart.exporting.menu = new am4core.ExportMenu();\r\n chart.exporting.menu.items[0].icon = exportIcon;\r\n chart.exporting.dateFields.push('timeStamp');\r\n chart.exporting.dateFormat = dateFormat;\r\n chart.exporting.filePrefix = 'StatisticsDetail-Chart';\r\n }\r\n return (\r\n \r\n {props.configure.group.statisticsReportHeading}\r\n
\r\n\r\n
\r\n );\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n report: state.report,\r\n };\r\n}\r\n\r\nexport default withTranslation('app')(connect(mapStateToProps, null)(Chart));\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Datagrid from '../../../../UI/Datagrid';\r\n// import moment from 'moment';\r\nimport { formatData } from './helpers';\r\n\r\nfunction Details(props) {\r\n function getFirstColText() {\r\n switch (props.groupHours) {\r\n case '1':\r\n return 'Hour';\r\n case '24':\r\n return 'Day';\r\n case '168':\r\n return 'Week';\r\n default:\r\n return 'Month';\r\n }\r\n }\r\n const columns = [\r\n {\r\n dataField: 'timeStamp',\r\n text: getFirstColText(),\r\n sort: true,\r\n isDateTime: true,\r\n },\r\n {\r\n dataField: 'avgValue',\r\n text: 'Avg Value',\r\n sort: true,\r\n formatter: (cell, row) => `${row.avgValue} ${row.units}`,\r\n },\r\n {\r\n dataField: 'minValue',\r\n text: 'Min Value',\r\n sort: true,\r\n formatter: (cell, row) => `${row.minValue} ${row.units}`,\r\n },\r\n {\r\n dataField: 'timeStampMin',\r\n text: 'Min Time',\r\n sort: true,\r\n isDateTime: true,\r\n headerStyle: { width: 150 },\r\n },\r\n {\r\n dataField: 'maxValue',\r\n text: 'Max Value',\r\n sort: true,\r\n formatter: (cell, row) => `${row.maxValue} ${row.units}`,\r\n },\r\n {\r\n dataField: 'timeStampMax',\r\n text: 'Max Time',\r\n sort: true,\r\n isDateTime: true,\r\n headerStyle: { width: 150 },\r\n },\r\n {\r\n dataField: 'sum',\r\n text: 'Total',\r\n sort: true,\r\n formatter: (cell, row) => `${row.sum} ${row.unitsTotal}`,\r\n },\r\n ];\r\n const defaultSorted = [\r\n {\r\n dataField: 'day',\r\n order: 'desc',\r\n },\r\n ];\r\n // function dateFormatter(cell) {\r\n // return moment(cell, 'YYYY-MM-DDTHH:mm:ssZ').format('MM/DD/YYYY HH:mm:ss');\r\n // }\r\n return (\r\n {data.name}
\r\n {/* {data.length > 2000 && (\r\n \r\n {`${t('Attention')}: ${t(\r\n 'Results show only first 2000 data points for range selected',\r\n )}`}\r\n \r\n )} */}\r\n\r\n
\r\n );\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return {\r\n report: state.report,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, null)(Details);\r\n","import React from 'react';\r\nimport Backend from '../../../../Layouts/Backend';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport Summary from './Summary';\r\nimport Chart from './Chart';\r\nimport Details from './Details';\r\nimport qs from 'qs';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { reportActions } from '../../../../../actions/report.actions';\r\nimport { configureActions } from '../../../../../actions/configure.action';\r\nimport helper from '../../../../../utils/helper';\r\n\r\nfunction SDResult({ configure, ...props }) {\r\n const [activeTab, setActiveTab] = React.useState('summary');\r\n const { groupHours } = helper.parseQueryString(props.location.search) || '1';\r\n const toggle = (tab) => {\r\n if (activeTab !== tab) setActiveTab(tab);\r\n };\r\n const [selected, setSelected] = React.useState({\r\n key: [],\r\n row: {},\r\n });\r\n React.useEffect(() => {\r\n const { groupId, sensorIds, fromDate, toDate, groupHours } = qs.parse(\r\n props.location.search,\r\n {\r\n ignoreQueryPrefix: true,\r\n },\r\n );\r\n async function getSummary() {\r\n await props.reportActions.getStatisticsSummary({\r\n sensorIds,\r\n fromDate,\r\n toDate,\r\n });\r\n }\r\n async function getChart() {\r\n await props.reportActions.getStatisticsChart(selected.row.sensorId, {\r\n fromDate,\r\n toDate,\r\n groupHours,\r\n });\r\n }\r\n async function getDetails() {\r\n await props.reportActions.getStatisticsDetails(selected.row.sensorId, {\r\n fromDate,\r\n toDate,\r\n groupHours,\r\n });\r\n }\r\n async function getGroup() {\r\n await props.configureActions.getSpecificGroup(groupId);\r\n }\r\n switch (activeTab) {\r\n case 'summary':\r\n getSummary();\r\n getGroup();\r\n break;\r\n case 'chart':\r\n getChart();\r\n break;\r\n default:\r\n getDetails();\r\n break;\r\n }\r\n }, [activeTab]);\r\n return (\r\n \r\n \r\n\r\n \r\n \r\n setSelected(selected)} />\r\n \r\n \r\n {activeTab === 'chart' && (\r\n \r\n \r\n {activeTab === 'details' && \r\n \r\n
\r\n }\r\n
\r\n
\r\n );\r\n };\r\n\r\n const selectRow = {\r\n mode: 'checkbox',\r\n clickToSelect: true,\r\n selected: selected,\r\n onSelect: handleSelect,\r\n onSelectAll: handleSelectAll,\r\n };\r\n\r\n function handleSelect(row, isSelect) {\r\n if (isSelect) {\r\n setSelected([...selected, row.sensorId]);\r\n } else {\r\n setSelected(selected.filter((x) => x !== row.sensorId));\r\n }\r\n }\r\n\r\n function handleSelectAll(isSelect, rows) {\r\n const ids = rows.map((r) => r.sensorId);\r\n if (isSelect) {\r\n setSelected(ids);\r\n } else {\r\n setSelected([]);\r\n }\r\n }\r\n\r\n if (groupId === undefined) {\r\n return (\r\n \r\n \r\n \r\n {\r\n setState({ ...state, from: date });\r\n }}\r\n showTimeSelect\r\n timeIntervals={props.onlyHour ? 60 : 15}\r\n timeCaption=\"Time\"\r\n dateFormat=\"MM/dd/yyyy HH:mm\"\r\n popperClassName=\"z-99\"\r\n />\r\n \r\n \r\n \r\n {\r\n setState({ ...state, to: date });\r\n }}\r\n showTimeSelect\r\n timeIntervals={props.onlyHour ? 60 : 15}\r\n timeCaption=\"Time\"\r\n dateFormat=\"MM/dd/yyyy HH:mm\"\r\n popperClassName=\"z-99\"\r\n />\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation('app')(TimeSelector);\r\n","import React from 'react';\r\nimport Backend from '../../../Layouts/Backend';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { Form } from 'reactstrap';\r\nimport { useFormik } from 'formik';\r\nimport { validationSchema } from './validation';\r\nimport Moment from 'moment';\r\nimport MonitoringPoints from '../../../UI/MonitoringPoints/MonitoringPointsV2';\r\nimport TimeSelector from '../../../UI/TimeSelector/TimeSelectorV2';\r\nimport { Alert, Button, Dropdown } from '../../../UI/Common';\r\nimport helper from '../../../../utils/helper';\r\nimport ReactSelect from '../../../UI/ReactSelect';\r\n\r\nfunction generateObjectFromURL(search) {\r\n const {\r\n groupId,\r\n sensorIds,\r\n fromDate = Moment().startOf('month').toDate(),\r\n toDate = new Date(),\r\n timeId = 7,\r\n } = helper.parseQueryString(search);\r\n return { groupId, sensorIds, fromDate, toDate, timeId };\r\n}\r\n\r\nconst TrendChartPage = (props) => {\r\n const { t, isFetchingReport, errors: errs, groups, history } = props;\r\n const params = generateObjectFromURL(props.location.search);\r\n const {\r\n values,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n } = useFormik({\r\n // enableReinitialize: true,\r\n initialValues: params,\r\n validationSchema,\r\n onSubmit: () => props.onRunReport(values),\r\n });\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n e.preventDefault();\r\n onClick('pdf');\r\n }}\r\n >\r\n {t('PDF')}\r\n \r\n {\r\n e.preventDefault();\r\n onClick('excel');\r\n }}\r\n >\r\n {t('Excel')}\r\n \r\n {\r\n e.preventDefault();\r\n onClick('word');\r\n }}\r\n >\r\n {t('Word')}\r\n \r\n {\r\n e.preventDefault();\r\n onClick('csv');\r\n }}\r\n >\r\n CSV\r\n \r\n
\r\n \r\n {/* {' '}\r\n {' '}\r\n {' '}\r\n {' '}\r\n \r\n Page{' '}\r\n \r\n {pageIndex + 1} of {pageOptions.length}\r\n {' '}\r\n \r\n \r\n | Go to page:{' '}\r\n {\r\n const page = e.target.value ? Number(e.target.value) - 1 : 0;\r\n gotoPage(page);\r\n }}\r\n style={{ width: '100px' }}\r\n />\r\n {' '}\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 30, 40, 50].map((pageSize) => (\r\n \r\n ))}\r\n */}\r\n
\r\n );\r\n}\r\n\r\nexport const EditableCell = ({\r\n value: initialValue,\r\n row: { index },\r\n column: { id },\r\n updateMyData, // This is a custom function that we supplied to our table instance\r\n}) => {\r\n // We need to keep and update the state of the cell normally\r\n const [value, setValue] = React.useState(initialValue);\r\n\r\n const onChange = (e) => {\r\n setValue(e.target.value);\r\n };\r\n\r\n // We'll only update the external data when the input is blurred\r\n const onBlur = () => {\r\n updateMyData(index, id, value);\r\n };\r\n\r\n // If the initialValue is changed external, sync it up with our state\r\n React.useEffect(() => {\r\n setValue(initialValue);\r\n }, [initialValue]);\r\n\r\n return ;\r\n};\r\n","import React from 'react';\r\nimport { CustomInput } from 'reactstrap';\r\n\r\nexport const IndeterminateCheckbox = React.forwardRef(\r\n ({ indeterminate, id, ...rest }, ref) => {\r\n const defaultRef = React.useRef();\r\n const resolvedRef = ref || defaultRef;\r\n\r\n React.useEffect(() => {\r\n resolvedRef.current.indeterminate = indeterminate;\r\n }, [resolvedRef, indeterminate]);\r\n // console.log(resolvedRef);\r\n return (\r\n \r\n
\r\n );\r\n },\r\n // The cell can use the individual row's getToggleRowSelectedProps method\r\n // to the render a checkbox\r\n Cell: ({ row }) => {\r\n // console.log(row);\r\n return (\r\n \r\n
\r\n );\r\n },\r\n },\r\n ...columns,\r\n ]);\r\n}\r\n","import React from 'react';\r\nimport { Button } from 'reactstrap';\r\nimport './index.scss';\r\n\r\nconst sizeOptions = [\r\n { value: 25, text: 25 },\r\n { value: 50, text: 50 },\r\n { value: 100, text: 100 },\r\n { value: 200, text: 200 },\r\n];\r\nconst total = 10000;\r\nconst Pagination = ({\r\n pageSize,\r\n pageIndex,\r\n page,\r\n canPreviousPage,\r\n canNextPage,\r\n pageOptions,\r\n pageCount,\r\n gotoPage,\r\n nextPage,\r\n previousPage,\r\n setPageSize,\r\n}) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Pagination;\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './ContextMenu.css';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nclass ContextMenu extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n opacity: 0,\r\n height: 0,\r\n width: 0,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n document.addEventListener('mousedown', this.handleClickOutside, true);\r\n const { clientHeight, clientWidth } = document.getElementsByClassName(\r\n 'context-menu',\r\n )[0];\r\n this.setState({ height: clientHeight, width: clientWidth });\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('mousedown', this.handleClickOutside, true);\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let update = {};\r\n if (nextProps.isOpen && prevState.opacity !== 1) {\r\n update.opacity = 1;\r\n } else if (!nextProps.isOpen && prevState.opacity !== 0) {\r\n update.opacity = 0;\r\n }\r\n return Object.keys(update).length ? update : null;\r\n }\r\n\r\n handleClickOutside = (event) => {\r\n if (!this.props.isOpen) return;\r\n const innerDom = document.getElementsByClassName('context-menu')[0];\r\n if (!innerDom || !innerDom.contains(event.target)) {\r\n this.setState({ opacity: 0 }, () => this.props.toggleFunc());\r\n }\r\n };\r\n\r\n getMenuPosition = (x = 0, y = 0) => {\r\n if (!this.props.isOpen) return { top: -1, left: -1 };\r\n let menuStyles = { top: y, left: x };\r\n const { width, height } = this.state;\r\n const { innerWidth, innerHeight } = window;\r\n if (y + height > innerHeight) menuStyles.top -= height;\r\n if (x + width > innerWidth) menuStyles.left -= width;\r\n\r\n if (menuStyles.top < 0) {\r\n menuStyles.top = height < innerHeight ? (innerHeight - height) / 2 : 0;\r\n }\r\n\r\n if (menuStyles.left < 0) {\r\n menuStyles.left = width < innerWidth ? (innerWidth - width) / 2 : 0;\r\n }\r\n return menuStyles;\r\n };\r\n\r\n renderContextItem = () => {\r\n const { options, actionData, actionIndex, t } = this.props;\r\n let selectEles = options.map((select, index) => {\r\n return (\r\n \r\n
\r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n Previous\r\n \r\n
\r\n \r\n \r\n Page{' '}\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[25, 50, 100, 200, 1000].map((pageSize) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n {\r\n const page = e.target.value ? Number(e.target.value) - 1 : 0;\r\n gotoPage(page);\r\n }}\r\n />\r\n
{' '}\r\n of {pageOptions.length}\r\n \r\n \r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n Next\r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n render() {\r\n const { coord } = this.props;\r\n let style = { opacity: this.state.opacity, top: -200, left: -200 };\r\n if (coord) {\r\n style = Object.assign(style, this.getMenuPosition(coord.x, coord.y));\r\n }\r\n return (\r\n - {selectEles}
\r\n {this.renderContextItem()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation('app')(ContextMenu);\r\n\r\nContextMenu.propTypes = {\r\n //array of array of objects, which contains action name and its binding function\r\n options: PropTypes.array.isRequired,\r\n isOpen: PropTypes.bool.isRequired,\r\n toggleFunc: PropTypes.func.isRequired,\r\n coord: PropTypes.object,\r\n actionData: PropTypes.object,\r\n actionIndex: PropTypes.number,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n useTable,\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination,\r\n useRowSelect,\r\n useFlexLayout,\r\n} from 'react-table';\r\nimport { withTranslation } from 'react-i18next';\r\nimport {\r\n LoadingCell,\r\n NoResultCell,\r\n GlobalFilter,\r\n EditableCell,\r\n} from './helper';\r\nimport { renderSelectionColumn } from './SelectionColumn';\r\nimport Pagination from './Pagination';\r\nimport ContextMenu from './ContextMenu';\r\n\r\nconst Table = ({ selectRow, hasPagination, ...props }) => {\r\n const data = React.useMemo(() => props.data, []);\r\n const columns = React.useMemo(() => props.columns, []);\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n rows,\r\n prepareRow,\r\n page,\r\n canPreviousPage,\r\n canNextPage,\r\n pageOptions,\r\n pageCount,\r\n gotoPage,\r\n nextPage,\r\n previousPage,\r\n setPageSize,\r\n selectedFlatRows,\r\n state: { pageIndex, pageSize, globalFilter, selectedRowIds },\r\n preGlobalFilteredRows,\r\n setGlobalFilter,\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n defaultColumn,\r\n initialState: { pageSize: 25, pageIndex: 0 },\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination,\r\n useRowSelect,\r\n (hooks) => {\r\n selectRow && renderSelectionColumn(hooks);\r\n },\r\n useFlexLayout,\r\n );\r\n const defaultColumn = {\r\n Cell: EditableCell,\r\n };\r\n const [ctxMenu, setCtxMenu] = React.useState({\r\n openCtxMenu: false,\r\n ctxMenuCoord: null,\r\n ctxMenuRow: null,\r\n ctxMenuIdx: null,\r\n });\r\n const toggleContextMenu = (e, row, rowIndex, cell) => {\r\n let update = { openCtxMenu: !ctxMenu.openCtxMenu };\r\n if (e) {\r\n e.preventDefault();\r\n update = Object.assign(update, {\r\n ctxMenuCoord: { x: e.clientX, y: e.clientY },\r\n });\r\n }\r\n setCtxMenu({\r\n ...update,\r\n ctxMenuRow: row,\r\n ctxMenuIdx: rowIndex,\r\n });\r\n };\r\n React.useEffect(() => {\r\n const { onSelect, onSelectAll } = selectRow;\r\n if (onSelect) {\r\n selectRow.onSelect(selectedFlatRows);\r\n }\r\n if (onSelectAll) {\r\n selectRow.onSelect(selectedFlatRows);\r\n }\r\n }, [selectedRowIds]);\r\n function renderTbody() {\r\n if (props.loading) {\r\n return \r\n {props.ctxMenuOptions ? (\r\n
\r\n\r\n \r\n {headerGroups.map((headerGroup) => (\r\n \r\n {headerGroup.headers.map((column) => (\r\n \r\n {column.render('Header')}{' '}\r\n {/* Add a sort direction indicator */}\r\n \r\n {column.isSorted\r\n ? column.isSortedDesc\r\n ? 'arrow_downward'\r\n : 'arrow_upward'\r\n : ''}\r\n \r\n \r\n ))}\r\n \r\n ))}\r\n \r\n {renderTbody()}\r\n \r\n {hasPagination && (\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n data: PropTypes.array.isRequired,\r\n columns: PropTypes.array.isRequired,\r\n};\r\nTable.defaultProps = {\r\n hasPagination: false,\r\n};\r\nexport default withTranslation('app')(Table);\r\n","import React from 'react';\r\nimport Backend from '../../Layouts/Backend';\r\nimport Table from '../../UI/Table';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\nconst TablePage = (props) => {\r\n const ctxMenuOptions = [\r\n {\r\n name: 'Edit',\r\n action: (row, rowIndex) => {},\r\n },\r\n { name: 'Delete' },\r\n ];\r\n const selectRow = {\r\n selected: [],\r\n onSelect: handleSelectRow,\r\n onSelectAll: handleSelectAllRow,\r\n };\r\n const handleSelectRow = (row) => {};\r\n const handleSelectAllRow = () => {};\r\n return (\r\n \r\n
\r\n
\r\n \r\n 
\r\n
\r\n {t('Please update your password')}
\r\n\r\n props.onCancel()}\r\n onConfirm={() => props.onDeleteScheduledReport()}\r\n />\r\n props.onChangeDept(value)}\r\n valueKey=\"id\"\r\n labelKey=\"name\"\r\n />\r\n \r\n add\r\n {t('New Scheduled Report')}\r\n \r\n s.departmentId === props.deptId,\r\n ),\r\n loading: isFetching,\r\n ...datagridProps,\r\n }}\r\n ctxMenuOptions={props.ctxMenuOptions}\r\n exportProps={{\r\n fileName: 'ScheduledReports',\r\n }}\r\n />\r\n
\r\n \r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n
\r\n {t('This scheduled report is unavailable')}
\r\n\r\n
\r\n \r\n onSubmit(values)}\r\n >\r\n {({\r\n values,\r\n handleChange,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue,\r\n touched,\r\n handleSubmit,\r\n }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withTranslation('app')(EditScheduledReportPage);\r\n","import React from 'react';\r\nimport EditScheduledReportPage from './EditScheduledReportPage';\r\nimport { connect } from 'react-redux';\r\nimport { configureActions } from '../../../../../actions/configure.action';\r\nimport { isEqual } from 'lodash';\r\nimport helper from '../../../../../utils/helper';\r\nimport lookupActions from '../../../../../actions/lookup.actions';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nclass EditScheduledReport extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n scheduledReport: {},\r\n getScheduledReportError: {},\r\n groups: [],\r\n sensorTypes: [],\r\n isFetching: false,\r\n isSubmitting: false,\r\n errors: '',\r\n };\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let state = {};\r\n // if (nextProps.configure.scheduledReport !== prevState.scheduledReport) {\r\n // state.scheduledReport = nextProps.configure.scheduledReport;\r\n // }\r\n if (nextProps.configure.sensorTypes !== prevState.sensorTypes) {\r\n state.sensorTypes = nextProps.configure.sensorTypes;\r\n }\r\n if (nextProps.lookup.groups !== prevState.groups) {\r\n state.groups = nextProps.lookup.groups;\r\n }\r\n if (\r\n nextProps.configure.getScheduledReportError !==\r\n prevState.getScheduledReportError\r\n ) {\r\n state.getScheduledReportError =\r\n nextProps.configure.getScheduledReportError;\r\n }\r\n state.errors = helper.centralizeError([\r\n nextProps.configure.errors,\r\n nextProps.lookup.errors,\r\n ]);\r\n if (nextProps.configure.isFetching !== prevState.isFetching) {\r\n state.isFetching = nextProps.configure.isFetching;\r\n }\r\n if (nextProps.configure.isSubmitting !== prevState.isSubmitting) {\r\n state.isSubmitting = nextProps.configure.isSubmitting;\r\n }\r\n return Object.keys(state).length ? state : null;\r\n }\r\n\r\n async componentDidMount() {\r\n const { id } = this.props.match.params;\r\n await this.props.lookupActions.getGroupsForScheduledReports();\r\n await this.props.configureActions\r\n .getSpecificScheduledReport(id)\r\n .then((resp) => {\r\n this.setState(\r\n { scheduledReport: resp },\r\n async () =>\r\n await this.props.configureActions.getSensorTypesByReports(\r\n resp.groupId,\r\n ),\r\n );\r\n });\r\n }\r\n\r\n onChangeGroup = async (groupId) => {\r\n await this.props.configureActions.getSensorTypesByReports(groupId);\r\n };\r\n\r\n onEditScheduledReport = (values) => {\r\n const _values = Object.assign({}, values);\r\n _values.typeIds = _values.typeIds.join(',');\r\n _values.emailList = _values.emailList.split('\\n').join(',');\r\n const { id, departmentId } = this.props.match.params;\r\n this.props.configureActions\r\n .editScheduledReport(id, {\r\n ..._values,\r\n departmentId,\r\n })\r\n .then(() => this.props.history.goBack())\r\n .catch((err) => console.log(err));\r\n };\r\n render() {\r\n const { scheduledReport, groups } = this.state;\r\n const _scheduledReport = Object.assign({}, scheduledReport);\r\n if (Object.keys(_scheduledReport).length) {\r\n if (groups.length) {\r\n const group = groups.filter(\r\n (group) => group.id === _scheduledReport.groupId,\r\n );\r\n if (group.length) {\r\n _scheduledReport.groupName = group[0].name;\r\n } else {\r\n _scheduledReport.groupName = '';\r\n }\r\n }\r\n if (_scheduledReport.emailList) {\r\n _scheduledReport.emailList = _scheduledReport.emailList\r\n .split(',')\r\n .join('\\n');\r\n }\r\n if (\r\n scheduledReport.typeIds &&\r\n typeof scheduledReport.typeIds === 'string'\r\n ) {\r\n _scheduledReport.typeIds = scheduledReport.typeIds.split(',');\r\n _scheduledReport.typeIds.map(\r\n (id, index) => (_scheduledReport.typeIds[index] = parseInt(id)),\r\n );\r\n }\r\n }\r\n return (\r\n \r\n \r\n {t(label)}\r\n \r\n
\r\n );\r\n}\r\nconst MenuItem = withTranslation('app')(MItem);\r\nexport default () => (\r\n \r\n {helper.checkPermission('API.Department') && (\r\n
\r\n \r\n \r\n handleClick(document.name)}\r\n className={`configure-item ${\r\n isDownloading === document.name ? 'incompleted' : ''\r\n }`}\r\n style={{ cursor: 'pointer' }}\r\n >\r\n {document.name}\r\n \r\n {isDownloading === document.name ? (\r\n
\r\n ))}\r\n \r\n \r\n
\r\n {this.props.t('This unit is unavailable')}
\r\n\r\n
\r\n Edit Sensor for Group: {group.name}
\r\n \r\n\r\n props.onChangeDept(value)}\r\n valueKey=\"id\"\r\n labelKey=\"name\"\r\n />\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default withTranslation('app')(MapComponentLibrary);\r\n","export const ItemTypes = {\r\n SHAPE: 'shape',\r\n};\r\n","import React from 'react';\r\nimport { Input } from '../../../../../UI/Common';\r\n\r\nconst ShapeCommonPropertiesForm = ({\r\n values: { position, dimension, ...values },\r\n handleChange,\r\n setFieldValue,\r\n touched,\r\n errors,\r\n ...props\r\n}) => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {t('Background')}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {t('Shapes')}\r\n
\r\n \r\n {shapes && shapes.length ? (\r\n
\r\n )}\r\n \r\n ))}\r\n {provided.placeholder}\r\n \r\n \r\n \r\n {(provided, snapshot) => (\r\n \r\n {shapes.map((shape, index) => (\r\n \r\n {(provided, snapshot) => (\r\n \r\n
\r\n \r\n props.onRemoveShape(shape)}\r\n >\r\n delete_outline\r\n \r\n props.onSelectShape(shape)}\r\n >\r\n \r\n {shape.name}\r\n \r\n \r\n \r\n drag_handle\r\n
\r\n \r\n e.target.select()}\r\n value={position.left}\r\n invalid={touched.position && touched.position['left']}\r\n error={errors.position && errors.position['left']}\r\n />\r\n e.target.select()}\r\n value={position.top}\r\n invalid={touched.position && touched.position['top']}\r\n error={errors.position && errors.position['top']}\r\n />\r\n
\r\n \r\n \r\n setFieldValue('dimension.width', e.target.valueAsNumber)\r\n }\r\n onFocus={(e) => e.target.select()}\r\n value={dimension.width}\r\n invalid={touched.dimension && touched.dimension['width']}\r\n error={errors.dimension && errors.dimension['width']}\r\n />\r\n \r\n setFieldValue('dimension.height', e.target.valueAsNumber)\r\n }\r\n onFocus={(e) => e.target.select()}\r\n value={dimension.height}\r\n invalid={touched.dimension && touched.dimension['height']}\r\n error={errors.dimension && errors.dimension['height']}\r\n />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ShapeCommonPropertiesForm;\r\n","import React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { CustomInput } from 'reactstrap';\r\nimport { Dropdown, DropdownV2, Input } from '../../../../../UI/Common';\r\nimport ReactSelect from '../../../../../UI/ReactSelect';\r\n\r\nconst divStyle = {\r\n marginTop: 10,\r\n marginBottom: 15,\r\n backgroundColor: 'rgba(0,0,0,.1)',\r\n width: '100%',\r\n height: 1,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n};\r\nconst tagLocation = ['None', 'Top', 'Right', 'Bottom', 'Left'];\r\nconst MultiPropertiesForm = ({\r\n values: { position, dimension, ...values },\r\n handleChange,\r\n setFieldValue,\r\n touched,\r\n errors,\r\n sensors,\r\n}) => {\r\n const { t } = useTranslation('app');\r\n const tagLocGenerator = () => {\r\n let result = [];\r\n tagLocation.forEach((loc) => {\r\n const tagLoc = {\r\n value: loc,\r\n label: loc,\r\n };\r\n result.push(tagLoc);\r\n });\r\n return result;\r\n };\r\n function getSensorName(sensorId) {\r\n const index = sensors.findIndex((sensor) => sensor.sensorId === sensorId);\r\n return sensors[index].name;\r\n }\r\n function displayFormat(sensorId) {\r\n const result = sensors.filter((sensor) => sensor.sensorId === sensorId)[0];\r\n if (!result) return '';\r\n const groupName = result.groupName.trim();\r\n const sensorName = result.name.trim();\r\n return `(${groupName}) ${sensorName}`;\r\n }\r\n return (\r\n <>\r\n \r\n e.target.select()}\r\n value={values.tagBackGroundColor}\r\n />\r\n
\r\n \r\n \r\n {t('Tag properties')}\r\n \r\n
\r\n \r\n setFieldValue('tagLocation', location)}\r\n containerProps={{\r\n style: { width: '75%' },\r\n }}\r\n toggleProps={{\r\n style: { width: '100%' },\r\n }}\r\n />\r\n e.target.select()}\r\n value={values.tagBoxSize}\r\n />\r\n
\r\n \r\n e.target.select()}\r\n value={values.tagText}\r\n />\r\n e.target.select()}\r\n value={values.tagFontSize}\r\n />\r\n
\r\n \r\n e.target.select()}\r\n value={values.tagFontName}\r\n />\r\n e.target.select()}\r\n value={values.tagTextColor}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {t('Border properties')}\r\n \r\n
\r\n \r\n e.target.select()}\r\n value={values.borderSize}\r\n />\r\n e.target.select()}\r\n value={values.borderColor}\r\n />\r\n e.target.select()}\r\n value={values.borderStyle}\r\n />\r\n
\r\n \r\n \r\n setFieldValue(\r\n 'valueBackGroundColor',\r\n e.target.checked ? 'alarm' : '',\r\n )\r\n }\r\n />\r\n e.target.select()}\r\n value={values.valueBackGroundColor}\r\n />\r\n {\r\n setFieldValue('sensorId', value);\r\n setFieldValue('sensorName', getSensorName(value));\r\n }}\r\n valueKey=\"sensorId\"\r\n labelKey=\"name\"\r\n getOptionLabel={(obj) => `(${obj.groupName}) ${obj.name}`}\r\n singleValueStyle={{ whiteSpace: 'break-word' }}\r\n />\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default MultiPropertiesForm;\r\n","import React from 'react';\r\nimport { useDrag } from 'react-dnd';\r\nimport { getEmptyImage } from 'react-dnd-html5-backend';\r\nimport { ItemTypes } from './ItemTypes';\r\n\r\nconst MultiShape = ({\r\n shape: { position, dimension, ...shape },\r\n isSelected,\r\n ...props\r\n}) => {\r\n const [{ isDragging }, drag, preview] = useDrag(\r\n () => ({\r\n type: ItemTypes.SHAPE,\r\n item: {\r\n id: shape.id,\r\n position,\r\n name: shape.name,\r\n },\r\n collect: (monitor) => ({\r\n isDragging: monitor.isDragging(),\r\n }),\r\n }),\r\n [shape.id, position.left, position.top, shape.name],\r\n );\r\n React.useEffect(() => {\r\n preview(getEmptyImage(), { captureDraggingState: true });\r\n }, []);\r\n let className = isSelected ? 'map-editor-shape--selected d-flex' : 'd-flex';\r\n let tagBoxStyle = {};\r\n const tagBoxSizeFormula = `calc(${shape.tagBoxSize}% - 0.5px)`;\r\n if (shape.tagLocation !== 'None') {\r\n switch (shape.tagLocation) {\r\n case 'Top':\r\n className += ' flex-column';\r\n tagBoxStyle.width = '100%';\r\n tagBoxStyle.height = tagBoxSizeFormula;\r\n break;\r\n case 'Right':\r\n className += ' flex-row-reverse';\r\n tagBoxStyle.height = '100%';\r\n tagBoxStyle.width = tagBoxSizeFormula;\r\n break;\r\n case 'Bottom':\r\n className += ' flex-column-reverse';\r\n tagBoxStyle.width = '100%';\r\n tagBoxStyle.height = tagBoxSizeFormula;\r\n break;\r\n default:\r\n className += ' flex-row';\r\n tagBoxStyle.height = '100%';\r\n tagBoxStyle.width = tagBoxSizeFormula;\r\n break;\r\n }\r\n }\r\n function getBorderBox(type) {\r\n let attr = '';\r\n let _attr = '';\r\n switch (shape.tagLocation) {\r\n case 'Top':\r\n attr = 'borderBottom';\r\n _attr = 'borderTop';\r\n break;\r\n case 'Right':\r\n attr = 'borderLeft';\r\n _attr = 'borderRight';\r\n break;\r\n case 'Bottom':\r\n attr = 'borderTop';\r\n _attr = 'borderBottom';\r\n break;\r\n case 'Left':\r\n attr = 'borderRight';\r\n _attr = 'borderLeft';\r\n break;\r\n default:\r\n break;\r\n }\r\n if (type === 0) {\r\n return Object.assign({}, { [attr]: '0.5px solid black' });\r\n } else {\r\n return Object.assign({}, { [_attr]: '0.5px solid black' });\r\n }\r\n }\r\n return (\r\n \r\n \r\n {t('Value properties')}\r\n \r\n
\r\n \r\n e.target.select()}\r\n value={values.valueFontSize}\r\n />\r\n e.target.select()}\r\n value={values.valueTextColor}\r\n />\r\n e.target.select()}\r\n value={values.valueFontName}\r\n />\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default withTranslation('app')(MapDrawingZone);\r\n","import React from 'react';\r\nimport { CustomInput } from 'reactstrap';\r\nimport { Dropdown, Input } from '../../../../../UI/Common';\r\nimport ReactSelect from '../../../../../UI/ReactSelect';\r\n\r\nconst SquarePropertiesForm = ({\r\n values: { position, dimension, ...values },\r\n handleChange,\r\n setFieldValue,\r\n touched,\r\n errors,\r\n groups,\r\n}) => {\r\n function getGroupName(groupId) {\r\n const index = groups.findIndex((group) => group.id === groupId);\r\n return groups[index].name;\r\n }\r\n return (\r\n \r\n {bg && (\r\n
\r\n {shapeArr &&\r\n shapeArr.map((shape) => {\r\n let isSelected = false;\r\n if (selectedShape && selectedShape.id === shape.id) {\r\n isSelected = true;\r\n } else isSelected = false;\r\n switch (shape.className) {\r\n case 'Multi':\r\n return (\r\n \r\n e.target.select()}\r\n value={values.tagBackGroundColor}\r\n />\r\n
\r\n \r\n \r\n {t('Tag properties')}\r\n \r\n
\r\n \r\n setFieldValue('tagLocation', location)}\r\n containerProps={{\r\n style: { width: '75%' },\r\n }}\r\n toggleProps={{\r\n style: { width: '100%' },\r\n }}\r\n />\r\n e.target.select()}\r\n value={values.tagBoxSize}\r\n />\r\n
\r\n \r\n e.target.select()}\r\n value={values.tagText}\r\n />\r\n e.target.select()}\r\n value={values.tagFontSize}\r\n />\r\n
\r\n \r\n e.target.select()}\r\n value={values.tagFontName}\r\n />\r\n e.target.select()}\r\n value={values.tagTextColor}\r\n />\r\n
\r\n \r\n e.target.select()}\r\n value={values.tagBackGroundColor}\r\n />\r\n
\r\n \r\n \r\n {t('Tag properties')}\r\n \r\n
\r\n \r\n setFieldValue('tagLocation', location)}\r\n containerProps={{\r\n style: { width: '75%' },\r\n }}\r\n toggleProps={{\r\n style: { width: '100%' },\r\n }}\r\n />\r\n e.target.select()}\r\n value={values.tagBoxSize}\r\n />\r\n
\r\n \r\n e.target.select()}\r\n value={values.tagText}\r\n />\r\n e.target.select()}\r\n value={values.tagFontSize}\r\n />\r\n
\r\n \r\n e.target.select()}\r\n value={values.tagFontName}\r\n />\r\n e.target.select()}\r\n value={values.tagTextColor}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {t('Border properties')}\r\n \r\n
\r\n \r\n e.target.select()}\r\n value={values.borderSize}\r\n />\r\n e.target.select()}\r\n value={values.borderColor}\r\n />\r\n e.target.select()}\r\n value={values.borderStyle}\r\n />\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default withTranslation('app')(MapPropertyPanel);\r\n","export function getSensorBgColor(alarmPriority) {\r\n let color;\r\n switch (alarmPriority) {\r\n case 0:\r\n //green\r\n color = '#28a745';\r\n break;\r\n case 1:\r\n //yellow\r\n color = '#FFFF80';\r\n break;\r\n case 2:\r\n //red\r\n color = '#FF8080';\r\n break;\r\n default:\r\n //blue\r\n color = '#80FFFF';\r\n break;\r\n }\r\n return color;\r\n}\r\n\r\nexport function getSquareBgColor(alarm) {\r\n let color;\r\n function checkingExisting(value) {\r\n return (\r\n alarm.map((al) => al.alarmPriority).findIndex((el) => el === value) !== -1\r\n );\r\n }\r\n if (checkingExisting(3)) {\r\n color = '#80FFFF';\r\n return color;\r\n } else if (checkingExisting(2)) {\r\n color = '#FF8080';\r\n return color;\r\n } else if (checkingExisting(1)) {\r\n color = '#FFFF80';\r\n return color;\r\n } else {\r\n color = '#28A745';\r\n return color;\r\n }\r\n}\r\n","import React from 'react';\r\nimport MapComponentLibrary from './MapComponentLibrary';\r\nimport { cloneDeep, isEqual } from 'lodash';\r\nimport MapDrawingZone from './MapDrawingZone';\r\nimport MapPropertyPanel from './MapPropertyPanel';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { DndProvider } from 'react-dnd';\r\nimport { HTML5Backend } from 'react-dnd-html5-backend';\r\nimport './map-editor.scss';\r\nimport sensorsActions from '../../../../../actions/sensors.actions';\r\nimport { getSensorBgColor, getSquareBgColor } from './Helpers/func';\r\n\r\nconst MapEditor = React.forwardRef(({ sensors, groups, ...props }, ref) => {\r\n const [bgFile, setBgFile] = React.useState(null);\r\n const [bg, setBg] = React.useState(props.bg);\r\n const [originalDimension, setOriginalDimension] = React.useState(null);\r\n const [shapeArr, setShapeArr] = React.useState(\r\n props.isEdit ? props.shapes : [],\r\n );\r\n const [selectedShape, setSelectedShape] = React.useState(null);\r\n const [editorValid, setEditorValid] = React.useState(true);\r\n React.useEffect(() => {\r\n if (props.shapes && props.shapes.length) {\r\n setShapeArr(props.shapes);\r\n }\r\n if (props.originalDimension) {\r\n setOriginalDimension(props.originalDimension);\r\n }\r\n }, [props.shapes, props.originalDimension]);\r\n function onDragShape(id, left, top) {\r\n const index = shapeArr.findIndex((shape) => shape.id === id);\r\n const _shapes = cloneDeep(shapeArr);\r\n _shapes[index].position = {\r\n left,\r\n top,\r\n };\r\n setSelectedShape(_shapes[index]);\r\n setShapeArr(_shapes);\r\n }\r\n function onAddShape(shapeType) {\r\n const id = `shape${uuidv4()}`;\r\n const maxZindex = shapeArr.length\r\n ? Math.max.apply(\r\n Math,\r\n shapeArr.map(function (obj) {\r\n return obj.zIndex;\r\n }),\r\n )\r\n : -1;\r\n let shape = {\r\n id,\r\n zIndex: maxZindex + 1,\r\n position: { left: 0, top: 0 },\r\n dimension: { width: 100, height: 100 },\r\n borderSize: 1,\r\n borderStyle: 'solid',\r\n borderColor: 'black',\r\n };\r\n switch (shapeType) {\r\n case 1:\r\n shape.className = 'Multi';\r\n shape.name = `Sensor ${maxZindex + 1}`;\r\n shape.tagBoxSize = 50;\r\n shape.tagLocation = 'None';\r\n shape.tagFontSize = 12;\r\n shape.tagFontName = 'Arial';\r\n shape.tagTextColor = 'black';\r\n shape.tagBackGroundColor = 'white';\r\n shape.valueFontSize = 12;\r\n shape.valueTextColor = 'black';\r\n shape.valueFontName = 'Arial';\r\n shape.valueBackGroundColor = 'alarm';\r\n shape.sensorId = undefined;\r\n break;\r\n case 2:\r\n shape.className = 'SquareShape';\r\n shape.name = `Group ${maxZindex + 1}`;\r\n shape.valueBackGroundColor = 'white';\r\n shape.groupId = undefined;\r\n break;\r\n case 4:\r\n shape.className = 'Chart';\r\n shape.name = `Chart ${maxZindex + 1}`;\r\n shape.tagBoxSize = 50;\r\n shape.tagLocation = 'None';\r\n shape.tagFontSize = 12;\r\n shape.tagFontName = 'Arial';\r\n shape.tagTextColor = 'black';\r\n shape.tagBackGroundColor = 'white';\r\n shape.dimension = { width: 450, height: 300 };\r\n shape.backgroundColor = 'white';\r\n shape.timeRange = 1;\r\n break;\r\n default:\r\n shape.className = 'CircleShape';\r\n shape.name = `Sensor (Simple) ${maxZindex + 1}`;\r\n shape.borderRadius = '50%';\r\n shape.tagBoxSize = 50;\r\n shape.tagLocation = 'None';\r\n shape.tagFontSize = 12;\r\n shape.tagFontName = 'Arial';\r\n shape.tagTextColor = 'black';\r\n shape.tagBackGroundColor = 'white';\r\n shape.valueBackGroundColor = 'alarm';\r\n shape.alarmBackgroundColor = 'transparent';\r\n break;\r\n }\r\n setShapeArr((shapeArr) => [...shapeArr, shape]);\r\n setSelectedShape(shape);\r\n }\r\n function gcd(a, b) {\r\n return b === 0 ? a : gcd(b, a % b);\r\n }\r\n function onUploadBg(e) {\r\n const file = e.target.files[0];\r\n const reader = new FileReader();\r\n reader.addEventListener(\r\n 'load',\r\n function () {\r\n let src = reader.result;\r\n let image = new Image();\r\n image.src = src;\r\n image.onload = function () {\r\n setBgFile(file);\r\n setBg({\r\n className: 'Background',\r\n image,\r\n fileName: file.name,\r\n fileType: file.type,\r\n position: { left: 0, top: 0 },\r\n dimension: { width: this.width, height: this.height },\r\n });\r\n setOriginalDimension({\r\n width: this.width,\r\n height: this.height,\r\n ratio: gcd(this.width, this.height),\r\n });\r\n };\r\n },\r\n false,\r\n );\r\n if (file) {\r\n reader.readAsDataURL(file);\r\n }\r\n }\r\n React.useEffect(() => {\r\n setSelectedShape(bg);\r\n }, [bg]);\r\n function onSelectShape(shape) {\r\n setSelectedShape(shape);\r\n }\r\n function onRemoveShape(shape) {\r\n if (selectedShape && selectedShape.id === shape.id) {\r\n setSelectedShape(null);\r\n }\r\n setShapeArr((shapeArr) => shapeArr.filter((obj) => obj.id !== shape.id));\r\n }\r\n async function onEdit(values, isError) {\r\n if (values.className === 'Background') {\r\n setBg(values);\r\n } else {\r\n let _shapeArr = cloneDeep(shapeArr);\r\n let editingShapeIndex = _shapeArr.findIndex(\r\n (shape) => shape.id === values.id,\r\n );\r\n\r\n if (!isEqual(_shapeArr[editingShapeIndex], values)) {\r\n let alarmBackgroundColor =\r\n _shapeArr[editingShapeIndex].alarmBackgroundColor;\r\n let alarmValue = _shapeArr[editingShapeIndex].alarmValue;\r\n if (\r\n ((values.className === 'Multi' &&\r\n values.valueBackGroundColor === 'alarm') ||\r\n values.className.match(/CircleShape|Circle/g)) &&\r\n values.sensorId !== undefined &&\r\n values.sensorId !== 0 &&\r\n _shapeArr[editingShapeIndex].sensorId !== values.sensorId\r\n ) {\r\n await sensorsActions\r\n .getAlarmStatusV2(values.sensorId)\r\n .then((resp) => {\r\n alarmBackgroundColor = getSensorBgColor(resp[0].alarmPriority);\r\n alarmValue = `${resp[0].textValue} ${resp[0].units}`;\r\n });\r\n }\r\n if (\r\n values.className.match(/SquareShape|Square/g) &&\r\n values.groupId !== undefined &&\r\n _shapeArr[editingShapeIndex].groupId !== values.groupId\r\n ) {\r\n await sensorsActions\r\n .getAlarmStatusByGroupV2(values.groupId)\r\n .then((resp) => {\r\n alarmBackgroundColor = getSquareBgColor(resp);\r\n alarmValue = `${resp[0].textValue} ${resp[0].units}`;\r\n });\r\n }\r\n _shapeArr[editingShapeIndex] = {\r\n ...values,\r\n alarmBackgroundColor,\r\n alarmValue,\r\n };\r\n setShapeArr(_shapeArr);\r\n }\r\n }\r\n }\r\n function onReorderShapes(shapes) {\r\n shapes.forEach((shape, index) => {\r\n shape.zIndex = index;\r\n });\r\n setShapeArr(shapes);\r\n }\r\n\r\n React.useImperativeHandle(ref, () => ({\r\n checkError() {\r\n return editorValid;\r\n },\r\n fetchShapes: () => {\r\n const multis = [];\r\n const squares = [];\r\n const circles = [];\r\n const charts = [];\r\n const _shapeArr = cloneDeep(shapeArr);\r\n _shapeArr.forEach((shape) => {\r\n if (shape.className === 'Multi') {\r\n const _shape = {\r\n ...shape,\r\n width: shape.dimension.width,\r\n height: shape.dimension.height,\r\n x: shape.position.left,\r\n y: shape.position.top,\r\n className: 'Multi',\r\n classType: 'MultiValue1',\r\n index: shape.zIndex,\r\n };\r\n delete _shape['position'];\r\n delete _shape['dimension'];\r\n multis.push(_shape);\r\n }\r\n if (shape.className === 'Square' || shape.className === 'SquareShape') {\r\n const _shape = {\r\n ...shape,\r\n width: shape.dimension.width,\r\n height: shape.dimension.height,\r\n x: shape.position.left,\r\n y: shape.position.top,\r\n className: 'SquareShape',\r\n classType: 'GroupAlertStatus',\r\n index: shape.zIndex,\r\n };\r\n delete _shape['position'];\r\n delete _shape['dimension'];\r\n squares.push(_shape);\r\n }\r\n if (shape.className === 'Circle' || shape.className === 'CircleShape') {\r\n const _shape = {\r\n ...shape,\r\n width: shape.dimension.width,\r\n height: shape.dimension.height,\r\n x: shape.position.left,\r\n y: shape.position.top,\r\n className: 'CircleShape',\r\n classType: 'CircleValue1',\r\n index: shape.zIndex,\r\n };\r\n delete _shape['position'];\r\n delete _shape['dimension'];\r\n circles.push(_shape);\r\n }\r\n if (shape.className === 'Chart' || shape.className === 'ChartShape') {\r\n const _shape = {\r\n ...shape,\r\n width: shape.dimension.width,\r\n height: shape.dimension.height,\r\n x: shape.position.left,\r\n y: shape.position.top,\r\n className: 'Chart',\r\n classType: 'ChartValue1',\r\n index: shape.zIndex,\r\n };\r\n delete _shape['position'];\r\n delete _shape['dimension'];\r\n charts.push(_shape);\r\n }\r\n });\r\n const shapes = {\r\n background: {\r\n width: bg && bg.dimension ? bg.dimension.width : 0,\r\n height: bg && bg.dimension ? bg.dimension.height : 0,\r\n },\r\n multis,\r\n squares,\r\n circles,\r\n charts,\r\n };\r\n\r\n return { shapes, bgFile };\r\n },\r\n }));\r\n return (\r\n \r\n {t('Properties')}\r\n \r\n close\r\n \r\n
\r\n {shape.className === 'Background' ? (\r\n \r\n e.target.select()}\r\n value={formik.values.dimension.width}\r\n invalid={\r\n formik.touched.dimension && formik.touched.dimension['width']\r\n }\r\n error={formik.errors.dimension && formik.errors.dimension['width']}\r\n />\r\n e.target.select()}\r\n value={formik.values.dimension.height}\r\n invalid={\r\n formik.touched.dimension && formik.touched.dimension['height']\r\n }\r\n error={formik.errors.dimension && formik.errors.dimension['height']}\r\n />\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n );\r\n});\r\n\r\nexport default MapEditor;\r\n","import React from 'react';\r\nimport Backend from '../../../Layouts/Backend';\r\nimport { Form, Row, Col } from 'reactstrap';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { useFormik } from 'formik';\r\nimport validationSchema from './infoValidation';\r\nimport { Alert, Button, Input, Loading } from '../../../UI/Common';\r\nimport PasswordConfirmation from '../../../UI/PasswordConfirmation';\r\nimport MapEditor from './MapEditor';\r\nimport helper from '../../../../utils/helper';\r\nimport { cloneDeep } from 'lodash';\r\n\r\nfunction CUMap({ t, submitting, ...props }) {\r\n const editorRef = React.useRef(null);\r\n const [openModal, setOpenModal] = React.useState(false);\r\n const [reInit, setReInit] = React.useState(true);\r\n const isRequireConfirmation = helper.isRequireConfirmation();\r\n const formik = useFormik({\r\n // enableReinitialize: reInit,\r\n initialValues: {\r\n name: '',\r\n description: '',\r\n },\r\n // onSubmit: (values) => {\r\n // if (isRequireConfirmation) {\r\n // setOpenModal(true);\r\n // } else {\r\n // const shapes = editorRef.current.fetchShapes();\r\n // const isEditorValid = editorRef.current.checkError();\r\n // console.log(shapes, 'CUMap');\r\n\r\n // // if (isEditorValid) {\r\n // // if (props.isEdit) {\r\n // // props.onEditMap({ ...values, ...shapes });\r\n // // } else {\r\n // // props.onCreateMap({ ...values, ...shapes });\r\n // // }\r\n // // }\r\n // }\r\n // },\r\n validationSchema,\r\n });\r\n const handleSubmit = () => {\r\n if (isRequireConfirmation) {\r\n setOpenModal(true);\r\n } else {\r\n const shapes = editorRef.current.fetchShapes();\r\n const isEditorValid = editorRef.current.checkError();\r\n formik\r\n .validateForm()\r\n .then((resp) => {\r\n if (Object.keys(resp).length === 0) {\r\n if (isEditorValid) {\r\n if (props.isEdit) {\r\n props.onEditMap({ ...formik.values, ...shapes });\r\n } else {\r\n props.onCreateMap({ ...formik.values, ...shapes });\r\n }\r\n }\r\n } else {\r\n formik.submitForm();\r\n }\r\n })\r\n .catch((err) => console.log('err'));\r\n }\r\n };\r\n React.useEffect(() => {\r\n if (props.isEdit && props.mapInfo && props.mapInfo.name) {\r\n formik.setValues(props.mapInfo);\r\n }\r\n }, [props.isEdit, props.mapInfo]);\r\n if (props.isEdit && (!props.bg || !props.bg.image.src)) {\r\n return (\r\n \r\n \r\n setSelectedShape(bg)}\r\n bg={bg}\r\n selectedShape={selectedShape}\r\n onDragShape={onDragShape}\r\n />\r\n \r\n\r\n {selectedShape ? (\r\n {\r\n //\r\n if (Object.keys(isErr).length) {\r\n setEditorValid(false);\r\n } else {\r\n setEditorValid(true);\r\n }\r\n }}\r\n onDeselectShape={() => setSelectedShape(null)}\r\n />\r\n ) : null}\r\n
\r\n \r\n
\r\n \r\n \r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n const shapes = editorRef.current.fetchShapes();\r\n if (props.isEdit) {\r\n props.onEditMap({ ...formik.values, ...shapes });\r\n } else {\r\n props.onCreateMap({ ...formik.values, ...shapes });\r\n }\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n e.preventDefault();\r\n handleSubmit();\r\n }}\r\n >\r\n done\r\n {t(props.isEdit ? 'Save' : 'Create')}\r\n \r\n \r\n {t('Cancel')}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n setMobileConfigId(value)}\r\n valueKey=\"id\"\r\n nameKey=\"name\"\r\n subtitleKey=\"id\"\r\n />\r\n \r\n
\r\n \r\n setOpenModal(false)}\r\n onConfirm={() => {\r\n setOpenModal(false);\r\n if (commitButtonState === 1) {\r\n props.commitFile(file);\r\n updateCommitBtnState(2);\r\n } else if (commitButtonState === 2) {\r\n props.validateFile(file);\r\n updateCommitBtnState(1);\r\n }\r\n }}\r\n />\r\n props.commitFile(file)}\r\n onClick={() => setOpenModal(true)}\r\n >\r\n {t(getCommitButtonLabel())}\r\n \r\n
\r\n \r\n {t('Please use this')}{' '}\r\n \r\n {t('template')}\r\n \r\n
\r\n\r\n \r\n {t('Select Calibration Data')}\r\n \r\n {\r\n event.target.value = '';\r\n }}\r\n onChange={onUploadFile}\r\n className=\"position-absolute w-100 h-100\"\r\n style={{ top: 0, opacity: 0 }}\r\n />\r\n
\r\n {file ? file.name : null}\r\n {props.loading ? \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n {t('Row Number')}\r\n | \r\n{t('Old Serial')} | \r\n{t('New Serial')} | \r\n\r\n {t('Calibration Date')}\r\n | \r\n\r\n {t('Validation Status')}\r\n | \r\n {/*Messages | */}\r\n {commitResult ? (\r\n\r\n {t('Commit Status')}\r\n | \r\n ) : null}\r\n
| {res.rowNumber} | \r\n{res.oldSerial} | \r\n{res.newSerial} | \r\n\r\n {res.calibratedDate}\r\n | \r\n\r\n {res.isValidated ? (\r\n | \r\n {/* \r\n {displayMessage(res.messages)}\r\n | */}\r\n {commitResult ? (\r\n\r\n {commitResult.commitResults.filter(\r\n (row) => row.rowNumber === res.rowNumber,\r\n )[0].commitStatus ? (\r\n | \r\n ) : null}\r\n
\r\n \r\n \r\n
\r\n
\r\n | {t('Total Spreadsheet rows')} | \r\n{t('Total Valid rows')} | \r\n{t('Total Invalid Rows')} | \r\n
| {validationResult.length} | \r\n\r\n {\r\n validationResult.filter((result) => result.isValidated)\r\n .length\r\n }\r\n | \r\n\r\n {\r\n validationResult.filter((result) => !result.isValidated)\r\n .length\r\n }\r\n | \r\n
\r\n
\r\n \r\n \r\n {t('Send License Email')}\r\n \r\n {legacyUserId === 1 ? (\r\n \r\n {t('Modify Email Schedule')}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n setFieldValue('title', e.target.value)}\r\n />\r\n \r\n \r\n \r\n setFieldValue('description', e.target.value)}\r\n />\r\n \r\n \r\n \r\n setFieldValue('width', target.value)}\r\n />\r\n \r\n Spacing around\r\n \r\n setFieldValue('extraProperties.mode', value)\r\n }\r\n valueKey=\"id\"\r\n nameKey=\"name\"\r\n className=\"w-100\"\r\n />\r\n {values.extraProperties.mode === 3 && (\r\n \r\n setFieldValue('extraProperties.filteredByGroup', value)\r\n }\r\n valueKey=\"id\"\r\n nameKey=\"name\"\r\n className=\"w-100\"\r\n />\r\n )}\r\n \r\n {\r\n setFieldValue('terminateRow', e.target.checked);\r\n }}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Widget1Properties;\r\n","import React from 'react';\r\nimport { useFormik } from 'formik';\r\nimport { CustomInput, FormGroup, Input, Label } from 'reactstrap';\r\nimport { Button } from '../../../UI/Common';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst Widget2Properties = ({ properties, onChange, ...props }) => {\r\n const { t } = useTranslation('app');\r\n const { values, setFieldValue, handleChange, ...formik } = useFormik({\r\n initialValues: properties,\r\n onSubmit: () => onChange(values),\r\n enableReinitialize: true,\r\n });\r\n React.useEffect(() => {\r\n formik.handleSubmit();\r\n }, [values]);\r\n function changeNumberValue(e, key) {\r\n let val = parseInt(e.target.value);\r\n if (Number.isNaN(val)) {\r\n setFieldValue(key, 1);\r\n } else {\r\n setFieldValue(key, val);\r\n }\r\n }\r\n return (\r\n \r\n {t('Properties')}\r\n props.setIsActive('')}\r\n >\r\n close\r\n \r\n
\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingTop', target.value)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingRight', target.value)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingBottom', target.value)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingLeft', target.value)\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n setFieldValue('title', e.target.value)}\r\n />\r\n \r\n \r\n \r\n setFieldValue('description', e.target.value)}\r\n />\r\n \r\n \r\n \r\n setFieldValue('width', target.value)}\r\n />\r\n \r\n Spacing around\r\n \r\n {\r\n setFieldValue('terminateRow', e.target.checked);\r\n }}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Widget2Properties;\r\n","import React from 'react';\r\nimport { useFormik } from 'formik';\r\nimport { CustomInput, FormGroup, Input, Label } from 'reactstrap';\r\n\r\nconst Widget3Properties = ({ properties, onChange, ...props }) => {\r\n const { values, setFieldValue, handleChange, ...formik } = useFormik({\r\n initialValues: properties,\r\n onSubmit: () => onChange(values),\r\n });\r\n React.useEffect(() => {\r\n formik.handleSubmit();\r\n }, [values]);\r\n function changeNumberValue(e, key) {\r\n let val = parseInt(e.target.value);\r\n if (Number.isNaN(val)) {\r\n setFieldValue(key, 1);\r\n } else {\r\n setFieldValue(key, val);\r\n }\r\n }\r\n return (\r\n \r\n {t('Properties')}\r\n props.setIsActive('')}\r\n >\r\n close\r\n \r\n
\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingTop', target.value)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingRight', target.value)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingBottom', target.value)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingLeft', target.value)\r\n }\r\n />\r\n \r\n
\r\n \r\n Current Measurement Values\r\n \r\n \r\n setFieldValue('title', e.target.value)}\r\n />\r\n \r\n \r\n \r\n setFieldValue('description', e.target.value)}\r\n />\r\n \r\n \r\n {\r\n setFieldValue('terminateRow', e.target.checked);\r\n }}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Widget3Properties;\r\n","import React from 'react';\r\nimport { useFormik } from 'formik';\r\nimport { CustomInput, FormGroup, Input, Label } from 'reactstrap';\r\nimport { cloneDeep, isEqual } from 'lodash';\r\nimport { Button } from '../../../UI/Common';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n//prettier-ignore\r\nconst __BASE = 'white', __HOVER = '#78909c', __ACTIVE = '#455a64';\r\nconst Widget4Properties = ({\r\n properties,\r\n onChange,\r\n monitoringPoints,\r\n ...props\r\n}) => {\r\n const { t } = useTranslation('app');\r\n const { values, setFieldValue, handleChange, ...formik } = useFormik({\r\n initialValues: properties,\r\n onSubmit: () => onChange(values),\r\n enableReinitialize: true,\r\n });\r\n React.useEffect(() => {\r\n formik.handleSubmit();\r\n }, [values]);\r\n const [selected, updateSelected] = React.useState(null);\r\n function changeNumberValue(e, key) {\r\n let val = parseInt(e.target.value);\r\n if (Number.isNaN(val)) {\r\n setFieldValue(key, 1);\r\n } else {\r\n setFieldValue(key, val);\r\n }\r\n }\r\n function onAddAlarm(alarm) {\r\n const _alarms = cloneDeep(values.extraProperties.alarms);\r\n _alarms.push(alarm);\r\n setFieldValue('extraProperties.alarms', _alarms);\r\n }\r\n function onChangeOrder(direction) {\r\n if (!selected) {\r\n return;\r\n }\r\n const _alarms = cloneDeep(values.extraProperties.alarms);\r\n const alarmIndex = _alarms\r\n .map((al) => al.sensorId)\r\n .indexOf(selected.sensorId);\r\n if (direction === 'up') {\r\n if (!alarmIndex) {\r\n return;\r\n } else {\r\n [_alarms[alarmIndex], _alarms[alarmIndex - 1]] = [\r\n _alarms[alarmIndex - 1],\r\n _alarms[alarmIndex],\r\n ];\r\n setFieldValue('extraProperties.alarms', _alarms);\r\n }\r\n } else {\r\n if (alarmIndex === _alarms.length - 1) {\r\n return;\r\n } else {\r\n [_alarms[alarmIndex], _alarms[alarmIndex + 1]] = [\r\n _alarms[alarmIndex + 1],\r\n _alarms[alarmIndex],\r\n ];\r\n setFieldValue('extraProperties.alarms', _alarms);\r\n }\r\n }\r\n }\r\n\r\n function onRemoveAlarm() {\r\n if (!selected) {\r\n return;\r\n }\r\n const _alarms = cloneDeep(values.extraProperties.alarms).filter(\r\n (_al) => _al.sensorId !== selected.sensorId,\r\n );\r\n setFieldValue('extraProperties.alarms', _alarms);\r\n }\r\n\r\n function clickToRemoveAlarm(alarm) {\r\n const _alarms = cloneDeep(values.extraProperties.alarms).filter(\r\n (_al) => _al.sensorId !== alarm.sensorId,\r\n );\r\n setFieldValue('extraProperties.alarms', _alarms);\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n changeNumberValue(e, 'x')} />\r\n \r\n \r\n \r\n changeNumberValue(e, 'y')} />\r\n \r\n
\r\n \r\n \r\n \r\n changeNumberValue(e, 'width')}\r\n />\r\n \r\n \r\n \r\n changeNumberValue(e, 'height')}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n setFieldValue('title', e.target.value)}\r\n />\r\n \r\n \r\n \r\n setFieldValue('description', e.target.value)}\r\n />\r\n \r\n \r\n {values.extraProperties.alarms.map((alarm, index) => (\r\n updateSelected(_al)}\r\n onClickRemove={clickToRemoveAlarm}\r\n key={alarm.sensorId}\r\n />\r\n ))}\r\n
\r\n \r\n {t('Properties')}\r\n props.setIsActive('')}\r\n >\r\n close\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n setFieldValue('width', target.value)}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n Number of Columns\r\n \r\n \r\n setFieldValue('extraProperties.numberOfColumns', e.target.value)\r\n }\r\n />\r\n \r\n
\r\n \r\n
\r\n Spacing around\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.columnGap', target.value)\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.rowGap', target.value)\r\n }\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingTop', target.value)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingRight', target.value)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingBottom', target.value)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setFieldValue('extraProperties.spacingLeft', target.value)\r\n }\r\n />\r\n \r\n
\r\n \r\n Available Monitoring Points\r\n \r\n {monitoringPoints\r\n .filter(\r\n (al) =>\r\n !values.extraProperties.alarms\r\n .map((_al) => _al.sensorId)\r\n .includes(al.sensorId),\r\n )\r\n .map((alarm) => (\r\n
\r\n\r\n \r\n \r\n Using Monitoring Points {values.extraProperties.alarms.length}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {/* \r\n \r\n
*/}\r\n \r\n {isReady ? (\r\n props.onClick(alarm)}\r\n >\r\n add\r\n \r\n ) : null}\r\n
\r\n \r\n );\r\n};\r\n\r\nconst UsingAlarmItem = ({ alarm, selected, ...props }) => {\r\n const [bgColor, setBgColor] = React.useState('white');\r\n const [isSelecting, setIsSelecting] = React.useState(false);\r\n const [isReady, setIsReady] = React.useState(false);\r\n React.useEffect(() => {\r\n setIsSelecting(isEqual(alarm, selected));\r\n }, [selected]);\r\n return (\r\n \r\n {isReady ? (\r\n props.onClickRemove(alarm)}\r\n >\r\n remove\r\n \r\n ) : null}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Widget4Properties;\r\n","import React from 'react';\r\nimport { dashboardCustomizeConstants } from './constants';\r\nimport Widget1Properties from './Widget1Properties';\r\nimport Widget2Properties from './Widget2Properties';\r\nimport Widget3Properties from './Widget3Properties';\r\nimport Widget4Properties from './Widget4Properties';\r\n\r\nconst DashboardCustomProperties = (props) => {\r\n switch (props.properties.widgetTypeName) {\r\n case dashboardCustomizeConstants.widget1:\r\n return \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default WidgetList;\r\n","import React from 'react';\r\nimport moment from 'moment';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { CustomInput, FormGroup } from 'reactstrap';\r\nimport Datagrid from '../../../UI/Datagrid';\r\nimport { dashboardCustomizeAlarmListData } from './constants';\r\nimport ActionsDropdown from '../../Dashboard/helpers/ActionsDropdown';\r\nimport { getSharedDefaultStyles, getSpacingAround } from './functions';\r\n\r\nconst DashboardCustomWidget1 = ({ values, ...props }) => {\r\n const { t } = useTranslation('app');\r\n const columns = [\r\n {\r\n dataField: 'timeDetected',\r\n text: 'Time Detected',\r\n sort: true,\r\n isDateTime: true,\r\n headerStyle: { width: 150 },\r\n // filter: selectFilter({\r\n // options: selectOptions,\r\n // defaultValue: '0',\r\n // id: 'time-detected-filter',\r\n // onFilter: filterTimeDetected,\r\n // }),\r\n },\r\n {\r\n dataField: 'department',\r\n text: 'Department',\r\n sort: true,\r\n // hidden: groupId ? true : false,\r\n // headerStyle: () => {\r\n // if (groupId) {\r\n // return { display: 'none' };\r\n // }\r\n // },\r\n // style: () => {\r\n // if (groupId) {\r\n // return { display: 'none' };\r\n // }\r\n // },\r\n },\r\n {\r\n dataField: 'group',\r\n text: 'Group',\r\n sort: true,\r\n // hidden: groupId ? true : false,\r\n // headerStyle: () => {\r\n // if (groupId) {\r\n // return { display: 'none' };\r\n // }\r\n // },\r\n // style: () => {\r\n // if (groupId) {\r\n // return { display: 'none' };\r\n // }\r\n // },\r\n },\r\n {\r\n dataField: 'location',\r\n text: 'Location',\r\n sort: true,\r\n },\r\n {\r\n dataField: 'name',\r\n text: 'Name',\r\n sort: true,\r\n },\r\n {\r\n dataField: 'parameter',\r\n text: 'Parameter',\r\n sort: true,\r\n headerStyle: { width: 100, textAlign: 'center' },\r\n style: { textAlign: 'center' },\r\n },\r\n {\r\n dataField: 'acknowledged',\r\n text: 'Ack',\r\n sort: true,\r\n headerStyle: { width: 60, textAlign: 'center' },\r\n style: { textAlign: 'center' },\r\n formatter: (cell) => (cell ? 'Yes' : 'No'),\r\n filterValue: (cell) => (cell ? 'Yes' : 'No'),\r\n },\r\n {\r\n dataField: 'alarmStatus',\r\n text: 'Alarm Status',\r\n sort: true,\r\n headerStyle: { width: '20%' },\r\n },\r\n {\r\n dataField: 'dumCol',\r\n text: 'Currently Active',\r\n hidden: true,\r\n // formatter: (cell, row) =>\r\n // row.color.match(/red|cyan\\/blue|yellow/g) ? 'Yes' : 'No',\r\n csvFormatter: (cell, row) =>\r\n row.color.match(/red|cyan\\/blue|yellow/g) ? 'Yes' : 'No',\r\n },\r\n ];\r\n const defaultSorted = [\r\n {\r\n dataField: 'timeDetected',\r\n order: 'desc',\r\n },\r\n ];\r\n function rowClasses(row) {\r\n let className = '';\r\n switch (row.color.toLowerCase()) {\r\n case 'red':\r\n className = 'bg-red';\r\n break;\r\n case 'cyan/blue':\r\n className = 'bg-blue';\r\n break;\r\n case 'yellow':\r\n className = 'bg-yellow';\r\n break;\r\n default:\r\n break;\r\n }\r\n return className;\r\n }\r\n const actions = [\r\n {\r\n label: 'Ack alarm',\r\n action: () => {},\r\n },\r\n {\r\n label: 'Add note',\r\n action: () => {},\r\n },\r\n {\r\n label: 'Show trend chart',\r\n action: () => {},\r\n },\r\n ];\r\n function getStyles() {\r\n let val = parseInt(values.width);\r\n return {\r\n width: Number.isNaN(val) ? '100%' : val,\r\n ...getSharedDefaultStyles(),\r\n ...getSpacingAround(\r\n values.extraProperties.spacingTop,\r\n values.extraProperties.spacingRight,\r\n values.extraProperties.spacingBottom,\r\n values.extraProperties.spacingLeft,\r\n ),\r\n };\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {availableWidgets.length\r\n ? sortBy(availableWidgets, ['widgetTypeName']).map(\r\n (availableWidget) => (\r\n \r\n {availableWidget.widgetTypeName}\r\n \r\n ),\r\n )\r\n : null}\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n Components\r\n
\r\n \r\n \r\n \r\n {(provided, snapshot) => (\r\n \r\n {usingWidgets.length\r\n ? usingWidgets.map((usingWidget, index) => (\r\n \r\n {(provided, snapshot) => (\r\n \r\n \r\n {usingWidget.widgetTypeName}\r\n \r\n
\r\n )}\r\n \r\n ))\r\n : null}\r\n \r\n
\r\n \r\n {values.title ?
\r\n {values.title}
: null}\r\n {values.description ? (\r\n {values.description}\r\n ) : null}\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {values.title ?
\r\n {values.title}
: null}\r\n {values.description ? (\r\n {values.description}\r\n ) : null}\r\n\r\n
\r\n );\r\n }\r\n const cmvActions = [\r\n { label: 'Show map', action: dummyFunc },\r\n { label: 'Add note', action: dummyFunc },\r\n { label: 'Show trend chart', action: dummyFunc },\r\n { label: 'Sensor disable', action: dummyFunc },\r\n { label: 'Sensor enable', action: dummyFunc },\r\n { label: 'Sensor info', action: dummyFunc },\r\n { label: 'Edit group', action: dummyFunc },\r\n { label: 'Maintain database', action: dummyFunc },\r\n ];\r\n const ctxMenuOptions = [\r\n [\r\n { name: 'Show map', action: dummyFunc },\r\n { name: 'Add note', action: dummyFunc },\r\n { name: 'Show trend chart', action: dummyFunc },\r\n { name: 'Sensor disable', action: dummyFunc },\r\n { name: 'Sensor enable', action: dummyFunc },\r\n { name: 'Sensor info', action: dummyFunc },\r\n { name: 'Edit monitoring point', action: dummyFunc },\r\n { name: 'Edit sensor type settings', action: dummyFunc },\r\n { name: 'Edit group', action: dummyFunc },\r\n { name: 'Maintain database', action: dummyFunc },\r\n ],\r\n ];\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {props.groupName} ({props.groupState ? 'At Rest' : 'In Operation'})\r\n
\r\n {/*{values.title}
\r\n {values.description} */}\r\n\r\n \r\n
\r\n \r\n {t('Sensors')}: 1,\r\n {t('Errors')}: 2,\r\n {t('Alarms')}: 3,\r\n {t('Warnings')}: 4,\r\n {t('Overriden')}: 0\r\n
\r\n \r\n {\r\n props.updateShouldDisplayCMV(false);\r\n setGroup({ name: '', state: '' });\r\n }}\r\n >\r\n Back\r\n \r\n
\r\n ) : null}\r\n\r\n {props.shouldDisplayCMV ? (\r\n \r\n
\r\n {/* \r\n {values.title ?
\r\n {values.title}
: null}\r\n {values.description ? (\r\n {values.description}\r\n ) : null}\r\n\r\n {/*
\r\n \r\n props.searchProps.onSearch(e.target.value)}\r\n />\r\n\r\n
\r\n )}\r\n */}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {al.name}\r\n \r\n
\r\n {al.location}\r\n
\r\n {al.groupName}\r\n
\r\n {al.alarmPriority === 2 && (\r\n <>\r\n \r\n {al.timeDetected}\r\n \r\n
\r\n \r\n )}\r\n {al.alarmPriority !== 0 && (\r\n {al.alarmType}\r\n )}\r\n
\r\n {/* \r\n {al.location}\r\n
\r\n {al.groupName}\r\n
\r\n {al.alarmPriority === 2 && (\r\n <>\r\n \r\n {al.timeDetected}\r\n \r\n
\r\n \r\n )}\r\n {al.alarmPriority !== 0 && (\r\n {al.alarmType}\r\n )}\r\n
\r\n
*/}\r\n \r\n \r\n {al.units}\r\n \r\n
\r\n\r\n {al.textValue}\r\n \r\n
\r\n {al.timeInfo}\r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default DashboardCustomWidget4;\r\n","import React from 'react';\r\nimport { dashboardCustomizeConstants } from './constants';\r\nimport DashboardCustomWidget1 from './DashboardCustomWidget1';\r\nimport DashboardCustomWidget2 from './DashboardCustomWidget2';\r\nimport DashboardCustomWidget4 from './DashboardCustomWidget4';\r\n\r\nconst DashboardCustomPreview = ({ usingWidgets, isActive, ...props }) => {\r\n if (!usingWidgets.length) {\r\n return ;\r\n }\r\n\r\n return (\r\n \r\n
\r\n {al.timeInfo}\r\n
\r\n {usingWidgets.map((widget) => {\r\n return (\r\n \r\n {widget.terminateRow ?
: null}\r\n {{\r\n [dashboardCustomizeConstants.widget2]: (\r\n \r\n );\r\n })}\r\n
\r\n );\r\n};\r\n\r\nexport default DashboardCustomPreview;\r\n","import React from 'react';\r\nimport {\r\n createUserWidgets,\r\n deleteUserWidgets,\r\n getUserWidgets,\r\n getWidgetTypes,\r\n updateUserWidgets,\r\n} from '../../../../api/widget';\r\nimport noti from '../../../../actions/toast';\r\nimport Loading from '../../../Helpers/Loading';\r\nimport Backend from '../../../Layouts/Backend';\r\nimport {\r\n convertToStandard,\r\n getAvailableWidgets,\r\n initWidgets,\r\n} from './functions';\r\nimport './customize-dashboard.scss';\r\nimport DashboardCustomProperties from './DashboardCustomProperties';\r\nimport WidgetList from './WidgetList';\r\nimport { useFormik } from 'formik';\r\nimport { cloneDeep, orderBy } from 'lodash';\r\nimport DashboardCustomPreview from './DashboardCustomPreview';\r\nimport { Button } from '../../../UI/Common';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { dashboardCustomizeConstants } from './constants';\r\nimport {\r\n getAlarmList,\r\n getMobileAlarmListByMC,\r\n} from '../../../../api/dashboard';\r\nimport { getGroups } from '../../../../api/group';\r\n\r\nconst DashboardCustom = (props) => {\r\n const [isLoading, setIsLoading] = React.useState(true);\r\n const [isActive, setIsActive] = React.useState('');\r\n const [originalWidgets, updateOriginalWidgets] = React.useState([]);\r\n const [usingWidgets, updateUsingWidgets] = React.useState([]);\r\n const [availableWidgets, updateAvailableWidgets] = React.useState([]);\r\n const [shouldDisplayCMV, updateShouldDisplayCMV] = React.useState(false);\r\n const [alarms, updateAlarms] = React.useState([]);\r\n const [monitoringPoints, updateMonitoringPoints] = React.useState([]);\r\n const [groups, updateGroups] = React.useState([]);\r\n const formik = useFormik({\r\n initialValues: [],\r\n });\r\n React.useEffect(() => {\r\n setIsLoading(true);\r\n getUserWidgets()\r\n .then((resp) => {\r\n updateOriginalWidgets(resp);\r\n if (resp.length) {\r\n const _resp = convertToStandard(cloneDeep(resp));\r\n updateUsingWidgets(orderBy(_resp, ['index'], 'asc'));\r\n }\r\n })\r\n .catch((err) => console.log('get user widgets error', err));\r\n\r\n getWidgetTypes()\r\n .then((widgetTypes) => {\r\n updateAvailableWidgets(\r\n initWidgets(\r\n widgetTypes.filter(\r\n (widgetType) =>\r\n widgetType.name !== dashboardCustomizeConstants.widget3,\r\n ),\r\n ),\r\n );\r\n })\r\n .catch((err) => console.log('get widget type error', err));\r\n getAlarmList()\r\n .then((resp) => updateAlarms(resp))\r\n .catch((err) => console.log('get alarm error', err));\r\n getMobileAlarmListByMC()\r\n .then((resp) => updateMonitoringPoints(resp))\r\n .catch((err) => console.log('get monitoring points error', err));\r\n getGroups()\r\n .then((resp) => updateGroups(resp.items))\r\n .catch((err) => console.log('get groups error', err));\r\n setIsLoading(false);\r\n }, []);\r\n\r\n function mergeChange(values) {\r\n const _usingWidgets = cloneDeep(usingWidgets);\r\n _usingWidgets.map((obj) => {\r\n if (obj.id === values.id) {\r\n Object.assign(obj, values);\r\n }\r\n });\r\n updateUsingWidgets(_usingWidgets);\r\n }\r\n\r\n function addWidget(widget) {\r\n const maxZindex = usingWidgets.length\r\n ? Math.max.apply(\r\n Math,\r\n usingWidgets.map(function (obj) {\r\n return obj.index + 1;\r\n }),\r\n )\r\n : 0;\r\n updateUsingWidgets((usingWidgets) => [\r\n ...usingWidgets,\r\n { ...widget, index: maxZindex, id: uuidv4() },\r\n ]);\r\n // updateAvailableWidgets((availableWidgets) =>\r\n // availableWidgets.filter(\r\n // (availableWidget) => availableWidget.id !== widget.id,\r\n // ),\r\n // );\r\n }\r\n function removeWidget(widget) {\r\n updateUsingWidgets((usingWidgets) =>\r\n usingWidgets.filter((usingWidget) => usingWidget.id !== widget.id),\r\n );\r\n // updateAvailableWidgets((availableWidgets) => [\r\n // ...availableWidgets,\r\n // { ...widget },\r\n // ]);\r\n }\r\n function reorderWidget(result) {\r\n const _result = cloneDeep(result).map((res, index) => ({ ...res, index }));\r\n updateUsingWidgets(_result);\r\n }\r\n function onSave() {\r\n if (originalWidgets.length) {\r\n usingWidgets.forEach((widget) => {\r\n if (\r\n originalWidgets\r\n .map((originalWidget) => originalWidget.id)\r\n .includes(widget.id)\r\n ) {\r\n updateUserWidgets(widget)\r\n .then(() =>\r\n noti.success(`Update ${widget.widgetTypeName} successfully`),\r\n )\r\n .catch(() =>\r\n noti.error(`Update ${widget.widgetTypeName} unsuccessfully`),\r\n );\r\n } else {\r\n createUserWidgets(widget)\r\n .then(() =>\r\n noti.success(`Create ${widget.widgetTypeName} successfully`),\r\n )\r\n .catch(() =>\r\n noti.error(`Create ${widget.widgetTypeName} unsuccessfully`),\r\n );\r\n }\r\n });\r\n originalWidgets\r\n .filter(\r\n (originalWidget) =>\r\n !usingWidgets\r\n .map((usingWidget) => usingWidget.id)\r\n .includes(originalWidget.id),\r\n )\r\n .forEach((originalWidget) =>\r\n deleteUserWidgets(originalWidget.id)\r\n .then(() =>\r\n noti.success(\r\n `Delete ${originalWidget.widgetTypeName} successfully`,\r\n ),\r\n )\r\n .catch(() =>\r\n noti.error(\r\n `Delete ${originalWidget.widgetTypeName} unsuccessfully`,\r\n ),\r\n ),\r\n );\r\n } else {\r\n usingWidgets.forEach((usingWidget) =>\r\n createUserWidgets(usingWidget)\r\n .then(() =>\r\n noti.success(`Create ${usingWidget.widgetTypeName} successfully`),\r\n )\r\n .catch(() =>\r\n noti.error(`Create ${usingWidget.widgetTypeName} unsuccessfully`),\r\n ),\r\n );\r\n }\r\n }\r\n function goBack() {\r\n props.history.goBack(-1);\r\n }\r\n\r\n if (isLoading) {\r\n return (\r\n : null}\r\n {{\r\n [dashboardCustomizeConstants.widget2]: (\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n val.id === isActive)[0]\r\n }\r\n onChange={mergeChange}\r\n monitoringPoints={cloneDeep(monitoringPoints)}\r\n alarms={cloneDeep(alarms)}\r\n setIsActive={setIsActive}\r\n groups={cloneDeep(groups)}\r\n />\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AlarmListWidget;\r\n","import React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport Datagrid from '../../../../UI/Datagrid';\r\nimport ActionsDropdown from '../../../Dashboard/helpers/ActionsDropdown';\r\nimport {\r\n DisableModal,\r\n EnableModal,\r\n} from '../../../Dashboard/helpers/SharedModal';\r\nimport Moment from 'moment';\r\nimport helper from '../../../../../utils/helper';\r\nimport { useHistory } from 'react-router-dom';\r\nimport {\r\n getAvailableGroups,\r\n setSensorsAtRest,\r\n setSensorsDisable,\r\n setSensorsEnable,\r\n setSensorsInOp,\r\n} from '../../../../../api/dashboard';\r\n\r\nconst AGComponent = ({ ...props }) => {\r\n const refreshRate = helper.getSetting('ValueRefreshRateSec').value * 1000;\r\n const history = useHistory();\r\n const { t } = useTranslation('app');\r\n const [availableGroups, updateAvailableGroups] = React.useState([]);\r\n const [selectedGroups, setSelectedGroups] = React.useState([]);\r\n const intervalRef = React.useRef();\r\n const [didMount, setDidMount] = React.useState(false);\r\n\r\n function getData() {\r\n getAvailableGroups()\r\n .then((resp) => updateAvailableGroups(resp))\r\n .catch((err) => console.log('available groups err', err));\r\n }\r\n\r\n const getIntervalData = () => {\r\n const interval = setInterval(() => {\r\n getData();\r\n }, refreshRate);\r\n return interval;\r\n };\r\n\r\n React.useEffect(() => {\r\n getData();\r\n intervalRef.current = getIntervalData();\r\n setDidMount(true);\r\n return () => {\r\n clearInterval(intervalRef.current);\r\n };\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (selectedGroups.length) {\r\n clearInterval(intervalRef.current);\r\n }\r\n if (!selectedGroups.length && didMount) {\r\n intervalRef.current = getIntervalData();\r\n }\r\n }, [selectedGroups.length]);\r\n\r\n const columns = [\r\n {\r\n dataField: 'groupName',\r\n text: 'Group',\r\n sort: true,\r\n formatter: (cell, row) => formatGroupName(cell, row),\r\n },\r\n {\r\n dataField: 'numWarnings',\r\n text: 'Warnings',\r\n sort: true,\r\n headerStyle: { width: 100, textAlign: 'center' },\r\n style: { textAlign: 'center' },\r\n },\r\n {\r\n dataField: 'numAlarms',\r\n text: 'Alarms',\r\n sort: true,\r\n headerStyle: { width: 100, textAlign: 'center' },\r\n style: { textAlign: 'center' },\r\n },\r\n {\r\n dataField: 'numErrors',\r\n text: 'Errors',\r\n sort: true,\r\n headerStyle: { width: 100, textAlign: 'center' },\r\n style: { textAlign: 'center' },\r\n },\r\n {\r\n dataField: 'numSensors',\r\n text: 'Sensors',\r\n sort: true,\r\n headerStyle: { width: 100, textAlign: 'center' },\r\n style: { textAlign: 'center' },\r\n },\r\n {\r\n dataField: 'numOverriden',\r\n text: 'Overridden',\r\n sort: true,\r\n headerStyle: { width: 100, textAlign: 'center' },\r\n style: { textAlign: 'center' },\r\n },\r\n {\r\n dataField: 'state',\r\n text: 'State',\r\n sort: true,\r\n headerStyle: { width: 90 },\r\n formatter: formatState,\r\n filterValue: formatState,\r\n },\r\n {\r\n dataField: 'maps',\r\n text: 'Maps',\r\n sort: true,\r\n headerStyle: { width: 100, textAlign: 'center' },\r\n style: { textAlign: 'center' },\r\n formatter: formatMaps,\r\n },\r\n ];\r\n const defaultSorted = [\r\n {\r\n dataField: 'groupName',\r\n order: 'asc',\r\n },\r\n ];\r\n const ctxMenuOptions = [\r\n [\r\n {\r\n name: 'View group',\r\n action: (row, rowIndex) => {\r\n history.push(`/?groupId=${row.groupId}`);\r\n },\r\n },\r\n {\r\n name: 'Set at rest',\r\n className: (row) => {\r\n return helper.checkPermission('API.Sensors.ModifyAtRestState') &&\r\n row &&\r\n !row.state\r\n ? ''\r\n : 'item-disabled';\r\n },\r\n action: (row, rowIndex) => {\r\n onSetSensorsAtRest(row.groupId);\r\n },\r\n },\r\n {\r\n name: 'Set in operation',\r\n className: (row) =>\r\n helper.checkPermission('API.Sensors.ModifyAtRestState') &&\r\n row &&\r\n row.state\r\n ? ''\r\n : 'item-disabled',\r\n action: (row, rowIndex) => {\r\n onSetSensorsInOp(row.groupId);\r\n },\r\n },\r\n {\r\n name: 'Edit group',\r\n className: (row) =>\r\n helper.checkPermission('API.GroupSetting') ? '' : 'item-disabled',\r\n action: (row, rowIndex) => {\r\n history.push(`/configure/groups/edit-group/${row.groupId}`);\r\n },\r\n },\r\n {\r\n name: 'Maintain database',\r\n className: (row) =>\r\n helper.checkPermission('API.GroupSetting') ? '' : 'item-disabled',\r\n action: (row, rowIndex) => {\r\n history.push(`/configure/groups/maintain-db/${row.groupId}`);\r\n },\r\n },\r\n ],\r\n ];\r\n function rowStyle(row) {\r\n const style = {};\r\n style.backgroundColor = row.color && row.color.toLowerCase();\r\n return style;\r\n }\r\n const [isDisabling, setIsDisabling] = React.useState(false);\r\n const [isEnabling, setIsEnabling] = React.useState(false);\r\n\r\n function formatGroupName(cell, { groupId, groupName, ...row }) {\r\n const params = {\r\n groupId,\r\n groupName,\r\n state: row.state ? 'At rest' : 'In operation',\r\n };\r\n return (\r\n \r\n {/*
\r\n \r\n {props.shouldRenderBackBtn ? (\r\n \r\n ) : null}\r\n
*/}\r\n \r\n {t('Alarm list')}\r\n {props.groupName\r\n ? `: ${props.groupName} (${props.groupState})`\r\n : null}\r\n
\r\n\r\n {props.title ?
\r\n {props.title}
: null}\r\n {props.description ? (\r\n {props.description}\r\n ) : null}\r\n\r\n \r\n setHideInactiveFlag(e.target.checked)}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AGComponent;\r\n","import React from 'react';\r\nimport Moment from 'moment';\r\nimport { useTranslation } from 'react-i18next';\r\nimport Datagrid from '../../../../UI/Datagrid';\r\nimport ActionsDropdown from '../../../Dashboard/helpers/ActionsDropdown';\r\nimport {\r\n DisableModal,\r\n EnableModal,\r\n} from '../../../Dashboard/helpers/SharedModal';\r\nimport helper from '../../../../../utils/helper';\r\nimport { Alert } from '../../../../UI/Common';\r\nimport { connect } from 'react-redux';\r\nimport { cloneDeep, isEmpty } from 'lodash';\r\nimport { useHistory } from 'react-router';\r\nimport {\r\n getCurrentMeasurementValues,\r\n getAvailableGroupsSummaries,\r\n setSensorsAtRest,\r\n setSensorsDisable,\r\n setSensorsEnable,\r\n setSensorsInOp,\r\n} from '../../../../../api/dashboard';\r\n\r\nconst CMVComponent = ({ groupId, ...props }) => {\r\n const { isFetching, isCompleted } = props;\r\n const { t } = useTranslation('app');\r\n const history = useHistory();\r\n const [cmv, updatecmv] = React.useState([]);\r\n const [summaries, updateSummaries] = React.useState([]);\r\n const [selectedCmv, setSelectedCmv] = React.useState([]);\r\n const [selectedSensor, setSensor] = React.useState(null);\r\n const [isDisabling, setIsDisabling] = React.useState(false);\r\n const [isEnabling, setIsEnabling] = React.useState(false);\r\n const intervalRef = React.useRef();\r\n const [didMount, setDidMount] = React.useState(false);\r\n\r\n const dateFormat = 'MM/DD/yyyy HH:mm:ss';\r\n function toUTC(dt) {\r\n return Moment.utc(dt, dateFormat).format();\r\n }\r\n const locale = localStorage.getItem('language') || 'en_US';\r\n const refreshRate = helper.getSetting('ValueRefreshRateSec').value * 1000;\r\n\r\n function getData() {\r\n getCurrentMeasurementValues(groupId)\r\n .then((resp) => updatecmv(resp))\r\n .catch((err) => console.log('current measurement values err', err));\r\n getAvailableGroupsSummaries(groupId)\r\n .then((resp) => updateSummaries(resp))\r\n .catch((err) => console.log('current measurement values err', err));\r\n }\r\n\r\n const getIntervalData = () => {\r\n const interval = setInterval(() => {\r\n getData();\r\n }, refreshRate);\r\n return interval;\r\n };\r\n\r\n React.useEffect(() => {\r\n getData();\r\n intervalRef.current = getIntervalData();\r\n setDidMount(true);\r\n return () => {\r\n clearInterval(intervalRef.current);\r\n };\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (selectedCmv.length) {\r\n clearInterval(intervalRef.current);\r\n }\r\n if (!selectedCmv.length && didMount) {\r\n intervalRef.current = getIntervalData();\r\n }\r\n }, [selectedCmv.length]);\r\n const columns = [\r\n {\r\n dataField: 'location',\r\n text: 'Location',\r\n sort: true,\r\n },\r\n {\r\n dataField: 'name',\r\n text: 'Name',\r\n sort: true,\r\n },\r\n {\r\n dataField: 'parameter',\r\n text: 'Parameter',\r\n sort: true,\r\n },\r\n {\r\n dataField: 'textValue',\r\n text: 'Value',\r\n sort: true,\r\n },\r\n {\r\n dataField: 'units',\r\n text: 'Units',\r\n sort: true,\r\n },\r\n {\r\n dataField: 'alarmImage',\r\n text: 'Status',\r\n sort: true,\r\n formatter: formatterStatus,\r\n },\r\n {\r\n dataField: 'timeStamp',\r\n text: 'Time Last Updated',\r\n sort: true,\r\n isDateTime: true,\r\n headerStyle: { width: 150 },\r\n },\r\n ];\r\n const defaultSorted = [\r\n {\r\n dataField: 'name',\r\n order: 'asc',\r\n },\r\n ];\r\n\r\n function formatterStatus(cell) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {props.title}
\r\n {props.description}\r\n\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n React.useEffect(() => {\r\n if (isCompleted) {\r\n setSelectedCmv([]);\r\n }\r\n }, [isCompleted]);\r\n\r\n const handleOnSelectCmv = (row, isSelect) => {\r\n if (isSelect) {\r\n setSelectedCmv([...selectedCmv, row.sensorId]);\r\n } else {\r\n setSelectedCmv(selectedCmv.filter((x) => x !== row.sensorId));\r\n }\r\n };\r\n\r\n const handleOnSelectAllCmv = (isSelect, rows) => {\r\n const ids = rows.map((r) => r.sensorId);\r\n if (isSelect) {\r\n setSelectedCmv((selectedCmv) => [\r\n ...selectedCmv,\r\n ...ids.filter((id) => !selectedCmv.includes(id)),\r\n ]);\r\n } else {\r\n setSelectedCmv((selectedCmv) =>\r\n selectedCmv.filter((sensorId) => !ids.includes(sensorId)),\r\n );\r\n }\r\n };\r\n\r\n const selectRow = {\r\n mode: 'checkbox',\r\n clickToSelect: true,\r\n selected: selectedCmv,\r\n onSelect: handleOnSelectCmv,\r\n onSelectAll: handleOnSelectAllCmv,\r\n };\r\n\r\n function isMapAvailable() {\r\n if (summaries.length) {\r\n return [summaries[0].maps, summaries[0].mapDepartmentId];\r\n } else return [];\r\n }\r\n\r\n const showMap = () => {\r\n const [mapName, mapDepartmentId] = isMapAvailable();\r\n history.push(\r\n `/group-map?mapName=${mapName}&mapDepartmentId=${mapDepartmentId}`,\r\n );\r\n };\r\n const showTrendChart = (sensorId) => {\r\n function getTrendChartDefaultPeriodHours() {\r\n const trendChartDefaultPeriodHours = helper.getSetting(\r\n 'TrendChartDefaultPeriodHours',\r\n );\r\n return parseInt(trendChartDefaultPeriodHours.value);\r\n }\r\n const hours = getTrendChartDefaultPeriodHours();\r\n const toDate = toUTC(Moment().toDate());\r\n const fromDate = toUTC(Moment().subtract(hours, 'hours').toDate());\r\n history.push(\r\n `/trend-charts?sensorIds=${\r\n sensorId ? sensorId : selectedCmv.join(',')\r\n }&fromDate=${fromDate}&toDate=${toDate}&locale=${locale}`,\r\n );\r\n };\r\n\r\n const cmvActions = [\r\n {\r\n label: 'Show map',\r\n action: showMap,\r\n disabled: !isMapAvailable().length,\r\n },\r\n {\r\n label: 'Add note',\r\n action: () =>\r\n history.push(`/add-note?sensorIds=${selectedCmv.join(',')}`),\r\n disabled: !(selectedCmv.length && helper.checkPermission('API.Notes')),\r\n },\r\n {\r\n label: 'Show trend chart',\r\n action: () => showTrendChart(),\r\n disabled: !selectedCmv.length,\r\n },\r\n {\r\n label: 'Sensor disable',\r\n action: () => setIsDisabling(true),\r\n disabled: !(\r\n selectedCmv.length && helper.checkPermission('API.Sensors.Disable')\r\n ),\r\n },\r\n {\r\n label: 'Sensor enable',\r\n action: () => setIsEnabling(true),\r\n disabled: !(\r\n selectedCmv.length && helper.checkPermission('API.Sensors.Enable')\r\n ),\r\n },\r\n {\r\n label: 'Sensor info',\r\n action: () =>\r\n history.push(`/sensor-info?sensorIds=${selectedCmv.join(',')}`),\r\n disabled:\r\n !selectedCmv.length ||\r\n (!helper.checkPermission('Admin') &&\r\n !helper.checkPermission('Group Administrator')),\r\n },\r\n // {\r\n // label: 'Edit monitoring point',\r\n // disabled: true,\r\n // action: (row) =>\r\n // history.push(\r\n // `/configure/groups/edit-sensor?groupId=${groupId}&sensorId=${row.sensorId}`,\r\n // ),\r\n // },\r\n // {\r\n // label: 'Edit sensor type settings',\r\n // disabled: true,\r\n // action: (row) =>\r\n // history.push(\r\n // `/configure/sensor-types/edit-sensor-type/${row.sensorTypeId}`,\r\n // ),\r\n // },\r\n {\r\n label: 'Edit group',\r\n action: (row) => history.push(`/configure/groups/edit-group/${groupId}`),\r\n disabled: !helper.checkPermission('API.GroupSetting'),\r\n },\r\n {\r\n label: 'Maintain database',\r\n action: (row) => history.push(`/configure/groups/maintain-db/${groupId}`),\r\n disabled: !helper.checkPermission('API.GroupSetting'),\r\n },\r\n ];\r\n\r\n const ctxMenuOptions = [\r\n [\r\n {\r\n name: 'Show map',\r\n className: () => (isMapAvailable().length ? '' : 'item-disabled'),\r\n action: showMap,\r\n },\r\n {\r\n name: 'Add note',\r\n className: () =>\r\n helper.checkPermission('API.Notes') ? '' : 'item-disabled',\r\n action: (row) =>\r\n history.push(\r\n `/add-note?sensorIds=${row.sensorId}&sensorName=${row.name}`,\r\n ),\r\n },\r\n {\r\n name: 'Show trend chart',\r\n action: (row) => showTrendChart(row.sensorId),\r\n },\r\n {\r\n name: 'Sensor disable',\r\n action: (row) => {\r\n setSensor(row.sensorId.toString());\r\n setIsDisabling(true);\r\n },\r\n className: () =>\r\n helper.checkPermission('API.Sensors.Disable') ? '' : 'item-disabled',\r\n },\r\n {\r\n name: 'Sensor enable',\r\n action: (row) => {\r\n setSensor(row.sensorId.toString());\r\n setIsEnabling(true);\r\n },\r\n className: () =>\r\n helper.checkPermission('API.Sensors.Enable') ? '' : 'item-disabled',\r\n },\r\n {\r\n name: 'Sensor info',\r\n className: (row) =>\r\n helper.checkPermission('Admin') ||\r\n helper.checkPermission('Group Administrator')\r\n ? ''\r\n : 'item-disabled',\r\n action: (row) => history.push(`/sensor-info?sensorIds=${row.sensorId}`),\r\n },\r\n {\r\n name: 'Edit monitoring point',\r\n className: (row) =>\r\n helper.checkPermission('Admin') ||\r\n helper.checkPermission('Group Administrator')\r\n ? ''\r\n : 'item-disabled',\r\n action: (row) =>\r\n history.push(\r\n `/configure/groups/edit-sensor?groupId=${groupId}&sensorId=${row.sensorId}`,\r\n ),\r\n },\r\n {\r\n name: 'Edit sensor type settings',\r\n className: (row) =>\r\n helper.checkPermission('API.SensorTypes') ? '' : 'item-disabled',\r\n action: (row) =>\r\n history.push(\r\n `/configure/sensor-types/edit-sensor-type/${row.sensorTypeId}`,\r\n ),\r\n },\r\n {\r\n name: 'Edit group',\r\n className: (row) =>\r\n helper.checkPermission('API.GroupSetting') ? '' : 'item-disabled',\r\n action: (row) =>\r\n history.push(`/configure/groups/edit-group/${groupId}`),\r\n },\r\n {\r\n name: 'Maintain database',\r\n className: (row) =>\r\n helper.checkPermission('API.GroupSetting') ? '' : 'item-disabled',\r\n action: (row) =>\r\n history.push(`/configure/groups/maintain-db/${groupId}`),\r\n },\r\n ],\r\n ];\r\n\r\n function onCancelModal(type = 'disable') {\r\n if (type === 'disable') {\r\n setIsDisabling(false);\r\n } else {\r\n setIsEnabling(false);\r\n }\r\n setSensor(null);\r\n setSelectedCmv([]);\r\n }\r\n function onDisableSensor(params) {\r\n let sensorIds = selectedCmv.join(',');\r\n if (selectedSensor) {\r\n sensorIds = selectedSensor;\r\n }\r\n setIsDisabling(false);\r\n setSensorsDisable({ sensorIds, ...params }, 'cmv').then(() => getData());\r\n setSensor(null);\r\n }\r\n\r\n function onEnableSensor(dateTime) {\r\n let sensorIds = selectedCmv.join(',');\r\n if (selectedSensor) {\r\n sensorIds = selectedSensor;\r\n }\r\n setIsEnabling(false);\r\n setSensorsEnable({ sensorIds }, 'cmv').then(() => getData());\r\n setSensor(null);\r\n }\r\n function checkSummaries() {\r\n return isEmpty(summaries) && isEmpty(summaries[0]);\r\n }\r\n\r\n return (\r\n \r\n onCancelModal('disable')}\r\n onConfirm={onDisableSensor}\r\n />\r\n onCancelModal('enable')}\r\n onConfirm={onEnableSensor}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n {/* \r\n {props.groupName} ({props.groupState ? 'At Rest' : 'In Operation'})\r\n
\r\n {/*{values.title}
\r\n {values.description} */}\r\n\r\n {groupId && !checkSummaries() && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {t('Sensors')}: {summaries[0].numSensors},{' '}\r\n \r\n \r\n {t('Errors')}: {summaries[0].numErrors},{' '}\r\n \r\n \r\n {t('Alarms')}: {summaries[0].numAlarms},{' '}\r\n \r\n \r\n {t('Warnings')}: {summaries[0].numWarnings},{' '}\r\n \r\n \r\n {t('Overriden')}: {summaries[0].numOverriden}\r\n \r\n
\r\n \r\n {groupId ? (\r\n
\r\n );\r\n};\r\n\r\nexport default AvailableGroupsWidget;\r\n","import React from 'react';\r\nimport { getMobileAlarmListByMC } from '../../../../api/dashboard';\r\nimport helper from '../../../../utils/helper';\r\nimport {\r\n getSharedDefaultStyles,\r\n getSpacingAround,\r\n} from '../../Configure/DashboardCustom/functions';\r\n\r\nconst MonitoringPointWidget = (props) => {\r\n const refreshRate = helper.getSetting('ValueRefreshRateSec').value * 1000;\r\n const intervalRef = React.useRef();\r\n const [alarmList, updateAlarmList] = React.useState([]);\r\n function getData() {\r\n getMobileAlarmListByMC()\r\n .then((resp) => updateAlarmList(resp))\r\n .catch((err) => console.log('alarm list err', err));\r\n }\r\n\r\n const getIntervalData = () => {\r\n const interval = setInterval(() => {\r\n getData();\r\n }, refreshRate);\r\n return interval;\r\n };\r\n\r\n React.useEffect(() => {\r\n getData();\r\n intervalRef.current = getIntervalData();\r\n return () => {\r\n clearInterval(intervalRef.current);\r\n };\r\n }, []);\r\n function getBgColor(alarmPriority) {\r\n let color = '';\r\n switch (alarmPriority) {\r\n //green\r\n case 0:\r\n color = '#75e5d0';\r\n break;\r\n case 1:\r\n //yellow\r\n color = '#fcf496';\r\n break;\r\n case 2:\r\n //red\r\n color = '#ffb0be';\r\n break;\r\n default:\r\n //blue\r\n color = '#6bcfed';\r\n break;\r\n }\r\n return color;\r\n }\r\n function getFlexByColumn() {\r\n const flexPercentage =\r\n 100 / parseInt(props.extraProperties.numberOfColumns || 1);\r\n return `0 0 ${flexPercentage}%`;\r\n }\r\n function getStyles() {\r\n let val = parseInt(props.width);\r\n return {\r\n width: val < 0 ? '100%' : val,\r\n ...getSharedDefaultStyles(),\r\n ...getSpacingAround(\r\n props.extraProperties.spacingTop,\r\n props.extraProperties.spacingRight,\r\n props.extraProperties.spacingBottom,\r\n props.extraProperties.spacingLeft,\r\n ),\r\n };\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n ) : null}\r\n {groupId ? (\r\n \r\n \r\n {alarmList\r\n // .filter((alarm) => {\r\n // if (search === null) {\r\n // return alarm;\r\n // } else {\r\n // return search.includes(alarm.sensorId);\r\n // }\r\n // })\r\n .filter(\r\n (alarm) =>\r\n props.extraProperties.alarms &&\r\n JSON.parse(props.extraProperties.alarms)\r\n .map((al) => al.sensorId)\r\n .includes(alarm.sensorId),\r\n )\r\n .filter((alarm) => {\r\n if (props.isAlert) {\r\n return alarm.alarmPriority !== 0;\r\n } else return alarm;\r\n })\r\n .map((al) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default MonitoringPointWidget;\r\n","import React from 'react';\r\nimport { getUserWidgets } from '../../../api/widget';\r\nimport helper from '../../../utils/helper';\r\nimport Loading from '../../Helpers/Loading';\r\nimport Backend from '../../Layouts/Backend';\r\nimport { dashboardCustomizeConstants } from '../Configure/DashboardCustom/constants';\r\nimport AlarmListWidget from './Widgets/AlarmListWidget';\r\nimport AvailableGroupsWidget from './Widgets/AvailableGroupsWidget';\r\nimport MonitoringPointWidget from './Widgets/MonitoringPointWidget';\r\nimport './dashboard-custom.scss';\r\nimport { orderBy } from 'lodash';\r\nimport MobileToggle from '../../UI/MobileToggle';\r\nimport moment from 'moment';\r\n\r\nconst CustomDashboard = (props) => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [widgets, updateWidgets] = React.useState([]);\r\n const [lastUpdated, setLastUpdate] = React.useState(\r\n moment().format('MM/DD/yyyy HH:mm:ss'),\r\n );\r\n React.useEffect(() => {\r\n setLoading(true);\r\n getUserWidgets()\r\n .then((resp) => updateWidgets(orderBy(resp, ['index'], 'asc')))\r\n .catch((err) => console.log(err))\r\n .finally(() => setLoading(false));\r\n }, []);\r\n if (loading) {\r\n return (\r\n \r\n
\r\n\r\n \r\n {props.title ?
\r\n {props.title}
: null}\r\n {props.description ? (\r\n {props.description}\r\n ) : null}\r\n\r\n {/*
\r\n \r\n
\r\n \r\n \r\n {al.name}\r\n \r\n
\r\n {al.location}\r\n
\r\n {al.groupName}\r\n
\r\n {al.alarmPriority === 2 && (\r\n <>\r\n \r\n {al.timeDetected}\r\n \r\n
\r\n \r\n )}\r\n {al.alarmPriority !== 0 && (\r\n {al.alarmType}\r\n )}\r\n
\r\n {/* \r\n {al.location}\r\n
\r\n {al.groupName}\r\n
\r\n {al.alarmPriority === 2 && (\r\n <>\r\n \r\n {al.timeDetected}\r\n \r\n
\r\n \r\n )}\r\n {al.alarmPriority !== 0 && (\r\n {al.alarmType}\r\n )}\r\n
\r\n
*/}\r\n \r\n \r\n {al.units}\r\n \r\n
\r\n\r\n {al.textValue}\r\n \r\n
\r\n {al.timeInfo}\r\n
\r\n \r\n
\r\n {al.timeInfo}\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n This is Custom Dashboard page. Please go to{' '}\r\n \r\n Configure Custom Dashboard\r\n {' '}\r\n to create awesome widgets\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {widgets.map((widget) => {\r\n return (\r\n \r\n {widget.terminateRow ?
: null}\r\n {{\r\n [dashboardCustomizeConstants.widget2]: (\r\n \r\n );\r\n })}\r\n \r\n
\r\n : null}\r\n {{\r\n [dashboardCustomizeConstants.widget2]: (\r\n