\r\n
\r\n
Фильтры
\r\n
{\r\n dispatch(setCalendDisplay(\"\"));\r\n setTimeout(()=>{\r\n dispatch(setCalendDisplay(\"close\"))\r\n setMonthActiveValue(month)\r\n setYearActiveValue(year)\r\n }, 0)\r\n }\r\n }>\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
{(location === 'Table')? yearActiveValue: year}
\r\n
\r\n
\r\n {\r\n dataYear.map((item, key) => addYear(item, key))\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
{(location === 'Table')? monthActiveValue: month}
\r\n
\r\n
\r\n {\r\n dataMonth.map((item, key) => addMonth(item, key))\r\n } \r\n
\r\n
\r\n
\r\n
\r\n \r\n
{\r\n setCalendActive(!calendActive)\r\n reset()\r\n }}>\r\n
\r\n
По периоду
\r\n
\r\n \r\n
1500)? \"\": \"off\"}`}>\r\n {\r\n (calendDisplay === 'open')?
: null\r\n }\r\n \r\n
\r\n
С
\r\n
{(selRange.length > 0)? selRange[0].toLocaleDateString(): \"ДД.ММ.ГГГГ\"}
\r\n
\r\n
\r\n
До
\r\n
{(selRange.length === 2)? selRange[1].toLocaleDateString(): \"ДД.ММ.ГГГГ\"}
\r\n
\r\n
\r\n
\r\n
Сбросить
\r\n
{\r\n \r\n if(location === \"Table\"){\r\n dispatch(setSalariesTableRange(selRange))\r\n if((monthActiveValue === 'Месяц' && yearActiveValue === 'Год' && selRange.length !== 0) || window.innerWidth > 1500 && selRange.length !== 0){\r\n dispatch(setSalariesTableRange(selRange))\r\n dispatch(setSalariesTableRangeActive(true))\r\n sessionStorage.setItem('staffSalariesTablePopupFilters', JSON.stringify({month: \"Месяц\", year: \"Год\", range: selRange, rangeActive: true}))\r\n } \r\n else if(window.innerWidth < 1500 && !calendActive){\r\n let from,\r\n to; \r\n if(monthActiveValue !== 'Месяц'){\r\n let monthId = dataMonth.findIndex(x => x.value === monthActiveValue)\r\n from = new Date((yearActiveValue === 'Год')? new Date().getFullYear(): yearActiveValue, monthId, 1);\r\n to = new Date((yearActiveValue === 'Год')? new Date().getFullYear(): yearActiveValue, monthId+1, 1);\r\n to.setDate(to.getDate() - 1)\r\n dispatch(setSalariesTableRangeTypeSelect(({id: 3, value: 'Месяц'})))\r\n sessionStorage.setItem('staffSalariesTablePopupFiltersPeriodListActive', JSON.stringify({id: 3, value: 'Месяц'}))\r\n }\r\n else{\r\n from = new Date((yearActiveValue === 'Год')? new Date().getFullYear(): +yearActiveValue, 0, 1);\r\n to = new Date((yearActiveValue === 'Год')? new Date().getFullYear() + 1: +yearActiveValue + 1, 0, 1);\r\n to.setDate(to.getDate() - 1)\r\n dispatch(setSalariesTableRangeTypeSelect(({id: 6, value: 'Год'})))\r\n sessionStorage.setItem('staffSalariesTablePopupFiltersPeriodListActive', JSON.stringify({id: 6, value: 'Год'}))\r\n }\r\n dispatch(setSalariesTableRange([from, to])) \r\n dispatch(setSalariesTableMonth(monthActiveValue))\r\n dispatch(setSalariesTableYear(yearActiveValue))\r\n sessionStorage.setItem('staffSalariesTablePopupFiltersPeriodListActive', JSON.stringify({id: 3, value: 'Месяц'}, {id: 6, value: 'Год'}))\r\n dispatch(setSalariesTableRangeActive(false))\r\n sessionStorage.setItem('staffSalariesTablePopupFilters', JSON.stringify({month: monthActiveValue, year: from.getFullYear(), range: [from, to], rangeActive: false}))\r\n }\r\n }\r\n else if(location === \"Buttons\"){\r\n dispatch(setSalariesButtonsMonth(\"Месяц\"))\r\n dispatch(setSalariesButtonsYear(\"Год\"))\r\n dispatch(setSalariesButtonsRange(selRange))\r\n }\r\n dispatch(setCalendDisplay(\"\"));\r\n setTimeout(()=>{\r\n dispatch(setCalendDisplay(\"close\"))\r\n }, 0) \r\n }}>Принять
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n}\r\nexport default Picker;\r\n","import React, {useState, useEffect} from 'react';\r\n// import { Route } from 'react-router-dom';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\n// import {setOwner} from '../../redux/actions/notification';\r\n// import { HttpTransportType, HubConnectionBuilder, LogLevel } from '@microsoft/signalr';\r\n\r\nimport Sidebar from './Sidebar/Sidebar';\r\nimport Header from './Header/Header';\r\nimport Salaries from './Salaries/Salaries';\r\n\r\n// import Warehouse from './Warehouse/Warehouse';\r\n// import LeadersTable from './Leaders/Leaders-table/Leaders-table';\r\n// import LeaderStaf from './Leaders/Leaders-staff/Leader-staf';\r\n\r\nimport Calendar from './Calendaries/Picker';\r\n\r\n \r\nimport './FranchisesLeaders.scss';\r\nimport { setPopupOpenBlock, setPopupOpenBlockEvent } from '../../redux/actions/popupBlocks';\r\n\r\n\r\n\r\n\r\nconst FranchisesLeaders = () => {\r\n\tconst dispatch = useDispatch()\r\n\tconst { calendDisplay} = useSelector(({ display }) => display);\r\n\t// const [connection, setConnection] = useState()\r\n\r\n\tconst {role, session, openBlock, openBlockEvent, location} = useSelector(({navigation, popupBlocks})=> {\r\n return {\r\n role: navigation.role,\r\n session: navigation.session,\r\n openBlock: popupBlocks.openBlock,\r\n openBlockEvent: popupBlocks.openBlockEvent,\r\n location: navigation.salariesCalendLocation\r\n }\r\n})\r\n\r\n\t// let access_token = (localStorage.getItem('save-autorize') === 'true'? localStorage.getItem('token'): sessionStorage.getItem('token'));\r\n\r\n // const notific = async () =>{\r\n // const connection = new HubConnectionBuilder()\r\n // .withUrl('https://localhost:7119/chat', {accessTokenFactory: () => access_token, transport: HttpTransportType.WebSockets, skipNegotiation: true})\r\n // .configureLogging(LogLevel.Information)\r\n // .build();\r\n \r\n // connection.on(\"NotificationAdd\", (notification) => {\r\n // dispatch(setOwner(notification))\r\n\t// \t\t\ttry {\r\n\t// \t\t\t\tlet audio = new Audio('/img/notification-audio.mp3');\r\n // \taudio.play();\r\n\t// \t\t\t} catch (error) {\r\n\t\t\t\t\t\r\n\t// \t\t\t}\r\n \r\n // }); \r\n // await connection.start();\r\n\t// \tsetConnection(connection)\r\n\r\n // }\r\n const [calend, setCalend] = useState(true)\r\n \r\n // useEffect(() =>{\r\n // if(role !== ''){\r\n // notific()\r\n // }\r\n // }, [role])\r\n\r\n useEffect(() =>{\r\n setCalend(false)\r\n setTimeout(() => {\r\n setCalend(true)\r\n }) \r\n }, [location])\r\n \r\n // const closeConnection = async () => {\r\n // try {\r\n // await connection.stop();\r\n // } catch (e) {\r\n // console.log(e);\r\n // }\r\n // }\r\n\r\n const closePopup = (event) =>{\r\n if(openBlock !== ''){\r\n if(event.target !== openBlockEvent){\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n }\r\n }\r\n }\r\n\treturn (\r\n\t\t
\r\n closePopup(event)}>\r\n
\r\n
\r\n
\r\n
\r\n {\r\n (calend)?
: null\r\n } \r\n \r\n\t)\r\n}\r\n\r\nexport default FranchisesLeaders;","export const setWorkZoneCheckClient = (item) => ({\r\n type: 'SET_WORK_ZONE_CHECK_CLIENT',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneCheckClientId = (item) => ({\r\n type: 'SET_WORK_ZONE_CHECK_CLIENT_ID',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneCheckClientEdit = (item) => ({\r\n type: 'SET_WORK_ZONE_CHECK_CLIENT_EDIT',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneCheckClientReset = () => ({\r\n type: 'SET_WORK_ZONE_CHECK_CLIENT_RESET',\r\n payload: {\r\n id: 0,\r\n model: '', \r\n date: '',\r\n model: '', \r\n printType: '',\r\n phone: '',\r\n envelope: '',\r\n envelopeCount: 0,\r\n staff: '',\r\n price: 0, \r\n guarantee: '',\r\n comment: '',\r\n width: 0,\r\n height: 0,\r\n withOutFilm: false,\r\n formalized: false\r\n }\r\n});\r\n\r\nexport const setWorkZoneCheckLastStaff = (item) => ({\r\n type: 'SET_WORK_ZONE_CHECK_LAST_STAFF',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneCheckLekalo = (item) => ({\r\n type: 'SET_WORK_ZONE_CHECK_LEKALO',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneCheckLekaloResize = (item) => ({\r\n type: 'SET_WORK_ZONE_CHECK_LEKALO_RESIZE',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneCheckLekaloResizeFull = (item) => ({\r\n type: 'SET_WORK_ZONE_CHECK_LEKALO_RESIZE_FULL',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZonePlotterConfiguration = (item) => ({\r\n type: 'SET_WORK_ZONE_PLOTTER_CONFIGURATION',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZonePopupPrintType = (item) => ({\r\n type: 'SET_WORK_ZONE_POPUP_PRINT_TYPE',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneSearch = (item) => ({\r\n type: 'SET_WORK_ZONE_SEARCH',\r\n payload: item\r\n});\r\n\r\n\r\nasync function postNotData(url, type){\r\n let response = await fetch(url, {\r\n method: type, \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n })\r\n if (response.ok === true) {\r\n const user = await response.json();\r\n return user\r\n }\r\n let dat = response.json\r\n return dat \r\n}\r\n\r\n\r\nexport const fetchWorkZoneCheckClient = (id) => (dispatch) =>{\r\n postNotData(`/francheaser/MainButtonsForStaffs?id=${id}`, \"GET\").then((response)=> {\r\n // console.log(response)\r\n dispatch(setWorkZoneCheckClient(response.value.resultObject))\r\n })\r\n}","export const setWorkZoneClientsData = (item) => ({\r\n type: 'SET_WORK_ZONE_CLIENTS_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneClientsFullData = (item) => ({\r\n type: 'SET_WORK_ZONE_CLIENTS_FULL_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneHistoryData = (item) => ({\r\n type: 'SET_WORK_ZONE_HISTORY_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneHistoryDataEdit = (item) => ({\r\n type: 'SET_WORK_ZONE_HISTORY_DATA_EDIT',\r\n id: item.id,\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneCatalogData = (item) => ({\r\n type: 'SET_WORK_ZONE_CATALOG_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneCatalogPath = (item) => ({\r\n type: 'SET_WORK_ZONE_CATALOG_PATH',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneCashbox = (item) => ({\r\n type: 'SET_WORK_ZONE_CASHBOX',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneNotification = (item) => ({\r\n type: 'SET_WORK_ZONE_NOTIFICATION',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZoneNotificationAdd = (item) => ({\r\n type: 'SET_WORK_ZONE_NOTIFICATION_ADD',\r\n payload: item\r\n});\r\n\r\nexport const setWorkZonePlottersData = (item) => ({\r\n type: 'SET_WORK_ZONE_PLOTTERS_DATA',\r\n payload: item\r\n});\r\n\r\n\r\nasync function post(url, type, data = null){\r\n let response = await fetch(url, {\r\n method: type, \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n body: JSON.stringify(data)\r\n })\r\n if (response.ok === true) {\r\n const user = await response.json();\r\n return user\r\n }\r\n else{\r\n localStorage.setItem('role', '')\r\n }\r\n}\r\n\r\nasync function postNotData(url, type){\r\n let response = await fetch(url, {\r\n method: type, \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n })\r\n if (response.ok === true) {\r\n const user = await response.json();\r\n return user\r\n }\r\n else{\r\n return response.json();\r\n }\r\n}\r\n\r\nlet monthKey = {\r\n \"Январь\": 1,\r\n \"Февраль\": 2,\r\n \"Март\": 3,\r\n \"Апрель\": 4,\r\n \"Май\": 5,\r\n \"Июнь\": 6,\r\n \"Июль\": 7,\r\n \"Август\": 8,\r\n \"Сентябрь\": 9,\r\n \"Октябрь\": 10,\r\n \"Ноябрь\": 11,\r\n \"Декабрь\": 12\r\n}\r\n\r\nexport const fetchWorkZoneClientsData = (date) => (dispatch) =>{\r\n // let data = (date !== null)? `?date='${date.replaceAll('/', '.')}'`: ''\r\n let data = (date !== null)? `?date=${date}`: ''\r\n postNotData(`/Place/GetClients${data}`, \"GET\").then((response)=> {\r\n // console.log(response)\r\n dispatch(setWorkZoneClientsFullData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n\r\n}\r\n\r\nexport const fetchWorkZoneHistoryData = (date) => (dispatch) =>{\r\n let data = (date !== null)? `?date=${date}`: ''\r\n postNotData(`/Place/GetPrintHistory${data}`, \"GET\").then((response)=> {\r\n // console.log(response)\r\n dispatch(setWorkZoneHistoryData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n\r\n}\r\n\r\nexport const fetchWorkZoneCatalogData = (id) => (dispatch) =>{\r\n postNotData(`/Place/GetCatalog?id=${id}`, \"GET\").then((response)=> {\r\n dispatch(setWorkZoneCatalogData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n postNotData(`/Place/CatalogPath?id=${id}`, \"GET\").then((response)=> {\r\n dispatch(setWorkZoneCatalogPath((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n \r\n}\r\n\r\nexport const fetchWorkZoneCashbox = () => (dispatch) =>{\r\n postNotData(`/Place/CashBox`, \"GET\").then((response)=> {\r\n dispatch(setWorkZoneCashbox((response.value.resultObject === null)? '': response.value.resultObject))\r\n }) \r\n}\r\n\r\nexport const fetchWorkZoneNotification = () => (dispatch) =>{\r\n postNotData(`/Place/Notification`, \"GET\").then((response)=> {\r\n dispatch(setWorkZoneNotification((response.value.resultObject === null)? []: response.value.resultObject))\r\n }) \r\n}\r\n\r\nexport const fetchWorkZonePlottersData = () => (dispatch) =>{\r\n postNotData(`/Place/PlotterList`, \"GET\").then((response)=> {\r\n dispatch(setWorkZonePlottersData((response.value.resultObject === null)? []: response.value.resultObject))\r\n }) \r\n}","import React from 'react';\r\nimport { useState, useEffect } from 'react';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport {setRole, setWorkZoneNav} from '../../../redux/actions/navigation';\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock, setPopupOpenBlockEvent} from '../../../redux/actions/popupBlocks';\r\nimport { setWorkZoneCheckClientReset, setWorkZoneCheckLekalo, setWorkZonePopupPrintType, setWorkZoneSearch } from '../../../redux/actions/workZoneCheckData';\r\nimport { fetchWorkZoneCatalogData } from '../../../redux/actions/workZoneData';\r\n\r\nimport './Sidebar.scss';\r\n\r\nconst Sidebar = ({status, connection}) =>{\r\n const dispatch = useDispatch();\r\n const [noticationVal, setNoticationVal] = useState('')\r\n const { openBlock, nav, workZoneCatalogData, workZoneCatalogPath, workZoneSearch, workZoneCheckLekalo, workZoneCheckFolder} = useSelector(({popupBlocks, navigation, workZoneData, workZoneCheckData})=> {\r\n return {\r\n openBlock: popupBlocks.openBlock,\r\n nav: navigation.workZoneNav,\r\n workZoneCatalogData: workZoneData.workZoneCatalogData,\r\n workZoneSearch: workZoneCheckData.workZoneSearch,\r\n workZoneCatalogPath: workZoneData.workZoneCatalogPath,\r\n workZoneCheckLekalo: workZoneCheckData.workZoneCheckLekalo,\r\n workZoneCheckFolder: workZoneCheckData.workZoneCheckFolder\r\n }\r\n })\r\n\r\n function scrollTo(element, to, duration) {\r\n var start = element.scrollTop,\r\n change = to - start,\r\n currentTime = 0,\r\n increment = 20;\r\n \r\n var animateScroll = function(){ \r\n currentTime += increment;\r\n var val = Math.easeInOutQuad(currentTime, start, change, duration);\r\n element.scrollTop = val;\r\n if(currentTime < duration) {\r\n setTimeout(animateScroll, increment);\r\n }\r\n };\r\n animateScroll();\r\n }\r\n\r\n useEffect(()=>{\r\n if(workZoneSearch.isActive && workZoneSearch.type === 'catalog'){\r\n // let elem = document.querySelector(`.work-zone__sidebar-catalog-item-${workZoneSearch.id}`);\r\n // elem.classList.add(\"active\");\r\n // setTimeout(()=>{\r\n // elem.classList.remove(\"active\");\r\n // }, 3000)\r\n // scrollTo(document.querySelector('.work-zone__sidebar-catalog-container'), +elem.offsetTop - +document.querySelector('.work-zone__sidebar-catalog-container').offsetTop, 1000)\r\n // dispatch(setWorkZoneSearch({isActive: false, type: '', id: 0}))\r\n if(workZoneCatalogPath.length === 0 || workZoneCatalogPath[workZoneCatalogPath.length-1].id !== workZoneSearch.id){\r\n dispatch(fetchWorkZoneCatalogData(workZoneSearch.id))\r\n dispatch(setWorkZoneSearch({isActive: false, type: '', id: 0}))\r\n }\r\n \r\n } \r\n })\r\n\r\n useEffect(()=>{\r\n dispatch(fetchWorkZoneCatalogData(workZoneCheckFolder))\r\n }, [])\r\n\r\n\r\n const addNotification = async() =>{\r\n if(noticationVal !== ''){\r\n const response = await fetch(`/Place/setComplaint?title=${noticationVal}`, {\r\n method: 'GET', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n\r\n })\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n // console.log(dat.value.resultObject) \r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n await connection.invoke(\"SendClient\", dat.value.resultObject);\r\n setNoticationVal('') \r\n }\r\n } \r\n }\r\n\r\n let AddCatalogItem = ({id, name, type, src, width, height}, key) =>{\r\n if(type === 'folder'){\r\n return(\r\n
{\r\n dispatch(fetchWorkZoneCatalogData(id))\r\n sessionStorage.setItem('CheckFolderId', id)\r\n }}>\r\n
\r\n
{name}
\r\n
\r\n )\r\n }\r\n else{\r\n return(\r\n
{\r\n dispatch(setWorkZoneCheckLekalo({id, src, width, height, name, defaultWidth: width, defaultHeight: height}))\r\n // sessionStorage.setItem('WorkzoneCheckLekalo', JSON.stringify({id, src, width, height, name, defaultWidth: width, defaultHeight: height}))\r\n sessionStorage.setItem('lekaloCheckHeight', height)\r\n sessionStorage.setItem('lekaloCheckWidth', width)\r\n sessionStorage.setItem('lekaloCheckDefaultHeight', height)\r\n sessionStorage.setItem('lekaloCheckDefaultWidth', width)\r\n sessionStorage.setItem('lekaloCheckId', id)\r\n sessionStorage.setItem('lekaloCheckName', name)\r\n sessionStorage.setItem('lekaloCheckSrc', src)\r\n sessionStorage.removeItem('WorkzoneCheckClient')\r\n dispatch(setWorkZonePopupPrintType('interact'))\r\n dispatch(setWorkZoneCheckClientReset())\r\n }}>\r\n
\r\n
{name}
\r\n
\r\n )\r\n }\r\n \r\n }\r\n\r\n let AddCatalogPathItem = ({id, name}, key) =>{\r\n return(\r\n
{\r\n dispatch(fetchWorkZoneCatalogData(id))\r\n sessionStorage.setItem('CheckFolderId', id)\r\n }}>/ {name}
\r\n )\r\n }\r\n\r\n let AddCatalogPathListElem = ({id, name}, key) =>{\r\n return(\r\n
{\r\n dispatch(setPopupOpenBlock(\"\"))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n dispatch(fetchWorkZoneCatalogData(id))\r\n sessionStorage.setItem('CheckFolderId', id)\r\n }}>\r\n
\r\n
{name}
\r\n
\r\n )\r\n }\r\n\treturn (\r\n\t\t
\r\n \r\n
\r\n
{\r\n dispatch(setWorkZoneNav('Workspase'))\r\n sessionStorage.setItem('workzonePage', 'Workspase')\r\n }}>\r\n
\r\n \r\n
{\r\n dispatch(setWorkZoneNav('Clients'))\r\n sessionStorage.setItem('workzonePage', 'Clients')\r\n }}>\r\n
\r\n \r\n
{\r\n dispatch(setWorkZoneNav('History'))\r\n sessionStorage.setItem('workzonePage', 'History')\r\n }}>\r\n
\r\n \r\n\r\n
\r\n
{\r\n let bool = (openBlock === \"workZoneSuport\")? \"\": \"workZoneSuport\";\r\n dispatch(setPopupOpenBlock(bool))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n }}>
\r\n
\r\n
Поддержка
\r\n
\r\n \r\n
\r\n
10)? '': 'deactive'}`} onClick={()=>addNotification()}>\r\n Отправить\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n if(workZoneCatalogPath.length !== 0){\r\n dispatch(fetchWorkZoneCatalogData(workZoneCatalogPath[workZoneCatalogPath.length-1].type))\r\n sessionStorage.setItem('CheckFolderId', workZoneCatalogPath[workZoneCatalogPath.length-1].type)\r\n } \r\n }}>
\r\n
Каталог лекал
\r\n
\r\n
\r\n
2)? 'active': ''}`}>\r\n
2)? 'active': ''}`} onClick={(event) =>{\r\n dispatch(setPopupOpenBlock((openBlock === \"workZoneCatalogPathPopup\")? \"\": \"workZoneCatalogPathPopup\"))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n }}>\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock(\"\"))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n dispatch(fetchWorkZoneCatalogData(0))\r\n sessionStorage.setItem('CheckFolderId', 0)\r\n }}>\r\n
\r\n
Каталог
\r\n
\r\n {\r\n workZoneCatalogPath.map((item, key)=>AddCatalogPathListElem(item, key))\r\n }\r\n
\r\n
\r\n
\r\n
{\r\n if(workZoneCatalogPath.length !== 0){\r\n dispatch(fetchWorkZoneCatalogData(0))\r\n sessionStorage.setItem('CheckFolderId', 0)\r\n } \r\n }}>Каталог
\r\n {\r\n (workZoneCatalogPath.length > 2)?
/ .....
: null\r\n }\r\n {\r\n ((workZoneCatalogPath.length > 2)? workZoneCatalogPath.slice(workZoneCatalogPath.length-2): workZoneCatalogPath).map((item, key)=>AddCatalogPathItem(item, key))\r\n }\r\n
\r\n
\r\n {\r\n workZoneCatalogData.map((item, key) => AddCatalogItem(item, key))\r\n }\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default Sidebar;","import React, { useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport {setWorkZoneNav} from '../../../redux/actions/navigation';\r\nimport {} from '../../../redux/actions/filters';\r\nimport './Search.scss';\r\nimport { setWorkZoneSearch } from '../../../redux/actions/workZoneCheckData';\r\nimport { setPopupOpenBlock, setPopupOpenBlockEvent } from '../../../redux/actions/popupBlocks';\r\nimport { setWorkZoneClientsDate, setWorkZoneHistoryDate } from '../../../redux/actions/popupFilters';\r\n\r\nconst Search = () => {\r\n const dispatch = useDispatch()\r\n\r\n const { openBlock} = useSelector(({popupBlocks})=> {\r\n return {\r\n openBlock: popupBlocks.openBlock\r\n }\r\n })\r\n\r\n let [searchList, setSearchList] = useState([]);\r\n let [searchRecentList, setSearchRecentList] = useState((sessionStorage.getItem('workZoneSearchRecent') !== null)? JSON.parse(sessionStorage.getItem('workZoneSearchRecent')): []);\r\n let [inputValue, setInputValue] = useState('');\r\n \r\n\r\n const scrollToFunc = (id, type, page, elem) =>{\r\n dispatch(setWorkZoneNav(page))\r\n\r\n if(type === 'clients') dispatch(setWorkZoneClientsDate({date: elem.date}))\r\n if(type === 'history') dispatch(setWorkZoneHistoryDate({date: elem.date}))\r\n\r\n sessionStorage.setItem('page', page)\r\n if(searchRecentList.indexOf(elem) === -1){ \r\n sessionStorage.setItem('workZoneSearchRecent', JSON.stringify([...searchRecentList, elem]))\r\n setSearchRecentList([...searchRecentList, elem])\r\n }\r\n setSearchList([])\r\n setInputValue('')\r\n dispatch(setWorkZoneSearch({isActive: true, type: type, id: id}))\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n \r\n }\r\n\r\n const deleteSearchRecent = (elem) => {\r\n let dat = searchRecentList.slice();\r\n dat.splice(dat.indexOf(elem), 1)\r\n setSearchRecentList(dat)\r\n sessionStorage.setItem('workZoneSearchRecent', JSON.stringify(dat))\r\n if(dat.length === 0){\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n }\r\n }\r\n\r\n const addListItem = (item, key, type) =>{\r\n if(item.page === 'Workspase'){\r\n return( \r\n
\r\n
scrollToFunc(item.id, item.type, item.page, item)}>\r\n {/*
{\r\n dispatch(fetchWorkZoneCatalogData(item.id))\r\n }}> */}\r\n
\r\n
\r\n
Каталог:
\r\n
{item.name}
\r\n
\r\n
\r\n \r\n {\r\n (type === 'searchRecentList')?(\r\n
deleteSearchRecent(item)}>\r\n
\r\n
deleteSearchRecent(item)}/>\r\n
\r\n
\r\n ): null\r\n }\r\n
\r\n )\r\n }\r\n else if(item.page === 'History'){\r\n return(\r\n
\r\n
scrollToFunc(item.id, item.type, item.page, item)}>\r\n
\r\n
\r\n
История:
\r\n
{item.staff},
\r\n
{item.model}
\r\n
\r\n \r\n
\r\n \r\n {\r\n (type === 'searchRecentList')?(\r\n
deleteSearchRecent(item)}>\r\n
\r\n
deleteSearchRecent(item)}/>\r\n
\r\n
\r\n ): null\r\n }\r\n
\r\n )\r\n }\r\n else if(item.page === 'Clients'){\r\n return(\r\n
\r\n
scrollToFunc(item.id, item.type, item.page, item)}>\r\n
\r\n
\r\n
Клиент:
\r\n
{item.phone},
\r\n
{item.model}
\r\n
\r\n \r\n
\r\n \r\n {\r\n (type === 'searchRecentList')?(\r\n
deleteSearchRecent(item)}>\r\n
\r\n
deleteSearchRecent(item)}/>\r\n
\r\n
\r\n ): null\r\n }\r\n
\r\n )\r\n }\r\n }\r\n\r\n const searchFunc = async(val) =>{\r\n const response = await fetch(`/Place/globalSearch?query=${val.toLowerCase()}`, {\r\n method: 'GET', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n }\r\n })\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n console.log(dat.value.resultObject)\r\n return dat.value.resultObject \r\n }\r\n return []\r\n }\r\n\r\n\r\n const searchInput = async(event) =>{\r\n let val = event.target.value;\r\n setInputValue(event.target.value.replace('[', '').replace('+', '').replace('(', '').replace(')', '').replace('*', '').replace('?', '').replace('\\\\', ''));\r\n if(val.length > 2){\r\n searchFunc(val).then((data) =>{\r\n setSearchList(data)\r\n if(data.length !== 0) dispatch(setPopupOpenBlock('workZoneSearchBlock'))\r\n else dispatch(setPopupOpenBlock(''))\r\n })\r\n\r\n // const response = await fetch(`/Place/globalSearch?query=${val}`, {\r\n // method: 'GET', \r\n // headers: {\r\n // \"Accept\": \"application/json\",\r\n // 'Content-Type': 'application/json',\r\n // \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n // }\r\n // })\r\n // if (response.ok === true) {\r\n // const dat = await response.json();\r\n // data = dat.value.resultObject\r\n // // console.log(data)\r\n // }\r\n // setSearchList(data)\r\n // if(data.length !== 0) dispatch(setPopupOpenBlock('workZoneSearchBlock'))\r\n // else dispatch(setPopupOpenBlock(''))\r\n }\r\n else{\r\n setSearchList([])\r\n if(searchRecentList.length !== 0){\r\n dispatch(setPopupOpenBlock('workZoneSearchBlock'))\r\n }\r\n else dispatch(setPopupOpenBlock(''))\r\n }\r\n }\r\n\r\n\treturn (\r\n\t\t
{\r\n if(openBlock !== 'workZoneSearchBlock'){\r\n if(searchList.length !== 0 || searchRecentList.length !== 0){\r\n dispatch(setPopupOpenBlock('workZoneSearchBlock'))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n event.currentTarget.querySelector('input').focus()\r\n }\r\n }\r\n }}>\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n // document.querySelector(\".owner__search-input\").value = \"\";\r\n setInputValue('')\r\n setSearchList([])\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n }}/>\r\n
\r\n
\r\n {\r\n (searchList.length === 0)? (\r\n
\r\n
\r\n Недавний поиск\r\n
\r\n
\r\n {\r\n ((searchRecentList.length > 5)? searchRecentList.slice(searchRecentList.length - 5): searchRecentList).map((item, key) => addListItem(item, key, 'searchRecentList'))\r\n }\r\n
\r\n
\r\n ): null\r\n }\r\n {\r\n (searchList.length !== 0)?(\r\n
\r\n
\r\n Возможно вы ищете\r\n
\r\n
\r\n {\r\n searchList.map((item, key) => addListItem(item, key, 'searchList'))\r\n }\r\n \r\n
\r\n
\r\n ): null\r\n }\r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default Search;","import React, { useState, useEffect } from 'react';\r\nimport Search from '../Search/Search';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport { setPopupOpenBlock, setPopupOpenBlockEvent} from '../../../redux/actions/popupBlocks';\r\nimport {setRole} from '../../../redux/actions/navigation';\r\nimport './Header.scss';\r\nimport { fetchWorkZoneCashbox, fetchWorkZoneNotification, fetchWorkZonePlottersData, setWorkZoneNotificationAdd } from '../../../redux/actions/workZoneData';\r\nimport { setSiginalConnectReset } from '../../../redux/actions/siginalConnect';\r\nimport { setNotificationActive } from './../../../redux/actions/navigation';\r\n\r\nconst Header = ({status}) => {\r\n const dispatch = useDispatch();\r\n\r\n const { openBlock, workZoneCashbox, workZoneNotification, workZonePlottersData, siginalConnect, session, userData, notificationActive } = useSelector(({popupBlocks, workZoneData, siginalConnect, navigation})=> {\r\n return {\r\n openBlock: popupBlocks.openBlock,\r\n workZoneCashbox: workZoneData.workZoneCashbox,\r\n workZoneNotification: workZoneData.workZoneNotification,\r\n workZonePlottersData: workZoneData.workZonePlottersData,\r\n session: navigation.session,\r\n userData: navigation.user,\r\n siginalConnect: siginalConnect.connect,\r\n notificationActive: navigation.notificationActive\r\n }\r\n })\r\n\r\n const [driversList, setDriversList] = useState({\r\n isActive: false,\r\n listData: []\r\n })\r\n\r\n \r\n // const [cashbox, setCashbox] = useState({\r\n // inputActive: false,\r\n // val: null,\r\n // })\r\n\r\n useEffect(()=>{\r\n if(siginalConnect.type === 'new-notification'){\r\n // console.log(siginalConnect)\r\n dispatch(setWorkZoneNotificationAdd(siginalConnect.obj.elem))\r\n if (session === 1) {\r\n let audio = new Audio('/img/notification-audio.mp3');\r\n audio.play();\r\n }\r\n dispatch(setSiginalConnectReset())\r\n }\r\n }, [siginalConnect])\r\n\r\n useEffect(()=>{\r\n dispatch(fetchWorkZoneCashbox())\r\n dispatch(fetchWorkZoneNotification())\r\n }, [])\r\n\r\n let AddPlotterListElem = ({name, src}, key)=>{\r\n return(\r\n
\r\n )\r\n }\r\n\r\n let AddNotificationListElem = ({date, discription, status }, key)=>{\r\n return(\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {date}г\r\n
\r\n
\r\n {discription}\r\n
\r\n
\r\n
\r\n )\r\n }\r\n\r\n \treturn (\r\n\t\t
\r\n \r\n
\r\n
\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === \"workZoneCashbox\")? \"\": \"workZoneCashbox\"))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n // setCashbox({inputActive: false, val: null})\r\n }}>\r\n {/*
*/}\r\n
\r\n {/*
\r\n
\r\n 30000₽\r\n
\r\n
\r\n
\r\n
{\r\n if(cashbox.inputActive){\r\n // console.log(cashbox.val)\r\n }\r\n else{\r\n setCashbox({...cashbox, inputActive: true})\r\n }\r\n }}>\r\n
\r\n
Добавить
\r\n
\r\n
*/}\r\n
\r\n
\r\n
\r\n {workZoneCashbox}₽\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === \"workZoneNotification\")? \"\": \"workZoneNotification\"))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n dispatch(setNotificationActive(false))\r\n }}>\r\n {/*
*/}\r\n
\r\n
\r\n
Уведомления
\r\n
\r\n
\r\n {\r\n workZoneNotification.map((item, key)=>AddNotificationListElem(item, key))\r\n }\r\n {\r\n (workZoneNotification.length === 0)?
У вас нет уведомлений
: null\r\n }\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === \"workZoneUserMenu\")? \"\": \"workZoneUserMenu\"))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n setDriversList(false)\r\n \r\n }}>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{userData.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 {userData.name} \r\n
\r\n
\r\n
\r\n
{\r\n if(workZonePlottersData.length === 0) dispatch(fetchWorkZonePlottersData())\r\n setDriversList({...driversList, isActive: !(driversList.isActive)})\r\n }}>Скачать драйвера
\r\n
\r\n
\r\n {\r\n workZonePlottersData.map((item, key)=>AddPlotterListElem(item, key))\r\n }\r\n
\r\n
\r\n
\r\n
{\r\n localStorage.setItem('token', '') \r\n localStorage.setItem('role', '')\r\n sessionStorage.setItem('token', '') \r\n sessionStorage.setItem('role', '')\r\n sessionStorage.setItem('workzonePage', 'Workspase')\r\n dispatch(setRole(''))\r\n }}>\r\n
\r\n
Выйти из аккаунта
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\t)\r\n}\r\nexport default Header;","import React, { useState, useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock, setPopupOpenBlockEvent } from '../../../redux/actions/popupBlocks';\r\nimport { setWorkZoneCheckClient, setWorkZoneCheckClientId, setWorkZoneCheckLekaloResize, setWorkZonePlotterConfiguration, setWorkZonePopupPrintType } from '../../../redux/actions/workZoneCheckData';\r\n\r\nimport './Workspace.scss';\r\nimport { setWorkZoneCheckLekaloResizeFull } from './../../../redux/actions/workZoneCheckData';\r\nimport { setWorkZoneNav } from '../../../redux/actions/navigation';\r\n\r\nconst Workspase = () => {\r\n\r\n const dispatch = useDispatch()\r\n\r\n const {workZoneCheckLekalo, workZonePlotterConfiguration, openBlock, imgUrl, workZonePopupPrintType} = useSelector(({workZoneCheckData, popupBlocks, proxy})=> {\r\n return {\r\n workZoneCheckLekalo: workZoneCheckData.workZoneCheckLekalo,\r\n workZonePlotterConfiguration: workZoneCheckData.workZonePlotterConfiguration,\r\n workZonePopupPrintType: workZoneCheckData.workZonePopupPrintType,\r\n openBlock: popupBlocks.openBlock,\r\n imgUrl: proxy.url\r\n }\r\n })\r\n\r\n const [configuration, setConfiguration] = useState({\r\n pressure: workZonePlotterConfiguration.pressure,\r\n speed: workZonePlotterConfiguration.speed\r\n })\r\n const [clickAddBtn, setClickAddBtn] = useState(false)\r\n\r\n useEffect(()=>{\r\n dispatch(setWorkZoneNav('Workspase'))\r\n sessionStorage.setItem('workzonePage', 'Workspase')\r\n }, [])\r\n \r\n const PostFunc = async(url, data) => {\r\n const response = await fetch(url, {\r\n method: 'POST', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n body: JSON.stringify(data)\r\n })\r\n\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n return dat \r\n }\r\n else{\r\n setClickAddBtn(false)\r\n }\r\n }\r\n\r\n const PrintFunc = async() =>{\r\n let date = new Date();\r\n let data = {\r\n lekaloId: workZoneCheckLekalo.id,\r\n width: (workZoneCheckLekalo.width-workZoneCheckLekalo.defaultWidth),\r\n height: (workZoneCheckLekalo.height-workZoneCheckLekalo.defaultHeight),\r\n force: configuration.pressure,\r\n speed: configuration.speed,\r\n formalized: true,\r\n dateTime: `${date.toLocaleDateString()}, ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`,\r\n // dateTimeUTC: date.getTimezoneOffset() / 60 * -1\r\n }\r\n // console.log(data)\r\n if(!clickAddBtn){\r\n setClickAddBtn(true)\r\n PostFunc('/Place/Prints', data).then((dat) =>{\r\n setClickAddBtn(false)\r\n dispatch(setWorkZonePlotterConfiguration({pressure: configuration.pressure, speed: configuration.speed}))\r\n dispatch(setWorkZoneCheckLekaloResizeFull({width: workZoneCheckLekalo.width, height: workZoneCheckLekalo.height}))\r\n sessionStorage.setItem('lekaloCheckWidth', workZoneCheckLekalo.width)\r\n sessionStorage.setItem('lekaloCheckHeight', workZoneCheckLekalo.height)\r\n \r\n if(dat.value.resultObject !== 'Error' || true){\r\n dispatch(setWorkZoneCheckClientId({id: dat.value.resultObject.id, model: workZoneCheckLekalo.name, lekaloId: workZoneCheckLekalo.id, withOutFilm: dat.value.resultObject.withOutFilm })) \r\n if(workZonePopupPrintType !== 'gurante') dispatch(setWorkZonePopupPrintType('interact'))\r\n dispatch(setPopupBackgroundFunc(true))\r\n dispatch(setPopupOpenBlock('PrintMold')) \r\n } \r\n })\r\n }\r\n \r\n // dispatch(setWorkZonePopupPrintType('interact'))\r\n // dispatch(setPopupBackgroundFunc(true)) \r\n // dispatch(setPopupOpenBlock('PrintMold'))\r\n }\r\n\r\n\treturn (\r\n\t\t
\r\n
\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === \"workZoneCheckLekaloResizes\")? \"\": \"workZoneCheckLekaloResizes\"))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n }}>\r\n
\r\n
Изменить размер
\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n if(workZoneCheckLekalo.height > 0){\r\n // setResize({...resize, height: +(resize.height - 0.1).toFixed(1)})\r\n dispatch(setWorkZoneCheckLekaloResize({width: workZoneCheckLekalo.width, height: +(workZoneCheckLekalo.height - 0.1).toFixed(1)}))\r\n }\r\n }}>\r\n
\r\n \r\n\r\n
{\r\n event.currentTarget.querySelector('input').focus()\r\n }}>\r\n
\r\n Высота: \r\n
\r\n
\r\n\r\n
{\r\n // setResize({...resize, height: +(resize.height + 0.1).toFixed(1)})\r\n dispatch(setWorkZoneCheckLekaloResize({width: workZoneCheckLekalo.width, height: +(workZoneCheckLekalo.height + 0.1).toFixed(1)}))\r\n }}>\r\n
\r\n \r\n
\r\n
\r\n
{\r\n if(workZoneCheckLekalo.width > 0){\r\n // setResize({...resize, width:+(resize.width - 0.1).toFixed(1)})\r\n dispatch(setWorkZoneCheckLekaloResize({height: workZoneCheckLekalo.height, width: +(workZoneCheckLekalo.width - 0.1).toFixed(1)}))\r\n }\r\n }}>\r\n
\r\n \r\n\r\n
{\r\n event.currentTarget.querySelector('input').focus()\r\n }}>\r\n
\r\n Ширина: \r\n
\r\n
\r\n\r\n
{\r\n // setResize({...resize, width: +(resize.width + 0.1).toFixed(1)})\r\n dispatch(setWorkZoneCheckLekaloResize({height: workZoneCheckLekalo.height, width: +(workZoneCheckLekalo.width + 0.1).toFixed(1)}))\r\n }}>\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
{\r\n // setConfigurationActive(!configuration.isActive)\r\n dispatch(setPopupOpenBlock((openBlock === \"workZonePlotterConfiguration\")? \"\": \"workZonePlotterConfiguration\"))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n }}>\r\n
\r\n
Конфигурация плоттера
\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n if(configuration.pressure > 0){\r\n // dispatch(setWorkZonePlotterConfiguration({...configuration, pressure: configuration.pressure - 1}))\r\n setConfiguration({...configuration, pressure: configuration.pressure - 1})\r\n localStorage.setItem('PlotterConfigurationPressure', configuration.pressure - 1)\r\n }\r\n }}>\r\n
\r\n \r\n\r\n
{\r\n event.currentTarget.querySelector('input').focus()\r\n }}>\r\n
\r\n Давление: \r\n
\r\n
\r\n\r\n
{\r\n // dispatch(setWorkZonePlotterConfiguration({...configuration, pressure: configuration.pressure + 1}))\r\n setConfiguration({...configuration, pressure: configuration.pressure + 1})\r\n localStorage.setItem('PlotterConfigurationPressure', configuration.pressure + 1)\r\n }}>\r\n
\r\n \r\n
\r\n
\r\n
{\r\n if(configuration.speed > 0){\r\n // dispatch(setWorkZonePlotterConfiguration({...configuration, speed: configuration.speed - 1}))\r\n setConfiguration({...configuration, speed: configuration.speed - 1})\r\n localStorage.setItem('PlotterConfigurationSpeed', configuration.speed - 1)\r\n }\r\n }}>\r\n
\r\n \r\n\r\n
{\r\n event.currentTarget.querySelector('input').focus()\r\n }}>\r\n
\r\n Скорость: \r\n
\r\n
\r\n\r\n
{\r\n // dispatch(setWorkZonePlotterConfiguration({...configuration, speed: configuration.speed + 1}))\r\n setConfiguration({...configuration, speed: configuration.speed + 1})\r\n localStorage.setItem('PlotterConfigurationSpeed', configuration.speed + 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
PrintFunc()}>\r\n
\r\n Печать\r\n
\r\n
\r\n\r\n\t\t
\r\n\t)\r\n}\r\n\r\nexport default Workspase; ","import {React, useState} from 'react';\r\nimport Calendar from 'react-calendar';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport {setCalendDisplay} from '../../../redux/actions/display';\r\nimport { setPopupOpenBlock, setPopupOpenBlockEvent } from '../../../redux/actions/popupBlocks';\r\nimport { setWorkZoneClientsDate, setWorkZoneHistoryDate } from '../../../redux/actions/popupFilters';\r\nimport \"./Picker.scss\";\r\n\r\nfunction Picker({calendActive, page, name}){\r\n const dispatch = useDispatch();\r\n const [selDate, setSelDate] = useState(null)\r\n // const [selTime, setSelTime] = useState({hours: '', minutes: ''})\r\n const [timeError, setTimeError] = useState({hours: false, minutes: false})\r\n // const [timeActive, setTimeActive] = useState(false)\r\n const [calend, setCalend] = useState()\r\n\r\n if(calendActive){\r\n setTimeout(() => setCalend('open'), 100);\r\n }\r\n\r\n let onChange = date => {\r\n setSelDate(date) \r\n }\r\n\r\n let reset = () => {\r\n if(page === \"clients\"){\r\n dispatch(setWorkZoneClientsDate({date: null})) \r\n }\r\n else if(page === \"history\"){\r\n dispatch(setWorkZoneHistoryDate({date: null}))\r\n }\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent('')) \r\n }\r\n\r\n let selDateFunc = () =>{\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent('')) \r\n\r\n if(page === \"clients\"){\r\n if(selDate !== null){\r\n dispatch(setWorkZoneClientsDate({date: selDate.toLocaleDateString()}))\r\n }\r\n }\r\n else if(page === \"history\"){\r\n // if(selTime.hours <= 23 && selTime.minutes < 59 && selDate !== null){\r\n if(selDate !== null){\r\n // dispatch(setWorkZoneHistoryDate({date: selDate.toLocaleDateString(), time: `${(selTime.hours !== '' && selTime.hours !== 0)? selTime.hours: '00'}:${(selTime.minutes !== '' && selTime.minutes !== 0)? selTime.minutes: '00'}`}))\r\n dispatch(setWorkZoneHistoryDate({date: selDate.toLocaleDateString()}))\r\n }\r\n \r\n // if(selTime.hours > 23) setTimeError({...timeError, hours: true})\r\n // if(selTime.minutes > 59) setTimeError({...timeError, minutes: true}) \r\n\r\n }\r\n } \r\n\r\n return (\r\n
\r\n
\r\n {\r\n (calendActive || !calendActive)? : null\r\n } \r\n
\r\n {/*
Время
\r\n
\r\n
\r\n
\r\n ч \r\n
\r\n
: \r\n
\r\n м \r\n
\r\n
\r\n
{\r\n setTimeActive(!timeActive)\r\n }}>
\r\n
*/}\r\n
\r\n
Принять
\r\n
Отмена
\r\n
\r\n
\r\n )\r\n}\r\nexport default Picker;\r\n","import React, { useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector } from 'react-redux';\r\nimport './index.scss';\r\n\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock, setPopupOpenBlockEvent } from '../../../redux/actions/popupBlocks';\r\nimport Calendar from '../Calendaries/Picker';\r\nimport { setWorkZoneCheckClient, setWorkZonePopupPrintType, setWorkZoneSearch } from '../../../redux/actions/workZoneCheckData';\r\nimport { fetchWorkZoneClientsData, setWorkZoneClientsData } from '../../../redux/actions/workZoneData';\r\n\r\nconst Clients = () => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n let [searchInput, setSearchInput] = useState('')\r\n\r\n const {workZoneClientsFullData, workZoneClientsData, workZoneSearch, openBlock, workZoneClientsDate} = useSelector(({workZoneData, workZoneCheckData, popupBlocks, popupFilters})=> {\r\n return {\r\n workZoneClientsFullData: workZoneData.workZoneClientsFullData,\r\n workZoneClientsData: workZoneData.workZoneClientsData,\r\n workZoneSearch: workZoneCheckData.workZoneSearch,\r\n openBlock: popupBlocks.openBlock,\r\n workZoneClientsDate: popupFilters.workZoneClientsDate\r\n }\r\n })\r\n\r\n function scrollTo(element, to, duration) {\r\n // console.log(element, to, duration)\r\n var start = element.scrollTop,\r\n change = to - start,\r\n currentTime = 0,\r\n increment = 20;\r\n \r\n var animateScroll = function(){ \r\n currentTime += increment;\r\n var val = Math.easeInOutQuad(currentTime, start, change, duration);\r\n element.scrollTop = val;\r\n if(currentTime < duration) {\r\n setTimeout(animateScroll, increment);\r\n }\r\n };\r\n animateScroll();\r\n }\r\n Math.easeInOutQuad = function (t, b, c, d) {\r\n t /= d/2;\r\n if (t < 1) return c/2*t*t + b;\r\n t--;\r\n return -c/2 * (t*(t-2) - 1) + b;\r\n };\r\n\r\n \r\n\r\n useEffect(()=>{ \r\n dispatch(fetchWorkZoneClientsData(workZoneClientsDate.date)) \r\n }, [workZoneClientsDate])\r\n\r\n useEffect(()=>{\r\n if(workZoneSearch.isActive && workZoneSearch.type === 'clients' && workZoneClientsFullData.length !== 0){\r\n let elem = document.querySelector(`.workZone__clients-line-${workZoneSearch.id}`);\r\n // console.log(elem, workZoneSearch.id)/\r\n if(elem !== null){\r\n elem.classList.add(\"active\");\r\n setTimeout(()=>{\r\n elem.classList.remove(\"active\");\r\n }, 3000)\r\n scrollTo(document.querySelector('.workZone__clients-table'), +elem.offsetTop - +document.querySelector('.workZone__clients-table').offsetTop, 1000)\r\n dispatch(setWorkZoneSearch({isActive: false, type: '', id: 0}))\r\n }\r\n } \r\n }, [workZoneClientsFullData])\r\n\r\n const addTableItem = (elem, key) =>{\r\n let {id, date, phone, model, guarantee} = elem;\r\n return(\r\n
\r\n
{date}
\r\n
{phone} \r\n
{model}
\r\n
{(guarantee<0)? 0: guarantee}
\r\n
{\r\n dispatch(setWorkZoneCheckClient(elem))\r\n dispatch(setWorkZonePopupPrintType('watch'))\r\n dispatch(setPopupBackgroundFunc(true))\r\n dispatch(setPopupOpenBlock('PrintMold'))\r\n }}/>\r\n
\r\n )\r\n }\r\n\r\n const searchInputFunc = (event) =>{\r\n setSearchInput(event.target.value)\r\n console.log(event.target.value)\r\n if(event.target.value !== ''){\r\n let sData = workZoneClientsFullData.filter((item) => item.phone.replace(/[\\D]+/g, '').search(event.target.value.replace(/[\\D]+/g, '')) !== -1)\r\n dispatch(setWorkZoneClientsData(sData))\r\n }\r\n else dispatch(setWorkZoneClientsData([]))\r\n }\r\n\r\n\treturn (\r\n
\r\n \r\n
\r\n
Клиенты
\r\n
\r\n
searchInputFunc(event)}/>\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === \"workZoneClientsCalend\")? \"\": \"workZoneClientsCalend\"))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n }}>\r\n Фильтры
\r\n
\r\n
\r\n {/*
*/}\r\n {\r\n (openBlock === \"workZoneClientsCalend\")? : null\r\n }\r\n \r\n
\r\n
\r\n
\r\n
Дата и время
\r\n
Сотовый
\r\n
Модель
\r\n
Гарантия
\r\n
\r\n \r\n
\r\n
\r\n {\r\n ((searchInput !== '')? workZoneClientsData: workZoneClientsFullData).map((item, key) => addTableItem(item, key))\r\n } \r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default Clients;","import React, { useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector } from 'react-redux';\r\nimport './index.scss';\r\n\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock, setPopupOpenBlockEvent } from '../../../redux/actions/popupBlocks';\r\nimport Calendar from '../Calendaries/Picker';\r\nimport { setWorkZoneCheckClient, setWorkZonePopupPrintType, setWorkZoneSearch } from '../../../redux/actions/workZoneCheckData';\r\nimport { fetchWorkZoneHistoryData } from '../../../redux/actions/workZoneData';\r\n\r\n\r\nconst History = () => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const cutName = (name) =>{\r\n let cut = name.split(' ')\r\n if(cut.length === 3){\r\n return cut[0] + ' ' + cut[1] + ' ' + cut[2][0] + '.'\r\n }\r\n else return name\r\n }\r\n\r\n const {workZoneHistoryData, workZoneSearch, openBlock, workZoneHistoryDate} = useSelector(({workZoneData, workZoneCheckData, popupFilters, popupBlocks})=> {\r\n return {\r\n workZoneHistoryData: workZoneData.workZoneHistoryData,\r\n workZoneSearch: workZoneCheckData.workZoneSearch,\r\n openBlock: popupBlocks.openBlock,\r\n workZoneHistoryDate: popupFilters.workZoneHistoryDate\r\n }\r\n })\r\n\r\n function scrollTo(element, to, duration) {\r\n // console.log(element)\r\n var start = element.scrollTop,\r\n change = to - start,\r\n currentTime = 0,\r\n increment = 20;\r\n \r\n var animateScroll = function(){ \r\n currentTime += increment;\r\n var val = Math.easeInOutQuad(currentTime, start, change, duration);\r\n element.scrollTop = val;\r\n if(currentTime < duration) {\r\n setTimeout(animateScroll, increment);\r\n }\r\n };\r\n animateScroll();\r\n }\r\n\r\n const formatDate = (date) =>{\r\n let month = [\r\n \"янв\",\r\n \"фев\",\r\n \"мар\",\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 `${date.getDate()} ${month[date.getMonth()]}, ${date.getHours()}:${date.getMinutes('mm')}`\r\n }\r\n\r\n useEffect(()=>{\r\n if(workZoneSearch.isActive && workZoneSearch.type === 'history' && workZoneHistoryData.length !== 0){\r\n let elem = document.querySelector(`.workZone__history-line-${workZoneSearch.id}`);\r\n // console.log(elem)\r\n if(elem !== null){\r\n elem.classList.add(\"active\");\r\n setTimeout(()=>{\r\n elem.classList.remove(\"active\");\r\n }, 3000)\r\n scrollTo(document.querySelector('.workZone__history-table'), +elem.offsetTop - +document.querySelector('.workZone__history-table').offsetTop, 1000)\r\n dispatch(setWorkZoneSearch({isActive: false, type: '', id: 0}))\r\n }\r\n } \r\n }, [workZoneHistoryData])\r\n\r\n Math.easeInOutQuad = function (t, b, c, d) {\r\n t /= d/2;\r\n if (t < 1) return c/2*t*t + b;\r\n t--;\r\n return -c/2 * (t*(t-2) - 1) + b;\r\n };\r\n\r\n useEffect(()=>{\r\n dispatch(fetchWorkZoneHistoryData(workZoneHistoryDate.date))\r\n }, [workZoneHistoryDate])\r\n\r\n const addTableItem = (elem, key) =>{\r\n let {id, date, model, staff, price, formalized} = elem; \r\n return(\r\n
{\r\n dispatch(setWorkZoneCheckClient(elem))\r\n dispatch(setWorkZonePopupPrintType('interact'))\r\n dispatch(setPopupBackgroundFunc(true))\r\n dispatch(setPopupOpenBlock('PrintMold'))\r\n }}>\r\n
\r\n
{date}
\r\n
{model}
\r\n
{(staff !== null)? cutName(staff): 'Сотрудник не выбран'}
\r\n
{price}₽
\r\n
\r\n {\r\n (!formalized)? (\r\n
\r\n ): null\r\n }\r\n
\r\n
\r\n
\r\n )\r\n }\r\n\r\n\treturn (\r\n
\r\n \r\n
\r\n
История
\r\n
\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === \"workZoneHistoryCalend\")? \"\": \"workZoneHistoryCalend\"))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n }}>\r\n Фильтры
\r\n
\r\n
\r\n {\r\n (openBlock === \"workZoneHistoryCalend\")?
: null\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
Дата и время
\r\n
Модель
\r\n
Сотрудник
\r\n
Цена
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n workZoneHistoryData.map((item, key) => addTableItem(item, key))\r\n } \r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default History;","import React, {useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport MaskedInput from '../../../MaskedInput/MaskedInput';\r\n\r\nimport { fetchWorkZoneCashbox, setWorkZoneHistoryDataEdit } from '../../../../redux/actions/workZoneData';\r\nimport { setWorkZoneNav } from '../../../../redux/actions/navigation';\r\nimport {setWorkZoneCheckClientReset} from '../../../../redux/actions/workZoneCheckData';\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock} from '../../../../redux/actions/popupBlocks';\r\nimport { setWorkZoneCheckClientEdit, setWorkZoneCheckLekalo, setWorkZonePopupPrintType, setWorkZoneCheckLastStaff } from './../../../../redux/actions/workZoneCheckData';\r\n\r\nimport './index.scss';\r\n\r\n\r\n\r\nconst PrintMold = () => {\r\n const dispatch = useDispatch()\r\n\r\n const [openListBlock, setOpenListBlock] = useState({name: '', block: ''})\r\n\r\n const {workZoneCheckLekalo, workZoneCheckClient, workZonePopupPrintType, workZoneCheckLastStaff} = useSelector(({workZoneCheckData})=> {\r\n return {\r\n workZoneCheckLekalo: workZoneCheckData.workZoneCheckLekalo,\r\n workZoneCheckClient: workZoneCheckData.workZoneCheckClient,\r\n workZonePopupPrintType: workZoneCheckData.workZonePopupPrintType,\r\n workZoneCheckLastStaff: workZoneCheckData.workZoneCheckLastStaff\r\n }\r\n })\r\n const inputsRequared = (workZonePopupPrintType === 'watch')\r\n\r\n const [inform, setInform] = useState((workZoneCheckLekalo.type === 'make' || workZoneCheckClient.id !== 0)? {\r\n printType: {id: 0, name: (workZoneCheckClient.printType !== '' && workZoneCheckClient.printType !== null)? workZoneCheckClient.printType: ''},\r\n client: {id: 0, phone: (workZoneCheckClient.phone !== null)? workZoneCheckClient.phone: ''},\r\n envelope: {id: 0, articul: (workZoneCheckClient.envelope !== 0 && workZoneCheckClient.envelope !== null)? workZoneCheckClient.envelope: '', name: ''},\r\n envelopeCount: (workZoneCheckClient.envelopeCount === 0 || workZoneCheckClient.envelopeCount === '' || workZoneCheckClient.envelopeCount === null)? 0: workZoneCheckClient.envelopeCount,\r\n // staff: {id: 0, name: (workZoneCheckClient.staff !== '' && workZoneCheckClient.staff !== 'Не указан' && workZoneCheckClient.staff !== null)? workZoneCheckClient.staff: ''},\r\n staff: {id: ((workZoneCheckClient.staff === null || workZoneCheckClient.staff === 'Не указан' || workZoneCheckClient.staff === '') && workZoneCheckLastStaff.name)? workZoneCheckLastStaff.id: 0, name: (workZoneCheckClient.staff !== '' && workZoneCheckClient.staff !== 'Не указан' && workZoneCheckClient.staff !== null)? workZoneCheckClient.staff : (workZoneCheckLastStaff.name)? workZoneCheckLastStaff.name: ''},\r\n price: (workZoneCheckClient.price !== null && workZoneCheckClient.price !== 0)? workZoneCheckClient.price: '',\r\n comment: (workZoneCheckClient.comment === '' || workZoneCheckClient.comment === null)? undefined: workZoneCheckClient.comment\r\n } :\r\n {\r\n printType: {id: 0, name: ''},\r\n client: {id: 0, phone: ''},\r\n envelope: {id: 0, articul: '', name: ''},\r\n envelopeCount: 0,\r\n staff: (workZoneCheckLastStaff.name)? workZoneCheckLastStaff :{id: 0, name: ''},\r\n price: '',\r\n comment: ''\r\n })\r\n\r\n const [editInform, setEditInform] = useState(\r\n {\r\n printType: false,\r\n client: false,\r\n envelope: false,\r\n envelopeCount: false,\r\n staff: ((workZoneCheckClient.staff === null || workZoneCheckClient.staff === 'Не указан' || workZoneCheckClient.staff === '') && workZoneCheckLastStaff.name)? true: false,\r\n price: false,\r\n comment: false\r\n })\r\n\r\n const [informNull, setInformNull] = useState(\r\n {\r\n printType: false,\r\n client: false,\r\n envelope: false,\r\n staff: false,\r\n price: false,\r\n envelopeCount: false,\r\n comment: false\r\n })\r\n\r\n let printTypeList = {\r\n 'Продажа': 1,\r\n 'Другое': 3,\r\n 'Брак': 4,\r\n 'Гарантия': 2\r\n }\r\n\r\n const [clickAddBtn, setClickAddBtn] = useState(false)\r\n\r\n let [printTypeListData, setPrintTypeListData] = useState([])\r\n\r\n let [staffData, setStaffData] = useState([])\r\n \r\n let [clientsData, setClientsData] = useState([])\r\n\r\n let [envelopeData, setEnvelopeData] = useState([])\r\n\r\n let [parrentKey, setParrentKey] = useState(1)\r\n\r\n const fetchSearchFunc = async(url, query='')=>{\r\n const response = await fetch(url + query, {\r\n method: 'GET', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n }\r\n })\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n return dat.value\r\n }\r\n }\r\n\r\n useEffect(()=>{\r\n fetchSearchFunc('/Place/causeList').then((value)=>{\r\n if(value.resultObject.length !== 0){\r\n setPrintTypeListData(value.resultObject)\r\n }\r\n })\r\n\r\n fetchSearchFunc('/Place/getWorkers').then((value)=>{\r\n if(value.resultObject.length !== 0){\r\n setStaffData(value.resultObject)\r\n }\r\n })\r\n\r\n if(workZonePopupPrintType === 'gurante'){\r\n fetchSearchFunc('/Place/getGarantiPrint?id= ', workZoneCheckClient.gurnateId).then((value) =>{\r\n if(value.resultObject !== null){\r\n setInform({...inform,\r\n envelope: {id: value.resultObject.filmId, articul: value.resultObject.envelope, name: ''},\r\n envelopeCount: value.resultObject.envelopeCount,\r\n price: '',\r\n comment: (value.resultObject.comment !== null)? value.resultObject.comment: '',\r\n printType: {id: 2, name: 'Гарантия'},\r\n staff: {id: 0, name: ''},\r\n })\r\n setEditInform({\r\n printType: true,\r\n client: true,\r\n envelope: true,\r\n envelopeCount: true,\r\n staff: false,\r\n price: false,\r\n comment: true\r\n })\r\n // dispatch(setWorkZoneCheckClient(value.resultObject))\r\n setParrentKey((parrentKey==1)? 2: 1)\r\n setRequaredFieldsFunc(2)\r\n }\r\n })\r\n }\r\n\r\n if(printTypeList[workZoneCheckClient.printType] === 1){\r\n setInformNull({printType: false, phone: true, envelope: (workZoneCheckClient.withOutFilm)? false: true, envelopeCount: (workZoneCheckClient.withOutFilm)? false: true, staff: true, price: true, comment: false })\r\n }\r\n else if(printTypeList[workZoneCheckClient.printType] === 4){\r\n setInformNull({printType: false, phone: false, envelope: (workZoneCheckClient.withOutFilm)? false: true, envelopeCount: (workZoneCheckClient.withOutFilm)? false: true, staff: true, price: false, comment: false })\r\n }\r\n else if(printTypeList[workZoneCheckClient.printType] === 2){\r\n setInformNull({printType: false, phone: true, envelope: (workZoneCheckClient.withOutFilm)? false: true, envelopeCount: (workZoneCheckClient.withOutFilm)? false: true, staff: true, price: false, comment: false })\r\n }\r\n else if(printTypeList[workZoneCheckClient.printType] === 3){\r\n setInformNull({printType: false, phone: false, envelope: false, envelopeCount: false, staff: true, price: false, comment: true })\r\n }\r\n }, [])\r\n\r\n let setRequaredFieldsFunc = (typeId) =>{\r\n if(typeId === 1){\r\n setInformNull({printType: false, phone: true, envelope: (workZoneCheckClient.withOutFilm)? false: true, envelopeCount: (workZoneCheckClient.withOutFilm)? false: true, staff: true, price: true, comment: false })\r\n }\r\n else if(typeId === 4){\r\n setInformNull({printType: false, phone: false, envelope: (workZoneCheckClient.withOutFilm)? false: true, envelopeCount: (workZoneCheckClient.withOutFilm)? false: true, staff: true, price: false, comment: false })\r\n }\r\n else if(typeId === 2){\r\n setInformNull({printType: false, phone: true, envelope: (workZoneCheckClient.withOutFilm)? false: true, envelopeCount: (workZoneCheckClient.withOutFilm)? false: true, staff: true, price: false, comment: false })\r\n }\r\n else if(typeId === 3){\r\n setInformNull({printType: false, phone: false, envelope: false, envelopeCount: false, staff: true, price: false, comment: true })\r\n }\r\n }\r\n\r\n \r\n\r\n const [error, setError] = useState('')\r\n\r\n \r\n\r\n const cutName = (name) =>{\r\n let cut = name.split(' ')\r\n if(cut.length === 3){\r\n return cut[0] + ' ' + cut[1] + ' ' + cut[2][0] + '.'\r\n }\r\n else return name\r\n }\r\n\r\n\r\n let selectListItem = (type, id, name) =>{\r\n if(type === 'staffList'){\r\n setInform({...inform, staff: {id: +id, name: name}})\r\n setEditInform({...editInform, staff: true})\r\n setOpenListBlock({name: '', block: ''})\r\n dispatch(setWorkZoneCheckLastStaff({id: +id, name: name}))\r\n }\r\n else if(type === 'printTypeList'){\r\n if(+id !== 2) setInform({...inform, printType: {id: +id, name: name}})\r\n else setInform({\r\n printType: {id: +id, name: name},\r\n client: {id: 0, phone: ''},\r\n envelope: {id: 0, articul: '', name: ''},\r\n envelopeCount: 1,\r\n staff: {id: 0, name: ''},\r\n price: '',\r\n comment: ''\r\n })\r\n setEditInform({...editInform, printType: true})\r\n setOpenListBlock({name: '', block: ''})\r\n setRequaredFieldsFunc(+id)\r\n console.log(informNull) \r\n }\r\n }\r\n\r\n const postData = async(event) =>{\r\n event.preventDefault();\r\n if(!clickAddBtn && (editInform.printType || editInform.envelope || editInform.envelopeCount || editInform.client || editInform.price || editInform.comment || editInform.staff)){\r\n let obj = { Id: workZoneCheckClient.id, formalized: true, lekaloId: workZoneCheckClient.lekaloId}\r\n setClickAddBtn(true)\r\n obj.article = +inform.envelope.articul\r\n obj.filmCount = inform.envelopeCount\r\n obj.garantyId = workZoneCheckClient.gurnateId\r\n // if(!inform.price) obj.Summ = 0\r\n // if(editInform.client || true) obj.phone = inform.client.phone\r\n // if((editInform.price && inform.price) || true) obj.Summ = inform.price\r\n // if(editInform.printType || true) obj.couseId = inform.printType.id\r\n // if(editInform.comment || true) obj.comment = inform.comment\r\n // if(editInform.staff || true) obj.workerId = inform.staff.id\r\n\r\n let printTypeId = inform.printType.id;\r\n if(printTypeId === 0 && inform.printType.name !== ''){\r\n printTypeId = printTypeListData.find(elem => elem.name === inform.printType.name).id\r\n }\r\n\r\n if(!inform.price) obj.Summ = 0 \r\n else obj.Summ = +inform.price\r\n if(inform.client.phone && inform.client.phone.replace(/\\D/g, '').length === 11) obj.phone = inform.client.phone\r\n // if(inform.client.phone) obj.phone = inform.client.phone\r\n if(inform.printType.name) obj.couseId = printTypeId;\r\n if(inform.comment) obj.comment = inform.comment\r\n if(inform.staff.name) obj.workerId = inform.staff.id\r\n setError('')\r\n\r\n const response = await fetch('/Place/EditPrint', {\r\n method: 'POST', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n body: JSON.stringify(obj)\r\n })\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n console.log(dat.value.isSuccess, dat.value)\r\n if(dat.value.isSuccess){\r\n dispatch(setWorkZoneHistoryDataEdit(dat.value.resultObject))\r\n dispatch(fetchWorkZoneCashbox())\r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setWorkZoneCheckClientReset())\r\n dispatch(setWorkZonePopupPrintType('interact')) \r\n }\r\n else{\r\n setError(dat.value.informMessage)\r\n }\r\n setClickAddBtn(false) \r\n }\r\n else{\r\n setClickAddBtn(false)\r\n }\r\n }\r\n else if(!clickAddBtn){\r\n setError('Изменений не найдено*')\r\n } \r\n }\r\n\r\n const getClientList = (event) =>{\r\n setInform({...inform, client: {...inform.client, phone: event.target.value}})\r\n if(event.target.value.length > 2){\r\n fetchSearchFunc('/Place/SearchClient?query=', event.target.value).then((value) =>{\r\n if(value.resultObject.length !== 0){\r\n setClientsData(value.resultObject)\r\n setOpenListBlock({name: 'PrintMoldGuranteList', block: event.target.parentNode})\r\n }\r\n }) \r\n }\r\n else{\r\n setClientsData([])\r\n setOpenListBlock({name: '', block: ''})\r\n }\r\n }\r\n\r\n const getEnvelopeList = (event) =>{\r\n setInform({...inform, envelope: {...inform.envelope, articul: event.target.value}})\r\n setEditInform({...editInform, envelope: true})\r\n if(event.target.value.length !== 0){\r\n fetchSearchFunc('/Place/SearchFilm?query=', event.target.value).then((value) =>{\r\n if(value.resultObject.length !== 0){\r\n setEnvelopeData(value.resultObject)\r\n setOpenListBlock({name: 'PrintMoldEnvelopeList', block: event.target.parentNode})\r\n }\r\n }) \r\n }\r\n else {\r\n setEnvelopeData([])\r\n setOpenListBlock({name: '', block: ''})\r\n }\r\n }\r\n\r\n let addSelectListItem = ({id, name}, key, type) =>{\r\n return(\r\n
selectListItem(type, id, name, key)}>\r\n {cutName(name)}\r\n
\r\n )\r\n }\r\n\r\n \r\n\r\n let addClentListItem = ({id, phone, date}, key) =>{\r\n return(\r\n
{\r\n setOpenListBlock({name: '', block: ''})\r\n dispatch(setWorkZoneCheckClientEdit({gurnateId: id}))\r\n fetchSearchFunc('/Place/getGarantiPrint?id=', id).then((value) =>{ \r\n if(value.resultObject !== null){\r\n setInform({...inform,\r\n client: {id: id, phone: phone},\r\n envelope: {id: value.resultObject.filmId, articul: value.resultObject.envelope, name: ''},\r\n envelopeCount: value.resultObject.envelopeCount,\r\n price: '',\r\n comment: (value.resultObject.comment !== null)? value.resultObject.comment: ''\r\n })\r\n setEditInform({\r\n printType: true,\r\n client: true,\r\n envelope: true,\r\n envelopeCount: true,\r\n staff: false,\r\n price: false,\r\n comment: true\r\n })\r\n setParrentKey((parrentKey==1)? 2: 1)\r\n }\r\n })\r\n }}>\r\n {phone} (срок: {(date<0)? 0: date}) \r\n
\r\n )\r\n }\r\n\r\n let addEnvelopeListItem = ({id, article, name}, key) =>{\r\n return(\r\n
{\r\n setInform({...inform, envelope: {id, articul: article, name}})\r\n setEditInform({...editInform, envelope: true})\r\n setOpenListBlock({name: '', block: ''})\r\n }}>\r\n {/* {article} */}\r\n {name} ({article}) \r\n
\r\n )\r\n }\r\n const closePopup = (event) =>{ \r\n if(openListBlock.name !== '' && !event.target.classList.contains('popup-open-button')){\r\n let block = document.querySelector(`.${openListBlock.name}`)\r\n let clickBlock = event.target; \r\n if(clickBlock !== openListBlock.block && clickBlock !== block && !block.contains(clickBlock)){\r\n setOpenListBlock({name: '', block: ''})\r\n }\r\n }\r\n }\r\n\r\n\treturn (\r\n
closePopup(event)}>\r\n
\r\n
Печать
\r\n
{\r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setWorkZoneCheckClientReset())\r\n dispatch(setWorkZonePopupPrintType('interact'))\r\n sessionStorage.setItem('workZonePopupPrintType', 'interact')\r\n }}>
\r\n
\r\n
\r\n
\r\n\t)\r\n}\r\nexport default PrintMold;","import React from 'react';\r\nimport {useSelector, useDispatch} from 'react-redux';\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock } from '../../../redux/actions/popupBlocks';\r\n\r\nimport PrintMold from './PrintMold/PrintMold'\r\n\r\nimport './index.scss';\r\nimport { setWorkZoneCheckClientReset, setWorkZonePopupPrintType } from '../../../redux/actions/workZoneCheckData';\r\n\r\n\r\nconst Popup = () => {\r\n\r\n const dispatch = useDispatch()\r\n\r\n const {popupBack, openBlock} = useSelector(({ popupBlocks})=> {\r\n return {\r\n openBlock: popupBlocks.openBlock,\r\n popupBack: popupBlocks.popupBack\r\n\r\n }\r\n })\r\n\r\n const ClosePopup = (event) =>{\r\n if(event.currentTarget === event.target){\r\n console.log(openBlock)\r\n if(openBlock === 'PrintMold'){\r\n dispatch(setWorkZoneCheckClientReset())\r\n dispatch(setWorkZonePopupPrintType('interact'))\r\n sessionStorage.setItem('workZonePopupPrintType', 'interact')\r\n }\r\n\r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n }\r\n }\r\n\r\n\treturn (\r\n
\r\n
ClosePopup(event)}>\r\n {\r\n (openBlock === \"PrintMold\")?
\r\n : null\r\n }\r\n
\r\n
\r\n\t)\r\n}\r\nexport default Popup;","import React, {useState, useEffect} from 'react';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport { HttpTransportType, HubConnectionBuilder, LogLevel } from '@microsoft/signalr';\r\nimport { Route } from 'react-router-dom';\r\n\r\nimport Sidebar from './Sidebar/Sidebar';\r\nimport Header from './Header/Header';\r\nimport Workspase from './Workspase/Workspace';\r\nimport Clients from './Clients/Clients';\r\nimport History from './History/History';\r\nimport Popup from './Popup/Popup';\r\n\r\nimport { setPopupOpenBlock, setPopupOpenBlockEvent} from '../../redux/actions/popupBlocks';\r\nimport { setSiginalConnect } from '../../redux/actions/siginalConnect';\r\n\r\nimport './WorkZone.scss';\r\nimport { setNotificationActive, setSession } from './../../redux/actions/navigation';\r\n\r\n\r\nconst WorkZone = () => {\r\n\tconst dispatch = useDispatch()\r\n\tconst [connection, setConnection] = useState()\r\n\r\n\tconst {nav, role, openBlock, openBlockEvent, session} = useSelector(({navigation, popupBlocks})=> {\r\n return {\r\n nav: navigation.workZoneNav,\r\n role: navigation.role,\r\n session: navigation.session,\r\n openBlock: popupBlocks.openBlock,\r\n openBlockEvent: popupBlocks.openBlockEvent,\r\n }\r\n})\r\n\r\nlet access_token = (localStorage.getItem('save-autorize') === 'true'? localStorage.getItem('token'): sessionStorage.getItem('token'));\r\n const notific = async () => {\r\n\r\n const connection = new HubConnectionBuilder()\r\n //.withUrl('https://localhost:7119/chat', {accessTokenFactory: () => access_token, transport: HttpTransportType.WebSockets, skipNegotiation: true})\r\n .withUrl('https://bswork.pro/chat', {accessTokenFactory: () => access_token, transport: HttpTransportType.WebSockets, skipNegotiation: true})\r\n .configureLogging(LogLevel.Information)\r\n .build();\r\n\r\n connection.on(\"WorkZoneNotificationAdd\", (data) => {\r\n dispatch(setSiginalConnect({type: 'new-notification', obj: {elem: data}}))\r\n dispatch(setNotificationActive(true))\r\n });\r\n \r\n await connection.start();\r\n setConnection(connection)\r\n\r\n }\r\n \r\n useEffect(() =>{\r\n if (role !== '') { \r\n notific()\r\n }\r\n }, [role])\r\n\r\n const closeConnection = async () => {\r\n try {\r\n await connection.stop();\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n }\r\n\r\n const closePopup = (event) =>{\r\n if(session !== 1) dispatch(setSession(1)) \r\n if(openBlock !== '' && !event.target.classList.contains('popup-open-button')){\r\n let block = document.querySelector(`.${openBlock}`)\r\n let clickBlock = event.target; \r\n if(clickBlock !== openBlockEvent && clickBlock !== block && block && !block.contains(clickBlock)){\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n }\r\n }\r\n }\r\n return (\r\n\t\t
\r\n closePopup(event)}>\r\n
\r\n \r\n \r\n \t\t\t\t\t\r\n
\r\n \r\n\t)\r\n}\r\n\r\nexport default WorkZone;","import React, { useEffect, useState } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {} from '../../../redux/actions/filters';\r\nimport { fetchModeratorCatalog } from '../../../redux/actions/moderatorData';\r\nimport { setPopupOpenBlock, setPopupOpenBlockEvent } from '../../../redux/actions/popupBlocks';\r\nimport './Search.scss';\r\n\r\nconst Search = () => {\r\n const dispatch = useDispatch()\r\n const {navigation, openBlock, warehouseHomeData, warehouseLeadersData, warehouseLeaderPointsData, warehouseLeaderPointDetailData, warehouseOrderHistoryData, warehouseOrderHistoryDetailData} = useSelector(({navigation, warehouseData, popupBlocks})=> {\r\n return {\r\n navigation: navigation.warehouseNav,\r\n openBlock: popupBlocks.openBlock,\r\n warehouseHomeData: warehouseData.warehouseHomeData,\r\n warehouseLeadersData: warehouseData.warehouseLeadersData,\r\n warehouseLeaderPointsData: warehouseData.warehouseLeaderPointsData,\r\n warehouseLeaderPointDetailData: warehouseData.warehouseLeaderPointDetailData,\r\n warehouseOrderHistoryData: warehouseData.warehouseOrderHistoryData,\r\n warehouseOrderHistoryDetailData: warehouseData.warehouseOrderHistoryDetailData\r\n }\r\n })\r\n\r\n\r\n let [searchList, setSearchList] = useState([]);\r\n let [inputValue, setInputValue] = useState('');\r\n \r\n useEffect(()=>{\r\n setInputValue('')\r\n setSearchList([])\r\n }, [openBlock])\r\n\r\n const scrollToHome = (id) =>{\r\n let elem = document.querySelector(`.warehouse__home-table-line-${id}`);\r\n elem.classList.add(\"active\");\r\n setTimeout(()=>{\r\n elem.classList.remove(\"active\");\r\n }, 3000)\r\n // console.log(elem)\r\n scrollTo(document.querySelector('.warehouse__home-table'), +elem.offsetTop - +document.querySelector('.warehouse__home-table').offsetTop, 1000)\r\n }\r\n\r\n const scrollToLeaders = (id) =>{\r\n let elem = document.querySelector(`.warehouse__leaders-line-${id}`);\r\n elem.classList.add(\"active\");\r\n setTimeout(()=>{\r\n elem.classList.remove(\"active\");\r\n }, 3000)\r\n // console.log(elem)\r\n scrollTo(document.querySelector('.warehouse__leaders-table'), +elem.offsetTop - +document.querySelector('.warehouse__leaders-table').offsetTop, 1000)\r\n }\r\n\r\n const scrollToLeaderDetail = (id) =>{\r\n let elem = document.querySelector(`.warehouse__leader-detail-line-${id}`);\r\n elem.classList.add(\"active\");\r\n setTimeout(()=>{\r\n elem.classList.remove(\"active\");\r\n }, 3000)\r\n scrollTo(document.querySelector('.warehouse__leader-detail-table'), +elem.offsetTop - +document.querySelector('.warehouse__leader-detail-table').offsetTop, 1000)\r\n }\r\n\r\n const scrollToPointDeatail = (id) =>{\r\n console.log(id)\r\n let elem = document.querySelector(`.warehouse__leader-point-detail-line-${id}`);\r\n elem.classList.add(\"active\");\r\n setTimeout(()=>{\r\n elem.classList.remove(\"active\");\r\n }, 3000)\r\n scrollTo(document.querySelector('.warehouse__leader-point-detail-table'), +elem.offsetTop - +document.querySelector('.warehouse__leader-point-detail-table').offsetTop, 1000)\r\n }\r\n\r\n const scrollToOrderHistory = (id) =>{\r\n let elem = document.querySelector(`.warehouse__order-history-line-${id}`);\r\n // console.log(elem)\r\n elem.classList.add(\"active\");\r\n setTimeout(()=>{\r\n elem.classList.remove(\"active\");\r\n }, 3000)\r\n scrollTo(document.querySelector('.warehouse__order-history-table'), +elem.offsetTop - +document.querySelector('.warehouse__order-history-table').offsetTop, 1000)\r\n }\r\n\r\n const scrollToOrderHistoryDetail = (id) =>{\r\n let elem = document.querySelector(`.warehouse__order-history-detail-line-${id}`);\r\n // console.log(elem)\r\n elem.classList.add(\"active\");\r\n setTimeout(()=>{\r\n elem.classList.remove(\"active\");\r\n }, 3000)\r\n scrollTo(document.querySelector('.warehouse__order-history-detail-table'), +elem.offsetTop - +document.querySelector('.warehouse__order-history-detail-table').offsetTop, 1000)\r\n }\r\n\r\n function scrollTo(element, to, duration) {\r\n // console.log(element, to)\r\n var start = element.scrollTop,\r\n change = to - start,\r\n currentTime = 0,\r\n increment = 20;\r\n \r\n var animateScroll = function(){ \r\n currentTime += increment;\r\n var val = Math.easeInOutQuad(currentTime, start, change, duration);\r\n element.scrollTop = val;\r\n if(currentTime < duration) {\r\n setTimeout(animateScroll, increment);\r\n }\r\n };\r\n animateScroll();\r\n }\r\n \r\n Math.easeInOutQuad = function (t, b, c, d) {\r\n t /= d/2;\r\n if (t < 1) return c/2*t*t + b;\r\n t--;\r\n return -c/2 * (t*(t-2) - 1) + b;\r\n };\r\n\r\n const addListItem = (item, key, type) =>{\r\n if(navigation === 'Home'){\r\n return( \r\n
{\r\n scrollToHome(item.id)\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n setInputValue('')\r\n }}>\r\n
\r\n
\r\n
{item.article},
\r\n
{item.name}
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n else if(navigation === 'Leaders'){\r\n return( \r\n
{\r\n scrollToLeaders(item.id)\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n setInputValue('')\r\n }}>\r\n
\r\n
\r\n )\r\n }\r\n else if(navigation === 'LeaderDetail'){\r\n return( \r\n
{\r\n scrollToLeaderDetail(item.id)\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n setInputValue('')\r\n }}>\r\n
\r\n
\r\n )\r\n }\r\n else if(navigation === 'LeaderPointDetail'){\r\n return( \r\n
{\r\n console.log(item)\r\n scrollToPointDeatail(item.article)\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n setInputValue('')\r\n }}>\r\n
\r\n
\r\n
{item.article},
\r\n
{item.name}
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n else if(navigation === 'OrderHistory'){\r\n return( \r\n
{\r\n scrollToOrderHistory(item.id)\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n setInputValue('')\r\n }}>\r\n
\r\n
\r\n
Заказ №{item.id},
\r\n
{item.date}
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n else if(navigation === 'OrderHistoryDetail'){\r\n return( \r\n
{\r\n scrollToOrderHistoryDetail(item.id)\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n setInputValue('')\r\n }}>\r\n
\r\n
\r\n
{item.article},
\r\n
{item.name}
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n }\r\n\r\n\r\n const searchInput = (event) =>{\r\n let val = event.target.value;\r\n setInputValue(val)\r\n let data = []\r\n if(val.length > 0){\r\n if(navigation === \"Home\"){\r\n for(let item of warehouseHomeData){\r\n if(item.name.toLowerCase().search(val.toLowerCase()) !== -1 || `${item.article}`.search(val) !== -1){\r\n data.push(item)\r\n } \r\n }\r\n }\r\n else if(navigation === \"Leaders\"){\r\n for(let item of warehouseLeadersData){\r\n if(item.name.toLowerCase().search(val.toLowerCase()) !== -1){\r\n data.push(item)\r\n } \r\n }\r\n }\r\n else if(navigation === \"LeaderDetail\"){\r\n for(let item of warehouseLeaderPointsData){\r\n if(item.name.toLowerCase().search(val.toLowerCase()) !== -1){\r\n data.push(item)\r\n } \r\n }\r\n }\r\n else if(navigation === \"LeaderPointDetail\"){\r\n for(let item of warehouseLeaderPointDetailData){\r\n if(item.name.toLowerCase().search(val.toLowerCase()) !== -1 || `${item.article}`.search(val) !== -1){\r\n data.push(item)\r\n } \r\n }\r\n }\r\n else if(navigation === \"OrderHistory\"){\r\n for(let item of warehouseOrderHistoryData){\r\n if(item.date.search(val) !== -1 || `${item.id}`.search(val) !== -1){\r\n data.push(item)\r\n } \r\n }\r\n }\r\n else if(navigation === \"OrderHistoryDetail\"){\r\n for(let item of warehouseOrderHistoryDetailData){\r\n if(item.name.toLowerCase().search(val.toLowerCase()) !== -1 || `${item.article}`.search(val) !== -1){\r\n data.push(item)\r\n } \r\n }\r\n }\r\n }\r\n else{\r\n dispatch(setPopupOpenBlock(''))\r\n }\r\n if(data.length !== 0) dispatch(setPopupOpenBlock('warehouseSearchBlock'))\r\n setSearchList(data)\r\n }\r\n\treturn (\r\n
{\r\n if(openBlock !== 'warehouseSearchBlock'){\r\n dispatch(setPopupOpenBlock('warehouseSearchBlock'))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n event.currentTarget.querySelector('input').focus()\r\n }\r\n }}>\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n setInputValue('')\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n }}/>\r\n
\r\n
\r\n
\r\n Возможно вы ищете\r\n
\r\n
\r\n {\r\n searchList.map((item, key) => addListItem(item, key, 'searchList'))\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n\t)\r\n}\r\n\r\nexport default Search;","import React, { useState, useEffect } from 'react';\r\nimport Search from '../Search/Search';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport { setPopupOpenBlock, setPopupOpenBlockEvent} from '../../../redux/actions/popupBlocks';\r\nimport {setRole, setWarehouseNav} from '../../../redux/actions/navigation';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport './Header-1.0.scss';\r\n\r\nconst Header = ({status}) => {\r\n const dispatch = useDispatch();\r\n\r\n const { openBlock, userData, nav } = useSelector(({popupBlocks, navigation})=> {\r\n return {\r\n openBlock: popupBlocks.openBlock,\r\n userData: navigation.user,\r\n nav: navigation.warehouseNav,\r\n }\r\n })\r\n // useEffect(()=>{\r\n // dispatch(fetchWorkZoneCashbox())\r\n // dispatch(fetchWorkZoneNotification())\r\n // }, [])\r\n\r\n \treturn (\r\n\t\t
\r\n \r\n
\r\n
\r\n
{\r\n dispatch(setWarehouseNav('Home'))\r\n sessionStorage.setItem('warehousePage', 'Home')\r\n }}>\r\n
\r\n \r\n
{\r\n dispatch(setWarehouseNav('Leaders'))\r\n sessionStorage.setItem('warehousePage', 'Leaders')\r\n }}>\r\n
\r\n \r\n
\r\n
\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === \"warehouseUserMenu\")? \"\": \"warehouseUserMenu\"))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n \r\n }}>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{userData.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 {userData.name} \r\n
\r\n
\r\n
{\r\n localStorage.setItem('token', '') \r\n localStorage.setItem('role', '')\r\n sessionStorage.setItem('token', '') \r\n sessionStorage.setItem('role', '')\r\n sessionStorage.setItem('warehousePage', 'Home')\r\n dispatch(setRole(''))\r\n }}>\r\n
\r\n
Выйти из аккаунта
\r\n
\r\n
\r\n
\r\n
\r\n\t)\r\n}\r\nexport default Header;","export const setWarehouseHomeData = (item) => ({\r\n type: 'SET_WAREHOUSE_HOME_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseHomeDataAdd = (item) => ({\r\n type: 'SET_WAREHOUSE_HOME_DATA_ADD',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseHomeDataEdit = (item) => ({\r\n type: 'SET_WAREHOUSE_HOME_DATA_EDIT',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseHomeDataDelete = (item) => ({\r\n type: 'SET_WAREHOUSE_HOME_DATA_DELETE',\r\n id: item\r\n});\r\n\r\nexport const setWarehouseLeadersData = (item) => ({\r\n type: 'SET_WAREHOUSE_LEADERS_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseLeaderPointsData = (item) => ({\r\n type: 'SET_WAREHOUSE_LEADER_POINTS_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseLeaderPointDetailData = (item) => ({\r\n type: 'SET_WAREHOUSE_LEADER_POINT_DETAIL_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseOrderHistoryData = (item) => ({\r\n type: 'SET_WAREHOUSE_ORDER_HISTORY_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseOrderHistoryDataEdit = (item) => ({\r\n type: 'SET_WAREHOUSE_ORDER_HISTORY_DATA_EDIT',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseOrderHistoryDetailData = (item) => ({\r\n type: 'SET_WAREHOUSE_ORDER_HISTORY_DETAIL_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setLeadersListData = (item) => ({\r\n type: 'SET_LEADERS_LIST_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWarehousePointsListData = (item) => ({\r\n type: 'SET_POINTS_LIST_DATA',\r\n payload: item\r\n});\r\n\r\n\r\n\r\n\r\nasync function post(url, type, data = null){\r\n let response = await fetch(url, {\r\n method: type, \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n body: JSON.stringify(data)\r\n })\r\n if (response.ok === true) {\r\n const user = await response.json();\r\n return user\r\n }\r\n else{\r\n localStorage.setItem('role', '')\r\n }\r\n}\r\n\r\nasync function postNotData(url, type){\r\n let response = await fetch(url, {\r\n method: type, \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n })\r\n if (response.ok === true) {\r\n const user = await response.json();\r\n // console.log(user.value.resultObject)\r\n return user\r\n }\r\n else{\r\n return response.json();\r\n }\r\n}\r\n\r\nexport const fetchWarehouseHomeData = () => (dispatch) =>{\r\n postNotData(`/stock/getStockFilms`, \"GET\").then((response)=> {\r\n dispatch(setWarehouseHomeData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n}\r\n\r\nexport const fetchWarehouseLeadersData = () => (dispatch) =>{\r\n postNotData(`/stock/getDirectots`, \"GET\").then((response)=> {\r\n dispatch(setWarehouseLeadersData((response.value.resultObject === null)? '': response.value.resultObject))\r\n }) \r\n}\r\n\r\nexport const fetchWarehouseLeaderPointsData = (id) => (dispatch) =>{\r\n postNotData(`/stock/getPlace?id=${id}`, \"GET\").then((response)=> {\r\n dispatch(setWarehouseLeaderPointsData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n}\r\n\r\nexport const fetchWarehouseLeaderPointDetailData = (id) => (dispatch) =>{\r\n postNotData(`/stock/getPlaceStock?id=${id}`, \"GET\").then((response)=> {\r\n dispatch(setWarehouseLeaderPointDetailData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n}\r\n\r\nexport const fetchWarehouseOrderHistoryData = (id) => (dispatch) =>{\r\n postNotData(`/stock/getStockHistory?id=${id}`, \"GET\").then((response)=> {\r\n dispatch(setWarehouseOrderHistoryData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n}\r\n\r\nexport const fetchWarehouseOrderHistoryDetailData = (id) => (dispatch) =>{\r\n postNotData(`/stock/getPackpage?id=${id}`, \"GET\").then((response)=> {\r\n dispatch(setWarehouseOrderHistoryDetailData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n}\r\n\r\nexport const fetchLeadersListData = () => (dispatch) =>{\r\n postNotData(`/stock/getDirectots`, \"GET\").then((response)=> {\r\n dispatch(setLeadersListData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n}\r\n\r\nexport const fetchPointsListData = (id) => (dispatch) =>{\r\n postNotData(`/stock/getPlace?id=${id}`, \"GET\").then((response)=> {\r\n dispatch(setWarehousePointsListData((response.value.resultObject === null)? []: response.value.resultObject))\r\n })\r\n}","export const setWarehouseHomeTransferEnvelopeCheckData = (item) => ({\r\n type: 'SET_WAREHOUSE_TRANSFER_CHECK_DATA',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseLeaderCheck = (item) => ({\r\n type: 'SET_WAREHOUSE_LEADER_CHECK',\r\n payload: item\r\n});\r\n\r\nexport const setWarehousePointCheck = (item) => ({\r\n type: 'SET_WAREHOUSE_POINT_CHECK',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseHistoryOrderCheck = (item) => ({\r\n type: 'SET_WAREHOUSE_HISTORY_ORDER_CHECK',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseEnvelopeSort = (item) => ({\r\n type: 'SET_WAREHOUSE_ENVELOPE_SORT',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseEditEnvelopeCheck = (item) => ({\r\n type: 'SET_WAREHOUSE_EDIT_ENVELOPE_CHECK',\r\n payload: item\r\n});\r\n\r\nexport const setWarehouseHomeTransferLeaderCheck = (item) => ({\r\n type: 'SET_WAREHOUSE_HOME_TRANSFER_LEADER_CHECK',\r\n payload: item\r\n});\r\n","import { event } from 'jquery';\r\nimport React, {useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock} from '../../../../redux/actions/popupBlocks';\r\nimport { setWarehouseHomeDataAdd } from '../../../../redux/actions/warehouseData';\r\n\r\nimport './index.scss';\r\nimport { setWarehouseHomeDataEdit } from './../../../../redux/actions/warehouseData';\r\nimport { setWarehouseEditEnvelopeCheck } from '../../../../redux/actions/warehouseCheckData';\r\n\r\nconst AddEnvelope = () => {\r\n const dispatch = useDispatch()\r\n\r\n const {warehouseEditEnvelopeCheck} = useSelector(({warehouseCheckData})=> {\r\n return {\r\n warehouseEditEnvelopeCheck: warehouseCheckData.warehouseEditEnvelopeCheck\r\n }\r\n })\r\n\r\n const [inform, setInform] = useState((warehouseEditEnvelopeCheck.id !== 0)? warehouseEditEnvelopeCheck: {\r\n id: 0,\r\n name: '',\r\n article: '',\r\n count: '',\r\n summ: '',\r\n })\r\n \r\n const [isEdit] = useState(warehouseEditEnvelopeCheck.id !== 0)\r\n const [error, setError] = useState('')\r\n const [clickAddBtn, setClickAddBtn] = useState(false)\r\n\r\n const postDataFunc = async(url, data) =>{\r\n const response = await fetch(url, {\r\n method: 'POST', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n body: JSON.stringify(data)\r\n })\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n return dat.value.resultObject; \r\n }\r\n else return false\r\n }\r\n\r\n const fetchGet = async(url, query='')=>{\r\n const response = await fetch(url + query, {\r\n method: 'GET', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n }\r\n })\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n return dat.value\r\n }\r\n }\r\n \r\n const postData = async(event) =>{\r\n event.preventDefault()\r\n if((!clickAddBtn && inform.name !== '' && inform.article !== '' && inform.count !== '' && inform.summ !== '') || (!clickAddBtn && isEdit && inform.name !== '')){\r\n setClickAddBtn(true)\r\n if(!isEdit){\r\n postDataFunc('/stock/addFilms', inform).then((obj) =>{\r\n if(obj){\r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setWarehouseHomeDataAdd(obj))\r\n setError('') \r\n }\r\n setClickAddBtn(false)\r\n })\r\n }\r\n else{\r\n // console.log({id: warehouseEditEnvelopeCheck.id, name: inform.name}, warehouseEditEnvelopeCheck.name)\r\n fetchGet(`/stock/renameFilm?filmId=`, `${warehouseEditEnvelopeCheck.filmId}&name=${inform.name}`).then((obj) =>{\r\n if(obj){\r\n dispatch(setWarehouseHomeDataEdit({...warehouseEditEnvelopeCheck, name: inform.name}))\r\n dispatch(setWarehouseEditEnvelopeCheck({id: 0, name: '', article: '', count: '', filmId: '', summ: ''}))\r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n setError('') \r\n }\r\n setClickAddBtn(false)\r\n })\r\n }\r\n }\r\n else{\r\n setError('Необходимо заполнить все поля*')\r\n }\r\n }\r\n\r\n\treturn (\r\n
\r\n
\r\n
{(isEdit)? 'Редактирование': 'Добавление'}
\r\n
{\r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n }}>
\r\n
\r\n
\r\n
\r\n\t)\r\n}\r\nexport default AddEnvelope;","import React, {useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock, setPopupOpenBlockEvent} from '../../../../redux/actions/popupBlocks';\r\nimport { fetchLeadersListData, fetchPointsListData, fetchWarehouseHomeData } from '../../../../redux/actions/warehouseData';\r\n\r\nimport './index.scss';\r\nimport { setWarehouseHomeTransferLeaderCheck } from './../../../../redux/actions/warehouseCheckData';\r\nimport { setWarehousePointsListData } from './../../../../redux/actions/warehouseData';\r\n\r\nconst TransferEnvelope = () => {\r\n const dispatch = useDispatch()\r\n \r\n const {warehouseLadersListlData, warehouseTransferEnvelopeCheck, warehousePointsListlData, warehouseHomeTransferLeaderCheck} = useSelector(({warehouseData, warehouseCheckData})=> {\r\n return {\r\n warehouseLadersListlData: warehouseData.warehouseLadersListlData,\r\n warehouseTransferEnvelopeCheck: warehouseCheckData.warehouseTransferEnvelopeCheck,\r\n warehouseHomeTransferLeaderCheck: warehouseCheckData.warehouseHomeTransferLeaderCheck,\r\n warehousePointsListlData: warehouseData.warehousePointsListlData,\r\n }\r\n })\r\n\r\n useEffect(()=>{\r\n if(warehouseLadersListlData.length === 0) dispatch(fetchLeadersListData())\r\n dispatch(setWarehouseHomeTransferLeaderCheck({id: 0, name: ''}))\r\n dispatch(setWarehousePointsListData([]))\r\n }, [])\r\n\r\n useEffect(()=>{\r\n if(warehouseHomeTransferLeaderCheck.id !== 0) {\r\n dispatch(fetchPointsListData(warehouseHomeTransferLeaderCheck.id)) \r\n }\r\n }, [warehouseHomeTransferLeaderCheck])\r\n\r\n const [leaderListIsActive, setLeaderListIsActive] = useState({elem: '', name: ''})\r\n const [pointListIsActive, setPointListIsActive] = useState({elem: '', name: ''})\r\n const [error, setError] = useState('')\r\n const [leaderListData, setLeaderListData] = useState([])\r\n const [pointsListData, setPointsListData] = useState([])\r\n const [selectLeader, setSelectLeader] = useState({id: 0, name: ''})\r\n const [selectPoint, setSelectPoint] = useState({id: 0, name: ''})\r\n const [clickAddBtn, setClickAddBtn] = useState(false)\r\n\r\n const postData = async(event) =>{\r\n event.preventDefault()\r\n if(!clickAddBtn){\r\n setClickAddBtn(true)\r\n const response = await fetch('/stock/sendFilms', {\r\n method: 'POST', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n 'Content-Type': 'application/json',\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n },\r\n body: JSON.stringify({directotId: selectLeader.id, films: warehouseTransferEnvelopeCheck, placeId: (selectPoint.id === 0)? null: selectPoint.id})\r\n })\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(fetchWarehouseHomeData())\r\n setError('')\r\n setClickAddBtn(false) \r\n }\r\n else{\r\n setClickAddBtn(false)\r\n }\r\n }\r\n }\r\n\r\n const CloseSelectList = (event) =>{\r\n if(leaderListIsActive.name !== '' && !event.target.classList.contains('popup-open-button')){\r\n let block = document.querySelector(`.${leaderListIsActive.name}`)\r\n let clickBlock = event.target; \r\n if(clickBlock !== leaderListIsActive.elem && clickBlock !== block && !block.contains(clickBlock)){\r\n setLeaderListIsActive({elem: '', name: ''})\r\n }\r\n \r\n }\r\n\r\n if(pointListIsActive.name !== '' && !event.target.classList.contains('popup-open-button')){\r\n let block = document.querySelector(`.${pointListIsActive.name}`)\r\n let clickBlock = event.target; \r\n if(clickBlock !== pointListIsActive.elem && clickBlock !== block && !block.contains(clickBlock)){\r\n setPointListIsActive({elem: '', name: ''})\r\n }\r\n \r\n }\r\n }\r\n\r\n const AddSelectList = (item, key) => {\r\n let {id, name} = item;\r\n return(\r\n
{\r\n setLeaderListIsActive({elem: '', name: ''})\r\n setSelectLeader({id, name})\r\n dispatch(setWarehouseHomeTransferLeaderCheck({id, name}))\r\n }}>{name}
\r\n )\r\n }\r\n\r\n const searchInputFunc = (event) =>{\r\n let val = event.target.value;\r\n setSelectLeader({id: 0, name: val})\r\n if(val !== ''){\r\n let data = warehouseLadersListlData.filter((item) => item.name.toLocaleLowerCase().search(val.toLocaleLowerCase()) !== -1)\r\n setLeaderListData(data)\r\n }\r\n else{\r\n setLeaderListData([])\r\n }\r\n }\r\n\r\n const AddSelectPointsList = (item, key) => {\r\n let {id, name} = item;\r\n return(\r\n
{\r\n setPointListIsActive({elem: '', name: ''})\r\n setSelectPoint({id, name})\r\n // dispatch(setWarehouseHomeTransferLeaderCheck({id, name}))\r\n }}>{name}
\r\n )\r\n }\r\n\r\n const searchInputPointsFunc = (event) =>{\r\n let val = event.target.value;\r\n setSelectPoint({id: 0, name: val})\r\n if(val !== ''){\r\n let data = warehousePointsListlData.filter((item) => item.name.toLocaleLowerCase().search(val.toLocaleLowerCase()) !== -1)\r\n setPointsListData(data)\r\n }\r\n else{\r\n setPointsListData([])\r\n }\r\n }\r\n\r\n\treturn (\r\n
\r\n
\r\n
Печать
\r\n
{\r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n }}>
\r\n
\r\n
\r\n
\r\n\t)\r\n}\r\nexport default TransferEnvelope;","import React from 'react';\r\nimport {useSelector, useDispatch} from 'react-redux';\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock } from '../../../redux/actions/popupBlocks';\r\n\r\nimport AddEnvelope from './AddEnvelope/AddEnvelope'\r\nimport TransferEnvelope from './TransferEnvelope/TransferEnvelope';\r\n\r\nimport './index-1.0.scss';\r\n\r\n\r\nconst Popup = () => {\r\n\r\n const dispatch = useDispatch()\r\n\r\n const {popupBack, openBlock} = useSelector(({ popupBlocks})=> {\r\n return {\r\n openBlock: popupBlocks.openBlock,\r\n popupBack: popupBlocks.popupBack\r\n\r\n }\r\n })\r\n\r\n const ClosePopup = (event) =>{\r\n if(event.currentTarget === event.target){\r\n dispatch(setPopupBackgroundFunc(false))\r\n dispatch(setPopupOpenBlock(''))\r\n }\r\n }\r\n\r\n\treturn (\r\n
\r\n
ClosePopup(event)}>\r\n {\r\n (openBlock === \"WarehouseAddEnvelope\")?
\r\n :(openBlock === \"warehouseTransferEnvelope\")?
\r\n : null\r\n }\r\n
\r\n
\r\n\t)\r\n}\r\nexport default Popup;","import { slice } from '@amcharts/amcharts4/.internal/core/utils/Array';\r\nimport React, { useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector } from 'react-redux';\r\nimport { setPopupBackgroundFunc, setPopupOpenBlock, setPopupOpenBlockEvent, setWarehousePopupMenuPage } from '../../../redux/actions/popupBlocks';\r\nimport { setWarehouseEditEnvelopeCheck, setWarehouseHomeTransferEnvelopeCheckData } from '../../../redux/actions/warehouseCheckData';\r\nimport { fetchWarehouseHomeData, setWarehouseHomeDataDelete, setWarehouseHomeDataEdit } from '../../../redux/actions/warehouseData';\r\nimport './index-1.0.scss';\r\nimport { setWarehouseHomeData } from './../../../redux/actions/warehouseData';\r\nimport { setWarehouseEnvelopeSort } from './../../../redux/actions/warehouseCheckData';\r\nimport { setWarehouseNav } from './../../../redux/actions/navigation';\r\n\r\nconst Home = () => {\r\n\r\n const dispatch = useDispatch();\r\n const {warehouseHomeData, openBlock, warehousePopupMenuPage, warehouseEnvelopeSort} = useSelector(({warehouseData, popupBlocks, warehouseCheckData})=> {\r\n return {\r\n warehouseHomeData: warehouseData.warehouseHomeData,\r\n openBlock: popupBlocks.openBlock,\r\n warehousePopupMenuPage: popupBlocks.warehousePopupMenuPage,\r\n warehouseEnvelopeSort: warehouseCheckData.warehouseEnvelopeSort\r\n }\r\n })\r\n \r\n useEffect(()=>{\r\n dispatch(fetchWarehouseHomeData())\r\n dispatch(setWarehouseEnvelopeSort({type: '', name: ''}))\r\n dispatch(setWarehouseNav('Home'))\r\n sessionStorage.setItem('warehousePage', 'Home')\r\n }, [])\r\n\r\n const [transferEnvelopeCheck, setTransferEnvelopeCheck] = useState([])\r\n const [transferEnvelopeCheckNull, setTransferEnvelopeCheckNull] = useState([])\r\n const [transferActive, setTransferActive] = useState(false)\r\n const [envelopeWriteOffCount, setEnvelopeWriteOffCount] = useState('')\r\n const [error, setError] = useState('')\r\n\r\n const fetchGet = async(url, query='')=>{\r\n const response = await fetch(url + query, {\r\n method: 'GET', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n }\r\n })\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n return dat.value\r\n }\r\n }\r\n\r\n const onInputEnvelopeCount = (event, elem, id) =>{\r\n document.querySelector(elem).innerText = +event.target.value;\r\n event.target.value = +event.target.value;\r\n event.target.style.width = document.querySelector(elem).offsetWidth + 'px';\r\n let index = transferEnvelopeCheck.findIndex(x => x.elemId === id)\r\n let data = transferEnvelopeCheck.slice();\r\n data[index] = {...data[index], count: +event.target.value}\r\n setTransferEnvelopeCheck(data)\r\n }\r\n\r\n const CheckTransferElem = (id, filmId) =>{\r\n if(!transferActive) setTransferActive(true)\r\n let index = transferEnvelopeCheck.findIndex(x => x.elemId === id)\r\n if(index !== -1){\r\n let data = transferEnvelopeCheck.slice(); \r\n data.splice(index, 1)\r\n setTransferEnvelopeCheck(data)\r\n\r\n }\r\n else{\r\n setTransferEnvelopeCheck([...transferEnvelopeCheck, {elemId: id, id: filmId, count: 0}])\r\n }\r\n }\r\n\r\n const CheckTransferElemFull = () =>{\r\n if(!transferActive) setTransferActive(true)\r\n if(warehouseHomeData.length !== transferEnvelopeCheck.length){\r\n let data = transferEnvelopeCheck.slice();\r\n warehouseHomeData.forEach(({id, filmId}) =>{\r\n if(transferEnvelopeCheck.findIndex(item => item.elemId === id) === -1){\r\n data.push({elemId: id, id: filmId, count: 0})\r\n }\r\n \r\n })\r\n setTransferEnvelopeCheck(data)\r\n }\r\n else{\r\n setTransferEnvelopeCheck([])\r\n }\r\n }\r\n\r\n const EnvelopeWriteOffFunc = (id, count) =>{\r\n if(envelopeWriteOffCount > 0 && envelopeWriteOffCount !== ''){\r\n if(count >= envelopeWriteOffCount){\r\n fetchGet(`/stock/minusFilm?id=`, `${id}&count=${envelopeWriteOffCount}`).then((dat)=>{\r\n // console.log(dat.resultObject)\r\n setEnvelopeWriteOffCount('')\r\n dispatch(setWarehouseHomeDataEdit(dat.resultObject))\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n dispatch(setWarehousePopupMenuPage('main'))\r\n setError('')\r\n })\r\n }\r\n else setError('Недостаточно пленок для списания*')\r\n }\r\n }\r\n\r\n const EnvelopeDeleteFunc = (id) =>{\r\n fetchGet(`/stock/removeFilm?id=`, `${id}`).then((dat)=>{\r\n // console.log(dat)\r\n dispatch(setWarehouseHomeDataDelete(id))\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n dispatch(setWarehousePopupMenuPage('main'))\r\n })\r\n }\r\n\r\n function sortByMass(arr, name, type) {\r\n console.log(type)\r\n if(type === 'ascending'){\r\n return arr.sort((a, b) => +a[name] > +b[name] ? 1 : -1);\r\n }\r\n else{\r\n return arr.sort((a, b) => +a[name] < +b[name] ? 1 : -1);\r\n } \r\n }\r\n\r\n let sortByFunc = (arr, name) =>{ \r\n if(warehouseEnvelopeSort.name === '' || warehouseEnvelopeSort.name !== name){\r\n dispatch(setWarehouseHomeData(sortByMass(arr, name, 'ascending')))\r\n dispatch(setWarehouseEnvelopeSort({type: 'ascending', name: name}))\r\n }\r\n else{ \r\n dispatch(setWarehouseHomeData(sortByMass(arr, name, (warehouseEnvelopeSort.type === 'ascending')? 'descending':'ascending')))\r\n dispatch(setWarehouseEnvelopeSort({type: (warehouseEnvelopeSort.type === 'ascending')? 'descending':'ascending', name: name}))\r\n }\r\n \r\n }\r\n\r\n const addTableItem = (elem, key) =>{\r\n let {id, article, name, count, filmId} = elem; \r\n return(\r\n
x.id === id) !== -1)? 'border-red': ''} warehouse__home-table-line-${id}`} key={key} onClick={()=>{\r\n let index = transferEnvelopeCheckNull.findIndex(x => x.id === id)\r\n if(index !== -1){\r\n let data = transferEnvelopeCheckNull.slice()\r\n data.splice(index, 1)\r\n setTransferEnvelopeCheckNull(data)\r\n if(data.length === 0) setError('')\r\n }\r\n }}>\r\n
x.elemId === id)!== -1)? 'active': ''}`} onClick={()=>CheckTransferElem(id, filmId)}>
\r\n
#{article}
\r\n
{name}
\r\n
{if(transferActive) event.currentTarget.querySelector('input').focus()}}>\r\n {\r\n (transferActive)?(\r\n \r\n ({count} шт) \r\n \r\n ): `${count} шт`\r\n }\r\n
\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === `warehouseHomeTableElemMenu_${id}`)? \"\": `warehouseHomeTableElemMenu_${id}`))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n }}>
\r\n
\r\n
\r\n
{\r\n dispatch(setWarehouseEditEnvelopeCheck(elem))\r\n dispatch(setPopupOpenBlock((openBlock === \"WarehouseAddEnvelope\")? \"\": \"WarehouseAddEnvelope\"))\r\n dispatch(setPopupBackgroundFunc(true))\r\n }}>\r\n
\r\n
Редактировать
\r\n
\r\n\r\n
\r\n\r\n
dispatch(setWarehousePopupMenuPage('writeoff'))}>\r\n
\r\n
Списать количество
\r\n
\r\n\r\n
\r\n \r\n
dispatch(setWarehousePopupMenuPage('delete'))}>\r\n
\r\n
Удалить
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Списать количество
\r\n
\r\n
\r\n
\r\n
\r\n
EnvelopeWriteOffFunc(id, count)}>Списать
\r\n
dispatch(setWarehousePopupMenuPage('main'))}>Отмена
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Удалить артикул?
\r\n
\r\n
\r\n
EnvelopeDeleteFunc(id)}>Удалить
\r\n
dispatch(setWarehousePopupMenuPage('main'))}>Отмена
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n\r\n\treturn (\r\n
\r\n \r\n
\r\n
Склад
\r\n
\r\n
{error}
\r\n
{\r\n let data = transferEnvelopeCheck.filter((item)=> item.count > 0 && item.count !== '')\r\n let fullData = warehouseHomeData.slice()\r\n let countNullObj = [];\r\n data.forEach((item)=>{\r\n countNullObj = [...countNullObj, ...fullData.filter((elem)=> elem.id === item.elemId && elem.count < item.count)]\r\n })\r\n if(data.length > 0){\r\n if(countNullObj.length === 0){\r\n setError('')\r\n dispatch(setWarehouseHomeTransferEnvelopeCheckData(data))\r\n dispatch(setPopupOpenBlock(\"warehouseTransferEnvelope\"))\r\n dispatch(setPopupBackgroundFunc(true))\r\n setTransferActive(false)\r\n setTransferEnvelopeCheck([])\r\n }\r\n else{\r\n setTransferEnvelopeCheckNull(countNullObj)\r\n setError('Недостаточно пленок на складе*')\r\n }\r\n \r\n }\r\n else{\r\n setError('Необходимо указать количество пленок*')\r\n }\r\n \r\n }}>\r\n
Отправить
\r\n
\r\n
\r\n
{\r\n if(transferActive){\r\n setTransferEnvelopeCheck([])\r\n setTransferEnvelopeCheckNull([])\r\n }\r\n setTransferActive(!transferActive)\r\n }}>\r\n
Перенос
\r\n
\r\n
\r\n\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === \"WarehouseAddEnvelope\")? \"\": \"WarehouseAddEnvelope\"))\r\n dispatch(setPopupBackgroundFunc(true))\r\n }}>\r\n
Добавить
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
CheckTransferElemFull()}>
\r\n
sortByFunc(warehouseHomeData.slice(), 'article')}>Артикул
\r\n
Название
\r\n
sortByFunc(warehouseHomeData.slice(), 'count')}>Количество
\r\n
\r\n
\r\n
\r\n {\r\n warehouseHomeData.map((item, key) => addTableItem(item, key))\r\n }\r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default Home;","import React, { useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { setWarehouseNav } from '../../../redux/actions/navigation';\r\nimport { setWarehouseLeaderCheck } from '../../../redux/actions/warehouseCheckData';\r\nimport { fetchWarehouseLeadersData } from '../../../redux/actions/warehouseData';\r\nimport './index.scss';\r\n\r\nconst Leaders = () => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const {warehouseLeadersData} = useSelector(({warehouseData})=> {\r\n return {\r\n warehouseLeadersData: warehouseData.warehouseLeadersData\r\n }\r\n })\r\n\r\n useEffect(()=>{\r\n dispatch(fetchWarehouseLeadersData())\r\n }, [])\r\n\r\n const addTableItem = (elem, key) =>{\r\n let {id, name, count} = elem; \r\n return(\r\n \r\n
\r\n
{name}
\r\n
{count} шт
\r\n
{\r\n dispatch(setWarehouseLeaderCheck({id: id, name: name}))\r\n sessionStorage.setItem('WarehouseLeaderCheck', JSON.stringify({id: id, name: name}))\r\n dispatch(setWarehouseNav('LeaderDetail'))\r\n sessionStorage.setItem('warehousePage', 'LeaderDetail')\r\n }}>\r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n\r\n\treturn (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
ФИО
\r\n
Общее количество пленок
\r\n
\r\n
\r\n
\r\n {\r\n warehouseLeadersData.map((item, key) => addTableItem(item, key))\r\n } \r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default Leaders;","import React, { useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { setWarehouseNav } from '../../../redux/actions/navigation';\r\nimport { setWarehouseLeaderCheck, setWarehousePointCheck } from '../../../redux/actions/warehouseCheckData';\r\nimport { fetchWarehouseLeaderPointsData } from '../../../redux/actions/warehouseData';\r\nimport './index.scss';\r\n\r\nconst LeaderDetail = () => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const {warehouseLeaderPointsData, warehouseLeaderCheck} = useSelector(({warehouseData, warehouseCheckData})=> {\r\n return {\r\n warehouseLeaderPointsData: warehouseData.warehouseLeaderPointsData,\r\n warehouseLeaderCheck: warehouseCheckData.warehouseLeaderCheck\r\n }\r\n })\r\n\r\n useEffect(()=>{\r\n dispatch(fetchWarehouseLeaderPointsData(warehouseLeaderCheck.id))\r\n }, [warehouseLeaderCheck])\r\n\r\n const addTableItem = (elem, key) =>{\r\n let {id, name, count} = elem; \r\n return(\r\n
\r\n
{name}
\r\n
{count} шт
\r\n
{\r\n dispatch(setWarehousePointCheck({id: id, name: name}))\r\n sessionStorage.setItem('WarehousePointCheck', JSON.stringify({id: id, name: name}))\r\n dispatch(setWarehouseNav('LeaderPointDetail'))\r\n sessionStorage.setItem('warehousePage', 'LeaderPointDetail')\r\n }}>\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n\treturn (\r\n
\r\n \r\n
\r\n
\r\n
{\r\n dispatch(setWarehouseLeaderCheck({id: 0, name: ''}))\r\n sessionStorage.setItem('WarehouseLeaderCheck', JSON.stringify({id: 0, name: ''}))\r\n dispatch(setWarehouseNav('Leaders'))\r\n sessionStorage.setItem('warehousePage', 'Leaders')\r\n }}>\r\n
\r\n \r\n
{warehouseLeaderCheck.name}
\r\n
\r\n
\r\n
{\r\n dispatch(setWarehouseNav('OrderHistory'))\r\n sessionStorage.setItem('warehousePage', 'OrderHistory')\r\n }}>\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
Точки
\r\n
Количество пленок
\r\n
\r\n
\r\n
\r\n {\r\n warehouseLeaderPointsData.map((item, key) => addTableItem(item, key))\r\n } \r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default LeaderDetail;","import React, { useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { setWarehouseNav } from '../../../redux/actions/navigation';\r\nimport { setWarehousePointCheck } from '../../../redux/actions/warehouseCheckData';\r\nimport { fetchWarehouseLeaderPointDetailData } from '../../../redux/actions/warehouseData';\r\nimport './index.scss';\r\n\r\nconst LeaderPointDetail = () => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const {warehouseLeaderPointDetailData, warehousePointCheck} = useSelector(({warehouseData, warehouseCheckData})=> {\r\n return {\r\n warehouseLeaderPointDetailData: warehouseData.warehouseLeaderPointDetailData,\r\n warehousePointCheck: warehouseCheckData.warehousePointCheck\r\n }\r\n })\r\n\r\n useEffect(()=>{\r\n dispatch(fetchWarehouseLeaderPointDetailData(warehousePointCheck.id))\r\n }, [warehousePointCheck])\r\n\r\n const addTableItem = (elem, key) =>{\r\n let {id, article, name, count} = elem; \r\n return(\r\n
\r\n
#{article}
\r\n
{name}
\r\n
{count} шт
\r\n
\r\n )\r\n }\r\n\r\n\treturn (\r\n
\r\n \r\n
\r\n
\r\n
{\r\n dispatch(setWarehousePointCheck({id: 0, name: ''}))\r\n sessionStorage.setItem('WarehousePointCheck', JSON.stringify({id: 0, name: ''}))\r\n dispatch(setWarehouseNav('LeaderDetail'))\r\n sessionStorage.setItem('warehousePage', 'LeaderDetail')\r\n }}>\r\n
\r\n \r\n
{warehousePointCheck.name}
\r\n
\r\n
\r\n
\r\n
\r\n
Артикул
\r\n
Название пленки
\r\n
Количество
\r\n
\r\n
\r\n {\r\n warehouseLeaderPointDetailData.map((item, key) => addTableItem(item, key))\r\n } \r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default LeaderPointDetail;","import React, { useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { setWarehouseNav } from '../../../redux/actions/navigation';\r\nimport { setPopupOpenBlock, setPopupOpenBlockEvent } from '../../../redux/actions/popupBlocks';\r\nimport { setWarehouseHistoryOrderCheck } from '../../../redux/actions/warehouseCheckData';\r\nimport { fetchWarehouseOrderHistoryData, setWarehouseOrderHistoryDataEdit } from '../../../redux/actions/warehouseData';\r\nimport './index-1.0.scss';\r\n\r\nconst OrderHistory = () => {\r\n\r\n const dispatch = useDispatch();\r\n const {warehouseOrderHistoryData, openBlock, warehouseLeaderCheck} = useSelector(({warehouseData, popupBlocks, warehouseCheckData})=> {\r\n return {\r\n warehouseOrderHistoryData: warehouseData.warehouseOrderHistoryData,\r\n openBlock: popupBlocks.openBlock,\r\n warehouseLeaderCheck: warehouseCheckData.warehouseLeaderCheck\r\n }\r\n })\r\n\r\n useEffect(()=>{\r\n dispatch(fetchWarehouseOrderHistoryData(warehouseLeaderCheck.id))\r\n }, [warehouseLeaderCheck])\r\n\r\n const fetchGet = async(url, query='')=>{\r\n const response = await fetch(url + query, {\r\n method: 'GET', \r\n headers: {\r\n \"Accept\": \"application/json\",\r\n \"Authorization\": `Bearer ${(localStorage.getItem('save-autorize') === 'false')? sessionStorage.getItem('token'): localStorage.getItem('token')}`\r\n }\r\n })\r\n if (response.ok === true) {\r\n const dat = await response.json();\r\n return dat.value\r\n }\r\n }\r\n\r\n const StatusTextReturn = (id) =>{\r\n switch(id){\r\n case 1: return 'Обработка';\r\n case 2: return 'Отправлено';\r\n case 3: return 'Доставлено';\r\n default: return 'Неопределено'\r\n }\r\n }\r\n\r\n let statusList = [\r\n {\r\n statusId: 1,\r\n val: 'Обработка',\r\n img: '/img/warehouse-order-status-treatment.svg', \r\n color: 'orange' \r\n },\r\n {\r\n statusId: 2,\r\n val: 'Отправлено',\r\n img: '/img/warehouse-order-status-sent.svg',\r\n color: 'blue' \r\n },\r\n {\r\n statusId: 3,\r\n val: 'Доставлено',\r\n img: '/img/warehouse-order-status-delivered.svg',\r\n color: 'green'\r\n }\r\n ]\r\n\r\n const StatusSelectFunc = (id, statusId) =>{\r\n // console.log(id, statusId)\r\n fetchGet(`/stock/editPackpage?id=`, `${id}&statusId=${statusId}`).then((dat)=>{\r\n dispatch(setWarehouseOrderHistoryDataEdit(dat.resultObject))\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n })\r\n }\r\n\r\n const AddStatusListFunc = ({statusId, val, img, color}, id, key) =>{\r\n return(\r\n
StatusSelectFunc(id, statusId)}>\r\n
\r\n
{val}
\r\n
\r\n )\r\n }\r\n\r\n const addTableItem = (elem, key) =>{\r\n let {id, date, count, statusId, statusColor, point} = elem;\r\n return(\r\n
\r\n
{date}
\r\n
№{id}
\r\n
{point}
\r\n
{count} шт
\r\n
\r\n
{\r\n dispatch(setPopupOpenBlock((openBlock === `warehouseHistoryStatusMenu_${id}`)? \"\": `warehouseHistoryStatusMenu_${id}`))\r\n dispatch(setPopupOpenBlockEvent(event.target))\r\n }}>{StatusTextReturn(statusId)}
\r\n
\r\n {\r\n statusList.map((item, key) => AddStatusListFunc(item, id, key))\r\n }\r\n
\r\n
\r\n
{\r\n dispatch(setWarehouseHistoryOrderCheck({id: id, date: date}))\r\n sessionStorage.setItem('WarehouseHistoryOrderCheck', JSON.stringify({id: id, date: date}))\r\n dispatch(setWarehouseNav('OrderHistoryDetail'))\r\n sessionStorage.setItem('warehousePage', 'OrderHistoryDetail')\r\n }}>\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n\treturn (\r\n
\r\n
\r\n
\r\n
{\r\n dispatch(setWarehouseNav('LeaderDetail'))\r\n sessionStorage.setItem('warehousePage', 'LeaderDetail')\r\n }}>\r\n
\r\n \r\n
{warehouseLeaderCheck.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 warehouseOrderHistoryData.map((item, key) => addTableItem(item, key))\r\n } \r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default OrderHistory;","import React, { useEffect, useState } from 'react';\r\nimport {useDispatch, useSelector } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { setWarehouseNav } from '../../../redux/actions/navigation';\r\nimport { setWarehouseHistoryOrderCheck } from '../../../redux/actions/warehouseCheckData';\r\nimport { fetchWarehouseOrderHistoryDetailData } from '../../../redux/actions/warehouseData';\r\nimport './index.scss';\r\n\r\nconst OrderHistoryDetail = () => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n const {warehouseOrderHistoryDetailData, warehouseHistoryOrderCheck} = useSelector(({warehouseData, warehouseCheckData})=> {\r\n return {\r\n warehouseOrderHistoryDetailData: warehouseData.warehouseOrderHistoryDetailData,\r\n warehouseHistoryOrderCheck: warehouseCheckData.warehouseHistoryOrderCheck,\r\n }\r\n })\r\n\r\n useEffect(()=>{\r\n dispatch(fetchWarehouseOrderHistoryDetailData(warehouseHistoryOrderCheck.id))\r\n }, [warehouseHistoryOrderCheck])\r\n\r\n const addTableItem = (elem, key) =>{\r\n let {id, article, name, count} = elem; \r\n return(\r\n
\r\n
#{article}
\r\n
{name}
\r\n
{count} шт
\r\n
\r\n )\r\n }\r\n\r\n\treturn (\r\n
\r\n \r\n
\r\n
\r\n
{\r\n dispatch(setWarehouseHistoryOrderCheck({id: 0, date: ''}))\r\n sessionStorage.setItem('WarehouseHistoryOrderCheck', JSON.stringify({id: 0, date: ''}))\r\n dispatch(setWarehouseNav('OrderHistory'))\r\n sessionStorage.setItem('warehousePage', 'OrderHistory')\r\n }}>\r\n
\r\n \r\n
№{warehouseHistoryOrderCheck.id}-{warehouseHistoryOrderCheck.date}
\r\n
\r\n
\r\n
\r\n
\r\n
Артикул
\r\n
Название пленки
\r\n
Количество
\r\n
\r\n
\r\n {\r\n warehouseOrderHistoryDetailData.map((item, key) => addTableItem(item, key))\r\n } \r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default OrderHistoryDetail;","import React, {useState, useEffect} from 'react';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport { Route } from 'react-router-dom';\r\n\r\nimport Header from './Header/Header'; \r\nimport Popup from './Popup/Popup';\r\nimport Home from './Home/Home';\r\nimport Leaders from './Leaders/Leaders';\r\nimport LeaderDetail from './LeaderDetail/LeaderDetail';\r\nimport LeaderPointDetail from './LeaderPointDetail/LeaderPointDetail';\r\nimport OrderHistory from './OrderHistory/OrderHistory';\r\nimport OrderHistoryDetail from './OrderHistoryDetail/OrderHistoryDetail';\r\n\r\nimport { setPopupOpenBlock, setPopupOpenBlockEvent, setWarehousePopupMenuPage} from '../../redux/actions/popupBlocks';\r\n\r\nimport './Warehouse.scss';\r\n\r\n\r\n\r\n\r\n\r\nconst Warehouse = () => {\r\n\tconst dispatch = useDispatch()\r\n\r\n\tconst { openBlock, openBlockEvent} = useSelector(({popupBlocks})=> {\r\n return {\r\n openBlock: popupBlocks.openBlock,\r\n openBlockEvent: popupBlocks.openBlockEvent\r\n }\r\n })\r\n\r\n const closePopup = (event) =>{\r\n if(openBlock !== '' && !event.target.classList.contains('popup-open-button')){\r\n let block = document.querySelector(`.${openBlock}`)\r\n let clickBlock = event.target; \r\n if(clickBlock !== openBlockEvent && clickBlock !== block && block && !block.contains(clickBlock)){\r\n dispatch(setPopupOpenBlock(''))\r\n dispatch(setPopupOpenBlockEvent(''))\r\n if(openBlock.indexOf('warehouseHomeTableElemMenu_') !== -1) dispatch(setWarehousePopupMenuPage('main'))\r\n }\r\n \r\n }\r\n }\r\n return (\r\n\t\t
\r\n closePopup(event)}>\r\n
\r\n
\r\n
\r\n
\r\n\t)\r\n}\r\n\r\nexport default Warehouse;","import React, {useEffect} from 'react';\r\nimport {useSelector } from 'react-redux';\r\nimport {Owner, Moderator, Autorization, FranchisesLeaders, Staff, WorkZone, Warehouse} from './components/';\r\nimport { getLanguage } from './languages/getLanguage';\r\n\r\n\r\nconst App = () =>{\r\n const {role} = useSelector(({navigation})=> {\r\n return {\r\n role: navigation.role,\r\n }\r\n })\r\n // console.log(lang)\r\n\r\n useEffect(()=> {\r\n if(role !== '') {\r\n getLanguage('eng', role)\r\n const Check = async () => {\r\n const response = await fetch(\"/Login/CheckLogin\", {\r\n method: \"Get\",\r\n headers: { \r\n \"Accept\": \"application/json\", \r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Bearer \" + (localStorage.getItem('save-autorize') === 'true'? localStorage.getItem('token'): sessionStorage.getItem('token'))\r\n },\r\n });\r\n if (response.ok === true) {\r\n // получаем данные\r\n const data = await response.json();\r\n if(localStorage.getItem('save-autorization')){\r\n localStorage.setItem('role', data.value)\r\n }\r\n else{\r\n sessionStorage.setItem('role', data.value)\r\n }\r\n \r\n }\r\n else{\r\n localStorage.setItem('role', '')\r\n sessionStorage.setItem('role', '')\r\n }\r\n \r\n }\r\n Check()\r\n }\r\n }, [role])\r\n \r\n \r\n\r\n \r\n \r\n return(\r\n
\r\n {\r\n (role === 'moderator')? \r\n )\r\n}\r\n\r\nexport default App;","import ru from './ru.json'\r\nimport eng from './eng.json'\r\n\r\nexport function getLanguage(lang, role){\r\n\r\n switch(lang){\r\n case 'ru': {\r\n console.log(ru[role])\r\n } break;\r\n case 'eng': {\r\n console.log(eng[role])\r\n } break;\r\n }\r\n}","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport {BrowserRouter} from 'react-router-dom'\r\n\r\nimport store from './redux/store';\r\nimport App from './App'\r\nimport './main-1.0.scss'\r\n\r\nReactDOM.render(\r\n
\r\n \r\n \r\n ,\r\n document.getElementById('root'),\r\n );"],"sourceRoot":""}
![\"\"](\"/img/close-circle.svg\")
{\r\n document.querySelector(\".owner__search-input\").value = \"\";\r\n setSearchActive(false);\r\n }}/>\r\n 
\r\n ![\"\"](\"/img/arrow-down.svg\"){kind=icon}
*/}\r\n ![\"\"](\"/img/verify.svg\")
\r\n Владелец\r\n ![\"\"](\"/img/mobile-logo.svg\"){kind=logo}
\r\n ![\"\"](\"/img/arrow-up-green.svg\"){kind=icon}
\r\n ![\"\"](\"/img/arrow-down-red.svg){kind=icon}
\r\n ![\"\"](\"/img/shopping-bag.svg\")
![\"\"](\"/img/dollar-circle.svg\")
\r\n Сбросить\r\n ![\"\"](\"/img/arrow-down-red.svg\"){kind=icon}
\r\n ![\"\"/](\"/img/arrow-right.svg\"){kind=icon}
![\"\"](\"../../../../img/arrow-left.svg\"){kind=icon}
Назад![\"\"](\"/img/purchase-icon.svg\"){kind=icon}
![\"\"](\"/img/moderator-download-lekals-icon.svg\"){kind=icon}
\r\n ![\"\"/](\"/img/moderator-download-pause.svg\")
\r\n : ![\"\"/](\"/img/moderator-download-play.svg\")
\r\n }\r\n ![\"\"/](\"/img/moderator-download-stop.svg\")
\r\n ![\"\"](\"/img/refresh-icon.svg\"){kind=icon}
refreshLekalo(id)}/> \r\n ![\"\"](\"./img/edit-icon.svg\"){kind=icon}
![\"\"](\"./img/arrow-right-block.svg\"){kind=icon}
\r\n \r\n ![\"\"](\"/img/arrow-right-block\"){kind=icon}
\r\n \r\n ![\"\"](\"/img/arrow-down-block.svg\"){kind=icon}
openBlock(id)}/>\r\n ![\"\"](\"/img/arrow-left-block.svg\"){kind=icon}
{moderatorLeaderCheck.name}![\"\"](\"/img/notification.svg\")
\r\n ![\"\"](\"/img/long-arrow-right.svg\"){kind=icon}
\r\n \r\n ![\"\"](\"/img/arrow-bottom-icon.svg\"){kind=icon}
openBlock(id)}/>\r\n ![\"\"](\"../../../img/arrow-left.svg\"){kind=icon}
{pointsCheck.name}![\"\"](\"./img/layoffs-icon.svg\"){kind=icon}
{\r\n dispatch(setFranchiserLayoffsStaffCheck({id, name: fullName}))\r\n dispatch(setPopupBackgroundFunc(true))\r\n dispatch(setPopupOpenBlock('LayoffsStaff')) \r\n }}/>\r\n {\r\n dispatch(setFranchisesNav(\"Staff-Detail\"))\r\n sessionStorage.setItem('page', 'Staff-Detail')\r\n // dispatch(fetchFranchiserStaffDetail(id))\r\n dispatch(setFranchiserHomeStaffListCheck({id, name, fullName, status, statusColor, phone, historySales, garanty, position, login, password}))\r\n sessionStorage.setItem('StaffCheckId', id)\r\n }}>\r\n ![\"\"](\"/img/money-black-icon.svg\"){kind=icon}
\r\n ![\"\"](\"/img/graph-circle-icon.svg\"){kind=icon}
\r\n ![\"\"](\"/img/people-black-icon.svg\"){kind=icon}
![\"\"](\"/img/layoffs-circle-icon.svg\"){kind=icon}
\r\n ![\"\"](\"/img/mold-transfer-icon.svg\"){kind=spacer}
{\r\n dispatch(setPopupBackgroundFunc(true))\r\n dispatch(setPopupOpenBlock('TransferMold'))\r\n dispatch(setFranchiserWarehouseTransfer({id: 0, select: 'Склад', moldCode: code, moldId: id}))}\r\n }/>\r\n\r\n ![\"\"](\"/img/warehouse-writeoff-envelope-icon.svg\"){kind=icon}
\r\n ![\"\"](\"/img/add-envelope-icon-ball.svg\"){kind=icon}
\r\n ![\"\"](\"/img/warehouse-envelope-popup-steps-title-icon.svg\"){kind=icon}
\r\n ![\"\"](\"/img/transfer-grey-icon.svg\"){kind=spacer}
\r\n ![\"\"](\"/img/arrow-right-block.svg\"){kind=icon}
\r\n ![\"\"](\"/img/add-events-icon.svg\"){kind=icon}
{\r\n setEventsZeroBlock([...eventsZeroBlock, {type: '', value: null}])\r\n }}/>: null\r\n }\r\n {\r\n (!zero || data.length > 0)? ![\"\"](\"/img/delite-circle-icon.svg\"){kind=icon}
{\r\n if(zero){\r\n setEventsZeroBlock([])\r\n }\r\n else{\r\n let dat = salariesData.slice()\r\n let userIndex = salariesData.indexOf(salariesData.find(user => user.id === salariesCheckDayData.userId))\r\n let eventsIndex = dat[userIndex].salaryData.indexOf(dat[userIndex].salaryData.find(events => events.date === salariesCheckDayData.date))\r\n let date = DateFromat(salariesCheckDayData.date)\r\n let mass = data.slice()\r\n mass.splice(key, 1)\r\n setData(mass)\r\n \r\n if(data.length === 1){\r\n setEventsZeroBlock([{type: '', value: null}])\r\n }\r\n \r\n if(type === 'Зарплата'){\r\n dat[userIndex].total = dat[userIndex].total - dat[userIndex].salaryData[eventsIndex].salary\r\n dat[userIndex].salaryData[eventsIndex] = {...dat[userIndex].salaryData[eventsIndex], salary: 0}\r\n setEditInform({...editInform, salary: false})\r\n }\r\n else if(type === 'Премия'){\r\n dat[userIndex].total = dat[userIndex].total - dat[userIndex].salaryData[eventsIndex].premium\r\n dat[userIndex].salaryData[eventsIndex] = {...dat[userIndex].salaryData[eventsIndex], premium: 0}\r\n setEditInform({...editInform, premium: false})\r\n }\r\n else if(type === 'Штраф'){\r\n dat[userIndex].total = dat[userIndex].total + dat[userIndex].salaryData[eventsIndex].fine\r\n dat[userIndex].salaryData[eventsIndex] = {...dat[userIndex].salaryData[eventsIndex], fine: 0}\r\n setEditInform({...editInform, fine: false})\r\n }\r\n else if(type === 'Аванс'){\r\n dat[userIndex].total = dat[userIndex].total + dat[userIndex].salaryData[eventsIndex].prepayment\r\n dat[userIndex].salaryData[eventsIndex] = {...dat[userIndex].salaryData[eventsIndex], prepayment: 0}\r\n setEditInform({...editInform, prepayment: false})\r\n }\r\n\r\n post('/francheaser/RemoveWageEvent', {WageDate: date, WorkerId: salariesCheckDayData.userId, WageType: (type === 'Зарплата')? 4: (type === 'Премия')? 3: (type === 'Штраф')? 2: (type === 'Аванс')? 1: 0})\r\n }\r\n }}/>: null\r\n }\r\n ![\"\"](\"/img/arrow-down-grey.svg\"){kind=icon}
{\r\n\t\t\t\t\t\tsendDate(listActive.id, 'minus', range)\r\n\t\t\t\t\t}}/> \r\n\t\t\t\t\t\t
\r\n 
\r\n ![\"\"](\"/img/delite-icon-two.svg\"){kind=icon}
deleteSearchRecent(item)}/>\r\n ![\"\"](\"/img/work-zone-download-icon.svg\"){kind=icon}
\r\n ![\"\"](\"/img/work-zone-plus-green-circle.svg\")
\r\n ![\"\"](\"/img/logout.svg\")
\r\n ![\"\"](\"/img/work-zone-resize-icon.svg\"){kind=icon}
\r\n ![\"\"](\"/img/work-zone-configuration-icon.svg\"){kind=icon}
\r\n ![\"\"](\"/img/logo.svg\"){kind=logo}
![\"\"](\"/img/warehouse-edit-icon.svg\"){kind=icon}
\r\n ![\"\"](\"/img/delete-red-icon.svg\"){kind=icon}
\r\n ![\"\"](\"./img/arrow-up-grey.svg\"){kind=icon}
![\"\"](\"/img/long-arrow-right-black.svg\"){kind=icon}
\r\n \r\n ![\"\"](\"/img/arrow-left-icon.svg\"){kind=icon}
\r\n \r\n