\n \n {breadcrumbs && React.cloneElement(breadcrumbs, {\n basePath,\n data: record,\n hasList,\n hasEdit,\n resource,\n })}\n {actions && React.cloneElement(actions, {\n basePath,\n data: record,\n hasList,\n hasEdit,\n resource,\n style:{marginLeft: \"auto\"},\n ...actions.props,\n })}\n
\n \n \n \n {record && React.Children.map(children, (field, index) => (\n React.isValidElement(field) ? React.cloneElement(field, {\n key: index,\n resource,\n basePath,\n record,\n version,\n }) : null\n ))}\n
\n {aside &&\n React.cloneElement(aside, {\n resource,\n basePath,\n record,\n version,\n })}\n \n \n );\n};\n\nReportView.propTypes = {\n breadcrumbs: PropTypes.element,\n actions: PropTypes.element,\n aside: PropTypes.element,\n basePath: PropTypes.string,\n classes: PropTypes.object,\n className: PropTypes.string,\n defaultTitle: PropTypes.any,\n hasEdit: PropTypes.bool,\n hasList: PropTypes.bool,\n loading: PropTypes.bool,\n loaded: PropTypes.bool,\n record: PropTypes.object,\n resource: PropTypes.string,\n title: PropTypes.any,\n version: PropTypes.node,\n};\n\nReportView.defaultProps = {\n classes: {},\n};\n","import React, { useState, useEffect } from 'react';\nimport { useNotify } from 'react-admin';\n\nimport Snackbar from '@material-ui/core/Snackbar'\nimport CircularProgress from '@material-ui/core/CircularProgress'\n\nfunction ReactReport(props) {\n \n const notify = useNotify();\n\n const [open, setOpen] = useState(false);\n const [statusloader, setStatusloader] = useState('');\n const [module, setModule] = useState(null);\n\n const handleUpdateStatusProcess = (open, message, notifyStatus) => {\n \n if(message) {\n if(!notifyStatus) { \n setStatusloader(message);\n } else {\n notify(message, notifyStatus);\n }\n } \n\n if(open != null) { \n setOpen(open)\n }\n }\n\n useEffect(() => {\n if(!module) {\n import(`./Templates/${props.record.template}`).then(module => {\n setModule({ def: module.default }); \n });\n } \n return () => {};\n }, [module]);\n\n const { def: Component } = module || {};\n\n \n\n return (\n \n {Component &&
}\n
\n Подготовка документа. Ожидайте
\n {(!Array.isArray(statusloader) ? [statusloader] : statusloader).map((x,i) => ({x}
))} \n \n {Component &&
}\n
\n Подготовка документа. Ожидайте
\n {(!Array.isArray(this.state.statusloader) ? [this.state.statusloader] : this.state.statusloader).map((x,i) => ({x}
))} \n \n \n \n \n \n \n \n );\n}\n\nconst ReportShow = props => {\n const controllerProps = useShowController(props);\n const target = url.parse(props.location.search, true).query;\n\n return (\n \n \n );\n}\n\nexport default Icon;","import React from 'react';\nimport get from 'lodash/get';\nimport Typography from '@material-ui/core/Typography';\nimport sanitizeFieldRestProps from './sanitizeFieldRestProps';\nimport cronstrue from 'cronstrue/i18n';\n\n\nconst CronField = ({ className, resource, source, record = {}, ...props }) => {\n\n const cron = get(record, source);\n if (!cron) return null;\n const cronHumanize = cronstrue.toString(cron, {\n use24HourTimeFormat: true,\n verbose: true,\n locale: \"ru\",\n });\n\n return (\n \n {cronHumanize}\n \n )\n};\n\nCronField.defaultProps = {\n addLabel: true,\n};\n\nexport default CronField;","import React, { Fragment } from 'react';\nimport { Datagrid, TextField } from 'react-admin';\nimport List from '../Layout/list/List';\nimport BooleanField from '../Fields/BooleanField';\nimport ResourceLinkField from '../Fields/ResourceLinkField';\nimport EnumField from '../Fields/EnumField';\nimport CronField from '../Fields/CronField';\nimport useListStyles from '../Layout/list/useListStyles';\nimport { can } from \"../../abilityProvider\";\nimport DocumentationLinkButton from '../Layout/DocumentationLinkButton';\n\n\n\nconst ReportDespatchList = ({ modelExport, ...props }) => {\n const classes = useListStyles();\n\n return (\n \n \n \n {can('getList', 'ReportDespatch', 'name') && \n \n \n )\n};\n\nReportDespatchList.defaultProps = {\n perPage: 50,\n sort: { field: 'name', order: 'ASC' },\n};\n\n\n\nexport default ReportDespatchList;","import React, { useCallback } from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport Autocomplete, { createFilterOptions } from '@material-ui/lab/Autocomplete';\nimport { useInput, FieldTitle, InputHelperText, regex } from 'react-admin';\nimport cronstrue from 'cronstrue/i18n';\n\n\n\nconst croneValidation = (value, allValues) => {\n if (!value) return undefined;\n try {\n cronstrue.toString(value);\n } catch (error) {\n return error.replace(\"Error: \", \"\");\n }\n return undefined;\n};\n\nconst getCronHumanizeLabel = (value) => {\n if (!value) return undefined\n try {\n\n const cronHumanize = cronstrue.toString(value, {\n // throwExceptionOnParseError: false,\n use24HourTimeFormat: true,\n verbose: true,\n locale: \"ru\",\n });\n\n return cronHumanize\n\n } catch (err) {\n\n const a = err\n }\n};\n\nconst filter = createFilterOptions();\n\nconst CronInput = ({\n format,\n helperText,\n label,\n margin = 'dense',\n onBlur,\n onFocus,\n onChange,\n resource,\n source,\n validate = [],\n variant = 'filled',\n inputProps,\n className,\n optionValue = \"id\",\n optionText = \"name\",\n options = [],\n ...rest\n}) => {\n\n const {\n id,\n input,\n isRequired,\n meta: { error, touched },\n } = useInput({\n format,\n onBlur,\n onChange,\n onFocus,\n resource,\n source,\n validate: [...validate, croneValidation],\n ...rest,\n });\n\n // let cronHumanize;\n // let cronError;\n\n // try {\n\n // cronHumanize = cronstrue.toString(input.value, {\n // // throwExceptionOnParseError: false,\n // use24HourTimeFormat: true,\n // verbose: true,\n // locale: \"ru\",\n // });\n\n // } catch (err) {\n\n // const a = err\n // }\n\n\n const handleChange = useCallback((event, newValue) => {\n if (typeof newValue === 'string') {\n input.onChange(newValue)\n } else {\n input.onChange(newValue ? newValue[optionValue] : newValue)\n }\n }, [])\n\n const filterOptions = useCallback((options, params) => {\n const filtered = filter(options, params);\n\n // Suggest the creation of a new value\n if (params.inputValue !== '') {\n filtered.push({\n id: \"OTHER\",\n name: params.inputValue,\n cron: params.inputValue\n });\n }\n\n return filtered;\n }, [])\n\n const getOptionLabel = useCallback((option) => {\n // Value selected with enter, right from the input\n if (typeof option === 'string') {\n return option;\n }\n // Add \"xxx\" option created dynamically\n if (option.inputValue) {\n return option.inputValue;\n }\n // Regular option\n return option[optionText];\n }, [])\n\n const renderOption = useCallback((option) => option[optionText], [])\n\n return (\n {\n\n const cronHumanize = getCronHumanizeLabel(params.inputProps.value)\n\n return (\n \n \n );\n}\n\nexport default ContactUserReferenceInput;","import React, { useMemo } from 'react';\nimport get from 'lodash/get'\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { useFormState } from \"react-final-form\";\nimport { TextInput } from 'react-admin';\n\n\n\n\n\nconst ContactEmailInput = (props) => {\n\n const { values } = useFormState();\n const users = useSelector(state => state.admin.resources.User.data, shallowEqual);\n\n const helperText = useMemo(() => {\n const userId = get(values, [\"userId\"])\n const userEmail = get(users, [userId, \"email\"])\n const email = get(values, [\"email\"])\n\n return (userEmail && (userEmail !== email)) ? \"Не совпадает с email пользователя\" : null\n }, [users, values]);\n\n return (\n \n {can('create', 'Contact', 'userId') && \n )\n};","import React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { ReferenceArrayInput, AutocompleteArrayInput } from \"react-admin\";\n// import AutocompleteArrayInput from '../Inputs/AutocompleteArrayInput';\nimport SelectedItem from '../Inputs/ResourceAutocompleteSelectedItem';\nimport SuggestionItem from '../Inputs/ResourceAutocompleteSuggestionItem';\nimport QuickCreateButton from \"../Buttons/QuickCreateButton\";\nimport { ContactQuickCreateForm } from \"./ContactCreate\";\nimport { can } from \"../../abilityProvider\";\n\n\n\nconst matchTrue = () => true;\n\nconst useStyles = makeStyles({\n container: {\n display: \"flex\",\n alignItems: \"flex-start\"\n },\n reference: {\n display: \"inline-block\",\n width: \"90%\"\n }\n});\n\nconst optionRenderer = choice => choice ? `${choice.name} <${choice.email}>` : choice;\n\nconst ContactReferenceArrayInput = props => {\n const classes = useStyles();\n return (\n \n
\n \n {can('create', 'Contact') &&
\n }\n
\n \n {can('create', 'ReportDespatch', 'name') && \n \n );\n};\n\nexport default ReportDespatchCreate;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { SimpleForm, TextInput, Toolbar, SaveButton, BooleanInput, required } from 'react-admin';\nimport { Edit } from '../Layout/Edit';\nimport ToolbarSpacer from '../Layout/ToolbarSpacer';\nimport CardBlankLayout from '../Layout/CardBlankLayout';\nimport TitleForRecord from '../Layout/TitleForRecord';\nimport EnumInput from '../Inputs/EnumInput'\nimport CancelButton from '../Buttons/CancelButton';\nimport ReportReferenceArrayInput from '../Report/ReportReferenceArrayInput';\nimport ReportDespatchSchedulerInput from './ReportDespatchSchedulerInput';\nimport ContactReferenceArrayInput from '../Contact/ContactReferenceArrayInput';\nimport { can } from \"../../abilityProvider\";\n\n\n\nconst validateName = [required()]\nconst validateTo = [required()]\nconst validateReportsIds = [required()]\nconst validateCron = [required()]\n\nconst ReportDespatchEdit = props => {\n // const classes = useStyles();\n\n return (\n \n \n {can('update', 'ReportDespatch', 'name') && \n \n\n \n );\n};\n\nexport default ReportDespatchEdit","import React from 'react';\nimport Chip from '@material-ui/core/Chip';\n\n\n\nconst ContactChip = ({ className, classes: classesOverride, record, basePath, ...props }) => {\n\n if (!record) return null\n\n const label = `${record.name} <${record.email}>`\n\n return (\n \n \n );\n}\n\nexport default Icon;","import differenceBy from 'lodash/differenceBy';\nimport difference from 'lodash/difference';\n\n\nexport const buildNestedArrayInput = (current = [], previous = []) => {\n\n const connect = current.filter(item => item.id).map(({ id }) => ({ id }))\n const create = current.filter(item => !item.id).map(({ id, ...input }) => ({ ...input }))\n const disconnect = differenceBy(previous, current, 'id').map(({ id }) => ({ id }))\n\n return {\n connect: connect.length > 0 ? connect : undefined,\n create: create.length > 0 ? create : undefined,\n disconnect: disconnect.length > 0 ? disconnect : undefined,\n }\n\n}\n\nexport const buildArrayInput = (current = [], previous = []) => {\n\n const connect = difference(current, previous).map(id => ({ id }))\n const disconnect = difference(previous, current).map(id => ({ id }))\n\n return {\n connect: connect.length > 0 ? connect : undefined,\n disconnect: disconnect.length > 0 ? disconnect : undefined,\n }\n\n}\n\nexport const sanitizeResource = data => {\n const result = Object.keys(data).reduce((acc, key) => {\n if (key.startsWith('_')) {\n return acc;\n }\n\n const dataKey = data[key];\n\n if (dataKey === null || dataKey === undefined) {\n return acc;\n }\n\n if (Array.isArray(dataKey)) {\n if (typeof dataKey[0] === 'object' && dataKey[0] !== null) {\n return {\n ...acc,\n [key]: dataKey.map(sanitizeResource),\n [`${key}Ids`]: dataKey.map(d => d.id),\n };\n } else {\n return { ...acc, [key]: dataKey };\n }\n }\n\n if (typeof dataKey === 'object' && dataKey !== null) {\n return {\n ...acc,\n ...(dataKey &&\n dataKey.id && {\n [`${key}.id`]: dataKey.id,\n }),\n [key]: sanitizeResource(dataKey),\n };\n }\n\n return { ...acc, [key]: dataKey };\n }, {});\n\n return result;\n};\n\nexport const omitDeepArrayWalk = (arr, key) => {\n return arr.map(val => {\n if (Array.isArray(val)) return omitDeepArrayWalk(val, key);\n else if (typeof val === \"object\") return omitDeep(val, key);\n return val;\n });\n};\n\nexport const omitDeep = (obj, key) => {\n const keys = Object.keys(obj);\n const newObj = {};\n keys.forEach(i => {\n if (i !== key) {\n const val = obj[i];\n if (val instanceof Date) newObj[i] = val;\n else if (Array.isArray(val)) newObj[i] = omitDeepArrayWalk(val, key);\n else if (typeof val === \"object\" && val !== null)\n newObj[i] = omitDeep(val, key);\n else newObj[i] = val;\n }\n });\n return newObj;\n};","import { ApolloClient, ApolloLink, InMemoryCache, createHttpLink, from } from '@apollo/client';\nimport { setContext } from '@apollo/client/link/context';\nimport { getAccessToken } from '../../authPrivider/getAccessToken';\nimport { URI_REPORT_DESPATCH } from '../../appsettings';\nimport { omitDeep } from './utils';\n\n\n\nconst httpLink = createHttpLink({\n uri: URI_REPORT_DESPATCH\n})\n\nconst authLink = setContext(async (_, { headers }) => {\n\n const token = await getAccessToken();\n\n return {\n headers: {\n ...headers,\n authorization: token ? `Bearer ${token}` : \"\",\n }\n }\n});\n\nconst cleanTypenameLink = new ApolloLink((operation, forward) => {\n if (operation.variables && !operation.variables.file) {\n // eslint-disable-next-line\n operation.variables = omitDeep(operation.variables, \"__typename\");\n }\n\n return forward(operation);\n});\n\nexport default new ApolloClient({\n link: from([\n authLink,\n cleanTypenameLink,\n httpLink\n ]),\n cache: new InMemoryCache(),\n defaultOptions: {\n watchQuery: {\n fetchPolicy: 'network-only',\n },\n query: {\n fetchPolicy: 'network-only',\n },\n },\n});\n","import { gql } from '@apollo/client';\n\nexport const CONTACT_FRAGMENT = gql`\n fragment ContactFragment on Contact {\n id\n name\n email\n userId\n }\n`\n\nexport const REPORT_DESPATCH_FRAGMENT = gql`\n fragment ReportDespatchFragment on ReportDespatch {\n id\n name\n description\n createdAt\n createdById\n updatedAt\n to {...ContactFragment}\n cc {...ContactFragment}\n bcc {...ContactFragment}\n reportsIds\n enabled\n cron\n rangeOption\n lastExecutionAt\n nextExecutionAt\n }\n ${CONTACT_FRAGMENT}\n`\n\n","import gql from 'graphql-tag'\nimport apolloClient from '../apolloClient';\nimport { REPORT_DESPATCH_FRAGMENT } from '../typeDefs';\n\nexport const RUN_REPORT_DESPATCH = gql`\n mutation runReportDespatch($where: ReportDespatchWhereUniqueInput!) {\n data: runReportDespatch(where: $where) {\n item {...ReportDespatchFragment}\n }\n }\n ${REPORT_DESPATCH_FRAGMENT}\n`\n\nexport default (args) => {\n return apolloClient.mutate({\n mutation: RUN_REPORT_DESPATCH,\n variables: { ...args },\n onError: (error) => {\n alert(error)\n }\n })\n};\n","import React, { useState, useCallback, Fragment } from 'react';\nimport { useDispatch } from 'react-redux';\nimport SendEmailNow from '../Icons/SendEmailNow';\nimport {\n useNotify,\n Button,\n fetchStart,\n fetchEnd,\n useRefresh,\n} from 'react-admin';\nimport runNow from \"../../dataProvider/ReportDespatch/ReportDespatch/runNow\";\n\n\n\n\n\n\n\n\n\nconst RunNowReportDespatchButton = ({\n basePath,\n classes: classesOverride,\n className,\n record,\n resource,\n ...rest }) => {\n\n const dispatch = useDispatch();\n const refresh = useRefresh();\n const notify = useNotify();\n const [loading, setLoading] = useState(false);\n\n const handleRunNow = useCallback(() => {\n\n setLoading(true);\n dispatch(fetchStart());\n\n runNow({\n where: { id: record.id }\n }).then(() => {\n notify('ra.notification.despatch_runned', 'info', { smart_count: 1 });\n refresh();\n })\n .catch((error) => {\n notify(typeof error === 'string' ? error : error.message || 'ra.notification.http_error', 'warning');\n })\n .finally(() => {\n setLoading(false);\n dispatch(fetchEnd()); // stop the global loading indicator\n });\n }, [setLoading, notify, refresh, fetchStart, fetchEnd, record])\n\n\n return (\n \n \n {can('update', 'ReportDespatch') && \n )\n};\n\nconst ReportDespatchShow = props => {\n const showMoreButton = React.useRef(null);\n\n return (\n \n {can('getOne', 'ReportDespatch', 'name') && \n \n \n }\n {can('getOne', 'ReportDespatch', 'cc') && \n \n \n }\n {can('getOne', 'ReportDespatch', 'bcc') && \n \n \n }\n {can('getOne', 'ReportDespatch', 'reportsIds', \"Report\") && \n \n \n }\n {can('getOne', 'ReportDespatch', 'rangeOption') && \n\n )} />\n\n \n \n {can('getOne', 'ReportDespatch', 'id') && \n }\n {can('getOne', 'ReportDespatch', 'createdAt') && \n \n \n );\n};\n\n\n\nexport default ReportDespatchShow;","import Icon from '../Icons/Despatch';\nimport ReportDespatchList from './ReportDespatchList';\nimport ReportDespatchCreate from './ReportDespatchCreate';\nimport ReportDespatchEdit from './ReportDespatchEdit';\nimport ReportDespatchShow from './ReportDespatchShow';\n\nconst ReportDespatchIcon = Icon;\n\n\nexport {\n ReportDespatchIcon,\n ReportDespatchList,\n ReportDespatchShow,\n ReportDespatchCreate,\n ReportDespatchEdit,\n};\n","import React from 'react';\nimport { SelectInput } from 'react-admin';\n\n\n\nconst resources = [\n { id: 'GasRegion', name: 'resources.Tag.enums.resource.GasRegion' },\n { id: 'GasDistrict', name: 'resources.Tag.enums.resource.GasDistrict' },\n { id: 'GasDistributorOrganization', name: 'resources.Tag.enums.resource.GasDistributorOrganization' },\n { id: 'GasDistributorStation', name: 'resources.Tag.enums.resource.GasDistributorStation' },\n { id: 'GasDistributorStationOutput', name: 'resources.Tag.enums.resource.GasDistributorStationOutput' },\n { id: 'GasConsumer', name: 'resources.Tag.enums.resource.GasConsumer' },\n { id: 'GasMeterPad', name: 'resources.Tag.enums.resource.GasMeterPad' },\n { id: 'GasMeterUnit', name: 'resources.Tag.enums.resource.GasMeterUnit' },\n { id: 'GasQualityCertificate', name: 'resources.Tag.enums.resource.GasQualityCertificate' },\n];\n\nconst TagResourceInput = props => {\n return (\n {color} }\n
\n\n )\n};\n\nColorField.propTypes = {\n label: PropTypes.string,\n record: PropTypes.object,\n source: PropTypes.string.isRequired,\n};\n\nColorField.defaultProps = {\n addLabel: true,\n};\n\nexport default ColorField;","import { BulkDeleteButton, BulkExportButton, Datagrid, DateField, ListContextProvider, ListView, TextField, useListController, useTranslate } from 'react-admin';\nimport customExporter, { dateFormatter, enumFormatter } from '../../exporter';\n\nimport ResourceInput from './TagResourceInput';\nimport EnumInput from '../Inputs/EnumInput';\nimport ColorField from '../Fields/ColorField';\nimport EditMenuItem from \"../Buttons/EditButtonAsMenuItem\";\nimport EnumField from '../Fields/EnumField';\nimport ManualSubmitFilter from '../Layout/filter/ManualSubmitFilter';\nimport MoreButton from \"../Buttons/MoreButton\";\nimport ResourceLinkField from '../Fields/ResourceLinkField';\nimport React from 'react';\nimport SearchInput from '../Inputs/SearchInput'\nimport ShowBlankItem from \"../Buttons/ShowBlankButtonAsMenuItem\";\nimport { can } from \"../../abilityProvider\";\nimport useListStyles from '../Layout/list/useListStyles';\n\n\n\nconst TagBulkActionButtons = props => (\n <>\n {can('remove', 'Tag',) && \n \n);\n\nconst modelExport = {\n id: true,\n name: true,\n description: true,\n createdBy: {\n id: true,\n name: true,\n __resource: \"User\",\n },\n createdAt: dateFormatter,\n updatedAt: dateFormatter,\n color: true,\n type: enumFormatter,\n resource: true,\n __resource: \"Tag\",\n};\n\nconst TagList = props => {\n const classes = useListStyles();\n const translate = useTranslate();\n const controllerProps = useListController(props);\n const exporter = customExporter(controllerProps.defaultTitle, modelExport, { translate })\n const manualSubmitForm = React.useRef(null);\n\n return (\n \n \n \n {can('getOne', 'Tag') && \n \n \n \n )\n};\n\nTagList.defaultProps = {\n filter: { resource_in: ['GasRegion', 'GasDistrict', 'GasDistributorOrganization', 'GasDistributorStation', 'GasDistributorStationOutput', 'GasConsumer', 'GasMeterPad', 'GasMeterUnit', 'GasQualityCertificate'] },\n perPage: 50,\n sort: { field: 'name', order: 'ASC' },\n};\n\n\n\nexport default TagList;","import React, { useState } from 'react'\nimport { red, pink, purple, deepPurple, indigo, blue, lightBlue, cyan, teal, green, lightGreen, lime, yellow, amber, orange, deepOrange, brown, blueGrey, grey } from '@material-ui/core/colors';\nimport { makeStyles } from '@material-ui/core/styles';\n// import { InputBase } from '@material-ui/core';\nimport Paper from '@material-ui/core/Paper';\nimport CardContent from '@material-ui/core/CardContent';\nimport map from 'lodash/map'\nimport Swatch from './Swatch'\nimport { ColorWrap } from \"react-color/lib/components/common\";\nimport { isValidHex } from \"react-color/lib/helpers/color\"\n\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n // position: \"relative\"\n },\n grid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(9, 24px)\",\n gridTemplateRows: 24,\n gridGap: 4,\n },\n swatch: {\n width: 30,\n height: 30,\n float: 'left',\n borderRadius: 4,\n margin: '0 6px 6px 0',\n },\n input: {\n width: 136\n }\n}));\n\nexport const ColorPicker = ({\n onChange,\n onSwatchHover,\n colors,\n className,\n hex\n}) => {\n const classes = useStyles()\n // const [value, setValue] = useState(hex)\n\n const handleSwatch = (hexcode, event) => {\n if (isValidHex(hexcode)) {\n onChange({\n hex: hexcode,\n source: 'hex',\n }, event)\n // setValue(hexcode)\n }\n }\n\n // const handleChange = (event) => {\n\n // const hexcode = event.target.value\n // setValue(hexcode)\n // if (isValidHex(hexcode)) {\n // onChange({\n // hex: hexcode,\n // source: 'hex',\n // }, event)\n\n // }\n // }\n\n return (\n \n \n {map(colors, (c, i) => {\n return (\n \n {/* \n */}\n \n )\n}\n\nconst colorsGenerator = (colors) => {\n const colorsArray = colors.reduce((acc, color) => {\n const colorArray = [color['900'], color['800'], color['700'], color['600'], color['500'], color['400'], color['300'], color['200'], color['100']]\n\n return [...acc, ...colorArray]\n }, [])\n\n return colorsArray\n}\n\nColorPicker.defaultProps = {\n colors: colorsGenerator([red, pink, purple, deepPurple, indigo, blue, lightBlue, cyan, teal, green, lightGreen, lime, yellow, amber, orange, deepOrange, brown, blueGrey, grey]),\n // colors: [\n // red['900'], red['700'], red['500'], red['300'], red['100'],\n // pink['900'], pink['700'], pink['500'], pink['300'], pink['100'],\n // purple['900'], purple['700'], purple['500'], purple['300'], purple['100'],\n // deepPurple['900'], deepPurple['700'], deepPurple['500'], deepPurple['300'], deepPurple['100'],\n // indigo['900'], indigo['700'], indigo['500'], indigo['300'], indigo['100'],\n // blue['900'], blue['700'], blue['500'], blue['300'], blue['100'],\n // lightBlue['900'], lightBlue['700'], lightBlue['500'], lightBlue['300'], lightBlue['100'],\n // cyan['900'], cyan['700'], cyan['500'], cyan['300'], cyan['100'],\n // teal['900'], teal['700'], teal['500'], teal['300'], teal['100'],\n // '#194D33', green['700'], green['500'], green['300'], green['100'],\n // lightGreen['900'], lightGreen['700'], lightGreen['500'], lightGreen['300'], lightGreen['100'],\n // lime['900'], lime['700'], lime['500'], lime['300'], lime['100'],\n // yellow['900'], yellow['700'], yellow['500'], yellow['300'], yellow['100'],\n // amber['900'], amber['700'], amber['500'], amber['300'], amber['100'],\n // orange['900'], orange['700'], orange['500'], orange['300'], orange['100'],\n // deepOrange['900'], deepOrange['700'], deepOrange['500'], deepOrange['300'], deepOrange['100'],\n // brown['900'], brown['700'], brown['500'], brown['300'], brown['100'],\n // blueGrey['900'], blueGrey['700'], blueGrey['500'], blueGrey['300'], blueGrey['100'],\n // '#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF'\n // ]\n}\n\nexport default ColorWrap(ColorPicker)","import React from 'react'\nimport classnames from 'classnames';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { handleFocus } from 'react-color/lib//helpers/interaction'\n\n\nconst useStyles = makeStyles(theme => ({\n root: ({ color }) => ({\n background: color,\n width: 24,\n height: 24,\n borderRadius: 4,\n cursor: 'pointer',\n outline: 'none',\n }),\n focus: ({ color }) => ({\n boxShadow: `0 0 4px ${color}`,\n })\n}));\n\n\nconst ENTER = 13\n\nexport const Swatch = ({\n color,\n onClick = () => { },\n onHover,\n title = color,\n focus, }) => {\n\n const classes = useStyles({ color })\n const handleClick = e => onClick(color, e)\n const handleKeyDown = e => e.keyCode === ENTER && onClick(color, e)\n const handleHover = e => onHover(color, e)\n\n const optionalEvents = {}\n if (onHover) {\n optionalEvents.onMouseOver = handleHover\n }\n\n return (\n \n \n ),\n }}\n {...options}\n {...sanitizeRestProps(rest)}\n />\n \n \n \n {can('create', 'Tag', 'name') && \n \n );\n};\n\nexport default TagCreate;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport DeleteForeverIcon from '@material-ui/icons/DeleteForever';\nimport { SimpleForm, TextInput, Toolbar, SaveButton, DeleteButton, required } from 'react-admin';\nimport { Edit } from '../Layout/Edit';\nimport ToolbarSpacer from '../Layout/ToolbarSpacer';\nimport CardBlankLayout from '../Layout/CardBlankLayout';\nimport TitleForRecord from '../Layout/TitleForRecord';\nimport ResourceInput from './TagResourceInput';\n// import EnumInput from '../Inputs/EnumInput';\nimport ColorInput from '../Inputs/ColorInput';\nimport { can } from \"../../abilityProvider\";\n\n\n\nconst useStyles = makeStyles(theme => ({\n toolbar: {\n display: 'flex',\n '& > *:not(:last-child)': {\n marginRight: theme.spacing(1),\n },\n },\n\n}));\n\nconst TagToolbar = props => {\n const classes = useStyles();\n const isSystem = props.record.type === \"SYSTEM\"\n\n return (\n \n {can('update', 'Tag') && \n );\n}\n\nconst TagEdit = props => {\n // const classes = useStyles();\n\n return (\n \n \n \n );\n};\n\nexport default TagEdit","import React from 'react';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography'\nimport { can } from \"../../abilityProvider\";\n\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(),\n '&:first-child': {\n marginTop: 0,\n },\n\n },\n}));\n\nconst TagBanner = ({ classes: classesOverride, className, ...props }) => {\n const classes = useStyles({ classes: classesOverride });\n const { record } = props;\n if (!record) { return null }\n const name = record.name;\n const description = record.description;\n\n return (\n \n \n \n \n {can('getOne', 'Tag', 'name') && {name} }\n {can('getOne', 'Tag', 'description') && {description} }\n \n \n \n \n );\n};\n\n\n\nexport default TagBanner;","import React from 'react';\nimport { TextField, DateField } from 'react-admin';\nimport { Show } from '../Layout/Show';\nimport CardShowLayout from '../Layout/CardShowLayout';\nimport TitleForRecord from '../Layout/TitleForRecord';\nimport MoreContent from '../Layout/MoreContent';\nimport Separator from '../Layout/Separator';\nimport TagBanner from './TagBanner';\n// import { can } from \"../../abilityProvider\";\nimport NestedField from '../Fields/NestedField';\nimport EnumField from '../Fields/EnumField';\nimport ColorField from '../Fields/ColorField';\nimport { dateTimeOptions } from '../../utils';\n\n\n\nconst TagShow = props => {\n const showMoreButton = React.useRef(null);\n\n return (\n \n \n\n )} />\n\n \n \n \n \n \n \n \n );\n};\n\nexport default TagShow;","import Icon from '@material-ui/icons/Label';\nimport TagList from './TagList';\nimport TagCreate from './TagCreate';\nimport TagEdit from './TagEdit';\nimport TagShow from './TagShow';\n\nconst TagIcon = Icon;\n\n\nexport {\n TagIcon,\n TagList,\n TagShow,\n TagCreate,\n TagEdit,\n};\n","import React from \"react\";\nimport { Children, cloneElement } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n\nconst useStyles = makeStyles({\n toolbar: {\n alignItems: \"center\",\n display: \"flex\",\n marginTop: -1,\n marginBottom: -1\n }\n});\n\nconst RowToolbar = ({ children, ...props }) => {\n const classes = useStyles();\n return (\n \n {Children.map(children, (button) => cloneElement(button, props))}\n
\n );\n};\n\n\nexport default RowToolbar","import deleteFromTrash from \"./deleteFromTrash\";\n\n\nexport default ({ resource, items, ids }) => {\n return Promise.all(\n ids.map(id =>\n deleteFromTrash((items) ? { resource: items[id].resource , where: {id: items[id].item}} : {resource, where: {id}})\n )\n ).then(results => {\n const data = results.reduce(\n (acc, { data }) => [...acc, data.id],\n []\n );\n return { data };\n });\n};","import gql from 'graphql-tag'\nimport apolloCoreClient from './apolloCoreClient';\n\n\nexport default ({resource, where}) => {\n return apolloCoreClient.mutate({\n mutation: gql`mutation delete${resource}($where: ${resource}WhereUniqueInput!) {\n data: delete${resource}(where: $where) {\n id\n }\n }`,\n variables: { where },\n onError: (error) => {\n alert(error)\n }\n });\n};","import React, { useState } from 'react';\nimport { useSelector, useDispatch, shallowEqual } from 'react-redux';\nimport { useNotify, useUnselectAll, useRefresh, fetchStart, fetchEnd, Button } from 'react-admin';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { fade } from '@material-ui/core/styles/colorManipulator';\nimport DeleteForeverIcon from '@material-ui/icons/DeleteForever';\nimport deleteManyFromTrash from \"../../dataProvider/Core/deleteManyFromTrash\";\n\nexport const sanitizeRestProps = ({\n basePath,\n classes,\n filterValues,\n handleSubmit,\n handleSubmitWithRedirect,\n invalid,\n label,\n pristine,\n resource,\n saving,\n selectedIds,\n undoable,\n redirect,\n submitOnEnter,\n ...rest\n}) => rest;\n\nconst useStyles = makeStyles(theme => ({\n deleteButton: {\n color: theme.palette.error.main,\n '&:hover': {\n backgroundColor: fade(theme.palette.error.main, 0.12),\n // Reset on mouse devices\n '@media (hover: none)': {\n backgroundColor: 'transparent',\n },\n },\n },\n}));\n\nconst BulkDeleteButton = ({\n basePath,\n resource,\n classes: classesOverride,\n className,\n filterValues,\n selectedIds,\n ...rest }) => {\n\n const trashItems = useSelector(state => state.admin.resources.TrashItem.data, shallowEqual);\n const dispatch = useDispatch();\n const refresh = useRefresh();\n const notify = useNotify();\n const unselectAll = useUnselectAll();\n const classes = useStyles({ classes: classesOverride });\n const [loading, setLoading] = useState(false);\n\n const handleClick = () => {\n\n setLoading(true);\n dispatch(fetchStart());\n\n deleteManyFromTrash({\n resource,\n items: trashItems,\n ids: selectedIds,\n }).then(() => {\n refresh();\n notify('ra.notification.deleted_from_trash', 'info', { smart_count: selectedIds.length });\n unselectAll(resource)\n\n })\n .catch((error) => {\n notify(typeof error === 'string' ? error : error.message || 'ra.notification.http_error', 'warning');\n })\n .finally(() => {\n setLoading(false);\n dispatch(fetchEnd()); // stop the global loading indicator\n });\n };\n\n return (\n \n \n \n \n \n \n \n);\n\n// const redirectToItem = (id, basePath, record) => {\n\n// return `/${record.resource}/${record.item}/show`\n// };\n\n\nconst EmbededRestoreButton = (props) => {\n return (\n \n \n );\n};\n\nconst EmbededDeleteButton = (props) => {\n return (\n \n \n );\n};\n\n\nconst TrashItemList = props => {\n const filter = { resource_in: [\"GasRegion\", \"GasDistrict\", \"BalanceRegion\", \"GasDistributorOrganization\", \"GasDistributorStation\", \"GasDistributorStationOutput\", \"GasConsumer\", \"GasMeterPad\", \"GasMeterUnit\", \"GasMeterPoint\", \"GasQualityCertificate\", \"Counterparty\", \"User\"].filter((resource) => can('getList', resource)) };\n const controllerProps = useListController({ ...props, filter });\n const classes = useListStyles();\n const manualSubmitForm = React.useRef(null);\n\n return (\n \n \n \n \n \n \n \n )\n};\n\nTrashItemList.defaultProps = {\n perPage: 50,\n sort: { field: 'deletedAt', order: 'DESC' },\n};\n\nexport default TrashItemList;","import Icon from '@material-ui/icons/Delete';\nimport TrashItemList from './TrashItemList';\nimport TrashItemShow from './TrashItemShow';\n\nconst TrashItemIcon = Icon;\n\n\nexport {\n TrashItemIcon,\n TrashItemList,\n TrashItemShow,\n};\n\n\n","import { useTranslate, useResourceContext } from 'react-admin';\nimport customExporter, { dateFormatter, enumFormatter } from '../../exporter';\n\n\n\nconst useExporter = () => {\n const translate = useTranslate()\n const resource = useResourceContext()\n const fileName = translate(`resources.${resource}.name`, { smart_count: 2 })\n const modelExport = {\n id: true,\n name: true,\n description: true,\n createdBy: {\n id: true,\n name: true,\n __resource: \"User\",\n },\n createdAt: dateFormatter,\n updatedAt: dateFormatter,\n email: true,\n login: true,\n phone: true,\n phoneContact: true,\n position: true,\n role: enumFormatter,\n access: {\n id: true,\n resource: enumFormatter,\n __resource: \"Access\",\n },\n counterparty: {\n id: true,\n name: true,\n __resource: \"Counterparty\",\n },\n __resource: \"User\",\n }\n const exporter = customExporter(fileName, modelExport, { translate })\n\n return exporter\n}\n\n\n\nexport default useExporter;","import { BulkExportButton } from 'react-admin';\nimport { can } from '../../abilityProvider';\nimport BulkRemoveButton from '../Buttons/BulkRemoveButton';\nimport React from 'react';\n\n\n\nconst UserBulkActionButtons = props => (\n <>\n {can('getList', 'User') && \n \n }\n {can('getList', 'User', 'access') && \n }\n {can('getList', 'User', 'access') && \n }\n {can('getList', 'User', 'access') && \n }\n {can('getList', 'User', 'access') && \n }\n {can('getList', 'User', 'access') && \n }\n {can('getList', 'User', 'access') && \n }\n {can('getList', 'User', 'access') && \n)\n\n\n\nexport default UserFilter;","import Avatar from '@material-ui/core/Avatar';\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport sanitizeFieldRestProps from './sanitizeFieldRestProps'\n\nconst getInitials = name => {\n var initials = name.split(\" \") || [];\n var first = initials.shift()\n var second = initials.pop()\n initials = (first.charAt(0) + (second ? second.charAt(0) : first.charAt(1))).toUpperCase();\n return initials;\n}\n\nconst useStyles = makeStyles(theme => ({\n small: {\n width: theme.spacing(4),\n height: theme.spacing(4),\n fontSize: \"1rem\",\n },\n large: {\n width: theme.spacing(7),\n height: theme.spacing(7),\n }\n}));\n\n\nconst AvatarField = ({ className, record, size, ...props }) => {\n const classes = useStyles();\n if (!record) return null;\n const { name, fullname, avatar } = record;\n const text = fullname || name;\n\n return ({getInitials(text)} );\n};\n\nexport default AvatarField;","import React from 'react';\nimport Badge from '@material-ui/core/Badge';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useSelector, shallowEqual } from 'react-redux';\n\n\n\nconst useStyles = makeStyles(theme => ({\n badge: ({banned, online}) => ({\n backgroundColor: banned ? theme.palette.error.main : theme.palette.success.main,\n boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,\n }),\n dot: {\n height: 8,\n padding: 0,\n minWidth: 8,\n },\n}));\n\n\nconst OnlineBadge = ({children, record, ...props}) => {\n const onlineUsers = useSelector(state => state.onlineUsers, shallowEqual);\n const online = onlineUsers.includes(record.id);\n const banned = record.banned;\n const classes = useStyles({banned, online});\n \n if (!record) return null;\n \n \n return (\n \n { React.cloneElement(children, {\n record,\n ...props,\n })}\n \n \n );\n}\n\nOnlineBadge.defaultProps = {\n addLabel: false,\n};\n\nexport default OnlineBadge;","import { useMediaQuery } from '@material-ui/core';\nimport { Datagrid, SimpleList, DateField, TextField } from 'react-admin';\nimport { can } from '../../abilityProvider';\nimport AvatarField from '../Fields/AvatarField';\nimport EditMenuItem from \"../Buttons/EditButtonAsMenuItem\";\nimport EnumField from '../Fields/EnumField';\nimport MoreButton from \"../Buttons/MoreButton\";\nimport ResourceLinkField from '../Fields/ResourceLinkField';\nimport OnlineBadge from '../Fields/OnlineBadge';\nimport PhoneField from '../Fields/PhoneField';\nimport React from 'react';\nimport RemoveMenuItem from \"../Buttons/RemoveButtonAsMenuItem\";\nimport ShowBlankItem from \"../Buttons/ShowBlankButtonAsMenuItem\";\nimport { dateTimeOptions } from '../../utils';\nimport useListStyles from '../Layout/list/useListStyles';\n\n\n\n\nconst UserDatagrid = (props) => {\n const isMobile = useMediaQuery(theme => theme.breakpoints.down('sm'))\n const classes = useListStyles();\n\n return isMobile ? (\n record.name}\n linkType=\"show\"\n />\n ) : (\n \n \n \n \n {can('getOne', 'User') && \n \n )\n}\n\n\n\nexport default UserDatagrid;","import List from '../Layout/list/List';\nimport React from 'react';\nimport useUserExporter from './useUserExporter';\nimport UserBulkActionButtons from './UserBulkActionButtons';\nimport UserFilter from './UserFilter';\nimport UserDatagrid from './UserDatagrid';\n\n\n\nconst UserList = (props) => {\n const exporter = useUserExporter()\n const manualSubmitForm = React.useRef(null)\n\n return (\n \n \n {visible ? \n }\n \n \n \n\n\n );\n};\n\nexport default AccessReferenceArrayInput;\n\n\n\n","import React from 'react';\nimport { can, abilitySubjectConditions as asc, rulesToFields } from '../../abilityProvider';\n// import { makeStyles } from '@material-ui/core/styles';\nimport { Create, TextInput, ReferenceInput, AutocompleteInput, required, minLength, TabbedForm, FormTab } from 'react-admin';\nimport PhoneInput from '../Inputs/PhoneInput';\nimport EnumInput from '../Inputs/EnumInput';\nimport PasswordInput from '../Inputs/PasswordInput';\nimport AccessResourceInput from './AccessResourceInput';\nimport AccessReferenceArrayInput from './AccessReferenceArrayInput';\n\n\n\nconst matchTrue = () => true;\n\nconst filterRoles = (value) => {\n const conditions = rulesToFields(\"create\", \"User\")\n const role_in = (conditions.role && conditions.role.$in) || [];\n return role_in.includes(value.name);\n}\n\n\nconst logined = (value, values) => {\n if (!values.email && !values.phone && !values.login) {\n return 'ra.action.one_of_fields_is_required';\n }\n};\nconst validateLogin = [logined];\nconst validateName = [required(), minLength(2)];\nconst validateRole = [required()];\nconst validatePassword = [required()];\n\nconst UserCreate = props => {\n // const classes = useStyles();\n\n return (\n \n \n \n {can(\"create\", \"User\", \"name\") && \n \n {can('create', 'User', 'counterparty') && \n }\n \n \n \n );\n};\n\nexport default UserCreate","import React from 'react';\nimport BanIcon from '@material-ui/icons/Report';\nimport UnbanIcon from '@material-ui/icons/ReportOff';\nimport { useNotify, useRedirect, useUpdate, Button } from 'react-admin';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { fade } from '@material-ui/core/styles/colorManipulator';\n\n\n\nconst useStyles = makeStyles(theme => ({\n banButton: {\n color: theme.palette.error.main,\n borderColor: fade(theme.palette.error.main, 0.5),\n '&:hover': {\n backgroundColor: fade(theme.palette.error.main, 0.12),\n borderColor: theme.palette.error.main,\n '@media (hover: none)': {\n backgroundColor: 'transparent',\n },\n },\n\n },\n unbanButton: {\n color: theme.palette.primary.main,\n borderColor: theme.palette.primary.light,\n '&:hover': {\n backgroundColor: fade(theme.palette.primary.main, 0.12),\n borderColor: theme.palette.primary.main,\n '@media (hover: none)': {\n backgroundColor: 'transparent',\n },\n },\n\n },\n}));\n\nconst BanButton = ({ basePath, record, redirect: redirectTo, className }) => {\n const classes = useStyles();\n const notify = useNotify();\n // const redirect = useRedirect();\n\n const [handleBan, { loading: banLoading }] = useUpdate(\n \"User\",\n record.id,\n { ...record, banned: true },\n record,\n {\n undoable: true,\n onSuccess: ({ data }) => {\n // redirect(`${basePath}/${record.id}/show`);\n notify('ra.notification.user_banned', 'info', {}, true);\n },\n onFailure: (error) => notify(`Error: ${error.message}`, \"warning\")\n }\n );\n const [handleUnban, { loading: unbanLoading }] = useUpdate(\n 'User',\n record.id,\n { ...record, banned: false },\n record,\n {\n undoable: true,\n onSuccess: ({ data }) => {\n // redirect(`${basePath}/${record.id}/show`);\n notify('ra.notification.user_unbanned', 'info', {}, true);\n },\n onFailure: (error) => notify(`Error: ${error.message}`, 'warning'),\n }\n );\n\n return record.banned\n ? \n \n \n \n
\n \n {can('getOne', 'User', 'name') && {name} }\n {can('getOne', 'User', 'description') && {description} }\n {can('getOne', 'User', 'online') && \n \n {/**/}\n Был в сети в */}\n {/**/}\n {/*
*/}\n \n \n
\n );\n};\n\n\n\nexport default UserBanner;","import { AutocompleteInput, FormTab, ReferenceInput, SaveButton, TabbedForm, TextInput, Toolbar, minLength, required, EditContextProvider, useEditController } from 'react-admin';\nimport { can, rulesToFields } from '../../abilityProvider';\nimport { shallowEqual, useSelector } from 'react-redux';\nimport get from 'lodash/get';\nimport AccessReferenceArrayInput from './AccessReferenceArrayInput';\nimport AccessResourceInput from './AccessResourceInput';\nimport BanButton from '../Buttons/BanButton';\nimport CancelButton from '../Buttons/CancelButton';\nimport CardBlankLayout from '../Layout/CardBlankLayout';\nimport { EditView } from '../Layout/EditView';\nimport ToolbarSpacer from '../Layout/ToolbarSpacer';\nimport EnumInput from '../Inputs/EnumInput';\nimport PasswordInput from '../Inputs/PasswordInput';\nimport PhoneInput from '../Inputs/PhoneInput';\nimport React from 'react';\nimport RemoveButton from '../Buttons/RemoveButton';\nimport TitleForRecord from '../Layout/TitleForRecord';\nimport UserBanner from '../User/UserBanner';\nimport { makeStyles } from '@material-ui/core/styles';\n\n\n\nconst matchTrue = () => true;\n\nconst filterRoles = (value) => {\n const conditions = rulesToFields(\"update\", \"User\")\n const role_in = (conditions.role && conditions.role.$in) || [];\n return role_in.includes(value.name);\n}\n\nconst logined = (value, values) => {\n if (!values.email && !values.phone && !values.login) {\n return 'ra.action.one_of_fields_is_required';\n }\n};\nconst validateLogin = [logined];\nconst validateName = [required(), minLength(2)];\nconst validateRole = [required()];\n\nconst useStyles = makeStyles(theme => ({\n toolbar: {\n display: 'flex',\n '& > *:not(:last-child)': {\n marginRight: theme.spacing(1),\n },\n },\n accessReferenceArrayInput: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n}));\n\n\n\nconst UserToolbar = props => {\n const classes = useStyles();\n\n return (\n \n {can(\"update\", \"User\") && \n );\n}\n\nconst UserEdit = props => {\n const controllerProps = useEditController(props);\n const classes = useStyles();\n const user = useSelector(state => state.user, shallowEqual);\n const itsMe = get(controllerProps, [\"record\", \"id\"]) === get(user, [\"id\"])\n\n return (\n \n \n \n {can(\"update\", \"User\", \"name\") && \n \n {can('update', 'User', 'counterparty') && \n }\n \n \n \n \n \n\n );\n};\n\nexport default UserEdit","import React from 'react';\nimport { ShowContextProvider, useShowController, ChipField, TabbedShowLayout, Tab, TextField, DateField, Pagination, ReferenceManyField as RaReferenceManyField, ReferenceArrayField, SingleFieldList } from 'react-admin';\nimport { ShowView } from '../Layout/ShowView';\nimport CardShowLayout from '../Layout/CardShowLayout';\nimport CardBlankLayout from '../Layout/CardBlankLayout';\nimport SimpleShowLayout from '../Layout/SimpleShowLayout';\nimport TitleForRecord from '../Layout/TitleForRecord';\nimport NestedField from '../Fields/NestedField';\nimport EnumField from '../Fields/EnumField';\nimport PhoneField from '../Fields/PhoneField';\nimport MoreContent from '../Layout/MoreContent';\nimport Separator from '../Layout/Separator';\nimport { ReferenceDatagrid as ReferenceHistoryDatagrid } from '../History/HistoryList';\nimport UserBanner from './UserBanner';\nimport { can } from \"../../abilityProvider\";\n// import { makeStyles } from '@material-ui/core/styles';\nimport { dateTimeOptions } from '../../utils';\n\n\n\n// const useStyles = makeStyles(theme => ({\n\n// }));\n\nconst UserShow = props => {\n const controllerProps = useShowController(props);\n const showMoreButton = React.useRef(null);\n const showHistoryButton = React.useRef(null);\n const accessResource = controllerProps.record && controllerProps.record.accessResource;\n\n return (\n \n \n {can('getOne', 'User', 'name') && \n }\n \n\n \n {can('getOne', 'User', 'access') && accessResource && \n \n \n }\n \n\n )} />\n\n \n \n \n }\n \n \n\n {can('getList', 'History') && )} />}\n {can('getList', 'History') && \n \n \n }\n \n \n );\n};\n\nexport default UserShow;","import Icon from '@material-ui/icons/People';\nimport UserList from './UserList';\nimport UserCreate from './UserCreate';\nimport UserEdit from './UserEdit';\nimport UserShow from './UserShow';\n\nconst UserIcon = Icon;\n\n\nexport {\n UserIcon,\n UserList,\n UserShow,\n UserCreate,\n UserEdit,\n};\n\n\n","import React from 'react';\nimport SvgIcon from '@material-ui/core/SvgIcon';\n\nfunction Icon(props) {\n return (\n \n \n );\n}\n\nexport default Icon;","import { createMuiTheme } from '@material-ui/core/styles';\n\nexport const theme = createMuiTheme({\n palette: {\n // type: \"dark\",\n primary: {\n main: '#316FC4',\n },\n background: {\n default: \"#f4f6f9\"\n },\n link: {\n main: \"#673ab7\",\n }\n },\n sidebar: {\n width: 256,\n closedWidth: 72,\n },\n menu: {\n width: 240,\n closedWidth: 72,\n },\n overrides: {\n MuiFilledInput: {\n root: {\n backgroundColor: 'rgba(0, 0, 0, 0.04)',\n '&$disabled': {\n backgroundColor: 'rgba(0, 0, 0, 0.04)',\n },\n },\n },\n MuiButtonBase: {\n root: {\n '&:hover:active::after': {\n // recreate a static ripple color\n // use the currentColor to make it work both for outlined and contained buttons\n // but to dim the background without dimming the text,\n // put another element on top with a limited opacity\n content: '\"\"',\n display: 'block',\n width: '100%',\n height: '100%',\n position: 'absolute',\n top: 0,\n right: 0,\n backgroundColor: 'currentColor',\n opacity: 0.3,\n borderRadius: 'inherit',\n },\n },\n },\n MuiAvatar: {\n rounded: {\n borderRadius: 8,\n }\n },\n MuiPaper: {\n elevation1: {\n boxShadow: \"0px 3px 5px -1px rgba(49, 111, 196, 0.06), 0px 6px 10px 0px rgba(49, 111, 196, 0.042), 0px 1px 18px 0px rgba(49, 111, 196, 0.036)\",\n }\n },\n MuiTableCell: {\n sizeSmall: {\n padding: '6px 8px',\n '&:first-child': {\n paddingLeft: 16,\n },\n '&:last-child': {\n paddingRight: 16,\n },\n },\n },\n MuiListItemIcon: {\n root: {\n minWidth: \"unset\",\n marginRight: 12,\n },\n },\n MuiChip: {\n root: {\n margin: 2,\n borderRadius: 8,\n },\n },\n MuiFormHelperText: {\n root: {\n whiteSpace: \"break-spaces\",\n },\n },\n RaLayout: {\n content: {\n backgroundColor: \"#f4f6f9\",\n zIndex: 2,\n }\n },\n },\n props: {\n MuiButtonBase: {\n disableRipple: true,\n },\n },\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Field, Form } from 'react-final-form';\nimport CardActions from '@material-ui/core/CardActions';\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport Link from '@material-ui/core/Link';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport { useTranslate, useLogin, useNotify, useSafeSetState } from 'ra-core';\n\n\n\nconst preventDefault = (event) => event.preventDefault();\n\nconst useStyles = makeStyles((theme) => ({\n form: {\n padding: '0 1em 1em 1em',\n },\n input: {\n marginTop: '1em',\n },\n button: {\n width: '100%',\n marginBottom: 8,\n },\n icon: {\n marginRight: theme.spacing(1),\n },\n actions: {\n display: 'flex',\n flexDirection: \"column\",\n padding: '0 1em 1em 1em',\n },\n }),\n { name: 'RaLoginForm' }\n);\n\nconst Input = ({\n meta: { touched, error }, // eslint-disable-line react/prop-types\n input: inputProps, // eslint-disable-line react/prop-types\n ...props\n}) => (\n (\n \n )}\n />\n );\n};\n\nLoginForm.propTypes = {\n redirectTo: PropTypes.string,\n};\n\nexport default LoginForm;\n","import React, { useRef, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardActions from '@material-ui/core/CardActions';\nimport Avatar from '@material-ui/core/Avatar';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport LockIcon from '@material-ui/icons/Lock';\nimport GoogleIcon from '../Icons/Google';\nimport LogoIcon from '../Icons/Logo'\nimport { createMuiTheme, makeStyles } from '@material-ui/core/styles';\nimport { ThemeProvider } from '@material-ui/styles';\nimport { useHistory } from 'react-router-dom';\nimport { useCheckAuth } from 'ra-core';\nimport { Notification } from 'react-admin';\nimport { theme as defaultTheme } from '../../defaultTheme';\nimport LoginForm from './LoginForm';\n\n\n\nconst preventDefault = (event) => event.preventDefault();\n\nconst useStyles = makeStyles((theme) => ({\n main: {\n display: 'flex',\n flexDirection: 'column',\n minHeight: '100vh',\n height: '1px',\n alignItems: 'center',\n justifyContent: 'flex-start',\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n backgroundColor: \"#316FC4\",\n // backgroundImage:\n // 'radial-gradient(circle at 50% 14em, #313264 0%, #00023b 60%, #00023b 100%)',\n //backgroundImage: 'url(https://source.unsplash.com/random/1600x900)',\n },\n content: {\n marginTop: '6em',\n minWidth: 300,\n },\n welcome: {\n display: 'flex',\n flexDirection: \"column\",\n alignItems: 'center',\n },\n logo: {\n //filter: `drop-shadow(${theme.shadows[4]})`,\n boxShadow: theme.shadows[4],\n borderRadius: \"0.5rem\",\n fontSize: 56,\n marginBottom: 16\n },\n welcomeText: {\n color: theme.palette.getContrastText(theme.palette.text.primary),\n maxWidth: 300,\n textAlign: \"center\",\n\n },\n card: {\n marginTop: '3em',\n borderRadius: 10,\n },\n avatar: {\n margin: '1em',\n display: 'flex',\n justifyContent: 'center',\n },\n icon: {\n backgroundColor: theme.palette.secondary[500],\n },\n block: {\n display: 'flex',\n justifyContent: 'center',\n padding: '0 1em 1em 1em',\n\n },\n actions: {\n display: 'flex',\n padding: '0 1em 1em 1em',\n },\n button: {\n width: '100%',\n },\n\n}),\n { name: 'RaLogin' }\n);\n\n\nconst Login = props => {\n const {\n theme,\n classes: classesOverride,\n className,\n children,\n staticContext,\n backgroundImage,\n title,\n ...rest\n } = props;\n\n const classes = useStyles(props);\n const muiTheme = useMemo(() => createMuiTheme(theme), [theme]);\n const checkAuth = useCheckAuth();\n const history = useHistory();\n useEffect(() => {\n checkAuth({}, false)\n .then(() => {\n // already authenticated, redirect to the home page\n history.push('/');\n })\n .catch(() => {\n // not authenticated, stay on the login page\n });\n }, [checkAuth, history]);\n\n return (\n \n \n \n
\n Добро пожаловать на портал АСКУГ Показатели \n
\n
\n \n {children}\n {/**/}\n\n {/* */}\n {/* ИЛИ*/}\n {/* */}\n {/* */}\n {/**/}\n {/* */}\n \n
\n );\n};\n\nLogin.propTypes = {\n backgroundImage: PropTypes.string,\n children: PropTypes.node,\n classes: PropTypes.object,\n className: PropTypes.string,\n theme: PropTypes.object,\n staticContext: PropTypes.object,\n};\n\nLogin.defaultProps = {\n theme: defaultTheme,\n children: \n \n {can('getOne', 'Main')\n ? (\n Хочешь узнать посуточный объем газопотребления в регионе? \n Портал позволяет построить отчет любой сложности в два клика \n \n Открыть Регионы\n \n
)\n : (\n Добро пожаловать на портал АСКУГ Показатели! \n
)}\n \n \n \n \n\n )\n\n});\n\n\nexport default WidgetBanner;\n\n\n","import React, { forwardRef } from 'react';\nimport { Link } from 'react-router-dom';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport WhatshotIcon from '@material-ui/icons/Whatshot';\nimport Avatar from '@material-ui/core/Avatar';\nimport { deepOrange } from '@material-ui/core/colors';\nimport { getCookie } from '../../utils';\nimport { PACKAGE_VERSION, PACKAGE_VERSION_COOKIE } from '../../appsettings';\n\n\n\nconst useStyles = makeStyles(theme => ({\n cardActionArea: {\n height: \"100%\"\n },\n avatar: {\n color: deepOrange[500],\n backgroundColor: deepOrange[100],\n },\n title: {\n fontWeight: 500,\n lineHeight: 1.33,\n },\n}));\n\nconst LinkRef = React.forwardRef((props, ref) => \n \n \n \n \n Новая версия уже здесь! Узнайте что нового в Журнале изменений.\n \n \n \n \n );\n});\n\nexport default NewReleaseCard;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ArrayInput, FormDataConsumer, SimpleFormIterator, NumberInput, TextInput, required } from 'react-admin';\nimport BooleanInput from '../../Inputs/BooleanInput';\n\n\nconst useStyles = makeStyles(theme => ({\n form: {\n display: \"flex\",\n alignItems: \"center\"\n },\n index: {\n width: 24,\n paddingTop: \"1.25em\",\n },\n flexInput: {\n paddingLeft: 8,\n paddingRight: 8,\n '&:first-child': {\n paddingLeft: 0,\n },\n '&:last-child': {\n paddingRight: 0,\n },\n },\n flexGrow: {\n flexGrow: 1,\n },\n width128: {\n width: 128\n },\n}));\n\nconst getIndex = (id) => {\n const regexp = /\\[(\\d+)\\]/;\n const index = id.match(regexp)[1]\n return Number(index)\n}\n\nconst DeviceGasMeterPointArrayInput = ({ className, ...props }) => {\n const classes = useStyles();\n\n return (\n \n \n \n {({ formData, scopedFormData, getSource, id, ...rest }) => (\n \n \n {({ formData, scopedFormData, getSource, id, className, ...rest }) => (\n \n \n \n );\n}\n\nexport default DeviceGasMeterPointArrayInput;","import React from 'react';\nimport { useForm } from 'react-final-form';\nimport EnumInput from '../../Inputs/EnumInput'\n\n\nconst TypeInput = (props) => {\n const form = useForm();\n\n const handleChangeType = (event) => {\n const value = event.target.value\n form.change('controller.configuration', null)\n form.change('controller.meta', null)\n }\n\n return (\n {suggestionText} ;\n const isHighlighted = highlightedIndex === index;\n const matches = match(suggestionText, filterValue);\n const parts = parse(suggestionText, matches);\n\n\n return (\n \n \n {parts.map((part, index) => ({part.text} ))}\n \n \n \n );\n};\n\nexport default ReferenceConfigurationInput;","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { useForm, useFormState } from 'react-final-form';\nimport get from 'lodash/get';\nimport { ReferenceInput } from 'react-admin';\nimport AutocompleteInput from '../../Inputs/AutoompleteInput'\nimport Suggestion from './ControllerConfigurationSuggestion'\n\n\n\nconst ReferenceConfigurationInput = (props) => {\n const form = useForm();\n const { values } = useFormState();\n const selectConfigurationsObject = useSelector(state => get(state, `admin.resources.GasMeterConfiguration.data`));\n\n const handleChangeConfiguration = (value) => {\n const metaTemplate = get(selectConfigurationsObject, `${value}.metaTemplate`)\n form.change('gasMeter.meta', metaTemplate || {})\n };\n\n return (\n \n \n );\n};\n\nexport default ReferenceConfigurationInput;","\n import React, { cloneElement, Children } from 'react';\n import get from 'lodash/get';\n import { useForm, useFormState } from \"react-final-form\";\n import { makeStyles } from '@material-ui/core/styles';\n\n const useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexDirection: \"column\",\n },\n }));\n\nconst JsonVariableInputs = ({children, record, source, ...props}) => {\n const classes = useStyles();\n const { values } = useFormState();\n const jsonVariables = get(values, source)\n\n\n return jsonVariables && Array.isArray(jsonVariables) && jsonVariables.length > 0 ? (\n \n {jsonVariables.map((item, index) => {\n \n return cloneElement(Children.only(children), {\n ...props,\n key: `${source}[${index}]`,\n id: `${source}[${index}]`,\n record,\n source: `${source}[${index}]`,\n });\n })}\n
\n ) : null;\n}\n \n \n export default JsonVariableInputs;\n ","import React from 'react';\nimport get from 'lodash/get';\nimport TextField from '@material-ui/core/TextField';\nimport { useForm, useFormState } from \"react-final-form\";\nimport { useInput, InputHelperText } from 'react-admin';\nimport sanitizeRestProps from './sanitizeRestProps';\n\n\n\nconst JsonVariableInput = ({\n format,\n helperText,\n label,\n margin = 'dense',\n onBlur,\n onFocus,\n onChange,\n options,\n record,\n resource,\n source,\n validate,\n variant = 'filled',\n inputProps,\n className,\n ...rest\n}) => {\n\n const { values } = useFormState();\n const jsonVariable = get(values, source)\n\n\n const {\n id,\n input,\n isRequired,\n meta: { error, touched },\n } = useInput({\n format,\n onBlur,\n onChange,\n onFocus,\n defaultValue: jsonVariable ? jsonVariable.value : undefined,\n resource,\n source: `${source}.value`,\n validate,\n ...rest,\n });\n\n return jsonVariable && jsonVariable.name ? (\n Внимание \n После сохранения будет создана системная запись в журнал УУГ \"Владение Контроллерами\". Удаление навсегда созданного УУГ или Контроллера станет невозможно .
\n \n );\n};\n\nexport default ControllerWarning","import React from 'react';\nimport Alert from '@material-ui/lab/Alert';\nimport AlertTitle from '@material-ui/lab/AlertTitle';\nimport WarningIcon from '@material-ui/icons/Warning';\n\n\n\nconst GasMeterWarning = props => {\n return (\n Внимание \n После сохранения будет создана системная запись в журнал УУГ \"Владение Корректорами\". Удаление навсегда созданного УУГ или Корректора станет невозможно .
\n\n \n );\n};\n\nexport default GasMeterWarning","import gql from 'graphql-tag'\nimport apolloCoreClient from './apolloCoreClient';\n\n\n\nconst CREATE_GAS_METER_UNIT = gql`\n mutation createGasMeterUnit( $name: String!, $description: String, $inventoryNumber: String, $aisId: String, $gasMeterPad: GasMeterPadWhereUniqueInput, $dashboards: [DashboardWhereUniqueInput!], $reports: [ReportWhereUniqueInput!] $enableWriteGasQualityCertificate: Boolean ) {\n data: createGasMeterUnit( name: $name, description: $description, inventoryNumber: $inventoryNumber, aisId: $aisId, gasMeterPad: $gasMeterPad, dashboards: $dashboards, reports: $reports, enableWriteGasQualityCertificate: $enableWriteGasQualityCertificate ) {\n id\n }\n }\n`\n\nconst CREATE_GAS_METER_POINT = gql`\n mutation createGasMeterPoint( $name: String!, $description: String, $aisId: String, $number: Int!, $disabled: Boolean, $gasMeterUnit: GasMeterUnitWhereUniqueInput ) {\n data: createGasMeterPoint( name: $name, description: $description, number: $number, disabled: $disabled, aisId: $aisId gasMeterUnit: $gasMeterUnit ) {\n id\n }\n }\n`\n\nconst CREATE_CONTROLLER = gql`\n mutation createController( $name: String!, $description: String, $status: ControllerStatus, $type: ControllerType!, $serialNumber: String, $phoneNumber: String, $url: String, $configuration: ControllerConfigurationWhereUniqueInput, $meta: Json ) {\n data: createController( name: $name, description: $description, status: $status, type: $type, serialNumber: $serialNumber, phoneNumber: $phoneNumber, url: $url, configuration: $configuration, meta: $meta ) {\n id\n }\n }\n`\n\nconst CREATE_GAS_METER = gql`\n mutation createGasMeter( $name: String!, $description: String, $dbId: Int, $serialNumber: String, $port: Int, $meta: Json, $type: GasMeterType!, $status: GasMeterStatus, $configuration: GasMeterConfigurationWhereUniqueInput, $timeZone: Int, $commercialHour: Int, $dst: Boolean ) {\n data: createGasMeter( name: $name, description: $description, dbId: $dbId, serialNumber: $serialNumber, port: $port, meta: $meta, type: $type, status: $status, configuration: $configuration, timeZone: $timeZone, commercialHour: $commercialHour, dst: $dst ) {\n id\n }\n }\n`\n\nconst CREATE_DEVICE = gql`\n mutation createDevice( $id: ID!, $gasMeterId: ID!, $controllerId: ID! ) {\n data: createDevice(id: $id, gasMeterId: $gasMeterId, controllerId: $controllerId) { \n id\n }\n }\n`\n\n\nexport const createGasMeterUnit = (data) => {\n\n if (data.gasMeterPad) { data.gasMeterPad = (data.gasMeterPad.id) ? { id: data.gasMeterPad.id } : null }\n if (data.gasMeterPointsIds) { data.gasMeterPoints = data.gasMeterPointsIds.map(id => ({ id })) }\n if (data.dashboardsIds) { data.dashboards = data.dashboardsIds.map(id => ({ id })) }\n if (data.reportsIds) { data.reports = data.reportsIds.map(id => ({ id })) }\n\n return apolloCoreClient.mutate({\n mutation: CREATE_GAS_METER_UNIT,\n variables: { ...data },\n onError: (error) => {\n alert(error)\n }\n }).then(response => response.data?.data);\n};\n\nexport const createGasMeterPoints = (gasMeterPoints, gasMeterUnitId) => {\n\n const requests = gasMeterPoints.map(gasMeterPoint => {\n return apolloCoreClient.mutate({\n mutation: CREATE_GAS_METER_POINT,\n variables: {\n ...gasMeterPoint,\n gasMeterUnit: { id: gasMeterUnitId }\n },\n onError: (error) => {\n alert(error)\n }\n }).then(response => response.data?.data);\n })\n\n return Promise.all(requests)\n .then(responses => {\n return responses.length\n });\n\n};\n\nexport const createController = (args) => {\n\n return apolloCoreClient.mutate({\n mutation: CREATE_CONTROLLER,\n variables: { ...args },\n onError: (error) => {\n alert(error)\n }\n }).then(response => response.data?.data);\n};\n\nexport const createGasMeter = (args) => {\n\n return apolloCoreClient.mutate({\n mutation: CREATE_GAS_METER,\n variables: { ...args },\n onError: (error) => {\n alert(error)\n }\n }).then(response => response.data?.data);\n};\n\nexport const createDevice = ({ gasMeterUnitId, controllerId, gasMeterId }) => {\n\n return apolloCoreClient.mutate({\n mutation: CREATE_DEVICE,\n variables: {\n id: gasMeterUnitId,\n controllerId,\n gasMeterId,\n },\n onError: (error) => {\n alert(error)\n }\n }).then(response => {\n\n\n return response.data?.data\n });\n};","import gql from 'graphql-tag'\nimport apolloCoreClient from './apolloCoreClient';\n\nexport const GET_ONE_GAS_METER = gql`\n query GasMeter( $where: GasMeterWhereUniqueInput! ) {\n data: GasMeter( where: $where ) {id dbId}\n }\n`\n\nexport default (args) => {\n return apolloCoreClient.query({\n query: GET_ONE_GAS_METER,\n variables: { ...args },\n // fetchPolicy: 'cache-first', установлен для пропуска дополнительных запросов при асинхронной валидации dbId в Мастере создания Устройства\n fetchPolicy: 'cache-first',\n onError: (error) => {\n alert(error)\n }\n });\n};\n","import { useRef, useEffect } from 'react';\nimport lodashMemoize from 'lodash/memoize';\nimport dataProvider from '../../dataProvider';\nimport getOneGasMeter from '../../dataProvider/Core/getOneGasMeter';\n\nconst memoize = (fn) =>\n lodashMemoize(fn, (...args) => JSON.stringify(args));\n\nconst usePrevious = (value) => {\n const ref = useRef()\n useEffect(() => {\n ref.current = value\n }, [value])\n\n return ref.current\n}\n\nexport const asyncUnique = memoize((resource) => async (value, values, props) => {\n if (value === undefined) return undefined;\n const { data } = await dataProvider(\"getOne\", resource, { [props.name]: value })\n return (data === null) ? undefined : { message: 'ra.validation.unique', args: { value } }\n});\n\n\nexport const asyncUniqueGasMeter = memoize((resource, source) => async (value, values, props) => {\n if (value === undefined) return undefined;\n const { data: { data } } = await getOneGasMeter({ where: { [source]: value } })\n return (data === null) ? undefined : { message: 'ra.validation.unique', args: { value } }\n});\n","import React, { useCallback, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { Link } from 'react-router-dom';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport IconButton from '@material-ui/core/IconButton';\nimport Button from '@material-ui/core/Button';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useNotify, fetchStart, fetchEnd, useTranslate, TextInput, ReferenceInput, NumberInput, required, FormDataConsumer, linkToRecord } from 'react-admin';\nimport { WizardForm, WizardFormStep } from '@react-admin/ra-form-layout';\nimport AutocompleteInput from '../Inputs/AutoompleteInput';\nimport SuggestionItem from '../Inputs/ResourceAutocompleteSuggestionItem';\nimport InputText from '../Inputs/ResourceAutocompleteInputText';\nimport BooleanInput from '../Inputs/BooleanInput';\nimport ReportReferenceArrayInputWithDefault from '../Report/ReportReferenceArrayInputWithDefault';\nimport DashboardReferenceArrayInputWithDefault from '../Dashboard/DashboardReferenceArrayInputWithDefault';\nimport DeviceGasMeterPointArrayInput from \"./inputs/DeviceGasMeterPointArrayInput\";\nimport ControllerTypeInput from \"./inputs/ControllerTypeInput\";\nimport GasMeterTypeInput from \"./inputs/GasMeterTypeInput\";\nimport StatusInput from \"./inputs/StatusInput\";\nimport ReferenceControllerConfigurationInput from \"./inputs/ReferenceControllerConfigurationInput\";\nimport ReferenceGasMeterConfigurationInput from \"./inputs/ReferenceGasMeterConfigurationInput\";\nimport PhoneInput from \"../Inputs/PhoneInput\";\nimport JsonVariableInputs from \"../Inputs/JsonVariableInputs\";\nimport JsonVariableInput from \"../Inputs/JsonVariableInput\";\nimport ControllerWarning from \"./ControllerWarning\";\nimport GasMeterWarning from \"./GasMeterWarning\";\nimport { can } from \"../../abilityProvider\";\nimport { createGasMeterUnit, createGasMeterPoints, createController, createGasMeter, createDevice } from '../../dataProvider/Core/createDeviceWizard'\nimport { asyncUniqueGasMeter } from '../Form/validate'\n\n\n\nconst dbIdValidation = [asyncUniqueGasMeter('GasMeter', 'dbId')]\n\nconst matchTrue = () => true;\n\nconst useStyles = makeStyles(theme => ({\n closeButton: {\n position: 'absolute',\n right: theme.spacing(1),\n top: theme.spacing(1),\n color: theme.palette.grey[500],\n },\n}));\n\nconst defaultValues = {\n gasMeterUnit: {\n enableWriteGasQualityCertificate: false,\n },\n gasMeterPoints: [{ name: \"Линия 1\", number: 1, disabled: false }],\n controller: {\n status: 'ACTIVE',\n },\n gasMeter: {\n status: 'ACTIVE',\n timeZone: 3,\n commercialHour: 10,\n }\n}\n\nconst CreateDialog = ({\n children,\n open,\n onClose,\n ...props\n}) => {\n const dispatch = useDispatch();\n const notify = useNotify();\n const classes = useStyles(props);\n const translate = useTranslate();\n const [loading, setLoading] = useState(false)\n\n const handleSave = useCallback((values) => {\n\n const { gasMeterUnit, gasMeterPoints, controller, gasMeter } = values\n\n dispatch(fetchStart());\n setLoading(true)\n\n /// Создание УУГ\n createGasMeterUnit(gasMeterUnit)\n .then(result => {\n const gasMeterUnitId = result.id\n\n /// Создание Линий\n createGasMeterPoints(gasMeterPoints, gasMeterUnitId)\n .then(result => {\n console.log(result)\n })\n\n return { gasMeterUnitId }\n })\n .then(({ gasMeterUnitId }) => {\n /// Создание Контроллера\n\n return createController(controller)\n .then(result => {\n const controllerId = result.id\n return { gasMeterUnitId, controllerId }\n })\n })\n .then(({ gasMeterUnitId, controllerId }) => {\n /// Создание Корректора\n\n return createGasMeter(gasMeter)\n .then(result => {\n const gasMeterId = result.id\n return { gasMeterUnitId, controllerId, gasMeterId }\n })\n })\n .then(({ gasMeterUnitId, controllerId, gasMeterId }) => {\n\n return createDevice({ gasMeterUnitId, controllerId, gasMeterId })\n })\n .then((result) => {\n\n const deviceId = result.id\n notify('ra.notification.device_wizard_created', 'info', {\n action: \n {translate('ra.action.show')}\n \n });\n })\n .catch((error) => {\n notify(typeof error === 'string' ? error : error.message || 'ra.notification.http_error', 'warning');\n })\n .finally(() => {\n setLoading(false)\n dispatch(fetchEnd());\n onClose()\n });\n }, []);\n\n\n\n\n return (\n \n Мастер создания Устройства\n \n \n \n \n {can('create', 'GasMeterUnit', 'name') && \n }\n {can('create', 'GasMeterUnit', 'gasMeterPoints', 'GasMeterPoint') && \n \n \n {({ formData, id, ...rest }) => (\n }\n {can('create', 'Controller', 'description') && \n }\n \n \n \n {({ formData, id, ...rest }) => (\n }\n {can('create', 'GasMeter', 'description') && \n }\n \n \n {can('update', 'Controller', 'status') && \n {({ formData, id, ...rest }) => (\n }\n {can('create', 'GasMeterUnit', 'dashboards', 'Dashboard') && \n \n \n );\n};\n\n\nconst sanitizeRestProps = ({\n basePath = null,\n hasCreate = null,\n hasEdit = null,\n hasList = null,\n hasShow = null,\n history = null,\n loaded = null,\n loading = null,\n location = null,\n match = null,\n onFailure = null,\n onSuccess = null,\n options = null,\n permissions = null,\n transform = null,\n ...rest\n}) => rest;\n\n\nexport default CreateDialog;\n","import React from 'react';\nimport SvgIcon from '@material-ui/core/SvgIcon';\n\nfunction Icon(props) {\n return (\n \n \n );\n}\n\nexport default Icon;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport Avatar from '@material-ui/core/Avatar';\nimport MagicWand from '../Icons/MagicWand';\n\n\n\nconst useStyles = makeStyles(theme => ({\n cardActionArea: {\n height: \"100%\"\n },\n title: {\n fontWeight: 500,\n lineHeight: 1.33,\n },\n avatar: {\n color: theme.palette.text.primary,\n backgroundColor: \"#ffcd38\",\n },\n}));\n\nconst DeviceCreateWizardCard = ({ className, classes: classesOverride, onClick, ...props }) => {\n const classes = useStyles({ classes: classesOverride });\n\n return (\n \n \n \n \n \n Создайте УУГ, Контроллер, Корректор и связи между ними в одном месте!\n \n \n \n \n );\n};\n\nexport default DeviceCreateWizardCard;","import React, { useState, useCallback } from 'react';\nimport DeviceCreateWizardDialog from './DeviceCreateWizardDialog';\nimport DeviceCreateWizardCard from './DeviceCreateWizardCard';\n\n\n\nconst DeviceCreateWizardCardButton = ({ className, classes: classesOverride, ...props }) => {\n const [open, setOpen] = useState(false);\n\n const handleOpen = useCallback(() => {\n setOpen(true);\n }, []);\n\n const handleClose = useCallback(() => {\n setOpen(false);\n }, []);\n\n return (\n <>\n \n
\n \n \n\n );\n};\n\nexport default MainScreen;","import gql from 'graphql-tag'\n\nexport const SUBSCRIBE_ONLINE_USERS = gql`\n subscription onlineUsers{\n onlineUsers {\n node { \n id\n authId\n online\n }\n previousValues {\n id\n }\n }\n }\n \n`","import gql from 'graphql-tag'\nimport apolloCoreClient from './apolloCoreClient';\n\nconst ONLINE_USERS = gql`\n query OnlineUsers {\n onlineUsers: allUsers(\n filter: {\n online: true\n }\n ){\n id\n authId\n online\n },\n }\n`;\n\nexport default () => {\n return apolloCoreClient.query({\n query: ONLINE_USERS,\n onError: (error) => {\n alert(error)\n }\n });\n};\n","import gql from 'graphql-tag'\nimport apolloCoreClient from './apolloCoreClient';\n\nconst USER_TEMPLATE = `{\n id\n name\n description\n createdAt\n updatedAt\n deleted\n authId\n banned\n email\n phone\n role\n online\n accessResource\n access { id resource }\n counterparty {\n id \n accessResource\n }\n apps {\n id \n name \n url \n avatar\n }\n}`\n\nexport const GET_ONE_USER = gql`\n query User( $where: UserWhereUniqueInput! ) {\n data: User( where: $where ) ${USER_TEMPLATE}\n }\n`\n\nexport default (args) => {\n \n return apolloCoreClient.query({\n query: GET_ONE_USER,\n variables: { ...args },\n fetchPolicy: 'network-only',\n onError: (error) => {\n alert(error)\n }\n });\n};\n","export const SET_ACCESS = 'SET_ACCESS';\n\nexport const setAccess = (user) => ({\n type: SET_ACCESS,\n payload: user,\n});","export const ONLINE_USERS = 'ONLINE_USERS';\n\nexport const setOnlineUsers = (onlineUsers) => ({\n type: ONLINE_USERS,\n payload: { onlineUsers },\n});","export const SET_USER = 'SET_USER';\n\nexport const setUser = (user) => ({\n type: SET_USER,\n payload: { user },\n});","import { MenuItemLink, UserMenu, useTranslate } from 'react-admin';\nimport React, { useEffect } from 'react';\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\n\nimport { AUTH_TOKEN_COOKIE } from '../../appsettings';\nimport AvatarField from '../Fields/AvatarField';\nimport { SUBSCRIBE_ONLINE_USERS } from '../../dataProvider/Core/onlineUsersSubscription';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport Typography from '@material-ui/core/Typography';\nimport apolloCoreClient from '../../dataProvider/Core/apolloCoreClient';\nimport decodeJwt from 'jwt-decode'\nimport { getCookie } from '../../utils';\nimport getOnlineUsers from '../../dataProvider/Core/getOnlineUsers';\nimport getProfile from '../../dataProvider/Core/getProfile';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { setAccess } from '../../redux/access/actions';\nimport { setOnlineUsers } from '../../redux/onlineUsers/actions';\nimport { setUser } from '../../redux/user/actions';\nimport { useSubscription } from '@apollo/client';\n\nconst useStyles = makeStyles(theme => ({\n userPreview: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n textAlign: \"center\",\n padding: theme.spacing(2),\n minWidth: 256,\n },\n headerAvatar: {\n margin: -theme.spacing(0.5),\n color: theme.palette.secondary.contrastText,\n backgroundColor: theme.palette.primary.light,\n },\n}));\n\nconst ConfigurationMenu = (props) => {\n const translate = useTranslate();\n return (\n \n
\n
{user.name} \n
{translate(`resources.User.enums.role.${user.role}`, { _: user.role })} \n
\n \n \n {name.charAt(0).toUpperCase()}\n \n \n \n \n \n \n \n {apps.map(app => (\n
\n \n {children}\n \n ) : isSmall ? (\n \n {children}
\n \n ) : (\n \n {children}
\n \n );\n};\n\nSidebar.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n height: 'calc(100vh - 3em)',\n },\n docked: {},\n paper: {},\n paperAnchorLeft: {},\n paperAnchorRight: {},\n paperAnchorTop: {},\n paperAnchorBottom: {},\n paperAnchorDockedLeft: {},\n paperAnchorDockedTop: {},\n paperAnchorDockedRight: {},\n paperAnchorDockedBottom: {},\n modal: {},\n fixed: {\n position: 'fixed',\n height: 'calc(100vh - 3em)',\n overflowX: 'hidden',\n // hide scrollbar\n scrollbarWidth: 'none',\n msOverflowStyle: 'none',\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n },\n drawerPaper: {\n position: 'relative',\n width: (props) =>\n props.open\n ? lodashGet(theme, 'sidebar.width', DRAWER_WIDTH)\n : lodashGet(\n theme,\n 'sidebar.closedWidth',\n CLOSED_DRAWER_WIDTH\n ),\n transition: theme.transitions.create('width', {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.leavingScreen,\n }),\n backgroundColor: 'transparent',\n borderRight: 'none',\n [theme.breakpoints.only('xs')]: {\n marginTop: 0,\n height: '100vh',\n position: 'inherit',\n backgroundColor: theme.palette.background.default,\n },\n [theme.breakpoints.up('md')]: {\n border: 'none',\n },\n zIndex: 'inherit',\n },\n }),\n { name: 'RaSidebar' }\n);\n\nexport default Sidebar;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginBottom: 4,\n '&:last-child': {\n marginBottom: 0,\n },\n },\n menuGroupTitle: {\n paddingTop: theme.spacing(),\n paddingLeft: theme.spacing(3),\n },\n\n}));\n\nconst MenuGroup = ({ title, children, ...props }) => {\n const classes = useStyles();\n if (children.length === 0) return null;\n\n return (\n \n {(!!title) && {title} }\n {children}\n
\n )\n\n};\n\n\nexport default MenuGroup;","import React, { cloneElement, Children } from 'react';\nimport PropTypes from 'prop-types';\nimport { Title } from 'react-admin';\nimport { withStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\nimport { useAuthenticated } from 'react-admin';\n\n\nconst styles = theme => ({\n root: {},\n main: {\n display: 'flex',\n },\n card: {\n flex: '1 1 auto',\n },\n cardWrapper: {\n flex: '1 1 auto',\n },\n});\n\n\nexport const ShowView = withStyles(styles)(({\n title,\n aside,\n children,\n classes,\n className,\n ...props\n}) => {\n useAuthenticated();\n if (!children) { return null; }\n\n return (\n \n
\n
\n
\n { cloneElement(Children.only(children), {}) }\n
\n {aside && cloneElement(aside, {})}\n
\n
{icon} )\n}\n\n\nexport default MenuItemIcon;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { fade } from '@material-ui/core/styles/colorManipulator';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Collapse from '@material-ui/core/Collapse';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\nimport { useRouteMatch, useLocation, Link } from 'react-router-dom'\nimport getDocumentationPath from './getDocumentationPath';\nimport MenuItemIcon from './MenuItemIcon';\n\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n borderRadius: theme.shape.borderRadius,\n marginBottom: 4,\n '&:last-child': {\n marginBottom: 0,\n },\n '&:hover': {\n backgroundColor: fade(theme.palette.primary.main, 0.12),\n },\n '&$focusVisible': {\n backgroundColor: fade(theme.palette.primary.main, 0.08),\n },\n '&.Mui-selected': {\n color: theme.palette.primary.main,\n backgroundColor: fade(theme.palette.primary.main, 0.12),\n },\n '&.Mui-selected:hover': {\n backgroundColor: fade(theme.palette.primary.main, 0.20),\n },\n },\n expandIcon: {\n fontSize: 20,\n transform: 'rotate(0deg)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shortest,\n }),\n },\n expandOpen: {\n transform: 'rotate(180deg)',\n },\n listItemText: {\n margin: 0,\n },\n nested: ({depth}) => ({\n paddingLeft: theme.spacing(2) + theme.spacing(2*depth),\n }),\n}));\n\nconst MenuItem = ({\n item,\n depth,\n ...props\n}) => {\n const classes = useStyles({depth});\n const location = useLocation();\n const match = useRouteMatch();\n const { id, name, icon, route, open=false, children } = item;\n const [expand, setExpand] = React.useState(open);\n const selected = route && route.path === location.pathname.replace(match.path, \"\") \n\n const handleClick = () => {\n setExpand(!expand);\n };\n \n const resultProps = {}\n if (route) {\n resultProps.component = Link;\n resultProps.to = getDocumentationPath(route.path, match.url);\n }\n if (children) {\n resultProps.onClick = handleClick;\n }\n\n\n\n return (id && name) ? \n <>\n \n {icon && \n {Array.isArray(children) && (\n \n \n {children.map(child => ())}\n
\n \n )}\n : null;\n}\n\n\nexport default MenuItem;","import React, { cloneElement } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport List from '@material-ui/core/List';\nimport DefaultMenuItem from './MenuItem';\n\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n paddingLeft: theme.spacing(),\n paddingRight: theme.spacing(),\n },\n}));\n\nconst Menu = ({\n className,\n menu,\n menuItem: ComponentMenuItem,\n ...props\n}) => {\n const classes = useStyles();\n const depth = 0;\n\n return (\n \n {menu.map(menuItem => cloneElement(ComponentMenuItem, {\n key: menuItem.id,\n item: menuItem,\n depth,\n }))}\n
\n );\n}\n\nMenu.defaultProps = {\n menuItem: \n
\n );\n}\n\n\nexport default Aside;","import React, { cloneElement } from 'react';\nimport { useRouteMatch, Route, Redirect } from 'react-router-dom'\nimport { makeStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport DefaultAside from './Aside';\nimport getDocumentationPath from './getDocumentationPath';\n\n\nconst useStyles = makeStyles(theme => ({\n root: { \n display: \"flex\",\n flexGrow: 1,\n flexBasis: 0,\n },\n content: { \n padding: theme.spacing(4, 6),\n flexGrow: 1,\n flexBasis: 0,\n },\n}));\n\nconst Content = ({\n aside,\n routes,\n ...props\n}) => {\n\n const classes = useStyles();\n const match = useRouteMatch();\n\n return (\n \n
\n {routes.reduce((result, { id, path, component }, index) => {\n\n if (index === 0) {\n result.push(\n \n \n );\n };\n result.push(\n \n {cloneElement(component, {})}\n \n \n );\n\n return result;\n }, [])}\n \n {cloneElement(aside, {})}\n
\n {cloneElement(SidebarComponent, {\n sidebar,\n })}\n {cloneElement(ContentComponent, {\n routes,\n })}\n
\n );\n}\n\nLayout.defaultProps = {\n sidebar: {props.children} \n );\n }\n\n function RouterHashLink(props) {\n const match = useRouteMatch();\n\n const f = props.href.match(/^\\//)\n return ({props.children} );\n return (\n props.href.match(/^\\//)\n ? {props.children} \n );\n }\n\n function Heading(props) {\n const uniqueSlug = \"fff\";\n\n // eslint-disable-next-line react/no-children-prop\n return React.createElement(`h${props.level}`, {\n id: uniqueSlug,\n className: 'headline-primary',\n children: \n { props.children }\n \n });\n }\n\nconst MarkdownView = ({ path, ...props }) => {\n const [markdownText, setMarkdownText] = useState(\"\");\n useEffect(() => {\n fetch(path)\n .then(res => res.text())\n .then(text => {\n setMarkdownText(text)\n })\n }, []);\n\n return (\n \n
\n );\n\n};\n\nMarkdownView.propTypes = {\n path: PropTypes.string.isRequired,\n};\n\nexport default MarkdownView;","import React from 'react';\nimport { setCookie } from '../../utils';\nimport { PACKAGE_VERSION, PACKAGE_VERSION_COOKIE } from '../../appsettings';\n\n\nconst Changelog = ({children, ...props}) => {\n const version = PACKAGE_VERSION\n setCookie(PACKAGE_VERSION_COOKIE, version);\n \n return (<>{children});\n}\n\nexport default Changelog;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { getCookie } from '../../utils';\nimport { PACKAGE_VERSION, PACKAGE_VERSION_COOKIE } from '../../appsettings';\n\n\n\nconst useStyles = makeStyles(theme => ({\n root:{\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n width: 24,\n height: 24,\n marginRight: 8,\n } \n}));\n\nconst ChangelogIcon = ({children, ...props}) => {\n const classes = useStyles();\n const version = getCookie(PACKAGE_VERSION_COOKIE);\n \nreturn version !== PACKAGE_VERSION ? (🔥 ) : null;\n}\n\nexport default ChangelogIcon;","export default __webpack_public_path__ + \"static/media/Ведение.82f15da7.md\";","export default __webpack_public_path__ + \"static/media/Вход в систему.08ecdde4.md\";","export default __webpack_public_path__ + \"static/media/Описание интерфейса.d59cec74.md\";","import React, { useMemo } from 'react';\nimport gql from 'graphql-tag';\nimport Typography from '@material-ui/core/Typography';\nimport useInfo from './useInfo';\nimport { useVersion } from 'react-admin';\nimport apolloCoreClient from '../../dataProvider/Core/apolloCoreClient';\n\n\n\n\n\nimport { PACKAGE_NAME, PACKAGE_VERSION } from '../../appsettings';\n\nconst Version = (props) => {\n\n const version = useVersion();\n const appQueries = useMemo(() => [\n {\n name: \"Core\",\n query: apolloCoreClient.query({ query: gql`query { Info { name, version } }`, fetchPolicy: 'network-only'}),\n }\n ], [version])\n const {data, loading, error} = useInfo(appQueries)\n\n const portal = { name: PACKAGE_NAME, version: PACKAGE_VERSION }\n const core = data && data[0] && data[0].data.Info && data[0].data.Info && {name: data[0].data.Info.name, version: data[0].data.Info.version}\n\n const infoApps = [portal, core]\n \n return (\n \n {infoApps.map((info, index) => (\n info ?\n (
\n {info.name} \n {info.version} \n
) : null\n ))}\n
\n {hasDashboard && \n {groupedResources[group].filter(r => r.hasList).map(resource => (\n \n //
\n //
\n // {hasDashboard && \n // {groupedResources[group].filter(r => r.hasList).map(resource => (\n //
\n //
\n { notification && notification.undoable ? (\n \n {translate('ra.action.undo')}\n \n ) : null}\n { notification && notification.messageArgs && notification.messageArgs.action ? (\n cloneElement(notification.messageArgs.action)\n ) : null}\n \n }\n {...rest}\n />\n );\n};\n\nNotification.propTypes = {\n type: PropTypes.string,\n};\n\nNotification.defaultProps = {\n type: 'info',\n autoHideDuration: 4000,\n};\n\nexport default Notification;\n","import { useState, useCallback } from 'react';\nimport { useDataProvider } from 'react-admin';\nimport set from 'lodash/set';\nimport get from 'lodash/get';\n\n\n\nconst usePreferenceController = (params) => {\n\n const dataProvider = useDataProvider();\n const [data, setData] = useState({});\n const [loading, setLoading] = useState(false);\n const [loaded, setLoaded] = useState(false);\n\n const readStorage = useCallback(async (path) => {\n if (!path) return;\n setLoading(true)\n\n const [key, ...subkeys] = path.split('.');\n const response = await dataProvider.getPreferences('Preference', { key });\n const preferences = response.data?.preferences?.value\n setData(prev => {\n const newPreferences = set({ ...prev }, [key, ...subkeys], get(preferences, subkeys))\n return newPreferences\n });\n setLoading(false)\n setLoaded(true)\n\n }, [setData]);\n\n const writeStorage = useCallback((path, value) => {\n if (!path) return;\n\n const [key, ...subkeys] = path.split('.');\n\n setData(prev => {\n const newPreferences = set({ ...prev }, [key, ...subkeys], value)\n dataProvider.setPreferences('Preference', { key, value: get(newPreferences, [key]) });\n return newPreferences\n });\n\n }, [setData]);\n\n return {\n data,\n loading,\n loaded,\n readStorage,\n writeStorage\n };\n}\n\nexport default usePreferenceController","import React from \"react\";\nimport PreferenceContext from \"./PreferenceContext\";\nimport usePreferenceController from \"./usePreferenceController\";\n\nconst PreferenceContextProvider = ({ children }) => {\n\n const сonntrollerProps = usePreferenceController()\n\n return (\n \n {children}\n \n );\n};\n\nexport default PreferenceContextProvider","import React from 'react';\nimport { Layout } from 'react-admin';\nimport AppBar from './AppBar';\nimport Sidebar from './Sidebar';\nimport Menu from './Menu';\nimport Notification from './Notification';\nimport PreferenceContextProvider from '../../controller/preferences/PreferenceContextProvider';\n\nexport const MyLayout = props => {\n return (\n \n \n\n );\n};\n\n","import { SET_ACCESS } from './actions';\n\n\n\nexport default (previousState=null, { type, payload }) => {\n if (type === SET_ACCESS) {\n\n if (!payload) return false;\n const { accessResource, counterparty } = payload;\n\n const accessByUser = accessResource || (counterparty && counterparty.accessResource);\n const accessByResource = {\n GasRegion: {\n GasRegion: true,\n GasDistrict: true,\n GasMeterPad: true,\n GasMeterUnit: true,\n GasConsumer: true,\n GasDistributorOrganization: true,\n GasDistributorStation: true,\n GasDistributorStationOutput: true,\n },\n GasDistrict: {\n GasRegion: false,\n GasDistrict: true,\n GasMeterPad: true,\n GasMeterUnit: true,\n GasConsumer: true,\n GasDistributorOrganization: true,\n GasDistributorStation: true,\n GasDistributorStationOutput: true,\n },\n GasMeterPad: {\n GasRegion: false,\n GasDistrict: false,\n GasMeterPad: true,\n GasMeterUnit: true,\n GasConsumer: false,\n GasDistributorOrganization: false,\n GasDistributorStation: false,\n GasDistributorStationOutput: false,\n },\n GasMeterUnit: {\n GasRegion: false,\n GasDistrict: false,\n GasMeterPad: false,\n GasMeterUnit: true,\n GasConsumer: false,\n GasDistributorOrganization: false,\n GasDistributorStation: false,\n GasDistributorStationOutput: false,\n },\n GasConsumer: {\n GasRegion: false,\n GasDistrict: false,\n GasMeterPad: true,\n GasMeterUnit: true,\n GasConsumer: true,\n GasDistributorOrganization: false,\n GasDistributorStation: false,\n GasDistributorStationOutput: false,\n },\n };\n\n const accessResources = accessByResource[accessByUser];\n\n return accessResources ? {\n accessResource,\n accessResources,\n } : false;\n }\n return previousState;\n}","import gql from 'graphql-tag'\nimport { apolloAuthClient } from './apolloAuthClient';\n\n\n\nconst LOGIN_MUTATION = gql`\n mutation login($login: String!, $password: String!) {\n login(login: $login, password: $password) {\n token,\n refreshToken,\n user {\n id,\n email,\n phone,\n name,\n role\n }\n }\n }\n`;\n\nexport default (args) => {\n return apolloAuthClient.mutate({\n mutation: LOGIN_MUTATION,\n variables: { ...args },\n onError: (error) => {\n alert(error)\n },\n });\n};\n","import gql from 'graphql-tag'\nimport apolloCoreClient from './apolloCoreClient';\n\n\nconst LOGIN_USER_MUTATION = gql`\n mutation loginUser($id: ID!, $name: String!, $description: String, $login: String, $email: String, $phone: String, $role: UserRole!, $banned: Boolean) {\n loginUser(authId: $id, name: $name, description: $description, login: $login, email: $email, phone: $phone, role: $role, banned: $banned) {\n id\n authId\n name\n login\n email\n phone\n role\n banned\n }\n }\n`;\n\nexport default (args) => {\n return apolloCoreClient.mutate({\n mutation: LOGIN_USER_MUTATION,\n variables: { ...args },\n onError: (error) => {\n alert(error)\n },\n });\n};\n","import gql from 'graphql-tag'\nimport { apolloAuthClient } from '../../authPrivider/apolloAuthClient';\nimport { ApolloClient, InMemoryCache, createHttpLink } from '@apollo/client';\nimport { setContext } from '@apollo/client/link/context';\nimport { URI_CORE } from '../../appsettings';\n\n\nconst GUEST = gql`\n mutation guest {\n data: guest { token refreshToken }\n }\n`\n\nasync function getGuestToken() {\n\n const guest = await apolloAuthClient.mutate({\n mutation: GUEST,\n onError: (error) => {\n alert(error)\n },\n });\n\n return guest.data.data.token\n}\n\n\n\nconst httpLink = createHttpLink({\n uri: URI_CORE\n})\n\nconst authLink = setContext(async (_, { headers }) => { \n \n const token = await getGuestToken(); \n\n return {\n headers: {\n ...headers,\n authorization: token ? `Bearer ${token}` : \"\",\n }\n }\n});\n\nconst apolloCoreClient = new ApolloClient({\n link: authLink.concat(httpLink),\n cache: new InMemoryCache(),\n defaultOptions: {\n watchQuery: {\n fetchPolicy: 'network-only',\n errorPolicy: 'ignore',\n },\n query: {\n fetchPolicy: 'network-only',\n errorPolicy: 'all',\n },\n },\n});\n\nconst BAN_USER = gql`\n mutation banUser( $where: UserWhereUniqueInput!, $banned: Boolean ) {\n data: banUser( where: $where, banned: $banned) {id authId banned}\n }\n`\nexport default (args) => {\n return apolloCoreClient.mutate({\n mutation: BAN_USER,\n variables: { ...args },\n onError: (error) => {\n alert(error)\n },\n });\n};","import { ApolloClient, InMemoryCache, createHttpLink } from '@apollo/client';\nimport { setContext } from '@apollo/client/link/context';\nimport { getAccessToken } from '../authPrivider/getAccessToken';\nimport { PERMISSIONS_NAMESPACE, URI_CASL } from '../appsettings';\n\nconst httpLink = createHttpLink({\n uri: URI_CASL\n})\n\nconst authLink = setContext(async (_, { headers }) => {\n\n const token = await getAccessToken();\n\n return {\n headers: {\n ...headers,\n authorization: token ? `Bearer ${token}` : \"\",\n appName: PERMISSIONS_NAMESPACE,\n }\n }\n});\n\nexport default new ApolloClient({\n link: authLink.concat(httpLink),\n cache: new InMemoryCache(),\n defaultOptions: {\n watchQuery: {\n fetchPolicy: 'network-only',\n errorPolicy: 'ignore',\n },\n query: {\n fetchPolicy: 'network-only',\n errorPolicy: 'all',\n },\n },\n});\n","import gql from 'graphql-tag'\nimport apolloCaslClient from './apolloCaslClient';\n\nconst GET_ABILITY_RULES = gql`\n query getAbility {\n rules: getAbility {\n actions\n subject\n conditions\n fields\n inverted\n reason\n }\n }\n`\n\nexport default () => {\n return apolloCaslClient.query({\n query: GET_ABILITY_RULES,\n fetchPolicy: 'network-only',\n onError: (error) => {\n alert(error)\n }\n });\n};","import decodeJwt from 'jwt-decode'\nimport { getCookie, setCookie, deleteCookie } from '../utils';\nimport { AUTH_TOKEN_COOKIE, REFRESH_TOKEN_COOKIE, DOMAIN_COOKIE } from '../appsettings';\nimport { tokenExpired } from './getAccessToken';\nimport login from './login';\nimport loginCoreUser from '../dataProvider/Core/loginCoreUser';\nimport banCoreUser from '../dataProvider/Core/banCoreUser';\nimport { ability, defineAbilityFor } from '../abilityProvider'\nimport getAbilityRules from '../abilityProvider/getAbilityRules';\n\n\n\nexport const authProvider = {\n login: async ({ username, password }) => {\n try {\n const { data: { login: { token, refreshToken, user } } } = await login({ login: username, password: password });\n\n setCookie(AUTH_TOKEN_COOKIE, token, { domain: DOMAIN_COOKIE });\n setCookie(REFRESH_TOKEN_COOKIE, refreshToken, { domain: DOMAIN_COOKIE });\n\n if (user && user.role === 'SERVICE') {\n throw new Error('role_SERVICE_not_allowed')\n }\n\n await loginCoreUser(user);\n\n const { data: { rules } } = await getAbilityRules();\n if (!rules || !rules.length) { return Promise.reject({ message: 'ra.auth.permissions_error' }) };\n ability.update([]);\n ability.update(defineAbilityFor(rules));\n\n return Promise.resolve();\n } catch (error) {\n deleteCookie(AUTH_TOKEN_COOKIE, { domain: DOMAIN_COOKIE });\n deleteCookie(REFRESH_TOKEN_COOKIE, { domain: DOMAIN_COOKIE });\n\n const extensions = error && error.graphQLErrors && error.graphQLErrors[0] && error.graphQLErrors[0].extensions\n const code = extensions && extensions.code\n const authId = extensions && extensions.id\n\n if (authId && code === \"BANNED_USER\") await banCoreUser({ where: { authId }, banned: true });\n\n throw error\n }\n },\n logout: (params) => {\n deleteCookie(AUTH_TOKEN_COOKIE, { domain: DOMAIN_COOKIE });\n deleteCookie(REFRESH_TOKEN_COOKIE, { domain: DOMAIN_COOKIE });\n return Promise.resolve();\n },\n checkError: (params) => {\n const status = params.status;\n if (status === 401 || status === 403) {\n deleteCookie(AUTH_TOKEN_COOKIE, { domain: DOMAIN_COOKIE });\n deleteCookie(REFRESH_TOKEN_COOKIE, { domain: DOMAIN_COOKIE });\n return Promise.reject()\n }\n return Promise.resolve();\n },\n checkAuth: (params) => {\n return ((getCookie(AUTH_TOKEN_COOKIE) && !tokenExpired(getCookie(REFRESH_TOKEN_COOKIE))))\n ? Promise.resolve()\n : Promise.reject();\n },\n getPermissions: async (params) => {\n\n const token = getCookie(AUTH_TOKEN_COOKIE);\n const decodedToken = decodeJwt(token);\n const role = decodedToken.role;\n\n try {\n const { data: { rules } } = await getAbilityRules();\n\n if (!rules || !rules.length) { return Promise.reject({ message: 'ra.auth.permissions_error' }) };\n\n ability.update([]);\n ability.update(defineAbilityFor(rules));\n\n return Promise.resolve({ ability, role });\n\n } catch (error) {\n\n return Promise.reject(error);\n }\n }\n};","import React from 'react';\nimport { useFormState } from 'react-final-form';\nimport { SaveButton } from 'react-admin';\nimport { useUpdate, useNotify } from 'react-admin';\nimport { useSelector, useDispatch, shallowEqual } from 'react-redux';\nimport { setUser } from '../../redux/user/actions';\n\n\nexport const sanitizeRestProps = ({\n basePath,\n classes,\n filterValues,\n handleSubmit,\n handleSubmitWithRedirect,\n invalid,\n label,\n pristine,\n resource,\n saving,\n selectedIds,\n undoable,\n redirect,\n submitOnEnter,\n ...rest\n}) => rest;\n\nconst SaveProfileButton = ({saving, record, className, ...props}) => {\n const user = useSelector(state => state.user, shallowEqual);\n const [update, { loading }] = useUpdate('Profile');\n const notify = useNotify();\n const formState = useFormState();\n const dispatch = useDispatch();\n\n\n const handleClick = () => update({\n type: 'update',\n resource: 'Profile',\n payload: {\n id: record.id,\n data: {...formState.values},\n previousData: {...record},\n },\n },\n {\n onSuccess: ({ data }) => {\n \n const editFields = {\n name: data.name, \n description: data.description, \n authId: data.authId,\n email: data.email,\n phone: data.phone, \n role: data.role, \n login: data.login\n }\n\n notify('ra.notification.profile_saved');\n dispatch(setUser({\n ...user,\n ...editFields,\n }));\n\n },\n \n });\n\n return \n {can(\"update\", \"Profile\") && \n );\n}\n\nconst ProfileEdit = ({ staticContext, ...props }) => {\n // const classes = useStyles();\n\n return (\n \n \n \n \n );\n};\n\nProfileEdit.defaultProps = {\n resource: \"Profile\",\n basePath: \"/Profile\",\n redirect: false,\n\n};\n\n\nconst ProfileHOC = (props) => {\n const user = useSelector(state => state.user, shallowEqual);\n if (!user) return null;\n\n return Loading...
\n );\n }\n\n return (\n \n {permissions => [\n \n {Children.map(children, (_, index) => ( \n );\n }\n\n return (\n \n {Children.map(children, breadcrumb => {\n const resource = breadcrumb.props.resource\n const record = data[resource]\n\n return record && accessResourses && isValidElement(breadcrumb)\n ? cloneElement(breadcrumb, {\n record,\n disabled: accessResourses[resource] === false\n })\n : null;\n })}\n \n );\n}\n\n\nexport default ResourceBreadcrumbs;","export const dateTimeOptions = {\n year: 'numeric', month: 'numeric', day: 'numeric',\n hour: 'numeric', minute: 'numeric'\n};\n\nexport const getCookie = (name) => {\n let matches = document.cookie.match(new RegExp(\n \"(?:^|; )\" + name.replace(/([\\.$?*|{}\\(\\)\\[\\]\\\\\\/\\+^])/g, '\\\\$1') + \"=([^;]*)\"\n ));\n return matches ? decodeURIComponent(matches[1]) : undefined;\n};\n\nexport const setCookie = (name, value, options = {}) => {\n\n options = {\n path: '/',\n // при необходимости добавьте другие значения по умолчанию\n ...options\n };\n\n if (options.expires && options.expires.toUTCString) {\n options.expires = options.expires.toUTCString();\n }\n\n let updatedCookie = encodeURIComponent(name) + \"=\" + encodeURIComponent(value);\n\n for (let optionKey in options) {\n updatedCookie += \"; \" + optionKey;\n let optionValue = options[optionKey];\n if (optionValue !== true) {\n updatedCookie += \"=\" + optionValue;\n }\n }\n\n document.cookie = updatedCookie;\n};\n\nexport const deleteCookie = (name, options = {}) => {\n setCookie(name, \"\", {\n ...options,\n 'max-age': -1\n })\n};\n\nexport const matchTrue = () => true;\n","import { ApolloClient, InMemoryCache, createHttpLink } from '@apollo/client';\nimport { setContext } from '@apollo/client/link/context';\nimport { getAccessToken } from './getAccessToken';\nimport { URI_AUTH } from '../appsettings';\n\n\n\nconst httpLink = createHttpLink({\n uri: URI_AUTH\n});\n\nconst authLink = setContext(async (_, { headers }) => { \n \n const token = await getAccessToken(); \n\n return {\n headers: {\n ...headers,\n authorization: token ? `Bearer ${token}` : \"\",\n }\n }\n});\n\n\nexport const apolloAuthClient = new ApolloClient({\n link: httpLink,\n cache: new InMemoryCache(),\n});\n\nexport const apolloAuthClientWithAuth = new ApolloClient({\n link: authLink.concat(httpLink),\n cache: new InMemoryCache(),\n defaultOptions: {\n watchQuery: {\n fetchPolicy: 'network-only',\n errorPolicy: 'ignore',\n },\n query: {\n fetchPolicy: 'network-only',\n errorPolicy: 'all',\n },\n },\n});","require('dotenv').config();\n\nconst global_env = (process.env.NODE_ENV === 'development') ? process.env : window.ENV;\n\nexport const TITLE_APP = global_env.REACT_APP_TITLE_APP || 'АСКУГ Показатели'\nexport const PERMISSIONS_NAMESPACE = 'ASKUG'\nexport const GROUP_NAME_APP = 'ASKUG'\nexport const AUTH_TOKEN_COOKIE = `${GROUP_NAME_APP}-AUTH-TOKEN`\nexport const REFRESH_TOKEN_COOKIE = `${GROUP_NAME_APP}-REFRESH-TOKEN`\nexport const DOMAIN_COOKIE = global_env.REACT_APP_DOMAIN_COOKIE || \"localhost\"\nexport const LOCAL_STORAGE = `${GROUP_NAME_APP}-STORAGE`\nexport const PACKAGE_NAME = global_env.REACT_APP_NAME || \"web-askug-main-portal\"\nexport const PACKAGE_VERSION = global_env.REACT_APP_VERSION || \"0.0.1\"\nexport const PACKAGE_VERSION_COOKIE = `${GROUP_NAME_APP}-PACKAGE-VERSION`\nexport const CURRENT_DATERANGE = `${GROUP_NAME_APP}-CURRENT-DATERANGE`\nexport const REPORT_DATE_MIN_YEAR = global_env.REACT_APP_REPORT_DATE_MIN_YEAR && parseInt(global_env.REACT_APP_REPORT_DATE_MIN_YEAR) || 2008\nexport const REPORT_HOURS_MAX_DATERANGE_YEARS = global_env.REACT_APP_REPORT_HOURS_MAX_DATERANGE_YEARS && parseInt(global_env.REACT_APP_REPORT_HOURS_MAX_DATERANGE_YEARS) || 5\n\n// SERVICE URI's\nexport const URI_CORE = global_env.REACT_APP_URI_CORE || 'http://localhost:5550'\nexport const WS_CORE = global_env.REACT_APP_WS_CORE || 'ws://localhost:5550'\nexport const URI_CASL = global_env.REACT_APP_URI_CASL || 'http://localhost:4555'\nexport const URI_AUTH = global_env.REACT_APP_URI_AUTH || 'http://localhost:5000'\nexport const URI_DATA = global_env.REACT_APP_URI_DATA || 'http://localhost:5560'\nexport const URI_DATA_ANALYTICS = global_env.REACT_APP_URI_DATA_ANALYTICS || 'http://localhost:5561'\nexport const URI_DATABUS = global_env.REACT_APP_URI_DATABUS || 'http://localhost:50052/graphql'\nexport const WS_DATABUS = global_env.REACT_APP_WS_DATABUS || 'ws://localhost:50052/graphql'\nexport const URI_PROMETHEUS = global_env.REACT_APP_URI_PROMETHEUS || 'http://localhost:9090'\nexport const URI_IMPORTEXPORT = global_env.REACT_APP_URI_IMPORTEXPORT || 'http://localhost:5570'\nexport const URI_SCADAJS = global_env.REACT_APP_URI_SCADAJS || 'http://localhost:5580'\nexport const URI_ANALITICS = global_env.REACT_APP_URI_ANALITICS || 'http://localhost:2380/graphql'\nexport const WS_ANALITICS = global_env.REACT_APP_WS_ANALITICS || 'ws://localhost:2380/graphql'\nexport const URI_REPORT_DESPATCH = global_env.REACT_APP_URI_REPORT_DESPATCH || 'http://localhost:8333'\nexport const URI_DEVICEGAPS = global_env.REACT_APP_URI_DEVICEGAPS || 'http://10.174.18.254:7778/graphql'","import Icon from '@material-ui/icons/History';\n// import DashboardList from './DashboardList';\nimport DashboardShow from './DashboardShow';\n\nconst DashboardIcon = Icon;\n\n\nexport {\n DashboardIcon,\n // DashboardList,\n DashboardShow,\n};\n","import React, {\n useCallback,\n useEffect,\n useRef,\n FunctionComponent,\n useMemo,\n isValidElement,\n} from 'react';\nimport Downshift, { DownshiftProps } from 'downshift';\nimport classNames from 'classnames';\nimport get from 'lodash/get';\nimport { makeStyles, TextField, Chip } from '@material-ui/core';\nimport { TextFieldProps } from '@material-ui/core/TextField';\nimport {\n useInput,\n FieldTitle,\n InputProps,\n useSuggestions,\n warning,\n} from 'ra-core';\n\nimport { InputHelperText } from 'react-admin';\nimport AutocompleteSuggestionList from './AutocompleteSuggestionList';\nimport AutocompleteSuggestionItem from './AutocompleteSuggestionItem';\n\n\n\nconst SelectedItem = ({className, label, record, onDelete, ...props}) => {\n return ( true}\n/>\n `\n );\n\n const classes = useStyles(props);\n\n let inputEl = useRef();\n let anchorEl = useRef();\n\n const {\n id,\n input,\n isRequired,\n meta: { touched, error },\n } = useInput({\n format,\n id: idOverride,\n input: inputOverride,\n meta: metaOverride,\n onBlur,\n onChange,\n onFocus,\n parse,\n resource,\n source,\n validate,\n ...rest,\n });\n\n const values = input.value || [];\n\n const [filterValue, setFilterValue] = React.useState('');\n\n const getSuggestionFromValue = useCallback(\n value => choices.find(choice => get(choice, optionValue) === value),\n [choices, optionValue]\n );\n\n const selectedItems = useMemo(() => values.map(getSuggestionFromValue), [\n getSuggestionFromValue,\n values,\n ]);\n\n const { getChoiceText, getChoiceValue, getSuggestions } = useSuggestions({\n allowDuplicates,\n allowEmpty,\n choices,\n emptyText,\n emptyValue,\n limitChoicesToValue,\n matchSuggestion,\n optionText,\n optionValue,\n selectedItem: selectedItems,\n suggestionLimit,\n translateChoice,\n });\n\n const handleFilterChange = useCallback(\n (eventOrValue) => {\n const event = eventOrValue;\n const value = event.target\n ? event.target.value\n : (eventOrValue);\n\n setFilterValue(value);\n if (setFilter) {\n setFilter(value);\n }\n },\n [setFilter, setFilterValue]\n );\n\n // We must reset the filter every time the value changes to ensure we\n // display at least some choices even if the input has a value.\n // Otherwise, it would only display the currently selected one and the user\n // would have to first clear the input before seeing any other choices\n useEffect(() => {\n handleFilterChange('');\n }, [values.join(','), handleFilterChange]);\n\n const handleKeyDown = useCallback(\n (event) => {\n // Remove latest item from array when user hits backspace with no text\n if (\n selectedItems.length &&\n !filterValue.length &&\n event.key === 'Backspace'\n ) {\n const newSelectedItems = selectedItems.slice(\n 0,\n selectedItems.length - 1\n );\n input.onChange(newSelectedItems.map(getChoiceValue));\n }\n },\n [filterValue.length, getChoiceValue, input, selectedItems]\n );\n\n const handleChange = useCallback(\n (item) => {\n let newSelectedItems =\n !allowDuplicates && selectedItems.includes(item)\n ? [...selectedItems]\n : [...selectedItems, item];\n setFilterValue('');\n input.onChange(newSelectedItems.map(getChoiceValue));\n },\n [allowDuplicates, getChoiceValue, input, selectedItems, setFilterValue]\n );\n\n const handleDelete = useCallback(\n item => () => {\n const newSelectedItems = [...selectedItems];\n newSelectedItems.splice(newSelectedItems.indexOf(item), 1);\n input.onChange(newSelectedItems.map(getChoiceValue));\n },\n [input, selectedItems, getChoiceValue]\n );\n\n // This function ensures that the suggestion list stay aligned to the\n // input element even if it moves (because user scrolled for example)\n const updateAnchorEl = () => {\n if (!inputEl.current) {\n return;\n }\n\n const inputPosition = inputEl.current.getBoundingClientRect();\n\n // It works by implementing a mock element providing the only method used\n // by the PopOver component, getBoundingClientRect, which will return a\n // position based on the input position\n if (!anchorEl.current) {\n anchorEl.current = { getBoundingClientRect: () => inputPosition };\n } else {\n const anchorPosition = anchorEl.current.getBoundingClientRect();\n\n if (\n anchorPosition.x !== inputPosition.x ||\n anchorPosition.y !== inputPosition.y\n ) {\n anchorEl.current = {\n getBoundingClientRect: () => inputPosition,\n };\n }\n }\n };\n\n const storeInputRef = input => {\n inputEl.current = input;\n updateAnchorEl();\n };\n\n const handleBlur = useCallback(\n event => {\n setFilterValue('');\n handleFilterChange('');\n input.onBlur(event);\n },\n [handleFilterChange, input, setFilterValue]\n );\n\n const handleFocus = useCallback(\n openMenu => event => {\n openMenu(event);\n input.onFocus(event);\n },\n [input]\n );\n\n const handleClick = useCallback(\n openMenu => event => {\n if (event.target === inputEl.current) {\n openMenu(event);\n }\n },\n []\n );\n\n const shouldRenderSuggestions = val => {\n if (\n shouldRenderSuggestionsOverride !== undefined &&\n typeof shouldRenderSuggestionsOverride === 'function'\n ) {\n return shouldRenderSuggestionsOverride(val);\n }\n\n return true;\n };\n\n return (\n getChoiceValue(item)}\n {...rest}\n >\n {({\n getInputProps,\n getItemProps,\n getLabelProps,\n getMenuProps,\n isOpen,\n inputValue: suggestionFilter,\n highlightedIndex,\n openMenu,\n }) => {\n const isMenuOpen =\n isOpen && shouldRenderSuggestions(suggestionFilter);\n const {\n id: idFromDownshift,\n onBlur,\n onChange,\n onFocus,\n ref,\n color,\n size,\n ...inputProps\n } = getInputProps({\n onBlur: handleBlur,\n onFocus: handleFocus(openMenu),\n onClick: handleClick(openMenu),\n onKeyDown: handleKeyDown,\n });\n return (\n \n
\n {selectedItems.map((item, index) => (\n React.cloneElement(selectedItem, {\n key: index,\n tabIndex: -1,\n label: getChoiceText(item),\n record: item,\n className: classes.chip,\n onDelete: handleDelete(item),\n })\n ))}\n \n {getSuggestions(suggestionFilter).map(\n (suggestion, index) => (\n React.cloneElement(suggestionItem, {\n key: getChoiceValue(suggestion),\n suggestion,\n index,\n highlightedIndex,\n isSelected: selectedItems.map(getChoiceValue).includes(getChoiceValue(suggestion)),\n filterValue,\n getSuggestionText: getChoiceText,\n ...getItemProps({item: suggestion}),\n })\n )\n )}\n \n \n );\n }}\n \n );\n};\n\nconst useStyles = makeStyles(\n theme => {\n const chipBackgroundColor =\n theme.palette.type === 'light'\n ? 'rgba(0, 0, 0, 0.09)'\n : 'rgba(255, 255, 255, 0.09)';\n\n return {\n container: {\n flexGrow: 1,\n position: 'relative',\n },\n chip: {\n margin: theme.spacing(0.5, 0.5, 0.5, 0),\n },\n chipContainerFilled: {\n margin: '27px 12px 10px 0',\n },\n inputRoot: {\n flexWrap: 'wrap',\n },\n inputRootFilled: {\n flexWrap: 'wrap',\n '& $chip': {\n backgroundColor: chipBackgroundColor,\n },\n },\n inputInput: {\n width: 'auto',\n flexGrow: 1,\n },\n };\n },\n { name: 'RaAutocompleteArrayInput' }\n);\n\nexport default AutocompleteArrayInput;\n","import React from 'react';\nimport SvgIcon from '@material-ui/core/SvgIcon';\n\nfunction Icon(props) {\n return (\n \n \n );\n}\n\nexport default Icon;","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport classnames from 'classnames';\n\nimport { useAuthenticated, useTranslate, Title } from 'react-admin';\n\n\nconst useStyles = makeStyles(theme => ({\n container: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n [theme.breakpoints.up('md')]: {\n height: '100%',\n },\n [theme.breakpoints.down('sm')]: {\n height: '100vh',\n marginTop: '-3em',\n },\n },\n icon: {\n width: '9em',\n height: '9em',\n },\n message: {\n textAlign: 'center',\n fontFamily: 'Roboto, sans-serif',\n opacity: 0.5,\n margin: '0 1em',\n },\n toolbar: {\n textAlign: 'center',\n marginTop: '2em',\n },\n ml3: {\n marginLeft: 16\n }\n }),\n { name: 'RemoveLayout' }\n);\n\nconst goBack = () => {\n window.history.go(-1);\n}\n\nconst stopPropagation = e => {\n e.stopPropagation()\n};\n\nconst Remove = props => {\n const { className, classes: classesOverride, resource, basePath, record, title, defaultTitle, ...rest } = props;\n const classes = useStyles(props);\n const translate = useTranslate();\n useAuthenticated();\n return (\n \n \n <div className={classes.message}>\n <DeleteIcon className={classes.icon} />\n <h1>{translate('ra.page.removed')}</h1>\n <div>{translate('ra.message.removed')}.</div>\n </div>\n <div className={classes.toolbar}>\n <Button \n variant=\"contained\" \n component={Link}\n to={basePath}\n className={classes.ml3}\n >\n {translate('ra.action.back')}\n </Button>\n <Button \n variant=\"contained\" \n component={Link}\n to={`/TrashItem`}\n className={classes.ml3}\n >\n {translate('ra.action.trash_open')}\n </Button>\n </div>\n </div>\n );\n};\n\nconst sanitizeRestProps = ({\n staticContext,\n history,\n location,\n match,\n ...rest\n}) => rest;\n\nRemove.propTypes = {\n className: PropTypes.string,\n classes: PropTypes.object,\n\n location: PropTypes.object,\n};\n\nexport default Remove;\n","import React from 'react';\nimport { useTranslate } from 'react-admin';\nimport { get } from 'lodash';\n\n\n\nconst TitleForRecord = ({ resource, source, record, ...props }) => {\n const translate = useTranslate();\n \n if (!record) return null;\n const resourceText = translate(`resources.${resource}.name`, { smart_count: 1 });\n const sourceText = get(record, source);\n\n return `${resourceText}${(sourceText) ? ` ${sourceText}` : ` #${record.id}`}`;\n};\n\n\n\nexport default TitleForRecord;","import React from 'react';\nimport classnames from 'classnames';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ReportIcon from '@material-ui/icons/Report';\nimport { useTranslate } from 'ra-core';\n\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: \"flex\",\n flexDirection: 'column',\n alignItems: \"center\",\n justifyContent: \"center\",\n flexGrow: 1,\n width: \"100%\",\n height: \"100%\",\n paddingTop: theme.spacing(),\n paddingBottom: theme.spacing(2),\n opacity: 0.5,\n },\n icon: {\n marginBottom: 4,\n },\n}));\n\nconst Error = ({className, title, caption, ...props}) => {\n const classes = useStyles(props);\n const translate = useTranslate();\n return (\n <div className={classnames(classes.root, className)}>\n <ReportIcon className={classes.icon} fontSize=\"large\" />\n {title && <Typography variant=\"body1\" >{translate(title, {_: title})}</Typography>}\n {caption && <Typography variant=\"caption\" >{translate(caption, {_: caption})}</Typography>}\n </div>\n );\n};\n\nError.defaultProps = {\n title: 'ra.page.error',\n caption: 'ra.message.error',\n};\n\n\nexport default Error;","import React from 'react';\nimport classnames from 'classnames';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { useTranslate } from 'ra-core';\n\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: \"flex\",\n flexDirection: 'column',\n alignItems: \"center\",\n justifyContent: \"center\",\n flexGrow: 1,\n width: \"100%\",\n height: \"100%\",\n paddingTop: theme.spacing(),\n paddingBottom: theme.spacing(2),\n opacity: 0.5,\n },\n icon: {\n marginBottom: 4,\n },\n}));\n\nconst Loading = ({className, title, caption, ...props}) => {\n const classes = useStyles(props);\n const translate = useTranslate();\n return (\n <div className={classnames(classes.root, className)}>\n <CircularProgress className={classes.icon} size={35} color=\"primary\" />\n {title && <Typography variant=\"body1\" >{translate(title, {_: title})}</Typography>}\n {caption && <Typography variant=\"caption\" >{translate(caption, {_: caption})}</Typography>}\n </div>\n );\n};\n\nLoading.defaultProps = {\n title: 'ra.page.loading',\n caption: 'ra.message.loading',\n};\n\nexport default Loading;","import { useEffect, useState } from 'react';\nimport gql from 'graphql-tag';\nimport apolloCoreClient from './apolloCoreClient';\n\n\n\nconst GET_ONE_DASHBOARD = gql`\n query Dashboard( $id: ID! ) {\n data: Dashboard( id: $id ) {\n id\n name\n description\n createdAt\n createdBy {\n id\n name\n }\n updatedAt\n deleted\n resource\n gasMeterType\n executeApp\n uri\n }\n }\n`;\n\nexport default function(resource, id, version) {\n\n const [state, setState] = useState({\n data: undefined,\n error: null,\n loading: true,\n loaded: false,\n })\n\n useEffect(() => {\n\n if (!id) return;\n\n setState(prevState => ({ ...prevState, loading: true }));\n\n apolloCoreClient.query({\n query: GET_ONE_DASHBOARD,\n variables: { id },\n fetchPolicy: 'network-only',\n })\n .then(({ data: {data} }) => {\n setState({\n data,\n loading: false,\n loaded: true,\n });\n })\n .catch(error => {\n setState({\n error,\n loading: false,\n loaded: false,\n });\n });\n }, [resource, id, version]);\n\n return state;\n}\n","import { useVersion, useTranslate, useNotify } from 'react-admin';\nimport useDashboard from '../../dataProvider/Core/useDashboard';\n\n\n\nconst useDashboardController = (props) => {\n\n const { basePath, id, resource } = props;\n const translate = useTranslate();\n const notify = useNotify();\n const version = useVersion();\n const { data: record, loading, loaded, error } = useDashboard(resource, id, version);\n\n if (error) notify('ra.notification.item_doesnt_exist', 'warning');\n\n const defaultTitle = translate('resources.Dashboard.name', { smart_count: 1 });\n\n return {\n loading,\n loaded,\n defaultTitle,\n resource,\n basePath,\n record,\n version,\n };\n};\n\nexport default useDashboardController;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\nimport { TitleForRecord } from 'react-admin';\nimport useDashboardModule from '../../controller/dashboard/useDashboardModule';\nimport dashboardScadaModule from './DashboardScadaModule';\nimport Remove from './Remove';\n\n\nconst useStyles = makeStyles({\n root: {},\n main: {\n display: 'flex',\n },\n noActions: {\n marginTop: '1em',\n },\n content: {\n flex: '1 1 auto',\n },\n toolbar: {\n display: 'flex',\n justifyContent: \"space-between\",\n },\n});\n\nconst sanitizeRestProps = ({\n actions,\n aside,\n title,\n children,\n className,\n id,\n data,\n loading,\n loaded,\n resource,\n hasCreate,\n hasEdit,\n hasList,\n hasShow,\n hasDashboard,\n version,\n match,\n location,\n history,\n options,\n locale,\n permissions,\n ...rest\n}) => rest;\n\nexport const DashboardView = ({\n breadcrumbs,\n actions,\n aside,\n basePath,\n children,\n classes: classesOverride,\n className,\n defaultTitle,\n hasEdit,\n hasList,\n record,\n resource,\n title,\n version,\n ...rest\n}) => {\n const classes = useStyles({ classes: classesOverride });\n const path = record && record.uri;\n const executeApp = record && record.executeApp;\n const dashboardModuleProps = useDashboardModule(path);\n\n if (record && record.deleted) {\n return (\n <Remove\n resource={resource}\n basePath={basePath}\n record={record}\n title={title}\n defaultTitle={defaultTitle}\n hasList={hasList}\n hasEdit={hasEdit}\n />\n );\n }\n\n const { Dashboard, error, loading, loaded } = executeApp == 'SCADAJS' ? dashboardScadaModule : dashboardModuleProps;\n\n return (\n <div\n className={classnames('show-page', classes.root, className)}\n {...sanitizeRestProps(rest)}\n >\n <TitleForRecord\n title={title}\n record={record}\n defaultTitle={defaultTitle}\n />\n <div className={classes.toolbar}>\n {breadcrumbs && React.cloneElement(breadcrumbs, {\n basePath,\n data: record,\n hasList,\n hasEdit,\n resource,\n })}\n {actions && React.cloneElement(actions, {\n basePath,\n data: record,\n hasList,\n hasEdit,\n resource,\n style: { marginLeft: \"auto\" },\n ...actions.props,\n })}\n </div>\n\n <div\n className={classnames(classes.main, {\n [classes.noActions]: !actions,\n })}\n >\n <div className={`${classes.content}`} >\n {loading && \"Загрузка...\"}\n {Dashboard && React.isValidElement(<Dashboard />) && (executeApp == 'SCADAJS' ? <Dashboard record={record} {...rest} /> : <Dashboard />)}\n </div>\n </div>\n </div>\n );\n};\n\nDashboardView.propTypes = {\n actions: PropTypes.element,\n basePath: PropTypes.string,\n classes: PropTypes.object,\n className: PropTypes.string,\n defaultTitle: PropTypes.any,\n hasEdit: PropTypes.bool,\n hasList: PropTypes.bool,\n loading: PropTypes.bool,\n loaded: PropTypes.bool,\n record: PropTypes.object,\n resource: PropTypes.string,\n title: PropTypes.any,\n version: PropTypes.node,\n};\n\nDashboardView.defaultProps = {\n classes: {},\n};","import React from 'react';\nimport url from 'url';\nimport useDashboardController from '../../controller/dashboard/useDashboardController';\nimport { DashboardView } from '../Layout/Dashboard';\nimport TitleForRecord from '../Layout/TitleForRecord';\nimport Breadcrumbs from '../Layout/Breadcrumbs';\nimport Breadcrumb from '../Layout/Breadcrumb';\n\n\n\n\nconst DashboardBreadcrumbs = ({ target, ...props }) => {\n return (\n <Breadcrumbs resource={target.resource} data={{ id: target.id }}>\n <Breadcrumb resource={\"GasRegion\"} />\n <Breadcrumb resource={\"GasDistrict\"} />\n <Breadcrumb resource={\"GasConsumer\"} />\n <Breadcrumb resource={\"GasMeterPad\"} />\n <Breadcrumb resource={\"GasMeterUnit\"} />\n </Breadcrumbs>\n );\n}\n\nconst DashboardShow = props => {\n\n const controllerProps = useDashboardController(props);\n const target = url.parse(props.location.search, true).query;\n\n return (\n <DashboardView\n breadcrumbs={<DashboardBreadcrumbs target={target} />}\n title={<TitleForRecord source=\"name\" {...props} />}\n {...props}\n {...controllerProps}\n />\n );\n};\n\nexport default DashboardShow;","import React from 'react';\nimport { ReferenceArrayInput } from 'react-admin';\nimport AutocompleteArrayInput from '../Inputs/AutocompleteArrayInput';\n\n\n\nconst matchTrue = () => true;\n\nconst DashboardReferenceArrayInput = props => {\n\n return (\n <ReferenceArrayInput {...props}>\n <AutocompleteArrayInput matchSuggestion={matchTrue} />\n </ReferenceArrayInput>\n );\n};\n\nexport default DashboardReferenceArrayInput;","import React, { Children, cloneElement } from 'react';\nimport get from 'lodash/get';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { useTranslate } from 'ra-core';\nimport useDashboardModule from '../../controller/dashboard/useDashboardModule';\nimport dashboardScadaProps from '../Layout/DashboardScadaModule';\n\n\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(),\n '&:first-child': {\n marginTop: 0,\n },\n },\n\n}));\n\nconst DashboardNestedGridField = ({ children, classes: classesOverride, record, source, resource, basePath, version, className, label, ...props }) => {\n const classes = useStyles({ classes: classesOverride });\n const translate = useTranslate();\n const choices = get(record, source);\n const referenceRecord = record\n if (!record || !choices.length) return null;\n\n return (\n <div className={`${classes.root} ${className}`}>\n {label && <Typography variant=\"subtitle2\" color=\"textSecondary\" gutterBottom noWrap>{translate(label)}</Typography>}\n <Grid container spacing={2} >\n {choices.map(choice => (\n <DashboardNestedGridItem record={choice} key={choice.id}>\n {cloneElement(Children.only(children), {\n record: choice,\n resource,\n basePath,\n version,\n referenceRecord,\n })}\n </DashboardNestedGridItem>\n ))}\n </Grid>\n </div>\n );\n};\n\nconst DashboardNestedGridItem = ({ children, record, ...props }) => {\n const path = record && record.uri;\n\n const useDashboardModuleProps = useDashboardModule(path);\n const dashboardModuleProps = record && record.executeApp && record.executeApp == 'SCADAJS' ? dashboardScadaProps : useDashboardModuleProps;\n\n const { DashboardPreview } = dashboardModuleProps;\n const gridItemProps = DashboardPreview && DashboardPreview.defaultProps && DashboardPreview.defaultProps.gridItemProps;\n\n const resultGridItemProps = gridItemProps || {\n xs: 12,\n sm: 6,\n md: 4,\n lg: 3,\n xl: 2,\n };\n\n return (\n <Grid item {...resultGridItemProps}>\n {cloneElement(Children.only(children), {\n dashboardModuleProps,\n })}\n </Grid>\n );\n};\n\nexport default DashboardNestedGridField;","import React, { Fragment, forwardRef } from 'react';\nimport { Link } from 'react-router-dom';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport CardContent from '@material-ui/core/CardContent';\nimport Avatar from '@material-ui/core/Avatar';\nimport DashboardIcon from '@material-ui/icons/Dashboard';\nimport Error from '../Layout/Error';\nimport Loading from '../Layout/Loading';\n\n\n\nconst useStyles = makeStyles(theme => ({\n card: {},\n cardContent: {\n paddingTop: 0,\n },\n cardActionArea: {},\n header: {},\n title: {\n fontWeight: 500,\n lineHeight: 1.33,\n },\n avatar: {\n color: \"#1565c0\",\n backgroundColor: \"#bbdefb\",\n },\n}));\n\nconst LinkRef = React.forwardRef((props, ref) => <Link innerRef={ref} {...props} />);\n\nconst DashboardCard = forwardRef(({ className, classes: classesOverride, record, basePath, resource, source, referenceRecord, version, dashboardModuleProps, ...props}, ref) => {\n const classes = useStyles({ classes: classesOverride });\n\n if (!record) return null;\n const { DashboardPreview, iconPreview, hasDashboard, error, loading } = dashboardModuleProps;\n const resultIcon = (typeof iconPreview == 'function' ? iconPreview(props) : iconPreview) || <DashboardIcon />;\n const linkprops = hasDashboard ? { component: LinkRef, ref, to: { pathname: `/Dashboard/${record.id}/show`, search: `?resource=${resource}&id=${referenceRecord.id}`}} : {};\n const context = {\n basePath,\n resource,\n record,\n referenceRecord,\n version,\n }\n \n const CardInner = (\n <Fragment>\n <CardHeader\n avatar={<Avatar aria-label=\"dashboard\" variant=\"rounded\" classes={{colorDefault: classes.avatar}}>\n {React.cloneElement(resultIcon)}\n </Avatar>}\n title={record.name}\n titleTypographyProps={{variant:\"subtitle1\"}}\n classes={{root: classes.header, title: classes.title}}\n />\n <CardContent classes={{root: classes.cardContent}}>\n { error && <Error />}\n { loading && <Loading />}\n { DashboardPreview && React.isValidElement(<DashboardPreview />) && <DashboardPreview context={context}/>}\n </CardContent>\n </Fragment>\n );\n\n if (hasDashboard) {\n return (\n <Card className={classes.card} >\n <CardActionArea {...linkprops} classes={{root: classes.cardActionArea}} >\n {React.cloneElement(CardInner)}\n </CardActionArea>\n </Card>\n );\n }\n \n return (\n <Card className={classes.card} >\n {React.cloneElement(CardInner)}\n </Card>\n );\n \n});\n\n\n\n\n\nexport default DashboardCard;","import React, { useEffect } from 'react';\nimport get from 'lodash/get'\nimport { useForm, useFormState } from 'react-final-form';\nimport { useGetList, ReferenceArrayInput } from 'react-admin';\nimport AutocompleteArrayInput from '../Inputs/AutocompleteArrayInput';\n\n\n\nconst matchTrue = () => true;\n\nconst DashboardReferenceArrayInput = props => {\n const { source, reference, filter } = props\n const form = useForm();\n const { values } = useFormState({ subscription: { values: true } });\n const value = get(values, source)\n const { ids } = useGetList(\n reference,\n { page: 1, perPage: 100 },\n { field: 'name', order: 'DESC' },\n { ...filter, useDefault: true },\n { enabled: !value }\n );\n\n useEffect(() => {\n if (!value && ids.length > 0) {\n form.change(source, ids)\n }\n }, [ids])\n\n return (\n <ReferenceArrayInput {...props}>\n <AutocompleteArrayInput matchSuggestion={matchTrue} />\n </ReferenceArrayInput>\n );\n};\n\nexport default DashboardReferenceArrayInput;","import React from 'react';\nimport { makeStyles, Paper, Popper } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n {\n suggestionsContainer: {\n zIndex: 1500,\n },\n suggestionsPaper: {\n maxHeight: '50vh',\n overflowY: 'auto',\n },\n },\n { name: 'RaAutocompleteSuggestionList' }\n);\n\nconst AutocompleteSuggestionList = ({\n children,\n isOpen,\n menuProps,\n inputEl,\n classes: classesOverride = undefined,\n suggestionsContainerProps,\n}) => {\n const classes = useStyles({ classes: classesOverride });\n\n return (\n <Popper\n open={isOpen}\n anchorEl={inputEl}\n className={classes.suggestionsContainer}\n modifiers={{}}\n {...suggestionsContainerProps}\n >\n <div {...(isOpen ? menuProps : {})}>\n <Paper\n style={{\n marginTop: 8,\n minWidth: inputEl ? inputEl.clientWidth : null,\n }}\n className={classes.suggestionsPaper}\n >\n {children}\n </Paper>\n </div>\n </Popper>\n );\n};\n\nexport default AutocompleteSuggestionList;\n","import React, { isValidElement, cloneElement } from 'react';\nimport parse from 'autosuggest-highlight/parse';\nimport match from 'autosuggest-highlight/match';\nimport { makeStyles, MenuItem } from '@material-ui/core';\nimport classnames from 'classnames';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n fontWeight: 400,\n },\n selected: {\n fontWeight: 500,\n },\n suggestion: {\n display: 'block',\n fontFamily: theme.typography.fontFamily,\n },\n suggestionText: { fontWeight: 300 },\n highlightedSuggestionText: { fontWeight: 500 },\n }),\n { name: 'RaAutocompleteSuggestionItem' }\n);\n\nconst AutocompleteSuggestionItem = ({\n suggestion,\n index,\n highlightedIndex,\n isSelected,\n filterValue,\n classes: classesOverride,\n getSuggestionText,\n ...rest\n}) => {\n const classes = useStyles({ classes: classesOverride });\n const isHighlighted = highlightedIndex === index;\n const suggestionText = getSuggestionText(suggestion);\n let matches;\n let parts;\n\n if (!isValidElement(suggestionText)) {\n matches = match(suggestionText, filterValue);\n parts = parse(suggestionText, matches);\n }\n\n return (\n <MenuItem\n key={suggestionText}\n selected={isHighlighted}\n className={classnames(classes.root, {\n [classes.selected]: isSelected,\n })}\n {...rest}\n >\n {isValidElement(suggestionText) ? (\n cloneElement(suggestionText, { filterValue })\n ) : (\n <div className={classes.suggestion}>\n {parts.map((part, index) => {\n return part.highlight ? (\n <span\n key={index}\n className={classes.highlightedSuggestionText}\n >\n {part.text}\n </span>\n ) : (\n <strong\n key={index}\n className={classes.suggestionText}\n >\n {part.text}\n </strong>\n );\n })}\n </div>\n )}\n </MenuItem>\n );\n};\n\nexport default AutocompleteSuggestionItem;\n","import { useEffect, useState } from 'react';\n\n\nexport default function (path) {\n\n const [module, setModule] = useState({\n Dashboard: undefined,\n DashboardPreview: undefined,\n iconPreview: undefined,\n hasDashboard: false,\n hasDashboardPreview: false,\n error: undefined,\n loading: true,\n loaded: false,\n })\n\n useEffect(() => {\n\n const onModuleLoad = (path) => {\n\n setModule(prevState => ({ ...prevState, loading: true }));\n import(`../../components/Dashboard${path.replace('/Dashboard', '')}`) //прикол вебпак https://stackoverflow.com/questions/54254553/dynamic-import-in-react-not-working-when-trying-to-import-a-component-in-another\n .then(module => {\n setModule({\n Dashboard: module.default,\n DashboardPreview: module.DashboardPreview,\n iconPreview: module.DashboardPreview.defaultProps.icon,\n hasDashboard: Boolean(module.default),\n hasDashboardPreview: Boolean(module.DashboardPreview),\n loading: false,\n loaded: true,\n });\n })\n .catch(error => {\n setModule({\n error,\n loading: false,\n loaded: false,\n });\n });\n }\n\n if (path) {\n onModuleLoad(path)\n };\n\n return () => {\n setModule({\n Dashboard: undefined,\n DashboardPreview: undefined,\n iconPreview: undefined,\n hasDashboard: false,\n hasDashboardPreview: false,\n error: undefined,\n loading: true,\n loaded: false,\n });\n }\n\n }, [path]);\n\n return module;\n}\n","import { useEffect, useState } from 'react';\nimport React from 'react';\nimport locationurl from 'url';\nimport gql from 'graphql-tag';\nimport PropTypes from 'prop-types';\nimport DeveloperBoardIcon from '@material-ui/icons/DeveloperBoard';\nimport { URI_SCADAJS } from '../../appsettings';\nimport Iframe from 'react-iframe'\nimport { makeStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Switch from '@material-ui/core/Switch';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport apolloCoreClient from '../../dataProvider/Core/apolloCoreClient';\n\nconst useStyles = makeStyles(theme => ({\n card: {},\n scadaheader: {\n display: \"flex\",\n marginBottom: theme.spacing.unit,\n justifyContent: \"space-between\"\n },\n switchedit: {\n marginLeft: \"auto\"\n },\n cardContent: {\n padding: 0\n }\n}));\n\nconst DashboardPreview = (props) => {\n return (<div></div>);\n}\n\nDashboardPreview.propTypes = {\n icon: PropTypes.element,\n gridItemProps: PropTypes.shape({\n xs: PropTypes.number,\n sm: PropTypes.number,\n md: PropTypes.number,\n lg: PropTypes.number,\n xl: PropTypes.number,\n }),\n}\n\n\nconst Dashboard = ({ record, ...props }) => {\n\n const target = locationurl.parse(props.location.search, true).query;\n\n // id:'ckaxom5wd01a96wt0259u24q8'\n // resource:'GasMeterUnit'\n\n const classes = useStyles();\n const [url, setUrl] = useState(null);\n\n const createUrl = (isEdit, dbid) => {\n if (record) {\n if (!dbid && url !== null) {\n const pu = locationurl.parse(url, true).query;\n dbid = pu.dbid;\n }\n\n const fix_url_scadajs = URI_SCADAJS[URI_SCADAJS.length - 1] == '/' ? URI_SCADAJS.substring(0, URI_SCADAJS.length - 1) : URI_SCADAJS;\n\n setUrl(`${fix_url_scadajs}/${isEdit ? 'editor' : 'player'}?saveas=false&uri=${encodeURIComponent(record.uri)}${dbid ? '&dbid=' + dbid : ''}`);\n\n }\n }\n\n useEffect(() => {\n\n if (target.resource === 'GasMeterUnit') {\n const query = gql`query GasMeterUnit($where: GasMeterUnitWhereUniqueInput!) { data: GasMeterUnit( where: $where ) { id, aisId, gasMeter { id, dbId } }}`;\n apolloCoreClient.query({\n query,\n variables: { where: { id: target.id } },\n fetchPolicy: 'network-only',\n }).then(({ data: { data } }) => {\n createUrl(false, (data.gasMeter && data.gasMeter.dbId) || data.aisId);\n })\n }\n\n return () => {\n setUrl(null);\n }\n }, [record]);\n\n const handleChange = (event) => {\n createUrl(event.target.checked);\n };\n\n if (url) {\n return <>\n <div className={classes.scadaheader}>\n <div>{record.name}</div>\n <FormControlLabel\n className={classes.switchedit}\n control={<Switch\n onChange={handleChange}\n name=\"EditView\"\n size=\"small\"\n />}\n labelPlacement=\"start\"\n />\n\n </div>\n <Card className={classes.card} >\n <CardContent className={classes.cardContent} style={{ paddingBottom: 0 }}>\n <Iframe url={url} display=\"initial\" overflow=\"auto\" width=\"100%\" height=\"750px\" frameBorder=\"0\" />\n </CardContent>\n </Card>\n\n </>\n } else {\n return <div>Loading...</div>\n }\n\n /* \n createdAt:'2020-07-20T07:56:17.718Z'\n createdBy:null\n deleted:false\n description:null\n executeApp:'SCADAJS'\n gasMeterType:null\n id:'ckcu7t9dj001t0792ohz95rxn'\n name:'test1'\n resource:'GasMeterUnit'\n updatedAt:'2020-07-20T07:56:17.718Z'\n uri:'/ScadaJS/ckcu7t7j10000u8gvbkwlb\n */\n}\n\nconst iconPreview = (prop) => {\n return (<DeveloperBoardIcon></DeveloperBoardIcon>);\n}\n\nexport default {\n Dashboard,\n DashboardPreview,\n iconPreview,\n hasDashboard: true,\n hasDashboardPreview: false,\n error: undefined,\n loading: false,\n loaded: true\n};","import { ApolloClient, InMemoryCache, createHttpLink, split } from '@apollo/client';\nimport { WebSocketLink } from '@apollo/client/link/ws';\nimport { setContext } from '@apollo/client/link/context';\nimport { getMainDefinition } from '@apollo/client/utilities'\nimport { getAccessToken } from '../../authPrivider/getAccessToken';\nimport { URI_CORE, WS_CORE, PERMISSIONS_NAMESPACE } from '../../appsettings';\n\n\n\nconst httpLink = createHttpLink({\n uri: URI_CORE\n})\n\nconst authLink = setContext(async (_, { headers }) => {\n\n const token = await getAccessToken();\n\n return {\n headers: {\n ...headers,\n authorization: token ? `Bearer ${token}` : \"\",\n permissions: PERMISSIONS_NAMESPACE,\n }\n }\n});\n\nconst wsLink = new WebSocketLink({\n uri: WS_CORE,\n options: {\n lazy: true,\n reconnect: true,\n reconnectionAttempts: 3,\n connectionParams: async () => {\n const token = await getAccessToken();\n\n return {\n authorization: token ? `Bearer ${token}` : \"\",\n }\n },\n }\n})\n\nconst link = split(\n ({ query }) => {\n const { kind, operation } = getMainDefinition(query)\n return kind === 'OperationDefinition' && operation === 'subscription'\n },\n wsLink,\n authLink.concat(httpLink),\n)\n\nexport default new ApolloClient({\n link,\n cache: new InMemoryCache(),\n defaultOptions: {\n watchQuery: {\n fetchPolicy: 'network-only',\n },\n query: {\n fetchPolicy: 'network-only',\n },\n },\n});\n","import { ApolloClient, InMemoryCache, createHttpLink, split } from '@apollo/client';\nimport { WebSocketLink } from '@apollo/client/link/ws';\nimport { setContext } from '@apollo/client/link/context';\nimport { getMainDefinition } from '@apollo/client/utilities'\nimport { getAccessToken } from '../../authPrivider/getAccessToken';\nimport { URI_DATABUS, WS_DATABUS } from '../../appsettings';\n\n\nconst httpLink = createHttpLink({\n uri: URI_DATABUS\n})\n\nconst authLink = setContext(async (_, { headers }) => { \n \n const token = await getAccessToken(); \n\n return {\n headers: {\n ...headers,\n authorization: token ? `Bearer ${token}` : \"\",\n }\n }\n});\n\nconst wsLink = new WebSocketLink({\n uri: WS_DATABUS,\n options: {\n lazy: true,\n reconnect: true,\n reconnectionAttempts: 3,\n connectionParams: async () => {\n const token = await getAccessToken(); \n \n return { \n authorization: token ? `Bearer ${token}` : \"\",\n }\n },\n }\n})\n\nconst link = split(\n ({ query }) => {\n const { kind, operation } = getMainDefinition(query)\n return kind === 'OperationDefinition' && operation === 'subscription'\n },\n wsLink,\n authLink.concat(httpLink),\n)\n\nexport default new ApolloClient({\n link, \n cache: new InMemoryCache({ dataIdFromObject: () => null }),\n defaultOptions: {\n watchQuery: {\n fetchPolicy: 'network-only',\n errorPolicy: 'ignore',\n },\n query: {\n fetchPolicy: 'network-only',\n errorPolicy: 'all',\n },\n },\n});\n","import React, { forwardRef } from 'react';\nimport { Link } from 'react-router-dom';\nimport Chip from '@material-ui/core/Chip';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTranslate } from 'react-admin';\n\n\nconst useStyles = makeStyles(theme => ({\n chip: {\n margin: 2, \n maxWidth: 256,\n position: \"relative\",\n backgroundColor: \"transparent\",\n borderRadius: 4,\n '&:hover, &:focus': {\n backgroundColor: theme.palette.action.hover,\n },\n } \n}));\n\nconst LinkRef = React.forwardRef((props, ref) => <Link innerRef={ref} {...props} />);\n\nconst TagChip = forwardRef(({classes: classesOverride, className, resource, record, disabled, ...props}, ref) => {\n const classes = useStyles({classes: classesOverride });\n const translate = useTranslate();\n const title = `${translate(`resources.${resource}.menu`, { _: resource, smart_count: 1 })} ${record.name}`;\n\n return (\n <Tooltip title={title} placement=\"top\" enterDelay={700}>\n <div>\n <Chip\n className={classes.chip}\n label={record.name}\n // size=\"small\"\n icon={<record.icon />}\n component={LinkRef}\n ref={ref}\n to={`/${resource}/${record.id}/show`}\n clickable\n disabled={disabled}\n />\n </div>\n </Tooltip>\n \n );\n});\n\nexport default TagChip;","import gql from 'graphql-tag'\nimport { apolloAuthClient } from './apolloAuthClient';\n\n\n\nconst REFRESH_TOKEN_MUTATION = gql`\n mutation refresh($refreshToken: String!) {\n refresh(refreshToken: $refreshToken) { \n token,\n refreshToken, \n }\n }\n`;\n\nexport default (refreshToken) => {\n return apolloAuthClient.mutate({\n mutation: REFRESH_TOKEN_MUTATION,\n variables: { refreshToken },\n onError: (error) => {\n alert(error)\n },\n });\n};\n","import decodeJwt from 'jwt-decode';\nimport { AUTH_TOKEN_COOKIE, REFRESH_TOKEN_COOKIE, DOMAIN_COOKIE } from '../appsettings';\nimport { getCookie, setCookie, deleteCookie } from '../utils';\nimport tokenRefresh from './tokenRefresh';\n\n\n\nexport const getAccessToken = async () => {\n let authTokenCookie = getCookie(AUTH_TOKEN_COOKIE);\n let refreshTokenCookie = getCookie(REFRESH_TOKEN_COOKIE);\n \n if(tokenExpired(authTokenCookie) && !tokenExpired(refreshTokenCookie, 'refresh')) {\n\n try {\n const { data: {refresh: {token, refreshToken}}} = await tokenRefresh(refreshTokenCookie);\n \n setCookie(AUTH_TOKEN_COOKIE, token, {domain: DOMAIN_COOKIE});\n setCookie(REFRESH_TOKEN_COOKIE, refreshToken, {domain: DOMAIN_COOKIE});\n \n authTokenCookie = token;\n\n } catch (error) { \n deleteCookie(AUTH_TOKEN_COOKIE, {domain: DOMAIN_COOKIE});\n deleteCookie(REFRESH_TOKEN_COOKIE, {domain: DOMAIN_COOKIE}); \n throw new Error(`${error.message.replace('Error: ', '').replace('GraphQL error: ', '')}`) \n }\n }\n \n return authTokenCookie;\n};\n\nexport const tokenExpired = (token, arg) => {\n if(token) {\n const decodedToken = decodeJwt(token);\n const current_time = Date.now() / 1000; \n const result = (decodedToken.exp - 20) < current_time; \n return result;\n } else { \n return true;\n }\n};\n\n"],"sourceRoot":""}