\r\n
\r\n
\r\n
\r\n Контрагент \r\n \r\n x\r\n \r\n \r\n }\r\n />\r\n \r\n {this.state.isAccountSaving && \r\n
\r\n }\r\n {this.state.isChanged && !this.state.isAccountSaving &&
\r\n \r\n {accounts}\r\n
\r\n }\r\n \r\n
\r\n \r\n new Promise(resolve => {\r\n this.deleteProduct(oldData, resolve);\r\n }),\r\n }}\r\n actions={[\r\n {\r\n icon: 'add',\r\n tooltip: 'Добавить среду',\r\n isFreeAction: true,\r\n onClick: this.openAddEnvironmentProductDialog\r\n },\r\n {\r\n icon: 'edit',\r\n tooltip: 'Редактировать',\r\n isFreeAction: false,\r\n onClick: (event, rowData) => {\r\n this.editEnvironment(rowData);\r\n }\r\n }\r\n ]}\r\n options={{\r\n actionsColumnIndex: -1\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n \r\n new Promise(resolve => {\r\n this.deleteEnvironment(oldData, resolve);\r\n }),\r\n }}\r\n actions={[\r\n {\r\n icon: 'add',\r\n tooltip: 'Добавить среду',\r\n isFreeAction: true,\r\n onClick: (event) => this.setState({ \"isAddWageOpen\": true, \"rowData\": {} })\r\n },\r\n {\r\n icon: 'edit',\r\n tooltip: 'Редактировать',\r\n isFreeAction: false,\r\n onClick: (event, rowData) => {\r\n console.log(rowData); this.setState({ \"isAddWageOpen\": true, \"rowData\": rowData })\r\n }\r\n },\r\n {\r\n icon: 'clear',\r\n tooltip: 'Flush redis',\r\n isFreeAction: false,\r\n onClick: (event, rowData) => {\r\n fetch('api/Environment/FlushRedis', {\r\n method: 'POST',\r\n body: JSON.stringify({ \"projectId\": this.props.project.id, \"info\": rowData }),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n }\r\n else {\r\n res.json().then((result) => {\r\n alert(result.message);\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n }\r\n },\r\n ]}\r\n options={{\r\n actionsColumnIndex: -1,\r\n grouping: true\r\n }}\r\n />\r\n
\r\n
\r\n \r\n Добавление новой ставки\r\n \r\n \r\n \r\n \r\n \r\n {this.state.selectedTab === 0 && \r\n \r\n \r\n \r\n \r\n
}\r\n \r\n \r\n \r\n Сохранить\r\n \r\n \r\n \r\n \r\n \r\n {mainStore.openedProject && mainStore.openedProject.name}\r\n {!this.state.fullscreen && { this.setState({ 'fullscreen': true }); }} size=\"large\">\r\n \r\n }\r\n {this.state.fullscreen && { this.setState({ 'fullscreen': false }); }} size=\"large\">\r\n \r\n\r\n }\r\n \r\n \r\n \r\n \r\n \r\n {this.state.selectedTab === 0 && \r\n
\r\n \r\n
\r\n
\r\n
Часы
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Даты
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Связи
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Информация
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Приоритет \r\n Высочайший \r\n Высокий \r\n Средний \r\n Низкий \r\n Нижайший \r\n Не делать \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n Цвет на доске \r\n
\r\n
\r\n
\r\n Продукт\r\n
\r\n \r\n
\r\n \r\n
\r\n
}\r\n {this.state.selectedTab === 5 && }\r\n {this.state.selectedTab === 6 && }\r\n {this.state.selectedTab === 7 && mainStore.openedProject.accountId && \r\n
}\r\n {this.state.selectedTab === 8 && }\r\n\r\n\r\n \r\n \r\n \r\n window.open('/projectCalendar?projectId=' + mainStore.openedProject.id)}>Диаграмма \r\n \r\n Сохранить\r\n \r\n \r\n \r\n );\r\n }\r\n});\r\n\r\nexport default ProjectDialog;","import React, { Component } from 'react';\r\nimport Checkbox from '@mui/material/Checkbox';\r\nimport Accordion from '@mui/material/Accordion';\r\nimport AccordionSummary from '@mui/material/AccordionSummary';\r\nimport AccordionDetails from '@mui/material/AccordionDetails';\r\nimport Typography from '@mui/material/Typography';\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport MaterialTable from '@material-table/core';\r\nimport Dialog from '@mui/material/Dialog';\r\nimport DialogContent from '@mui/material/DialogContent';\r\nimport DialogTitle from '@mui/material/DialogTitle';\r\nimport DialogActions from '@mui/material/DialogActions';\r\nimport Button from '@mui/material/Button';\r\nimport TextField from '@mui/material/TextField';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport Grid from '@mui/material/Grid';\r\nimport mainStore from '../../../MainStore';\r\nimport Participants from './Participants';\r\nimport { observer } from 'mobx-react';\r\nimport AppBar from '@mui/material/AppBar';\r\nimport Tabs from '@mui/material/Tabs';\r\nimport Tab from '@mui/material/Tab';\r\nimport EnvironmentProductTable from './EnvironmentProductTable';\r\n\r\nconst ProjectEnvironments = observer(class ProjectEnvironments extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n projectInfo: {\r\n isCodeReviewOn: false,\r\n checkedA: 'checkedA',\r\n planHours: 0\r\n },\r\n environmentColumns: [\r\n { title: 'Имя', field: 'name' },\r\n { title: 'Адрес', field: 'url' },\r\n { title: 'Тип', field: 'environmentType', lookup: {}, defaultGroupOrder: 0 },\r\n { title: 'Redis db', field: 'redisDB', lookup: {} },\r\n { title: 'SQL server', field: 'sqlServer', lookup: {} },\r\n { title: 'SQL DB', field: 'sqlDB' },\r\n ],\r\n environments: [],\r\n environmentTypes: [],\r\n redisDBS: [],\r\n sqlServers: [],\r\n\r\n isAddEnvironmentOpen: false,\r\n rowData: {\r\n binPath: '',\r\n sqlDB: '',\r\n name: '',\r\n environmentType: '',\r\n sqlServer: '',\r\n redisDB: '',\r\n id: ''\r\n },\r\n selectedTab: 0\r\n };\r\n this.load = this.load.bind(this);\r\n this.addEnvironment = this.addEnvironment.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleSave = this.handleSave.bind(this);\r\n this.handleTabChange = this.handleTabChange.bind(this);\r\n this.handleRowDataChange = this.handleRowDataChange.bind(this);\r\n };\r\n\r\n componentDidMount() {\r\n this.load();\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps && prevProps.project.id !== this.props.project.id) {\r\n this.load();\r\n }\r\n };\r\n\r\n handleTabChange(event, newValue) {\r\n this.setState({ \"selectedTab\": newValue });\r\n }\r\n\r\n handleRowDataChange = name => evt => {\r\n var rowData = this.state.rowData;\r\n rowData[name] = evt.target.value;\r\n this.setState({ rowData: rowData });\r\n };\r\n\r\n handleChange = name => evt => {\r\n mainStore.openedProject[name] = evt.target.value;\r\n mainStore.setOpenedProject(mainStore.openedProject);\r\n };\r\n\r\n handleClose() {\r\n this.setState({ \"isAddEnvironmentOpen\": false });\r\n }\r\n\r\n load() {\r\n mainStore.setMaskVisible();\r\n var scope = this;\r\n\r\n fetch('api/Environment/GetProjectEnvironmentsInfo?projectId=' + this.props.project.id, {\r\n method: 'GET',\r\n body: null,\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n }\r\n else {\r\n res.json().then((result) => {\r\n //scope.setState({ projectInfo: result, isLoading: false });\r\n var envColumns = scope.state.environmentColumns;\r\n result.environmentTypes.forEach(t => { envColumns[2].lookup[t.id] = t.name; });\r\n result.redisDBS.forEach(t => { envColumns[3].lookup[t.id] = t.name; });\r\n result.sqlServers.forEach(t => { envColumns[4].lookup[t.id] = t.name; });\r\n scope.setState({ \"environmentColumns\": envColumns, \"environments\": result.environments, environmentTypes: result.environmentTypes, redisDBS: result.redisDBS, sqlServers: result.sqlServers });\r\n mainStore.setMaskUnvisible();\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n };\r\n\r\n handleSave() {\r\n var scope = this;\r\n fetch('api/Environment/AddEnvironment', {\r\n method: 'POST',\r\n body: JSON.stringify({ \"projectId\": this.props.project.id, \"info\": this.state.rowData }),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n }\r\n else {\r\n res.json().then((result) => {\r\n var environments = scope.state.environments.slice(0);\r\n var data = scope.state.rowData;\r\n if (data.id) {\r\n var index = environments.findIndex(e => e.id === data.id);\r\n environments[index] = data;\r\n }\r\n else {\r\n data.id = result.id;\r\n environments.push(data);\r\n }\r\n scope.setState({ environments: environments });\r\n scope.handleClose();\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n };\r\n\r\n addEnvironment(data, resolve) {\r\n fetch('api/Environment/AddEnvironment', {\r\n method: 'POST',\r\n body: JSON.stringify({ \"projectId\": this.props.project.id, \"info\": data }),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n }\r\n else {\r\n res.json().then((result) => {\r\n resolve();\r\n\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n console.log(data);\r\n //resolve();\r\n }\r\n\r\n deleteEnvironment(data, resolve) {\r\n var scope = this;\r\n fetch('api/Environment/DeleteEnvironment', {\r\n method: 'POST',\r\n body: JSON.stringify({ \"projectId\": this.props.project.id, \"info\": data }),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n }\r\n else {\r\n res.json().then((result) => {\r\n var environments = scope.state.environments.slice(0);\r\n var index = environments.findIndex(e => e.id === data.id);\r\n if (index !== -1) environments.splice(index, 1);\r\n scope.setState({ environments: environments });\r\n resolve();\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n if (!this.props || !this.props.project) {\r\n return (
);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n new Promise(resolve => {\r\n this.deleteEnvironment(oldData, resolve);\r\n }),\r\n }}\r\n actions={[\r\n {\r\n icon: 'add',\r\n tooltip: 'Добавить среду',\r\n isFreeAction: true,\r\n onClick: (event) => this.setState({ \"isAddEnvironmentOpen\": true, \"rowData\": {} })\r\n },\r\n {\r\n icon: 'edit',\r\n tooltip: 'Редактировать',\r\n isFreeAction: false,\r\n onClick: (event, rowData) => {\r\n console.log(rowData); this.setState({ \"isAddEnvironmentOpen\": true, \"rowData\": rowData })\r\n }\r\n },\r\n {\r\n icon: 'clear',\r\n tooltip: 'Flush redis',\r\n isFreeAction: false,\r\n onClick: (event, rowData) => {\r\n fetch('api/Environment/FlushRedis', {\r\n method: 'POST',\r\n body: JSON.stringify({ \"projectId\": this.props.project.id, \"info\": rowData }),\r\n headers: {\r\n 'Content-Type': 'application/json'\r\n }\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n }\r\n else {\r\n res.json().then((result) => {\r\n alert(result.message);\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n }\r\n },\r\n ]}\r\n options={{\r\n actionsColumnIndex: -1,\r\n grouping: true\r\n }}\r\n />\r\n
\r\n
\r\n \r\n Добавление новой среды\r\n \r\n \r\n \r\n \r\n \r\n {this.state.selectedTab === 0 && \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.environmentTypes.map(option => (\r\n \r\n {option.name}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n {this.state.redisDBS.map(option => (\r\n \r\n {option.name}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.sqlServers.map(option => (\r\n \r\n {option.name}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
}\r\n {this.state.selectedTab === 1 && \r\n
\r\n }\r\n \r\n \r\n \r\n Сохранить\r\n \r\n \r\n \r\n
);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n new Promise(resolve => {\r\n this.deleteProduct(oldData, resolve);\r\n }),\r\n }}\r\n actions={[\r\n {\r\n icon: 'add',\r\n tooltip: 'Добавить продукт',\r\n isFreeAction: true,\r\n onClick: (event) => this.setState({ \"isAddProductOpen\": true, \"rowData\": {} })\r\n },\r\n {\r\n icon: 'edit',\r\n tooltip: 'Редактировать',\r\n isFreeAction: false,\r\n onClick: (event, rowData) => {\r\n console.log(rowData); this.setState({ \"isAddProductOpen\": true, \"rowData\": rowData })\r\n }\r\n }\r\n ]}\r\n options={{\r\n actionsColumnIndex: -1\r\n }}\r\n />\r\n
\r\n
\r\n \r\n Добавление нового продукта\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n MSSQL\r\n \r\n \r\n PostGre\r\n \r\n \r\n \r\n \r\n \r\n \r\n Сохранить\r\n \r\n \r\n \r\n
\r\n }\r\n return (\r\n \r\n
{this.props.name}
\r\n
\r\n {this.props.type === 1 &&\r\n
\r\n
;\r\n return serviceTypes.services.map(s => );\r\n }\r\n\r\n handleIsPersonalChange(evt) {\r\n var serviceTypes = this.state.services.slice(0);\r\n serviceTypes.forEach(s => s.isPersonal = evt.target.checked);\r\n this.setState({ isPersonal: evt.target.checked, isChanged: true, services: serviceTypes });\r\n }\r\n\r\n render() {\r\n if (!this.props || !this.props.project) {\r\n return (
);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.state.services.map(service => \r\n
\r\n {this.getSelectedTabServices(this.state.selectedTab)}\r\n
\r\n
\r\n }\r\n label=\"Персональная настройка\"\r\n />\r\n {this.state.isChanged &&
\r\n Сохранить\r\n }\r\n
\r\n {this.state.stages.map(s =>
\r\n
\r\n
{s.name}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Факт: {s.fact.toFixed(2)}ч\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
)}\r\n {this.state.isChanged &&
\r\n }\r\n
\r\n }\r\n var sumByPeople = 0;\r\n if (this.state.people) {\r\n sumByPeople = this.state.people.reduce(((accumulator, w) => accumulator + w.minutes), 0);\r\n }\r\n return (\r\n \r\n
Всего часов: {(this.state.totalHours / 60).toFixed(2)}
\r\n
Всего закрыто часов: {(this.state.totalClosedHours / 60).toFixed(2)}
\r\n
Всего согласовано часов: {(this.state.totalApprovedHours).toFixed(2)}
\r\n
Всего задач: {this.state.tasksCount}
\r\n
Закрыто задач: {this.state.closedTasksCount}
\r\n
Стоимость часа: {this.state.hourCost? this.state.hourCost.toFixed(2) : 0}руб
\r\n
\r\n
План проекта {this.state.planHours}ч. Всего учтено {this.state.totalPlanHours}ч. Из них закрыто {this.state.closedPlanHours}ч.
\r\n
\r\n
\r\n
\r\n {this.state.people && this.state.people.sort((a, b) => b.minutes - a.minutes).map(p =>\r\n
\r\n {p.user} \r\n
)}\r\n
\r\n
{ this.setState({ name: p.name, id: p.id, isOpen: false, color: p.color }); this.props.handleSelect({ name: p.name, id: p.id, color: p.color }); }} value={p.id}>{p.name} );\r\n return (\r\n \r\n
\r\n {this.props.label} \r\n \r\n x\r\n \r\n \r\n }\r\n />\r\n \r\n {this.state.isOpen &&\r\n
\r\n {types}\r\n
\r\n }\r\n
{ this.setState({ name: p.name, id: p.id, isOpen: false, color: p.color }); this.props.handleSelect({ name: p.name, id: p.id, color: p.color }); }} value={p.id}>{p.name} );\r\n return (\r\n \r\n
\r\n {this.props.label} \r\n \r\n x\r\n \r\n \r\n }\r\n />\r\n \r\n {this.state.isOpen &&\r\n
\r\n {types}\r\n
\r\n }\r\n
{ this.setState({ name: p.name, id: p.id, isOpen: false }); this.props.handleSelect({ name: p.name, id: p.id }); }} value={p.id}>{p.name} );\r\n return (\r\n \r\n
\r\n {this.props.label} \r\n \r\n x\r\n \r\n \r\n }\r\n />\r\n \r\n {this.state.isOpen &&\r\n
\r\n {results}\r\n
\r\n }\r\n
{rowData.url} },\r\n { title: 'Внешний адрес', field: 'externalUrl', render: rowData => {rowData.externalUrl} },\r\n {\r\n title: 'Логин',\r\n field: 'login',\r\n render: rowData => {rowData.login} {rowData.login &&\r\n { MainStore.openSnackbar('Скопировано в буфер обмена'); }} text={rowData.login}>\r\n }\r\n \r\n },\r\n {\r\n title: 'Пароль', field: 'password',\r\n render: rowData => {rowData.password} {rowData.password &&\r\n { MainStore.openSnackbar('Скопировано в буфер обмена'); }} text={rowData.password}>\r\n }\r\n \r\n },\r\n {\r\n title: 'Токен', field: 'token',\r\n render: rowData => {rowData.token} {rowData.token &&\r\n { MainStore.openSnackbar('Скопировано в буфер обмена'); }} text={rowData.token}>\r\n }\r\n \r\n },\r\n { title: 'Тип', field: 'typeName' },\r\n { title: 'Redis server', field: 'redisServerName' },\r\n { title: 'Redis db', field: 'redisDbName' },\r\n { title: 'SQL server', field: 'sqlServerName' },\r\n { title: 'SQL DB', field: 'sqlDB' },\r\n ],\r\n environments: []\r\n };\r\n\r\n if (props.groupColumn) {\r\n let index = this.state.environmentColumns.findIndex(c => c.field === this.props.groupColumn);\r\n if (index > -1) {\r\n this.state.environmentColumns[index].defaultGroupOrder = 0;\r\n }\r\n }\r\n this.load = this.load.bind(this);\r\n this.deleteEnvironment = this.deleteEnvironment.bind(this);\r\n this.handleEnvironmentUpdate = this.handleEnvironmentUpdate.bind(this);\r\n\r\n ServerStore.setEnvironmentUpdateFunction(this.handleEnvironmentUpdate);\r\n };\r\n\r\n componentDidMount() {\r\n this.load();\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps && (prevProps.serverId !== this.props.serverId || prevProps.accountId !== this.props.accountId)) {\r\n this.load();\r\n }\r\n };\r\n\r\n load() {\r\n var scope = this;\r\n MainStore.setMaskVisible();\r\n fetchWithAuth(\r\n 'api/Server/GetServerApps?serverId=' + this.props.serverId + '&accountId=' + this.props.accountId,\r\n null\r\n ,\r\n 'application/json',\r\n (result) => {\r\n scope.setState({ environments: result });\r\n MainStore.setMaskUnvisible();\r\n },\r\n 'GET'\r\n );\r\n };\r\n\r\n handleEnvironmentUpdate(env) {\r\n let environments = this.state.environments.slice(0);\r\n var index = environments.findIndex(s => s.id === env.id);\r\n if (index > -1) {\r\n environments.splice(index, 1, env);\r\n }\r\n else {\r\n environments.push(env);\r\n }\r\n \r\n this.setState({ environments: environments });\r\n }\r\n\r\n deleteEnvironment(env, resolve) {\r\n var scope = this;\r\n MainStore.setMaskVisible();\r\n fetchWithAuth(\r\n 'api/Server/DeleteServerApp',\r\n JSON.stringify(env)\r\n ,\r\n 'application/json',\r\n (result) => {\r\n var env = this.state.environments.slice(0);\r\n var index = env.findIndex(e => e.id === env.id);\r\n env.splice(index, 1);\r\n scope.setState({ environments: env });\r\n MainStore.setMaskUnvisible();\r\n resolve();\r\n },\r\n 'POST'\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n new Promise(resolve => {\r\n this.deleteEnvironment(oldData, resolve);\r\n }),\r\n }}\r\n actions={[\r\n {\r\n icon: 'add',\r\n tooltip: 'Добавить среду',\r\n isFreeAction: true,\r\n onClick: (event) => ServerStore.openServerEnvironment({ accountId: this.props.accountId })\r\n },\r\n {\r\n icon: 'edit',\r\n tooltip: 'Редактировать',\r\n isFreeAction: false,\r\n onClick: (event, rowData) => ServerStore.openServerEnvironment(rowData)\r\n },\r\n {\r\n icon: 'clear',\r\n tooltip: 'Flush redis',\r\n isFreeAction: false,\r\n onClick: (event, rowData) => {\r\n MainStore.setMaskVisible();\r\n fetchWithAuth(\r\n 'api/Server/FlushRedis',\r\n JSON.stringify(rowData)\r\n ,\r\n 'application/json',\r\n (result) => {\r\n MainStore.setMaskUnvisible();\r\n alert(result.result);\r\n },\r\n 'POST'\r\n );\r\n }\r\n },\r\n ]}\r\n options={{\r\n actionsColumnIndex: -1,\r\n grouping: true\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n \r\n {this.props.children}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Завершение продажи\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.resultId === '96d2a4ba-548c-4472-9368-9b05010ce39a' && \r\n }\r\n
\r\n \r\n \r\n \r\n Сохранить\r\n \r\n \r\n \r\n );\r\n }\r\n});\r\n\r\nexport default SaleDoneDialog;","import React, { Component } from 'react';\r\nimport Dialog from '@mui/material/Dialog';\r\nimport DialogContent from '@mui/material/DialogContent';\r\nimport DialogTitle from '@mui/material/DialogTitle';\r\nimport DialogActions from '@mui/material/DialogActions';\r\nimport Typography from '@mui/material/Typography';\r\nimport TextField from '@mui/material/TextField';\r\nimport Button from '@mui/material/Button';\r\nimport { observer } from 'mobx-react';\r\nimport AuthStore from '../../Auth/AuthStore';\r\nimport MainStore from '../../../MainStore';\r\nimport SchedulleStore from './SchedulleStore';\r\nimport AdapterDateFns from '@mui/lab/AdapterDateFns';\r\nimport LocalizationProvider from '@mui/lab/LocalizationProvider';\r\nimport {\r\n TimePicker,\r\n DatePicker,\r\n} from '@mui/lab';\r\nimport DateFnsUtils from '@date-io/date-fns';\r\n\r\nconst SchedulleEditDialog = observer(class SchedulleEditDialog extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n\r\n };\r\n this.handleSave = this.handleSave.bind(this);\r\n this.handleSelect = this.handleSelect.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleDateChange = this.handleDateChange.bind(this);\r\n }\r\n\r\n handleClose() {\r\n SchedulleStore.closeSchedulleEditDialog();\r\n }\r\n\r\n handleSelect(result) {\r\n this.setState({ resultId: result.id, result: result });\r\n }\r\n\r\n handleSave() {\r\n var scope = this;\r\n MainStore.setMaskVisible();\r\n var token = localStorage.getItem(\"token\");\r\n fetch('api/Schedulle/EditTime', {\r\n method: 'POST',\r\n body: JSON.stringify({ id: SchedulleStore.getWork.id, minutes: SchedulleStore.getMinutes, date: SchedulleStore.getWork.date, workId: SchedulleStore.getWork.workId, projectId: SchedulleStore.getWork.projectId, comment: SchedulleStore.getWork.comment }),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + token\r\n }\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n AuthStore.openLogin();\r\n MainStore.setMaskUnvisible();\r\n //scope.startSearch(); Перезагрузить доску?\r\n }\r\n else {\r\n res.json().then((result) => {\r\n MainStore.setMaskUnvisible();\r\n SchedulleStore.closeSchedulleEditDialog();\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n }\r\n\r\n handleChange = name => evt => {\r\n if (name === 'minutes') {\r\n SchedulleStore.setMinutes(evt.target.value);\r\n }\r\n else {\r\n var work = SchedulleStore.getWork;\r\n work[name] = evt.target.value;\r\n SchedulleStore.setWork(work);\r\n }\r\n }\r\n\r\n handleDateChange = name => value => {\r\n var work = SchedulleStore.getWork;\r\n work[name] = value;\r\n SchedulleStore.setWork(work);\r\n }\r\n\r\n formatDate(d) {\r\n var date = new Date(d);\r\n var month = (date.getMonth() + 1);\r\n if (month < 10) month = '0' + month;\r\n\r\n var day = date.getDate();\r\n if (day < 10) day = '0' + day;\r\n\r\n return day + '.' + month + '.' + date.getFullYear();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {SchedulleStore.getWork.workNumber + ' ' + SchedulleStore.getWork.workCaption}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Сохранить\r\n \r\n \r\n \r\n );\r\n }\r\n});\r\n\r\nexport default SchedulleEditDialog;","import React, { Component } from 'react';\r\nimport AuthStore from '../../Auth/AuthStore';\r\nimport Badge from '@mui/material/Badge';\r\nimport AddAlert from '@mui/icons-material/AddAlert';\r\nimport { createBrowserHistory } from 'history';\r\nimport { observer } from 'mobx-react';\r\nimport { HubConnectionBuilder } from '@aspnet/signalr';\r\nimport Menu from '@mui/material/Menu';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport NotificationItem from './NotificationItem';\r\nimport Snackbar from '@mui/material/Snackbar';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport SaleDoneDialog from '../Sales/SaleDoneDialog'\r\nimport SaleStore from '../Sales/SaleStore'\r\nimport MainStore from '../../../MainStore';\r\nimport './users.css'\r\nimport UserAvatar from './UserAvatar';\r\nimport ProjectDialog from '../Projects/ProjectDialog';\r\nimport SchedulleEditDialog from '../Scheduller/SchedulleEditDialog'\r\nimport { Button } from '@mui/material';\r\n\r\nconst history = createBrowserHistory();\r\n\r\nconst ProfileLink = observer(class ProfileLink extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n const hubConnection = new HubConnectionBuilder()\r\n .withUrl(\"/hub\")\r\n .build();\r\n\r\n var scope = this;\r\n\r\n hubConnection.on('sendNotify', (recieverId, receivedMessage, id, workId) => {\r\n if (recieverId === AuthStore.getUserId) {\r\n var notification = scope.state.notification.slice(0);\r\n notification.push({ text: receivedMessage, id: id, workId: workId });\r\n scope.setState({ notification: notification, newNotify: receivedMessage, snackbarOpen: true });\r\n }\r\n });\r\n\r\n hubConnection.on('sendSaleDoneDialog', (recieverId, saleId, isProjectExist) => {\r\n if (recieverId === AuthStore.getUserId) {\r\n SaleStore.openSaleFinishDialog(saleId, isProjectExist);\r\n }\r\n });\r\n\r\n hubConnection.start();\r\n\r\n this.state = {\r\n hubConnection: hubConnection,\r\n notification: [],\r\n anchorEl: null,\r\n snackbarOpen: false,\r\n newNotify: ''\r\n };\r\n\r\n this.handleProfileClick = this.handleProfileClick.bind(this);\r\n this.handleBadgeClick = this.handleBadgeClick.bind(this);\r\n this.handleClose = this.handleClose.bind(this);\r\n this.handleNotifyDeleted = this.handleNotifyDeleted.bind(this);\r\n this.handleCleanNofiticationClick = this.handleCleanNofiticationClick.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.loadNotification();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n }\r\n\r\n loadNotification() {\r\n var scope = this;\r\n var token = localStorage.getItem(\"token\");\r\n fetch('api/Notification', {\r\n method: 'GET',\r\n body: null,\r\n headers: {\r\n 'Authorization': 'Bearer ' + token\r\n }\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n localStorage.setItem(\"token\", null);\r\n AuthStore.setUserNonAuth();\r\n //AuthStore.openLogin();\r\n }\r\n else {\r\n res.json().then((result) => {\r\n scope.setState({ notification: result });\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n }\r\n\r\n handleProfileClick() {\r\n if (AuthStore.getIsPortal) return;\r\n history.push('/profile');\r\n window.location.replace('/profile');\r\n }\r\n\r\n handleBadgeClick(evt) {\r\n this.setState({ anchorEl: evt.currentTarget });\r\n }\r\n\r\n handleClose() {\r\n this.setState({ anchorEl: null });\r\n }\r\n\r\n handleNotifyDeleted(id) {\r\n var notification = this.state.notification.slice(0);\r\n notification.splice(notification.findIndex(n => n.id === id), 1);\r\n this.setState({ notification: notification });\r\n }\r\n\r\n handleCleanNofiticationClick() {\r\n var scope = this;\r\n var token = localStorage.getItem(\"token\");\r\n fetch('api/Notification/DeleteAllNotification', {\r\n method: 'POST',\r\n body: null,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': 'Bearer ' + token\r\n }\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n AuthStore.openLogin();\r\n }\r\n else {\r\n res.json().then((result) => {\r\n scope.setState({ notification: [], anchorEl: null });\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n var notification = this.state.notification && this.state.notification.map(n => {n.text} );\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{ MainStore.closeSnackbar(); }}\r\n ContentProps={{\r\n 'aria-describedby': 'message-id',\r\n }}\r\n message={{MainStore.getSnackBarText} }\r\n action={[\r\n { MainStore.closeSnackbar(); }}\r\n size=\"large\">\r\n \r\n \r\n {this.state.isShow &&\r\n
\r\n {this.state.isAvatarExist &&
}\r\n {!this.state.isAvatarExist &&
{this.state.shortName} }\r\n
\r\n }\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default React.memo(UserAvatar);","import React, { Component } from 'react';\r\nimport FormControl from '@mui/material/FormControl';\r\nimport Input from '@mui/material/Input';\r\nimport InputLabel from '@mui/material/InputLabel';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport InputAdornment from '@mui/material/InputAdornment';\r\nimport RowingIcon from '@mui/icons-material/Rowing';\r\nimport Tooltip from '@mui/material/Tooltip';\r\nimport './users.css'\r\nimport AuthStore from '../../Auth/AuthStore';\r\n\r\nexport default class UserSelect extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n users: [],\r\n isOpen: false,\r\n name: !!props.name ? props.name : '',\r\n id: props.id\r\n };\r\n\r\n this.handleOpen = this.handleOpen.bind(this);\r\n this.handleInputChange = this.handleInputChange.bind(this);\r\n this.loadUsers = this.loadUsers.bind(this);\r\n this.handleBlur = this.handleBlur.bind(this);\r\n this.handleClear = this.handleClear.bind(this);\r\n this.setCurrentUser = this.setCurrentUser.bind(this);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.id !== this.props.id) {\r\n if (!this.props.name) this.setState({ name: '', id: null });\r\n else this.setState({name: this.props.name, id: this.props.id });\r\n }\r\n }\r\n\r\n handleInputChange(e) {\r\n this.setState({ name: e.target.value });\r\n this.loadUsers(e.target.value);\r\n if (!e.target.value) {\r\n this.props.handleSelect({ name: '', id: '', roleId: ''});\r\n }\r\n }\r\n\r\n loadUsers(v) {\r\n var scope = this;\r\n fetch('api/User?name=' + v, {\r\n method: 'GET',\r\n body: null,\r\n }).then(function (res) {\r\n if (res.status === 401) {\r\n }\r\n else {\r\n res.json().then((result) => {\r\n scope.setState({ users: result });\r\n }).catch((err) => console.log(err));\r\n }\r\n });\r\n }\r\n\r\n handleOpen(e) {\r\n this.setState({ isOpen: true });\r\n this.loadUsers('');\r\n }\r\n\r\n handleBlur(e) {\r\n this.setState({ isOpen: false });\r\n }\r\n\r\n handleClear() {\r\n this.setState({ name: '', id: '', isOpen: false });\r\n this.props.handleSelect({ name: '', id: '', roleId: '' });\r\n }\r\n\r\n setCurrentUser() {\r\n this.setState({ name: AuthStore.getUser.fullName, id: AuthStore.getUserId, isOpen: false });\r\n this.props.handleSelect({ name: AuthStore.getUser.fullName, id: AuthStore.getUserId, roleId: AuthStore.getUser.roleId });\r\n\r\n }\r\n\r\n render() {\r\n var users = this.state.users.map(p => { this.setState({ name: p.fullName, id: p.id, isOpen: false }); this.props.handleSelect({ name: p.fullName, id: p.id, roleId: p.roleId }); }} value={p.id}>{p.fullName} );\r\n return (\r\n \r\n
\r\n {this.props.label} \r\n \r\n \r\n \r\n \r\n \r\n \r\n x\r\n \r\n \r\n \r\n }\r\n />\r\n \r\n {this.state.isOpen &&\r\n
\r\n {users}\r\n
\r\n }\r\n
\r\n \r\n \r\n <>\r\n \r\n
\r\n \r\n v0.29.7β \r\n \r\n \r\n {!authStore.getIsPortal && \r\n Проекты \r\n Продажи \r\n Доска \r\n Расписание \r\n Задачи \r\n Клиенты \r\n Архив продаж \r\n Отчеты \r\n Наши сервера \r\n База предложений \r\n База знаний \r\n }\r\n \r\n \r\n {authStore.isUserAuth && { authStore.openLogin() }} color=\"primary\">\r\n Войти\r\n }\r\n \r\n \r\n \r\n );\r\n }\r\n});\r\n\r\nexport default NavMenu;","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"CKSource\"] = factory();\n\telse\n\t\troot[\"CKSource\"] = factory();\n})(window, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 88);\n","/**\n * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license\n */\n\n/**\n * @module utils/ckeditorerror\n */\n\n/* globals console */\n\n/**\n * URL to the documentation with error codes.\n */\nexport const DOCUMENTATION_URL =\n\t'https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html';\n\n/**\n * The CKEditor error class.\n *\n * You should throw `CKEditorError` when:\n *\n * * An unexpected situation occurred and the editor (most probably) will not work properly. Such exception will be handled\n * by the {@link module:watchdog/watchdog~Watchdog watchdog} (if it is integrated),\n * * If the editor is incorrectly integrated or the editor API is used in the wrong way. This way you will give\n * feedback to the developer as soon as possible. Keep in mind that for common integration issues which should not\n * stop editor initialization (like missing upload adapter, wrong name of a toolbar component) we use\n * {@link module:utils/ckeditorerror~logWarning `logWarning()`} and\n * {@link module:utils/ckeditorerror~logError `logError()`}\n * to improve developers experience and let them see the a working editor as soon as possible.\n *\n *\t\t/**\n *\t\t * Error thrown when a plugin cannot be loaded due to JavaScript errors, lack of plugins with a given name, etc.\n *\t\t *\n *\t\t * @error plugin-load\n *\t\t * @param pluginName The name of the plugin that could not be loaded.\n *\t\t * @param moduleName The name of the module which tried to load this plugin.\n *\t\t * /\n *\t\tthrow new CKEditorError( 'plugin-load', {\n *\t\t\tpluginName: 'foo',\n *\t\t\tmoduleName: 'bar'\n *\t\t} );\n *\n * @extends Error\n */\nexport default class CKEditorError extends Error {\n\t/**\n\t * Creates an instance of the CKEditorError class.\n\t *\n\t * @param {String} errorName The error id in an `error-name` format. A link to this error documentation page will be added\n\t * to the thrown error's `message`.\n\t * @param {Object|null} context A context of the error by which the {@link module:watchdog/watchdog~Watchdog watchdog}\n\t * is able to determine which editor crashed. It should be an editor instance or a property connected to it. It can be also\n\t * a `null` value if the editor should not be restarted in case of the error (e.g. during the editor initialization).\n\t * The error context should be checked using the `areConnectedThroughProperties( editor, context )` utility\n\t * to check if the object works as the context.\n\t * @param {Object} [data] Additional data describing the error. A stringified version of this object\n\t * will be appended to the error message, so the data are quickly visible in the console. The original\n\t * data object will also be later available under the {@link #data} property.\n\t */\n\tconstructor( errorName, context, data ) {\n\t\tsuper( getErrorMessage( errorName, data ) );\n\n\t\t/**\n\t\t * @type {String}\n\t\t */\n\t\tthis.name = 'CKEditorError';\n\n\t\t/**\n\t\t * A context of the error by which the Watchdog is able to determine which editor crashed.\n\t\t *\n\t\t * @type {Object|null}\n\t\t */\n\t\tthis.context = context;\n\n\t\t/**\n\t\t * The additional error data passed to the constructor. Undefined if none was passed.\n\t\t *\n\t\t * @type {Object|undefined}\n\t\t */\n\t\tthis.data = data;\n\t}\n\n\t/**\n\t * Checks if the error is of the `CKEditorError` type.\n\t * @returns {Boolean}\n\t */\n\tis( type ) {\n\t\treturn type === 'CKEditorError';\n\t}\n\n\t/**\n\t * A utility that ensures that the thrown error is a {@link module:utils/ckeditorerror~CKEditorError} one.\n\t * It is useful when combined with the {@link module:watchdog/watchdog~Watchdog} feature, which can restart the editor in case\n\t * of a {@link module:utils/ckeditorerror~CKEditorError} error.\n\t *\n\t * @static\n\t * @param {Error} err The error to rethrow.\n\t * @param {Object} context An object connected through properties with the editor instance. This context will be used\n\t * by the watchdog to verify which editor should be restarted.\n\t */\n\tstatic rethrowUnexpectedError( err, context ) {\n\t\tif ( err.is && err.is( 'CKEditorError' ) ) {\n\t\t\tthrow err;\n\t\t}\n\n\t\t/**\n\t\t * An unexpected error occurred inside the CKEditor 5 codebase. This error will look like the original one\n\t\t * to make the debugging easier.\n\t\t *\n\t\t * This error is only useful when the editor is initialized using the {@link module:watchdog/watchdog~Watchdog} feature.\n\t\t * In case of such error (or any {@link module:utils/ckeditorerror~CKEditorError} error) the watchdog should restart the editor.\n\t\t *\n\t\t * @error unexpected-error\n\t\t */\n\t\tconst error = new CKEditorError( err.message, context );\n\n\t\t// Restore the original stack trace to make the error look like the original one.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/5595 for more details.\n\t\terror.stack = err.stack;\n\n\t\tthrow error;\n\t}\n}\n\n/**\n * Logs a warning to the console with a properly formatted message and adds a link to the documentation.\n * Use whenever you want to log a warning to the console.\n *\n *\t\t/**\n *\t\t * There was a problem processing the configuration of the toolbar. The item with the given\n *\t\t * name does not exist, so it was omitted when rendering the toolbar.\n *\t\t *\n *\t\t * @error toolbarview-item-unavailable\n *\t\t * @param {String} name The name of the component.\n *\t\t * /\n *\t\tlogWarning( 'toolbarview-item-unavailable', { name } );\n *\n * See also {@link module:utils/ckeditorerror~CKEditorError} for an explanation when to throw an error and when to log\n * a warning or an error to the console.\n *\n * @param {String} errorName The error name to be logged.\n * @param {Object} [data] Additional data to be logged.\n */\nexport function logWarning( errorName, data ) {\n\tconsole.warn( ...formatConsoleArguments( errorName, data ) );\n}\n\n/**\n * Logs an error to the console with a properly formatted message and adds a link to the documentation.\n * Use whenever you want to log an error to the console.\n *\n *\t\t/**\n *\t\t * There was a problem processing the configuration of the toolbar. The item with the given\n *\t\t * name does not exist, so it was omitted when rendering the toolbar.\n *\t\t *\n *\t\t * @error toolbarview-item-unavailable\n *\t\t * @param {String} name The name of the component.\n *\t\t * /\n *\t\t logError( 'toolbarview-item-unavailable', { name } );\n *\n * **Note**: In most cases logging a warning using {@link module:utils/ckeditorerror~logWarning} is enough.\n *\n * See also {@link module:utils/ckeditorerror~CKEditorError} for an explanation when to use each method.\n *\n * @param {String} errorName The error name to be logged.\n * @param {Object} [data] Additional data to be logged.\n */\nexport function logError( errorName, data ) {\n\tconsole.error( ...formatConsoleArguments( errorName, data ) );\n}\n\n// Returns formatted link to documentation message.\n//\n// @private\n// @param {String} errorName\n// @returns {string}\nfunction getLinkToDocumentationMessage( errorName ) {\n\treturn `\\nRead more: ${ DOCUMENTATION_URL }#error-${ errorName }`;\n}\n\n// Returns formatted error message.\n//\n// @private\n// @param {String} errorName\n// @param {Object} [data]\n// @returns {string}\nfunction getErrorMessage( errorName, data ) {\n\tconst processedObjects = new WeakSet();\n\tconst circularReferencesReplacer = ( key, value ) => {\n\t\tif ( typeof value === 'object' && value !== null ) {\n\t\t\tif ( processedObjects.has( value ) ) {\n\t\t\t\treturn `[object ${ value.constructor.name }]`;\n\t\t\t}\n\n\t\t\tprocessedObjects.add( value );\n\t\t}\n\n\t\treturn value;\n\t};\n\n\tconst stringifiedData = data ? ` ${ JSON.stringify( data, circularReferencesReplacer ) }` : '';\n\tconst documentationLink = getLinkToDocumentationMessage( errorName );\n\n\treturn errorName + stringifiedData + documentationLink;\n}\n\n// Returns formatted console error arguments.\n//\n// @private\n// @param {String} errorName\n// @param {Object} [data]\n// @returns {Array}\nfunction formatConsoleArguments( errorName, data ) {\n\tconst documentationMessage = getLinkToDocumentationMessage( errorName );\n\n\treturn data ? [ errorName, data, documentationMessage ] : [ errorName, documentationMessage ];\n}\n","\"use strict\";\n\nvar isOldIE = function isOldIE() {\n var memo;\n return function memorize() {\n if (typeof memo === 'undefined') {\n // Test for IE <= 9 as proposed by Browserhacks\n // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n // Tests for existence of standard globals is to allow style-loader\n // to operate correctly into non-standard environments\n // @see https://github.com/webpack-contrib/style-loader/issues/177\n memo = Boolean(window && document && document.all && !window.atob);\n }\n\n return memo;\n };\n}();\n\nvar getTarget = function getTarget() {\n var memo = {};\n return function memorize(target) {\n if (typeof memo[target] === 'undefined') {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDom.length; i++) {\n if (stylesInDom[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var index = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3]\n };\n\n if (index !== -1) {\n stylesInDom[index].references++;\n stylesInDom[index].updater(obj);\n } else {\n stylesInDom.push({\n identifier: identifier,\n updater: addStyle(obj, options),\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction insertStyleElement(options) {\n var style = document.createElement('style');\n var attributes = options.attributes || {};\n\n if (typeof attributes.nonce === 'undefined') {\n var nonce = typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;\n\n if (nonce) {\n attributes.nonce = nonce;\n }\n }\n\n Object.keys(attributes).forEach(function (key) {\n style.setAttribute(key, attributes[key]);\n });\n\n if (typeof options.insert === 'function') {\n options.insert(style);\n } else {\n var target = getTarget(options.insert || 'head');\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n }\n\n return style;\n}\n\nfunction removeStyleElement(style) {\n // istanbul ignore if\n if (style.parentNode === null) {\n return false;\n }\n\n style.parentNode.removeChild(style);\n}\n/* istanbul ignore next */\n\n\nvar replaceText = function replaceText() {\n var textStore = [];\n return function replace(index, replacement) {\n textStore[index] = replacement;\n return textStore.filter(Boolean).join('\\n');\n };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n /* istanbul ignore if */\n\n if (style.styleSheet) {\n style.styleSheet.cssText = replaceText(index, css);\n } else {\n var cssNode = document.createTextNode(css);\n var childNodes = style.childNodes;\n\n if (childNodes[index]) {\n style.removeChild(childNodes[index]);\n }\n\n if (childNodes.length) {\n style.insertBefore(cssNode, childNodes[index]);\n } else {\n style.appendChild(cssNode);\n }\n }\n}\n\nfunction applyToTag(style, options, obj) {\n var css = obj.css;\n var media = obj.media;\n var sourceMap = obj.sourceMap;\n\n if (media) {\n style.setAttribute('media', media);\n } else {\n style.removeAttribute('media');\n }\n\n if (sourceMap && typeof btoa !== 'undefined') {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n while (style.firstChild) {\n style.removeChild(style.firstChild);\n }\n\n style.appendChild(document.createTextNode(css));\n }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n var style;\n var update;\n var remove;\n\n if (options.singleton) {\n var styleIndex = singletonCounter++;\n style = singleton || (singleton = insertStyleElement(options));\n update = applyToSingletonTag.bind(null, style, styleIndex, false);\n remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n } else {\n style = insertStyleElement(options);\n update = applyToTag.bind(null, style, options);\n\n remove = function remove() {\n removeStyleElement(style);\n };\n }\n\n update(obj);\n return function updateStyle(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n return;\n }\n\n update(obj = newObj);\n } else {\n remove();\n }\n };\n}\n\nmodule.exports = function (list, options) {\n options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of