- \r\n
- \r\n Choose Label:\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Customer\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Partner\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Suplier\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Member\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Staff\r\n \r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Add new\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n {!layoutProps.offcanvas && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n - \r\n {languages.map((language) => (\r\n
\r\n
\r\n \r\n \r\n )}\r\n\r\n {!layoutProps.light && (\r\n \r\n ![\"\"]({toAbsoluteUrl(\"/media/users/300_21.jpg\")})
\r\n
\r\n \r\n \r\n Sean Stone\r\n
\r\n \r\n 3 messages\r\n \r\n \r\n \r\n S\r\n \r\n {/*
*/}\r\n
\r\n \r\n Sean Stone\r\n
\r\n \r\n 3 messages\r\n \r\n \r\n )}\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n My Profile
\r\n \r\n Account settings and more\r\n \r\n update\r\n \r\n
\r\n \r\n \r\n Sign Out\r\n \r\n \r\n Upgrade Plan\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {!layoutProps.offcanvas && (\r\n <>\r\n\r\n
\r\n \r\n {layoutProps.viewLanguagesDisplay &&
\r\n );\r\n}\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport { useLocation } from \"react-router\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl, checkIsActive } from \"../../../../_helpers\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nexport function HeaderMenu({ layoutProps }) {\r\n const location = useLocation();\r\n const getMenuItemActive = (url) => {\r\n return checkIsActive(location, url) ? \"menu-item-active\" : \"\";\r\n }\r\n\r\n return - \r\n
- \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n - \r\n \r\n \r\n
\r\n \r\n \r\n - \r\n \r\n \r\n
\r\n \r\n \r\n - \r\n \r\n
![\"\"]({toAbsoluteUrl(\"/media/my/menuico-tview.png\")})
\r\n \r\n \r\n
\r\n {layoutProps.disabledAsideSelfDisplay && (\r\n <>\r\n {/*begin::Header Logo*/}\r\n
\r\n {/*Header Menu Wrapper*/}\r\n \r\n}\r\n","import React, { forwardRef, useEffect, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport {isFragment} from \"react-is\";\r\n\r\nexport const CardHeaderIcon = forwardRef(({ className }, ref) => (\r\n \r\n));\r\n\r\nexport const CardHeaderTitle = forwardRef(({ className, ...props }, ref) => (\r\n // eslint-disable-next-line jsx-a11y/heading-has-content\r\n \r\n));\r\n\r\nexport const CardHeaderToolbar = forwardRef(\r\n ({ children, className, ...props }, ref) => (\r\n \r\n \r\n }/)
\r\n \r\n
\r\n {/*end::Header Logo*/}\r\n \r\n )}\r\n {/*begin::Header Menu*/}\r\n \r\n {children}\r\n
\r\n )\r\n);\r\n\r\nexport const CardHeader = forwardRef(\r\n (\r\n {\r\n children,\r\n icon,\r\n title,\r\n toolbar,\r\n className,\r\n sticky = false,\r\n labelRef,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [top, setTop] = useState(0);\r\n const [windowHeight, setWindowHeight] = useState(0);\r\n\r\n useEffect(() => {\r\n handleResize();\r\n\r\n function handleResize() {\r\n setWindowHeight(window.innerWidth);\r\n }\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n });\r\n\r\n useEffect(() => {\r\n // Skip if sticky is disabled or on initial render when we don't know about window height.\r\n if (!sticky || windowHeight === 0) {\r\n return;\r\n }\r\n\r\n const headerElement = document.querySelector(\".header\");\r\n const subheaderElement = document.querySelector(\".subheader\");\r\n const headerMobileElement = document.querySelector(\".header-mobile\");\r\n\r\n let nextMarginTop = 0;\r\n\r\n // mobile header\r\n if (window.getComputedStyle(headerElement).height === \"0px\") {\r\n nextMarginTop = headerMobileElement.offsetHeight;\r\n } else {\r\n // desktop header\r\n if (document.body.classList.contains(\"header-minimize-topbar\")) {\r\n // hardcoded minimized header height\r\n nextMarginTop = 60;\r\n } else {\r\n // normal fixed header\r\n if (document.body.classList.contains(\"header-fixed\")) {\r\n nextMarginTop += headerElement.offsetHeight;\r\n }\r\n\r\n if (document.body.classList.contains(\"subheader-fixed\")) {\r\n nextMarginTop += subheaderElement.offsetHeight;\r\n }\r\n }\r\n }\r\n\r\n setTop(nextMarginTop);\r\n }, [sticky, windowHeight]);\r\n\r\n return (\r\n \r\n {icon}\r\n\r\n {/* Wrap string and fragments in CardHeaderTitle */\r\n typeof title === \"string\" || isFragment(title) ? (\r\n {title} \r\n ) : (\r\n title\r\n )}\r\n
\r\n )}\r\n\r\n {toolbar}\r\n {children}\r\n \r\n );\r\n }\r\n);\r\n\r\nexport const CardBody = forwardRef(\r\n ({ fit, fluid, className, ...props }, ref) => (\r\n {error}
;\r\n }\r\n\r\n if (touched && !error && label) {\r\n return {label} was entered correct
;\r\n }\r\n\r\n return (\r\n \r\n {customFeedbackLabel && <>{customFeedbackLabel}}\r\n {!customFeedbackLabel && (\r\n <>\r\n Please enter {label}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst selectLabel = ({ label, touched, error, customFeedbackLabel }) => {\r\n if (touched && error) {\r\n return {error}
;\r\n }\r\n\r\n return (\r\n \r\n {customFeedbackLabel && <>{customFeedbackLabel}}\r\n {!customFeedbackLabel && label && (\r\n <>\r\n Please select {label}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport function FieldFeedbackLabel({\r\n label,\r\n touched,\r\n error,\r\n type,\r\n customFeedbackLabel\r\n}) {\r\n switch (type) {\r\n case \"text\":\r\n return inputLabel({ label, touched, error, customFeedbackLabel });\r\n case \"email\":\r\n return inputLabel({ label, touched, error, customFeedbackLabel });\r\n case \"password\":\r\n return inputLabel({ label, touched, error, customFeedbackLabel });\r\n default:\r\n return selectLabel({ label, touched, error, customFeedbackLabel });\r\n }\r\n}\r\n","import React from \"react\";\r\nimport {FieldFeedbackLabel} from \"./FieldFeedbackLabel\";\r\n\r\nconst getFieldCSSClasses = (touched, errors) => {\r\n const classes = [\"form-control\"];\r\n if (touched && errors) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !errors) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n};\r\n\r\nexport function Input({\r\n field, // { name, value, onChange, onBlur }\r\n form: { touched, errors }, // also values, setXXXX, handleXXXX, dirty, isValid, status, etc.\r\n label,\r\n withFeedbackLabel = true,\r\n customFeedbackLabel,\r\n type = \"text\",\r\n ...props\r\n}) {\r\n return (\r\n <>\r\n {label && }\r\n \r\n handleFirstPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n handlePrevPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n\r\n {page > 1 && (\r\n \r\n ...\r\n \r\n )}\r\n {pages.map((p) => (\r\n handleSelectedPage(paginationProps, p)}\r\n className={`btn btn-icon btn-sm border-0 btn-light ${\r\n page === p ? \" btn-hover-primary active\" : \"\"\r\n } mr-2 my-1`}\r\n >\r\n {p}\r\n \r\n ))}\r\n {page < pagesCount && (\r\n \r\n ...\r\n \r\n )}\r\n handleNextPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n handleLastPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","/* eslint-disable no-unused-vars */\r\nimport React from \"react\";\r\nimport {PaginationTotalStandalone} from \"react-bootstrap-table2-paginator\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nexport function PaginationToolbar(props) {\r\n const { isLoading, paginationProps } = props;\r\n const {\r\n sizePerPageList,\r\n sizePerPage,\r\n totalSize,\r\n onSizePerPageChange = [\r\n { text: \"3\", value: 3 },\r\n { text: \"5\", value: 5 },\r\n { text: \"10\", value: 10 }\r\n ]\r\n } = paginationProps;\r\n const style = {\r\n width: \"75px\"\r\n };\r\n\r\n const onSizeChange = event => {\r\n const newSize = +event.target.value;\r\n onSizePerPageChange(newSize);\r\n };\r\n\r\n return (\r\n \r\n {isLoading && (\r\n \r\n {sizePerPageList.map(option => {\r\n const isSelect = sizePerPage === `${option.page}`;\r\n return (\r\n \r\n {option.text}\r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport {PaginationLinks} from \"./PaginationLinks\";\r\nimport {PaginationToolbar} from \"./PaginationToolbar\";\r\n\r\nexport function Pagination(props) {\r\n const { children, isLoading, paginationProps } = props;\r\n return (\r\n <>\r\n {children}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport {withRouter} from \"react-router-dom\";\r\nimport {ProgressBar} from \"react-bootstrap\";\r\n\r\n// TODO: Should be rewrited to pure function\r\nclass AnimateLoading extends React.Component {\r\n animateTimeout;\r\n stopAnimateTimeout;\r\n state = {\r\n width: 0,\r\n routeChanged: false\r\n };\r\n\r\n componentDidUpdate(nextProps) {\r\n if (this.props.location.pathname !== nextProps.location.pathname) {\r\n this.animate();\r\n this.scrollToTop();\r\n }\r\n }\r\n\r\n scrollToTop() {\r\n const scrollToTopBtn = document.getElementById(\"kt_scrolltop\");\r\n if (scrollToTopBtn) {\r\n scrollToTopBtn.click();\r\n }\r\n }\r\n\r\n animate() {\r\n this.animateTimeout = setTimeout(() => {\r\n if (this.state.width <= 100) {\r\n this.setState({ width: this.state.width + 10 });\r\n this.animate();\r\n } else {\r\n this.stopAnimate();\r\n }\r\n }, 30);\r\n }\r\n stopAnimate() {\r\n clearTimeout(this.animateInterval);\r\n this.stopAnimateTimeout = setTimeout(() => {\r\n this.setState({ width: 0 });\r\n }, 300);\r\n }\r\n componentWillUnmount() {\r\n if (this.stopAnimateTimeout) {\r\n clearTimeout(this.stopAnimateTimeout);\r\n }\r\n if (this.animateTimeout) {\r\n clearTimeout(this.animateTimeout);\r\n }\r\n }\r\n render() {\r\n return (\r\n {text}
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {children}\r\n
\r\n \r\n );\r\n }\r\n);\r\n\r\n// Set display name for debugging.\r\nif (process.env.NODE_ENV !== \"production\") {\r\n Notice.displayName = \"Notice\";\r\n}\r\n","import React from \"react\";\r\nimport { ProgressBar } from \"react-bootstrap\";\r\n\r\nexport function ModalProgressBar({variant = \"success\"}) {\r\n return (\r\n \r\n
\r\n {/*end::Container*/}\r\n \r\n {/*end::Header*/}\r\n \r\n );\r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport {Link} from \"react-router-dom\";\r\nimport objectPath from \"object-path\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {toAbsoluteUrl} from \"../../../_helpers\";\r\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\r\n\r\nexport function HeaderMobile() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n headerLogo: uiService.getStickyLogo(),\r\n asideDisplay: objectPath.get(uiService.config, \"aside.self.display\"),\r\n headerMenuSelfDisplay:\r\n objectPath.get(uiService.config, \"header.menu.self.display\") === true,\r\n headerMobileCssClasses: uiService.getClasses(\"header_mobile\", true),\r\n headerMobileAttributes: uiService.getAttributes(\"header_mobile\")\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/*begin::Header Mobile*/}\r\n \r\n {layoutProps.asideDisplay && (\r\n <>\r\n {/*begin::Aside Mobile Toggle*/}\r\n \r\n {/*end::Aside Mobile Toggle*/}\r\n \r\n )}\r\n\r\n {layoutProps.headerMenuSelfDisplay && (\r\n <>\r\n {/*begin::Header Menu Mobile Toggle*/}\r\n \r\n {/*end::Header Menu Mobile Toggle*/}\r\n \r\n )}\r\n\r\n {/*begin::Topbar Mobile Toggle*/}\r\n \r\n \r\n \r\n \r\n \r\n {/*end::Topbar Mobile Toggle*/}\r\n
\r\n {/*end::Toolbar*/}\r\n \r\n {/*end::Header Mobile*/}\r\n \r\n );\r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport {Link} from \"react-router-dom\";\r\nimport objectPath from \"object-path\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\r\nimport {toAbsoluteUrl} from \"../../../_helpers\";\r\n\r\nexport function Brand() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n brandClasses: uiService.getClasses(\"brand\", true),\r\n asideSelfMinimizeToggle: objectPath.get(\r\n uiService.config,\r\n \"aside.self.minimize.toggle\"\r\n ),\r\n headerLogo: uiService.getLogo(),\r\n headerStickyLogo: uiService.getStickyLogo()\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/* begin::Brand */}\r\n - \r\n\r\n
- \r\n \r\n {\r\n searchReports(e.target.value);\r\n }}\r\n\r\n />\r\n\r\n \r\n \r\n {reports.map(option => (\r\n
- \r\n
\r\n } \r\n
\r\n \r\n
\r\n \r\n {/*end::ITEMS*/}\r\n \r\n\r\n\r\n {/*start::SALES*/}\r\n - \r\n
\r\n \r\n
\r\n \r\n \r\n {/*end::SALES*/}\r\n\r\n\r\n\r\n {/*start::PURCHASE*/}\r\n - \r\n\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {/*end::PURCHASE*/}\r\n\r\n {/* REPORTS */}\r\n - \r\n
\r\n \r\n
\r\n \r\n {/*end::REPORTS*/}\r\n \r\n\r\n {/* USERS */}\r\n {/*begin::1 Level*/}\r\n - \r\n
\r\n \r\n
\r\n \r\n {/*end::USERS*/}\r\n \r\n\r\n - \r\n
\r\n \r\n
\r\n \r\n {/*end::SETTINGS*/}\r\n \r\n\r\n {/* ADMINISTRATION */}\r\n - \r\n
\r\n \r\n
\r\n \r\n {/*end::ADMINISTRATION*/}\r\n \r\n\r\n {/*end::1 Level*/}\r\n - \r\n
\r\n
\r\n {/* end::Aside */}\r\n \r\n );\r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport Moment from 'react-moment';\r\n\r\nexport function Footer() {\r\n const today = new Date().getFullYear();\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n footerClasses: uiService.getClasses(\"footer\", true),\r\n footerContainerClasses: uiService.getClasses(\"footer_container\", true)\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n \r\n {layoutProps.disableAsideSelfDisplay && (\r\n <>\r\n {/* begin::Header Logo */}\r\n \r\n
\r\n {/* end::Aside Menu */}\r\n \r\n \r\n 
\r\n \r\n
\r\n {/* end::Header Logo */}\r\n \r\n )}\r\n \r\n 2020 - {today.toString()} ©\r\n SkupinaCOMP d.o.o.,
\r\n \r\n \r\n {new Date()}\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeader = function() {\r\n // Private properties\r\n var _element;\r\n var _elementForMobile;\r\n var _object;\r\n\r\n\t// Private functions\r\n // Get Height\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element) + 1;\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Get Height\r\n var _getHeightForMobile = function() {\r\n var height;\r\n\r\n height = KTUtil.actualHeight(_elementForMobile);\r\n\r\n return height;\r\n }\r\n\r\n // Public Methods\r\n\treturn {\r\n\t\tinit: function(id, idForMobile) {\r\n _element = KTUtil.getById(id);\r\n _elementForMobile = KTUtil.getById(idForMobile);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'header-fixed')\r\n },\r\n\r\n isFixedForMobile: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'header-mobile-fixed')\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getElementForMobile: function() {\r\n return _elementForMobile;\r\n },\r\n\r\n getHeader: function() {\r\n return _object;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n },\r\n\r\n getHeightForMobile: function() {\r\n return _getHeightForMobile();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeader;\r\n}\r\n\nexport default KTLayoutHeader;","/* eslint-disable */\n\"use strict\";\n\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\nimport KTMenu from \"./../../components/menu.js\";\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeaderMenu = function() {\r\n // Private properties\r\n\tvar _menuElement;\r\n var _menuObject;\r\n var _offcanvasElement;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n\tvar _init = function() {\r\n\t\t_offcanvasObject = new KTOffcanvas(_offcanvasElement, {\r\n\t\t\toverlay: true,\r\n\t\t\tbaseClass: 'header-menu-wrapper',\r\n\t\t\tcloseBy: 'kt_header_menu_mobile_close_btn',\r\n\t\t\ttoggleBy: {\r\n\t\t\t\ttarget: 'kt_header_mobile_toggle',\r\n\t\t\t\tstate: 'mobile-toggle-active'\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t\t_menuObject = new KTMenu(_menuElement, {\r\n\t\t\tsubmenu: {\r\n\t\t\t\tdesktop: 'dropdown',\r\n\t\t\t\ttablet: 'accordion',\r\n\t\t\t\tmobile: 'accordion'\r\n\t\t\t},\r\n\t\t\taccordion: {\r\n\t\t\t\tslideSpeed: 200, // accordion toggle slide speed in milliseconds\r\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Close aside offcanvas panel before page reload On tablet and mobile\r\n _menuObject.on('linkClick', function(menu) {\r\n if (KTUtil.isBreakpointDown('lg')) { // Tablet and mobile mode\r\n _offcanvasObject.hide(); // Hide offcanvas after general link click\r\n }\r\n });\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n init: function(menuId, offcanvasId) {\r\n _menuElement = KTUtil.getById(menuId);\r\n _offcanvasElement = KTUtil.getById(offcanvasId);\r\n\r\n if (!_menuElement) {\r\n return;\r\n }\r\n\r\n // Initialize menu\r\n _init();\r\n\t\t},\r\n\r\n\t\tgetMenuElement: function() {\r\n\t\t\treturn _menuElement;\r\n\t\t},\r\n\r\n getOffcanvasElement: function() {\r\n\t\t\treturn _offcanvasElement;\r\n\t\t},\r\n\r\n getMenu: function() {\r\n\t\t\treturn _menuObject;\r\n\t\t},\r\n\r\n\t\tpauseDropdownHover: function(time) {\r\n\t\t\tif (_menuObject) {\r\n\t\t\t\t_menuObject.pauseDropdownHover(time);\r\n\t\t\t}\r\n\t\t},\r\n\r\n getOffcanvas: function() {\r\n\t\t\treturn _offcanvasObject;\r\n\t\t},\r\n\r\n\t\tcloseMobileOffcanvas: function() {\r\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\r\n\t\t\t\t_offcanvasObject.hide();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeaderMenu;\r\n}\r\n\nexport default KTLayoutHeaderMenu;","/* eslint-disable */\n\"use strict\";\n\nimport KTToggle from \"./../../components/toggle.js\";\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeaderTopbar = function() {\r\n // Private properties\r\n\tvar _toggleElement;\r\n var _toggleObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n\t\t\t_toggleObject = new KTToggle(_toggleElement, KTUtil.getBody(), {\r\n\t\t\t\ttargetState: 'topbar-mobile-on',\r\n\t\t\t\ttoggleState: 'active',\r\n\t\t\t});\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _toggleElement = KTUtil.getById(id);\r\n\r\n\t\t\tif (!_toggleElement) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getToggleElement: function() {\r\n return _toggleElement;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeaderTopbar;\r\n}\r\n\nexport default KTLayoutHeaderTopbar;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutBrand = function() {\r\n // Private properties\r\n var _element;\r\n\r\n // Private functions\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutBrand;\r\n}\r\n\nexport default KTLayoutBrand;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutAside = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\tvar offcanvasClass = KTUtil.hasClass(_element, 'aside-offcanvas-default') ? 'aside-offcanvas-default' : 'aside';\r\n\r\n // Initialize mobile aside offcanvas\r\n\t\t_offcanvasObject = new KTOffcanvas(_element, {\r\n\t\t\tbaseClass: offcanvasClass,\r\n\t\t\toverlay: true,\r\n\t\t\tcloseBy: 'kt_aside_close_btn',\r\n\t\t\ttoggleBy: {\r\n\t\t\t\ttarget: 'kt_aside_mobile_toggle',\r\n\t\t\t\tstate: 'mobile-toggle-active'\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getOffcanvas: function() {\r\n return _offcanvasObject;\r\n },\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(_body, 'aside-fixed');\r\n },\r\n\r\n isMinimized: function() {\r\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize'));\r\n },\r\n\r\n isHoverable: function() {\r\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable'));\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAside;\r\n}\r\n\nexport default KTLayoutAside;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutSubheader = function() {\r\n // Private properties\r\n var _element;\r\n\r\n // Private functions\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'subheader-fixed');\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutSubheader;\r\n}\r\n\nexport default KTLayoutSubheader;","/* eslint-disable */\n\"use strict\";\n\nimport KTLayoutHeader from \"./header.js\";\nimport KTCard from \"./../../components/card.js\";\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutSubheader from \"./subheader.js\";\r\n\r\nvar KTLayoutStickyCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n var _object;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar offset = 300;\r\n\r\n\t\tif (typeof KTLayoutHeader !== 'undefined') {\r\n\t\t\toffset = KTLayoutHeader.getHeight();\r\n\t\t}\r\n\r\n _object = new KTCard(_element, {\r\n\t\t\tsticky: {\r\n\t\t\t\toffset: offset,\r\n\t\t\t\tzIndex: 90,\r\n\t\t\t\tposition: {\r\n\t\t\t\t\ttop: function() {\r\n\t\t\t\t\t\tvar pos = 0;\r\n var body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (typeof KTLayoutSubheader !== 'undefined' && KTLayoutSubheader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutSubheader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixedForMobile()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeightForMobile();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tpos = pos - 1; // remove header border width\r\n\r\n\t\t\t\t\t\treturn pos;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tleft: function(card) {\r\n\t\t\t\t\t\treturn KTUtil.offset(_element).left;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tright: function(card) {\r\n\t\t\t\t\t\tvar body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tvar cardWidth = parseInt(KTUtil.css(_element, 'width'));\r\n\t\t\t\t\t\tvar bodyWidth = parseInt(KTUtil.css(body, 'width'));\r\n\t\t\t\t\t\tvar cardOffsetLeft = KTUtil.offset(_element).left;\r\n\r\n\t\t\t\t\t\treturn bodyWidth - cardWidth - cardOffsetLeft;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t_object.initSticky();\r\n\r\n\t\tKTUtil.addResizeHandler(function() {\r\n\t\t\t_object.updateSticky();\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\tif (_object) {\r\n\t\t\t\t_object.updateSticky();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStickyCard;\r\n}\r\n\nexport default KTLayoutStickyCard;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutBrand from \"./brand.js\";\nimport KTMenu from \"./../../components/menu.js\";\nimport KTLayoutAside from \"./aside.js\";\r\n\r\nvar KTLayoutAsideMenu = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _menuObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\tvar menuDesktopMode = (KTUtil.attr(_element, 'data-menu-dropdown') === '1' ? 'dropdown' : 'accordion');\r\n var scroll;\r\n\r\n\t\tif (KTUtil.attr(_element, 'data-menu-scroll') === '1') {\r\n\t\t\tscroll = {\r\n\t\t\t\trememberPosition: true, // remember position on page reload\r\n\t\t\t\theight: function() { // calculate available scrollable area height\r\n\t\t\t\t\tvar height = parseInt(KTUtil.getViewPort().height);\r\n\r\n\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\theight = height - KTLayoutBrand.getHeight();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\theight = height - (parseInt(KTUtil.css(_element, 'marginBottom')) + parseInt(KTUtil.css(_element, 'marginTop')));\r\n\r\n\t\t\t\t\treturn height;\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\t_menuObject = new KTMenu(_element, {\r\n\t\t\t// Vertical scroll\r\n\t\t\tscroll: scroll,\r\n\r\n\t\t\t// Submenu setup\r\n\t\t\tsubmenu: {\r\n\t\t\t\tdesktop: menuDesktopMode,\r\n\t\t\t\ttablet: 'accordion', // menu set to accordion in tablet mode\r\n\t\t\t\tmobile: 'accordion' // menu set to accordion in mobile mode\r\n\t\t\t},\r\n\r\n\t\t\t// Accordion setup\r\n\t\t\taccordion: {\r\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n var _initHover = function() {\r\n // Handle Minimized Aside Hover\r\n\t\tif (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable')) {\r\n\t\t\tvar insideTm;\r\n\t\t\tvar outsideTm;\r\n\r\n // Handle Aside Hover Mode\r\n\t\t\tKTUtil.addEvent(_element, 'mouseenter', function(e) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (outsideTm) {\r\n\t\t\t\t\tclearTimeout(outsideTm);\r\n\t\t\t\t\toutsideTm = null;\r\n\t\t\t\t}\r\n\r\n if (insideTm) {\r\n\t\t\t\t\tclearTimeout(insideTm);\r\n\t\t\t\t\tinsideTm = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tinsideTm = setTimeout(function() {\r\n\t\t\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') && KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\t// Hover class\r\n\t\t\t\t\t\tKTUtil.addClass(_body, 'aside-minimize-hover');\r\n\r\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollUpdate();\r\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 50);\r\n\t\t\t});\r\n\r\n\t\t\tKTUtil.addEvent(KTLayoutAside.getElement(), 'mouseleave', function(e) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (insideTm) {\r\n\t\t\t\t\tclearTimeout(insideTm);\r\n\t\t\t\t\tinsideTm = null;\r\n\t\t\t\t}\r\n\r\n if (outsideTm) {\r\n\t\t\t\t\tclearTimeout(outsideTm);\r\n\t\t\t\t\toutsideTm = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\toutsideTm = setTimeout(function() {\r\n\t\t\t\t if (KTUtil.hasClass(_body, 'aside-minimize-hover') && KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t KTUtil.removeClass(_body, 'aside-minimize-hover');\r\n\r\n\t\t\t\t\t\t// Hover class\r\n KTLayoutAsideMenu.getMenu().scrollUpdate();\r\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 100);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _body = KTUtil.getBody();\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize menu\r\n _init();\r\n _initHover();\r\n\t\t},\r\n\r\n\t\tgetElement: function() {\r\n\t\t\treturn _element;\r\n\t\t},\r\n\r\n getMenu: function() {\r\n\t\t\treturn _menuObject;\r\n\t\t},\r\n\r\n pauseDropdownHover: function(time) {\r\n\t\t\tif (_menuObject) {\r\n\t\t\t\t_menuObject.pauseDropdownHover(time);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tcloseMobileOffcanvas: function() {\r\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\r\n\t\t\t\t_menuObject.hide();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAsideMenu;\r\n}\r\n\nexport default KTLayoutAsideMenu;","/* eslint-disable */\n\"use strict\";\n\nimport KTToggle from \"./../../components/toggle.js\";\nimport KTLayoutStickyCard from \"./sticky-card.js\";\nimport KTLayoutHeaderMenu from \"./header-menu.js\";\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\nimport { KTCookie } from \"./../../components/cookie.js\";\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutAsideToggle = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _toggleObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\t_toggleObject = new KTToggle(_element, _body, {\r\n\t\t\ttargetState: 'aside-minimize',\r\n\t\t\ttoggleState: 'active'\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('toggle', function(toggle) {\r\n // Update sticky card\r\n if (typeof KTLayoutStickyCard !== 'undefined') {\r\n KTLayoutStickyCard.update();\r\n }\r\n\r\n // Pause header menu dropdowns\r\n if (typeof KTLayoutHeaderMenu !== 'undefined') {\r\n KTLayoutHeaderMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Pause aside menu dropdowns\r\n if (typeof KTLayoutAsideMenu !== 'undefined') {\r\n KTLayoutAsideMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Remember state in cookie\r\n\t\t\tKTCookie.setCookie('kt_aside_toggle_state', toggle.getState());\r\n\t\t\t// to set default minimized left aside use this cookie value in your\r\n\t\t\t// server side code and add \"kt-primary--minimize aside-minimize\" classes to\r\n\t\t\t// the body tag in order to initialize the minimized left aside mode during page loading.\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('beforeToggle', function(toggle) {\r\n\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') === false && KTUtil.hasClass(_body, 'aside-minimize-hover')) {\r\n\t\t\t\tKTUtil.removeClass(_body, 'aside-minimize-hover');\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getToggle: function() {\r\n\t\t\treturn _toggleObject;\r\n\t\t},\r\n\r\n\t\tonToggle: function(handler) {\r\n\t\t\tif (typeof _toggleObject.element !== 'undefined') {\r\n\t\t\t\t_toggleObject.on('toggle', handler);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAsideToggle;\r\n}\r\n\nexport default KTLayoutAsideToggle;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutFooter = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutFooter;\r\n}\r\n\nexport default KTLayoutFooter;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutHeader from \"./header.js\";\nimport KTLayoutSubheader from \"./subheader.js\";\nimport KTLayoutFooter from \"./footer.js\";\r\n\r\nvar KTLayoutContent = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height;\r\n\r\n\t\theight = KTUtil.getViewPort().height;\r\n\r\n if (_element) {\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n }\r\n\r\n height = height - KTLayoutHeader.getHeight();\r\n height = height - KTLayoutSubheader.getHeight();\r\n height = height - KTLayoutFooter.getHeight();\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutContent;\r\n}\r\n\nexport default KTLayoutContent;","/* eslint-disable */\n\"use strict\";\n\nimport KTScrolltop from \"./../../components/scrolltop.js\";\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutScrolltop = function() {\r\n // Private properties\r\n var _element;\r\n var _object;\r\n\r\n // Private functions\r\n var _init = function() {\r\n _object = new KTScrolltop(_element, {\r\n offset: 300,\r\n speed: 600,\r\n });\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutScrolltop;\r\n}\r\n\nexport default KTLayoutScrolltop;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTLayoutContent from \"./content.js\";\r\n\r\nvar KTLayoutStretchedCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar scroll = KTUtil.find(_element, '.card-scroll');\r\n\t\tvar cardBody = KTUtil.find(_element, '.card-body');\r\n\t\tvar cardHeader = KTUtil.find(_element, '.card-header');\r\n\r\n\t\tvar height = KTLayoutContent.getHeight();\r\n\r\n\t\theight = height - parseInt(KTUtil.actualHeight(cardHeader));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'marginTop')) - parseInt(KTUtil.css(_element, 'marginBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'paddingTop')) - parseInt(KTUtil.css(cardBody, 'paddingBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'marginTop')) - parseInt(KTUtil.css(cardBody, 'marginBottom'));\r\n\r\n\t\theight = height - 3;\r\n\r\n\t\tKTUtil.css(scroll, 'height', height + 'px');\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\r\n // Re-calculate on window resize\r\n KTUtil.addResizeHandler(function() {\r\n\t\t\t\t_init();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\t_init();\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStretchedCard;\r\n}\r\n\nexport default KTLayoutStretchedCard;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickPanel = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n var _notificationsElement;\r\n var _logsElement;\r\n var _settingsElement;\r\n\r\n // Private functions\r\n var _getContentHeight = function() {\r\n var height;\r\n\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n\r\n var _init = function() {\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_panel_close',\r\n toggleBy: 'kt_quick_panel_toggle'\r\n });\r\n }\r\n\r\n var _initNotifications = function() {\r\n KTUtil.scrollInit(_notificationsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initLogs = function() {\r\n KTUtil.scrollInit(_logsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initSettings = function() {\r\n KTUtil.scrollInit(_settingsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _updateScrollbars = function() {\r\n $(_element).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\r\n KTUtil.scrollUpdate(_notificationsElement);\r\n KTUtil.scrollUpdate(_logsElement);\r\n KTUtil.scrollUpdate(_settingsElement);\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n _notificationsElement = KTUtil.getById('kt_quick_panel_notifications');\r\n _logsElement = KTUtil.getById('kt_quick_panel_logs');\r\n _settingsElement = KTUtil.getById('kt_quick_panel_settings');\r\n\r\n _init();\r\n _initNotifications();\r\n _initLogs();\r\n _initSettings();\r\n\r\n \r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickPanel;\r\n}\r\n\nexport default KTLayoutQuickPanel;","/* eslint-disable */\n\"use strict\";\n\nimport { KTUtil } from \"./../../components/util.js\";\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickUser = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_user_close',\r\n toggleBy: 'kt_quick_user_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(content, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickUser;\r\n}\r\n\nexport default KTLayoutQuickUser;","import React, {useLayoutEffect} from \"react\";\r\nimport {KTUtil} from \"../../_assets/js/components/util\";\r\nimport KTLayoutHeader from \"../../_assets/js/layout/base/header\";\r\nimport KTLayoutHeaderMenu from \"../../_assets/js/layout/base/header-menu\";\r\nimport KTLayoutHeaderTopbar from \"../../_assets/js/layout/base/header-topbar\";\r\nimport KTLayoutBrand from \"../../_assets/js/layout/base/brand\";\r\nimport KTLayoutAside from \"../../_assets/js/layout/base/aside\";\r\nimport KTLayoutAsideToggle from \"../../_assets/js/layout/base/aside-toggle\";\r\nimport KTLayoutAsideMenu from \"../../_assets/js/layout/base/aside-menu\";\r\nimport KTLayoutContent from \"../../_assets/js/layout/base/content\";\r\nimport KTLayoutFooter from \"../../_assets/js/layout/base/footer\";\r\nimport KTLayoutSubheader from \"../../_assets/js/layout/base/subheader\";\r\nimport KTLayoutScrolltop from \"../../_assets/js/layout/extended/scrolltop\";\r\nimport KTLayoutStickyCard from \"../../_assets/js/layout/base/sticky-card\";\r\nimport KTLayoutStretchedCard from \"../../_assets/js/layout/base/stretched-card\";\r\nimport KTLayoutQuickPanel from \"../../_assets/js/layout/extended/quick-panel\";\r\nimport KTLayoutQuickUser from \"../../_assets/js/layout/extended/quick-user\";\r\n\r\nexport function LayoutInit() {\r\n useLayoutEffect(() => {\r\n // Initialization\r\n KTUtil.ready(function () {\r\n ////////////////////////////////////////////////////\r\n // Layout Base Partials(mandatory for core layout)//\r\n ////////////////////////////////////////////////////\r\n // Init Desktop & Mobile Headers\r\n KTLayoutHeader.init('kt_header', 'kt_header_mobile');\r\n\r\n // Init Header Menu\r\n KTLayoutHeaderMenu.init('kt_header_menu', 'kt_header_menu_wrapper');\r\n // Init Header Topbar For Mobile Mode\r\n KTLayoutHeaderTopbar.init('kt_header_mobile_topbar_toggle');\r\n // Init Brand Panel For Logo\r\n KTLayoutBrand.init('kt_brand');\r\n // Init Aside\r\n KTLayoutAside.init('kt_aside');\r\n\r\n // Init Aside Menu Toggle\r\n KTLayoutAsideToggle.init('kt_aside_toggle');\r\n //\r\n // Init Aside Menu\r\n KTLayoutAsideMenu.init('kt_aside_menu');\r\n\r\n // Init Content\r\n KTLayoutContent.init('kt_content');\r\n\r\n // Init Footer\r\n KTLayoutFooter.init('kt_footer');\r\n\r\n\r\n //////////////////////////////////////////////\r\n // Layout Extended Partials(optional to use)//\r\n //////////////////////////////////////////////\r\n KTLayoutSubheader.init('kt_subheader');\r\n\r\n // Init Scrolltop\r\n KTLayoutScrolltop.init('kt_scrolltop');\r\n\r\n // Init Sticky Card\r\n KTLayoutStickyCard.init('kt_page_sticky_card');\r\n\r\n // Init Stretched Card\r\n KTLayoutStretchedCard.init('kt_page_stretched_card');\r\n\r\n // Init Quick Offcanvas Panel\r\n KTLayoutQuickPanel.init('kt_quick_panel');\r\n\r\n // Init Quick User Panel\r\n KTLayoutQuickUser.init('kt_quick_user');\r\n });\r\n }, []);\r\n return <>;\r\n}\r\n","/* eslint-disable no-restricted-imports */\r\n/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React, {forwardRef} from \"react\";\r\nimport {OverlayTrigger, Tooltip} from \"react-bootstrap\";\r\nimport Dropdown from \"react-bootstrap/Dropdown\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {DropdownMenu1} from \"../../../../_partials/dropdowns\";\r\nimport {toAbsoluteUrl} from \"../../../../_helpers\";\r\n\r\nconst QuickActionsDropdownToggle = forwardRef((props, ref) => {\r\n return (\r\n - \r\n
- \r\n \r\n \r\n \r\n \r\n {items.map((item, index) => (\r\n
- \r\n \r\n {item.title}\r\n \r\n \r\n ))}\r\n
\r\n {layoutProps.subheaderMobileToggle && (\r\n \r\n \r\n \r\n )}\r\n\r\n
\r\n\r\n {/* Toolbar */}\r\n \r\n
\r\n\r\n\r\n \r\n <>\r\n {subheader.title}\r\n \r\n {/**/}\r\n
\r\n\r\n\r\n \r\n Today\r\n Aug 16\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid,no-undef */\r\nimport React from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {toAbsoluteUrl} from \"../../../../_helpers\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nexport function QuickUser() {\r\n const history = useHistory();\r\n const { user } = useSelector(state => state.auth);\r\n\r\n const logoutClick = () => {\r\n const toggle = document.getElementById(\"kt_quick_user_toggle\");\r\n if (toggle) {\r\n toggle.click();\r\n }\r\n history.push(\"/logout\");\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {toAbsoluteUrl} from \"../../../_helpers\";\r\n\r\nexport function ScrollTop() {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {user.firstName} {user.lastName}\r\n \r\n \r\n {/* \r\n Sign Out\r\n */}\r\n \r\n
\r\n \r\n \r\n \r\n {\" \"}\r\n
\r\n );\r\n}\r\n","// *https://www.registers.service.gov.uk/registers/country/use-the-api*\r\nimport React, { useEffect, useState, useRef } from \"react\";\r\nimport { Steps } from 'intro.js-react';\r\nimport \"intro.js/introjs.css\";\r\nimport \"intro.js/themes/introjs-modern.css\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { shallowEqual, useDispatch, useSelector } from \"react-redux\";\r\nimport { exitInitStepTutorial } from \"../../../src/_redux/cache/cacheCrud\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { BrowserView, MobileView } from 'react-device-detect';\r\n\r\nexport default function Intro(props) {\r\n const stepsRef = useRef();\r\n const intl = useIntl();\r\n const history = useHistory();\r\n const { currentState } = useSelector(\r\n (state) => ({ currentState: state.cache }),\r\n shallowEqual\r\n );\r\n const { initStepTutorial } = currentState;\r\n const [stepsEnabled, setStepsEnabled] = useState(false);\r\n const [initialStep, setInitialStep] = useState(getInitStep());\r\n const [options, setOptions] = useState({\r\n nextLabel: intl.formatMessage({ id: 'AUTH.GENERAL.NEXT' }),\r\n prevLabel: intl.formatMessage({ id: 'AUTH.GENERAL.PREV' }),\r\n doneLabel: intl.formatMessage({ id: 'AUTH.GENERAL.DONE' }),\r\n showBullets: true,\r\n showProgress: true,\r\n showStepNumbers: false,\r\n showButtons: true\r\n });\r\n const [steps, setSteps] = useState([\r\n {\r\n intro: \r\n
\r\n },\r\n {\r\n element: \".nSettings\",\r\n intro: Dobrodošli v zaledni pisarni mikroPOS
\r\nV čarovniku vas bomo popeljali skozi stvari, ki jih je potrebno nastaviti v aplikaciji preden lahko pričnete z uporabo.
\r\n- \r\n
- Vnos FURSovega certifikata za davčno potrjevanje računov \r\n
- Vnos izdelkov \r\n
- Registracija blagajne \r\n
- Vnos blagajniškega uporabnika \r\n
- Povezovanje blagajne \r\n
\r\n
\r\n },\r\n {\r\n element: \".nYourCompany\",\r\n intro: Vnos certifikata za davčno potrjevanje računov
\r\n- \r\n
- V meniju izberete Nastavitve \\ Vaše podjetje \r\n
- Nato \"Certifikat za davčno potrjevanje\" \r\n
\r\n
\r\n },\r\n {\r\n element: \"#kt_company_aside\",\r\n intro: Vnos certifikata za davčno potrjevanje računov
\r\n- \r\n
- V meniju izberete Nastavitve \\ Vaše podjetje \r\n
- Nato \"Certifikat za davčno potrjevanje\" \r\n
\r\n
\r\n },\r\n {\r\n element: \"#hCompanyFurs\",\r\n intro: Vnos certifikata za davčno potrjevanje računov
\r\n- \r\n
- V meniju izberete Nastavitve \\ Vaše podjetje \r\n
- Nato \"Certifikat za davčno potrjevanje\" \r\n
\r\n
\r\n },\r\n {\r\n element: \".nItemsHeader\",\r\n intro: Vnos certifikata za davčno potrjevanje računov
\r\n- \r\n
- Kliknete na ikono \r\n
- in izberete certifikat za davčno potrjevanje tipa: p12 \r\n
- Vnesete geslo certifikata \r\n
- Shranite podatke z klikom na gumb \"Shrani spremembe\" \r\n
\r\n
\r\n },\r\n {\r\n element: \".nItemsGroups\",\r\n intro: Vnos skupine izdelkov
\r\n- \r\n
- V meniju izberete Izdelki \\ Skupina izdelkov \r\n
\r\n
\r\n },\r\n {\r\n element: \".chtItemGroups\",\r\n intro: Vnos skupine izdelkov
\r\n- \r\n
- V meniju izberete Izdelki \\ Skupina izdelkov \r\n
\r\n
\r\n },\r\n {\r\n element: \".mEditItemGroup\",\r\n intro: Vnos skupine izdelkov
\r\n- \r\n
- Za vnos skupine izdelka kliknite na gumb \"Nova skupina izdelkov\" \r\n
\r\n
\r\n },\r\n {\r\n element: \".nItems\",\r\n intro: Vnos nove skupine izdelkov
\r\n- \r\n
- Izpolnite polje naziv \r\n
- Ostala polja izpolnite po želji \r\n
- in kliknite shrani \r\n
\r\n
\r\n },\r\n {\r\n element: \".chtItems\",\r\n intro: Vnos izdelkov
\r\n- \r\n
- V meniju izberete Izdelki \\ Izdelki \r\n
\r\n
\r\n },\r\n {\r\n element: \".mEditItem\",\r\n intro: Vnos izdelkov
\r\n- \r\n
- Za vnos izdelkov kliknite na gumb \"Nov izdelek\" \r\n
\r\n
\r\n },\r\n {\r\n element: \".nCashiers\",\r\n intro: Vnos novega izdelka
\r\n- \r\n
- Izpolnite polje naziv \r\n
- Izpolnite polje skupina artiklov \r\n
- Bodite prividni pri določitvi DDV stopnje izdelka \r\n
- in kliknite shrani \r\n
\r\n
\r\n },\r\n {\r\n element: \".chtCashiers\",\r\n intro: Vnos davčne blagajne
\r\n- \r\n
- V meniju izberete Nastavitve \\ Davčne blagajne \r\n
\r\n
\r\n },\r\n {\r\n element: \".mEditCashier\",\r\n intro: Vnos davčne blagajne
\r\n- \r\n
- Za vnos davčne blagajne kliknite na gumb \"Nova davčna blagajna\" \r\n
\r\n
\r\n },\r\n {\r\n intro: Vnos nove davčne blagajne
\r\n- \r\n
- Izpolnite vsa polja \r\n
- in kliknite shrani \r\n
- Nato je potrebno še registrirati davčno blagajno pri FURSu \r\n
- in nato povezti z vašo napravo \r\n
\r\n
\r\n }\r\n ]);\r\n\r\n useEffect(() => {\r\n if (initStepTutorial == undefined) {\r\n setStepsEnabled(false);\r\n } else {\r\n setStepsEnabled(!initStepTutorial);\r\n }\r\n }, [initStepTutorial]);\r\n\r\n\r\n function getInitStep() {\r\n var url = window.location.href;\r\n if (url.toLowerCase().indexOf(\"/dashboard\") > 0) {\r\n return 0;\r\n }\r\n if (url.toLowerCase().indexOf(\"/settings/company/furs\") > 0) {\r\n return 1;\r\n }\r\n if (url.toLowerCase().indexOf(\"/itemgroups/new\") > 0) {\r\n return 8;\r\n }\r\n if (url.toLowerCase().indexOf(\"/itemgroups\") > 0) {\r\n return 5;\r\n }\r\n if (url.toLowerCase().indexOf(\"/items/new\") > 0) {\r\n return 11;\r\n }\r\n if (url.toLowerCase().indexOf(\"/items\") > 0) {\r\n return 9;\r\n }\r\n if (url.toLowerCase().indexOf(\"/settings/cashiers/new\") > 0) {\r\n return 14;\r\n }\r\n if (url.toLowerCase().indexOf(\"/settings/cashiers\") > 0) {\r\n return 12;\r\n }\r\n if (url.toLowerCase().indexOf(\"/dashboard\") > 0) {\r\n return 15;\r\n }\r\n return 0;\r\n }\r\n\r\n function onExit() {\r\n exitInitStepTutorial();\r\n }\r\n\r\n\r\n function onBeforeChange(nextStepIndex) {\r\n if (stepsEnabled == false) {\r\n return;\r\n }\r\n var url = window.location.href;\r\n switch (nextStepIndex) {\r\n case 0:\r\n case 15:\r\n if (url.toLowerCase().indexOf(\"/dashboard\") < 0) {\r\n history.push(\"/dashboard\");\r\n }\r\n break;\r\n case 1:\r\n case 2:\r\n case 3:\r\n case 4:\r\n if (url.toLowerCase().indexOf(\"/settings/company/furs\") < 0) {\r\n history.push(\"/settings/company/furs\");\r\n }\r\n stepsRef.current.updateStepElement(nextStepIndex);\r\n break;\r\n case 5:\r\n case 6:\r\n case 7:\r\n if (url.toLowerCase().indexOf(\"/itemgroups/new\") > 0 || url.toLowerCase().indexOf(\"/itemgroups\") < 0) {\r\n history.push(\"/itemGroups\");\r\n }\r\n stepsRef.current.updateStepElement(nextStepIndex);\r\n break;\r\n case 8:\r\n if (url.toLowerCase().indexOf(\"/itemgroups/new\") < 0) {\r\n history.push(\"/itemGroups/new\");\r\n }\r\n stepsRef.current.updateStepElement(nextStepIndex);\r\n break;\r\n case 9:\r\n case 10:\r\n if (url.toLowerCase().indexOf(\"/items/new\") > 0 || url.toLowerCase().indexOf(\"/items\") < 0) {\r\n history.push(\"/items\");\r\n }\r\n stepsRef.current.updateStepElement(nextStepIndex);\r\n break;\r\n case 11:\r\n if (url.toLowerCase().indexOf(\"/items/new\") < 0) {\r\n history.push(\"/items/new\");\r\n }\r\n stepsRef.current.updateStepElement(nextStepIndex);\r\n break;\r\n case 12:\r\n case 13:\r\n if (url.toLowerCase().indexOf(\"/settings/cashiers\") < 0) {\r\n history.push(\"/settings/cashiers\");\r\n }\r\n stepsRef.current.updateStepElement(nextStepIndex);\r\n break;\r\n case 14:\r\n if (url.toLowerCase().indexOf(\"/settings/cashiers/new\") < 0) {\r\n history.push(\"/settings/cashiers/new\");\r\n }\r\n stepsRef.current.updateStepElement(nextStepIndex);\r\n break;\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n Hvala za vašo pozornost
\r\nŽelimo vam uspešno uporabo sistema mikroPOS.
\r\n\r\n {/*begin::Page*/}\r\n
\r\n {/*end::Page*/}\r\n \r\n \r\n {layoutProps.asideDisplay && ()}\r\n {/*begin::Wrapper*/}\r\n
\r\n {/*end::Wrapper*/}\r\n \r\n \r\n {layoutProps.subheaderDisplay &&
\r\n {/*end::Content*/}\r\n \r\n \r\n {/*begin::Container*/}\r\n
\r\n )}\r\n\r\n {layoutProps.contentExtended && {children}}\r\n {/*end::Entry*/}\r\n \r\n {children}\r\n
\r\n {/*end::Container*/}\r\n {children}
\r\n );\r\n}\r\n","import React, {useEffect, useState} from \"react\";\r\nimport {useRouteMatch} from \"react-router-dom\";\r\n\r\nexport function Content({ children }) {\r\n const match = useRouteMatch() || {};\r\n const animationEndClass = \"grid-animateContent-finished\";\r\n const [cssClassesState, setCssClassesState] = useState([\r\n \"grid-animateContent\",\r\n animationEndClass\r\n ]);\r\n\r\n useEffect(() => {\r\n // for animation start should toggle 'grid-animateContent-finished' css class\r\n // TODO: change useMemo\r\n const fullClasses = [...cssClassesState];\r\n const startAnimation = fullClasses.filter(el => el !== animationEndClass);\r\n setCssClassesState(startAnimation);\r\n const timeOutId = setTimeout(() => {\r\n setCssClassesState(fullClasses);\r\n }, 200);\r\n\r\n return () => {\r\n clearTimeout(timeOutId);\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [match.url]);\r\n\r\n return <>{children};\r\n}\r\n","import React from \"react\";\r\nimport {Route} from \"react-router-dom\";\r\nimport {Content} from \"./Content\";\r\n\r\nexport function ContentRoute({ children, component, render, ...props }) {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React, { useMemo, useEffect } from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport * as actions from \"../../_redux/dashboards/dashboardActions\"\r\n\r\nexport function LastMonthTrafficWidget({ className }) {\r\n const intl = useIntl();\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n\r\n useEffect(() => { }, [user]);\r\n\r\n const { currentState } = useSelector(\r\n (state) => ({\r\n currentState: state.dashboard\r\n }),\r\n shallowEqual\r\n );\r\n const { trafficCurrentMonth, listLoading } = currentState;\r\n\r\n return (\r\n \r\n {listLoading && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {!listLoading && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {trafficToday && trafficToday.trafficTodayAmount}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n {trafficToday && trafficToday.todayIsUp && (\r\n \r\n )}\r\n {trafficToday && !trafficToday.todayIsUp && (\r\n \r\n )}\r\n\r\n {trafficToday && trafficToday.diffTodayYesterday}%\r\n
\r\n
\r\n );\r\n}\r\n\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React, { useMemo, useEffect } from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport * as actions from \"../../_redux/dashboards/dashboardActions\"\r\n\r\nexport function Last12MonthsTrafficWidget({ className }) {\r\n const intl = useIntl();\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n\r\n useEffect(() => { }, [user]);\r\n\r\n const { currentState } = useSelector(\r\n (state) => ({\r\n currentState: state.dashboard\r\n }),\r\n shallowEqual\r\n );\r\n const { trafficLast12Months, listLoading } = currentState;\r\n\r\n return (\r\n \r\n {listLoading && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {!listLoading && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {trafficCurrentMonth && trafficCurrentMonth.trafficCurrentMonthAmount}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n {trafficCurrentMonth && trafficCurrentMonth.currentMonthIsUp && (\r\n \r\n )}\r\n {trafficCurrentMonth && !trafficCurrentMonth.currentMonthIsUp && (\r\n \r\n )}\r\n\r\n {trafficCurrentMonth && trafficCurrentMonth.diffCurrentMonthLastMonth}%\r\n
\r\n
\r\n );\r\n}\r\n\r\n","// *https://www.registers.service.gov.uk/registers/country/use-the-api*\r\nimport React from 'react';\r\nimport { shallowEqual, useDispatch, useSelector } from \"react-redux\";\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Select from '@material-ui/core/Select';\r\n\r\nexport default function Select5YearBack(props) {\r\n var years = [];\r\n var dt = new Date();\r\n for (var i = 0; i < 5; i++) {\r\n years.push(dt.getFullYear());\r\n dt.setYear(dt.getFullYear() - 1);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {listLoading && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {!listLoading && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {trafficLast12Months && trafficLast12Months.trafficLast12MonthsAmount}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n Od {trafficLast12Months && trafficLast12Months.start} do {trafficLast12Months && trafficLast12Months.end}.\r\n
\r\n \r\n )}\r\n\r\n
\r\n \r\n );\r\n}\r\n\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport * as actions from \"../../_redux/dashboards/dashboardActions\"\r\nimport { Chart } from \"react-google-charts\";\r\nimport Select5YearBack from '../../../../components/Select5YearBack';\r\n\r\n\r\nexport function SalesPurchaseWidget({ className }) {\r\n const intl = useIntl();\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n const [year, setYear] = useState(new Date().getFullYear());\r\n\r\n useEffect(() => { }, [user]);\r\n\r\n\r\n const { currentState } = useSelector(\r\n (state) => ({\r\n currentState: state.dashboard\r\n }),\r\n shallowEqual\r\n );\r\n const { salesPurchaseByYears, listLoading } = currentState;\r\n\r\n function getChartData(list) {\r\n if (list == null) {\r\n return null;\r\n }\r\n var result = [];\r\n for (var index = 0; index < list.length; index++) {\r\n for (var y = 0; y < list[index].length; y++) {\r\n if (y == 0) {\r\n result.push([]);\r\n }\r\n var data = list[index][y];\r\n if (index > 0 && y > 0) {\r\n result[index].push(parseFloat(data.replace(\".\", \"\").replace(\",\", \".\")));\r\n } else {\r\n result[index].push(data);\r\n }\r\n \r\n }\r\n }\r\n\r\n return result;\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {listLoading && (\r\n Loading Chart
}\r\n data={getChartData(salesByYears)}\r\n options={{\r\n chartArea: { width: '65%' }\r\n\r\n }}\r\n legendToggle\r\n />\r\n \r\n )}\r\n \r\n \r\n
\r\n )}\r\n {!listLoading && (\r\n <>\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\n","import React, { useEffect } from \"react\";\r\nimport { TodayTrafficWidget} from \"../dashboards/TodayTrafficWidget\";\r\nimport { LastMonthTrafficWidget } from \"../dashboards/LastMonthTrafficWidget\";\r\nimport { Last12MonthsTrafficWidget } from \"../dashboards/Last12MonthsTrafficWidget\";\r\nimport { SalesByYearsWidget } from \"../dashboards/SalesByYearsWidget\";\r\nimport { SalesPurchaseWidget } from \"../dashboards/SalesPurchaseWidget\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../../app/enum/userFunctionalityE\"\r\nimport * as actions from \"../../_redux/dashboards/dashboardActions\"\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport { BrowserView, MobileView } from 'react-device-detect';\r\n\r\nexport function Dashboard() {\r\n const dispatch = useDispatch();\r\n\r\n const { currentState } = useSelector(\r\n (state) => ({ currentState: state.cache }),\r\n shallowEqual\r\n );\r\n\r\n useEffect(() => {\r\n if (currentState.vatRates != null && currentState.vatRates != undefined) {\r\n Promise.all([\r\n dispatch(actions.fetchTrafficLast12Months()),\r\n dispatch(actions.fetchTrafficCurrentMonth()),\r\n dispatch(actions.fetchSalesByYears()),\r\n dispatch(actions.fetchTrafficToday()),\r\n dispatch(actions.fetchSalesPurchaseByYears(new Date().getFullYear()))\r\n ]);\r\n }\r\n }, [currentState.vatRates]);\r\n\r\n return <>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {\r\n setYear(val);\r\n dispatch(actions.fetchSalesPurchaseByYears(val));\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {listLoading && (\r\n Loading Chart
}\r\n data={getChartData(salesPurchaseByYears)}\r\n options={{\r\n chartArea: { width: '65%' }\r\n\r\n }}\r\n legendToggle\r\n />\r\n \r\n )}\r\n \r\n \r\n
\r\n )}\r\n {!listLoading && (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {!actionsLoading && (\r\n \r\n )}\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { UsersFilter } from \"./users-filter/UsersFilter\";\r\nimport { UsersTable } from \"./users-table/UsersTable\";\r\nimport { UsersGrouping } from \"./users-grouping/UsersGrouping\";\r\nimport { useUsersUIContext } from \"./UsersUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport function UsersCard() {\r\n const intl = useIntl();\r\n const usersUIContext = useUsersUIContext();\r\n const usersUIProps = useMemo(() => {\r\n return {\r\n ids: usersUIContext.ids,\r\n newUserButtonClick: usersUIContext.newUserButtonClick,\r\n };\r\n }, [usersUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n {!actionsLoading && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { OfficeUsersFilter } from \"./officeUsers-filter/OfficeUsersFilter\";\r\nimport { OfficeUsersTable } from \"./officeUsers-table/OfficeUsersTable\";\r\nimport { OfficeUsersGrouping } from \"./officeUsers-grouping/OfficeUsersGrouping\";\r\nimport { useOfficeUsersUIContext } from \"./OfficeUsersUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport function OfficeUsersCard() {\r\n const intl = useIntl();\r\n const officeUsersUIContext = useOfficeUsersUIContext();\r\n const officeUsersUIProps = useMemo(() => {\r\n return {\r\n ids: officeUsersUIContext.ids,\r\n newOfficeUserButtonClick: officeUsersUIContext.newOfficeUserButtonClick,\r\n };\r\n }, [officeUsersUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n {!actionsLoading && (\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { UserRolesFilter } from \"./userRoles-filter/UserRolesFilter\";\r\nimport { UserRolesTable } from \"./userRoles-table/UserRolesTable\";\r\nimport { UserRolesGrouping } from \"./userRoles-grouping/UserRolesGrouping\";\r\nimport { useUserRolesUIContext } from \"./UserRolesUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport function CashierUserRolesCard() {\r\n const intl = useIntl();\r\n const userRolesUIContext = useUserRolesUIContext();\r\n const userRolesUIProps = useMemo(() => {\r\n return {\r\n ids: userRolesUIContext.ids,\r\n newUserRoleButtonClick: userRolesUIContext.newUserRoleButtonClick,\r\n };\r\n }, [userRolesUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n {!actionsLoading && (\r\n \r\n )}\r\n\r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { CodeListsFilter } from \"./codeLists-filter/CodeListsFilter\";\r\nimport { CodeListsTable } from \"./codeLists-table/CodeListsTable\";\r\nimport { CodeListsGrouping } from \"./codeLists-grouping/CodeListsGrouping\";\r\nimport { useCodeListsUIContext } from \"./CodeListsUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\n\r\nexport function CodeListsCard() {\r\n const intl = useIntl();\r\n const codeListsUIContext = useCodeListsUIContext();\r\n const codeListsUIProps = useMemo(() => {\r\n return {\r\n ids: codeListsUIContext.ids,\r\n newCodeListButtonClick: codeListsUIContext.newCodeListButtonClick,\r\n };\r\n }, [codeListsUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {loading &&
\r\n \r\n\r\n\r\n \r\n \r\n
\r\n {/* end::Header */}\r\n {/* begin::Form */}\r\n \r\n \r\n
\r\n \r\n
\r\n {isEdit == true && (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n {/* begin::Body */}\r\n \r\n
\r\n )}\r\n {( isEdit == true) && (\r\n <>\r\n \r\n\r\n {/* begin::Alert */}\r\n {isSuccess && (\r\n \r\n
\r\n )}\r\n\r\n {isError && (\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n
\r\n setIsSuccess(false)}>\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 setIsError(false)}>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n { setCertificate(event.target.files[0]); }}\r\n accept=\".p12\"\r\n />\r\n \r\n \r\n \r\n \r\n { setCertificate(null); setFile(''); }}\r\n className=\"btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow\"\r\n data-action=\"remove\"\r\n data-toggle=\"tooltip\"\r\n title=\"\"\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {certificate != null ? certificate.name : \"\"}\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n )}\r\n \r\n {(fiscalDigitalCertificate != null && isEdit == false) && (\r\n <>\r\n {new Date(fiscalDigitalCertificate.expiredDate) < new Date() && (\r\n \r\n
\r\n \r\n {formik.errors.certPassword}\r\n
\r\n ) : 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\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n )}\r\n\r\n \r\n {/* end::Body */}\r\n \r\n {/* end::Form */}\r\n \r\n \r\n );\r\n}\r\n\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport { useFormik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { ModalProgressBar } from \"../../../../../_metronic/_partials/controls\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport * as actions from \"../../../Setting/_redux/yourCompany/yourCompanyAction\";\r\nimport { CheckPermissions, hasRoleForFunctionality } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport default function CompanyEInvoice(props) {\r\n const intl = useIntl();\r\n // Fields\r\n const [loading, setLoading] = useState(false);\r\n const [isError, setIsError] = useState(false);\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n const { organization, error } = useSelector(\r\n (state) => ({\r\n organization: state.organization.organizationForEdit,\r\n error: state.organization.error\r\n }),\r\n shallowEqual\r\n );\r\n\r\n var readOnly = !hasRoleForFunctionality(user, [UserFunctionalityE.UrediVasePodjetje]);\r\n\r\n useEffect(() => { }, [user, organization]);\r\n // Methods\r\n const saveOrganization = (values, setStatus, setSubmitting) => {\r\n setLoading(true);\r\n setIsError(false);\r\n setIsSuccess(false);\r\n \r\n dispatch(actions.updateOrganization(values)).then(() => {\r\n setIsError(error != null);\r\n setIsSuccess(error == null);\r\n setLoading(false);\r\n setSubmitting(false);\r\n });\r\n };\r\n // UI Helpers\r\n const initialValues = {\r\n address: organization != undefined && organization != null ? organization.address : \"\",\r\n appModulePurchase: organization && organization != null != undefined ? organization.appModulePurchase : false,\r\n appModuleSales: organization && organization != null != undefined ? organization.appModuleSales : false,\r\n description: organization && organization != null != undefined ? organization.description : \"\",\r\n id: organization && organization != null != undefined ? organization.id : -1,\r\n name: organization && organization != null != undefined ? organization.name : \"\",\r\n postCode: organization && organization != null != undefined ? organization.postCode : 0,\r\n postTitle: organization && organization != null != undefined ? organization.postTitle : \"\",\r\n registrationNumber: organization && organization != null != undefined ? organization.registrationNumber : \"\",\r\n taxDuty: organization != undefined && organization != null ? organization.taxDuty : false,\r\n taxNumber: organization != undefined && organization != null ? organization.taxNumber : \"\",\r\n town: organization != undefined && organization != null ? organization.town : \"\",\r\n bankName: organization != undefined && organization != null && organization.bankName != null ? organization.bankName : \"\",\r\n bankIban: organization != undefined && organization != null && organization.bankIban != null ? organization.bankIban : \"\",\r\n bankBic: organization != undefined && organization != null && organization.bankBic != null ? organization.bankBic : \"\",\r\n invoiceSendToMail: organization && organization != null != undefined ? organization.invoiceSendToMail : false,\r\n invoiceEmail: organization && organization != null != undefined ? organization.invoiceEmail : \"\",\r\n invoiceAddress: organization && organization != null != undefined ? organization.invoiceAddress : \"\",\r\n invoicePostCode: organization && organization != null != undefined ? organization.invoicePostCode : 0,\r\n invoicePostTitle: organization && organization != null != undefined ? organization.invoicePostTitle : \"\",\r\n logoUniqueId: organization && organization != null != undefined ? organization.logoUniqueId : \"\",\r\n officeUserCount: organization != undefined && organization != null ? organization.officeUserCount : 1,\r\n cashierUserCount: organization != undefined && organization != null ? organization.cashierUserCount : 1,\r\n cashierCount: organization != undefined && organization != null ? organization.cashierCount : 1,\r\n minOfficeUserCount: organization != undefined && organization != null ? organization.minOfficeUserCount : 1,\r\n minCashierUserCount: organization != undefined && organization != null ? organization.minCashierUserCount : 1,\r\n minCashierCount: organization != undefined && organization != null ? organization.minCashierCount : 1,\r\n deactiveReason: organization != undefined && organization != null && organization.deactiveReason != null ? organization.deactiveReason : \"\",\r\n deactiveDate: organization != undefined && organization != null && organization.deactiveDate != null ? organization.deactiveDate : \"\",\r\n contractExpirationDate: organization != undefined && organization != null && organization.contractExpirationDate != null ? organization.contractExpirationDate : null,\r\n confirmed: organization != undefined && organization != null ? organization.confirmed : false\r\n };\r\n\r\n const Schema = Yup.object().shape({\r\n registrationNumber: Yup.string().required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })),\r\n bankName: Yup.string().required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })),\r\n bankIban: Yup.string().required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })),\r\n bankBic: Yup.string().required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })),\r\n \r\n });\r\n\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: Schema,\r\n enableReinitialize: true,\r\n onSubmit: (values, { setStatus, setSubmitting, resetForm }) => {\r\n saveOrganization(values, setStatus, setSubmitting);\r\n },\r\n onReset: () => {\r\n setIsError(false);\r\n setIsSuccess(false);\r\n }\r\n });\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport { useFormik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { ModalProgressBar } from \"../../../../../_metronic/_partials/controls\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport * as actions from \"../../../Setting/_redux/yourCompany/yourCompanyAction\";\r\nimport { CheckPermissions, hasRoleForFunctionality } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\nimport ToggleButton from \"@material-ui/lab/ToggleButton\";\r\nimport ToggleButtonGroup from \"@material-ui/lab/ToggleButtonGroup\";\r\nimport AutocompletePost from '../../../../components/AutocompletePost'\r\n\r\nexport default function CompanyPayment(props) {\r\n const intl = useIntl();\r\n // Fields\r\n const [loading, setLoading] = useState(false);\r\n const [isError, setIsError] = useState(false);\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n const { organization, error } = useSelector(\r\n (state) => ({\r\n organization: state.organization.organizationForEdit,\r\n error: state.organization.error\r\n }),\r\n shallowEqual\r\n );\r\n const [invoiceSendToMail, setInvoiceSendToMail] = useState([0]);\r\n const [post, setPost] = useState(organization != undefined && organization.invoicePostCode != null ?\r\n { code: organization.invoicePostCode, title: organization.invoicePostTitle } : null);\r\n\r\n var readOnly = !hasRoleForFunctionality(user, [UserFunctionalityE.UrediVasePodjetje]);\r\n\r\n useEffect(() => {\r\n setPost(organization != undefined && organization.invoicePostCode != null ?\r\n { code: organization.invoicePostCode, title: organization.invoicePostTitle } : null);\r\n setInvoiceSendToMail(organization != undefined && organization.invoiceSendToMail == true ? [1] : [0]);\r\n }, [organization]);\r\n // Methods\r\n const saveOrganization = (values, setStatus, setSubmitting) => {\r\n setLoading(true);\r\n setIsError(false);\r\n setIsSuccess(false);\r\n\r\n var obj = {\r\n address: values.address,\r\n appModulePurchase: values.appModulePurchase,\r\n appModuleSales: values.appModuleSales,\r\n description: values.description,\r\n id: values.id,\r\n name: values.name,\r\n postCode: values.postCode,\r\n postTitle: values.postTitle,\r\n registrationNumber: values.registrationNumber,\r\n taxDuty: values.taxDuty,\r\n taxNumber: values.taxNumber,\r\n town: values.town,\r\n bankName: values.bankName,\r\n bankIban: values.bankIban,\r\n bankBic: values.bankBic,\r\n invoiceSendToMail: invoiceSendToMail[0] == 1,\r\n invoiceEmail: values.invoiceEmail,\r\n invoiceAddress: values.invoiceAddress,\r\n invoicePostCode: post.code,\r\n invoicePostTitle: post.title,\r\n logoUniqueId: values.logoUniqueId,\r\n officeUserCount: values.officeUserCount,\r\n cashierUserCount: values.cashierUserCount,\r\n cashierCount: values.cashierCount,\r\n minOfficeUserCount: values.minOfficeUserCount,\r\n minCashierUserCount: values.minCashierUserCount,\r\n minCashierCount: values.minCashierCount,\r\n deactiveReason: values.deactiveReason,\r\n deactiveDate: values.deactiveDate,\r\n confirmed: values.confirmed,\r\n contractExpirationDate: values.contractExpirationDate\r\n };\r\n \r\n dispatch(actions.updateOrganization(obj)).then(() => {\r\n setIsError(error != null);\r\n setIsSuccess(error == null);\r\n setLoading(false);\r\n setSubmitting(false);\r\n });\r\n };\r\n // UI Helpers\r\n const initialValues = {\r\n address: organization != undefined && organization != null ? organization.address : \"\",\r\n appModulePurchase: organization && organization != null != undefined ? organization.appModulePurchase : false,\r\n appModuleSales: organization && organization != null != undefined ? organization.appModuleSales : false,\r\n description: organization && organization != null != undefined ? organization.description : \"\",\r\n id: organization && organization != null != undefined ? organization.id : -1,\r\n name: organization && organization != null != undefined ? organization.name : \"\",\r\n postCode: organization && organization != null != undefined ? organization.postCode : 0,\r\n postTitle: organization && organization != null != undefined ? organization.postTitle : \"\",\r\n registrationNumber: organization && organization != null != undefined ? organization.registrationNumber : \"\",\r\n taxDuty: organization != undefined && organization != null ? organization.taxDuty : false,\r\n taxNumber: organization != undefined && organization != null ? organization.taxNumber : \"\",\r\n town: organization != undefined && organization != null ? organization.town : \"\",\r\n bankName: organization != undefined && organization != null && organization.bankName != null ? organization.bankName : \"\",\r\n bankIban: organization != undefined && organization != null && organization.bankIban != null ? organization.bankIban : \"\",\r\n bankBic: organization != undefined && organization != null && organization.bankBic != null ? organization.bankBic : \"\",\r\n invoiceSendToMail: organization && organization != null != undefined ? organization.invoiceSendToMail : false,\r\n invoiceEmail: organization && organization != null != undefined && organization.invoiceEmail != null ? organization.invoiceEmail : \"\",\r\n invoiceAddress: organization && organization != null != undefined && organization.invoiceAddress != null ? organization.invoiceAddress : \"\",\r\n invoicePostCode: organization && organization != null != undefined && organization.invoicePostCode != null ? organization.invoicePostCode : 0,\r\n invoicePostTitle: organization && organization != null != undefined && organization.invoicePostTitle != null ? organization.invoicePostTitle : \"\",\r\n logoUniqueId: organization && organization != null != undefined ? organization.logoUniqueId : \"\",\r\n officeUserCount: organization != undefined && organization != null ? organization.officeUserCount : 1,\r\n cashierUserCount: organization != undefined && organization != null ? organization.cashierUserCount : 1,\r\n cashierCount: organization != undefined && organization != null ? organization.cashierCount : 1,\r\n minOfficeUserCount: organization != undefined && organization != null ? organization.minOfficeUserCount : 1,\r\n minCashierUserCount: organization != undefined && organization != null ? organization.minCashierUserCount : 1,\r\n minCashierCount: organization != undefined && organization != null ? organization.minCashierCount : 1,\r\n deactiveReason: organization != undefined && organization != null && organization.deactiveReason != null ? organization.deactiveReason : \"\",\r\n deactiveDate: organization != undefined && organization != null && organization.deactiveDate != null ? organization.deactiveDate : \"\",\r\n contractExpirationDate: organization != undefined && organization != null && organization.contractExpirationDate != null ? organization.contractExpirationDate : null,\r\n confirmed: organization != undefined && organization != null ? organization.confirmed : false\r\n };\r\n\r\n const Schema = Yup.object().shape({\r\n invoiceEmail: Yup.string()\r\n .email(intl.formatMessage({ id: 'AUTH.GENERAL.WRONG_EMAIL_FORMAT' }))\r\n .test('validator', intl.formatMessage({ id: 'AUTH.VALIDATION.REQUIRED_FIELD' }), value => {\r\n if (invoiceSendToMail[0] == 1) {\r\n return value != undefined && value != null && value.length > 0;\r\n }\r\n return true;\r\n }),\r\n invoiceAddress: Yup.string()\r\n .test('validator', intl.formatMessage({ id: 'AUTH.VALIDATION.REQUIRED_FIELD' }), value => {\r\n if (invoiceSendToMail[0] == 0) {\r\n return value != undefined && value != null && value.length > 0;\r\n }\r\n return true;\r\n })\r\n });\r\n\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n function handleChangeInvoiceSendToMail(event, value) {\r\n setInvoiceSendToMail([parseInt(event.currentTarget.value)]);\r\n document.getElementById(\"frmCompanyPayment\").reset();\r\n }\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: Schema,\r\n enableReinitialize: true,\r\n onSubmit: (values, { setStatus, setSubmitting, resetForm }) => {\r\n saveOrganization(values, setStatus, setSubmitting);\r\n },\r\n onReset: () => {\r\n setIsError(false);\r\n setIsSuccess(false);\r\n setPost(organization != undefined && organization.invoicePostCode != null ?\r\n { code: organization.invoicePostCode, title: organization.invoicePostTitle } : null);\r\n }\r\n });\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport { useFormik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { ModalProgressBar } from \"../../../../../_metronic/_partials/controls\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport * as actions from \"../../../Setting/_redux/yourCompany/yourCompanyAction\";\r\nimport { CheckPermissions, hasRoleForFunctionality } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\nimport moment from 'moment'\r\n\r\nexport default function CompanyCancelPackage(props) {\r\n const intl = useIntl();\r\n // Fields\r\n const [loading, setLoading] = useState(false);\r\n const [isError, setIsError] = useState(false);\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const [isDeactive, setIsDeactive] = useState(organization != undefined && organization != null && organization.deactiveDate != null);\r\n const [contractExpirationDate, setContractExpirationDate] = useState(organization != undefined && organization != null && organization.contractExpirationDate != null ? organization.contractExpirationDate : null);\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n const { organization, error } = useSelector(\r\n (state) => ({\r\n organization: state.organization.organizationForEdit,\r\n error: state.organization.error\r\n }),\r\n shallowEqual\r\n );\r\n var readOnly = !hasRoleForFunctionality(user, [UserFunctionalityE.UrediVasePodjetje]);\r\n\r\n useEffect(() => {\r\n if (contractExpirationDate == null) {\r\n setContractExpirationDate(organization != undefined && organization != null && organization.contractExpirationDate != null ? organization.contractExpirationDate : null);\r\n }\r\n setIsDeactive(organization != undefined && organization != null && organization.deactiveDate != null);\r\n }, [user, organization]);\r\n // Methods\r\n const saveOrganization = (values, setStatus, setSubmitting) => {\r\n setLoading(true);\r\n setIsError(false);\r\n setIsSuccess(false);\r\n\r\n var obj = {\r\n address: values.address,\r\n appModulePurchase: values.appModulePurchase,\r\n appModuleSales: values.appModuleSales,\r\n description: values.description,\r\n id: values.id,\r\n name: values.name,\r\n postCode: values.postCode,\r\n postTitle: values.postTitle,\r\n registrationNumber: values.registrationNumber,\r\n taxDuty: values.taxDuty,\r\n taxNumber: values.taxNumber,\r\n town: values.town,\r\n bankName: values.bankName,\r\n bankIban: values.bankIban,\r\n bankBic: values.bankBic,\r\n cubic: values.cubic,\r\n invoiceSendToMail: values.invoiceSendToMail,\r\n invoiceEmail: values.invoiceEmail,\r\n invoiceAddress: values.invoiceAddress,\r\n invoicePostCode: values.invoicePostCode,\r\n invoicePostTitle: values.invoicePostTitle,\r\n logoUniqueId: values.logoUniqueId,\r\n officeUserCount: values.officeUserCount,\r\n cashierUserCount: values.cashierUserCount,\r\n cashierCount: values.cashierCount,\r\n minOfficeUserCount: values.minOfficeUserCount,\r\n minCashierUserCount: values.minCashierUserCount,\r\n minCashierCount: values.minCashierCount,\r\n deactiveReason: isDeactive ? null : values.deactiveReason,\r\n deactiveDate: isDeactive ? null : values.contractExpirationDate,\r\n cancelDeactive: isDeactive,\r\n confirmed: values.confirmed,\r\n contractExpirationDate: values.contractExpirationDate\r\n };\r\n \r\n dispatch(actions.updateOrganization(obj)).then(() => {\r\n setIsError(error != null);\r\n setIsSuccess(error == null);\r\n setLoading(false);\r\n setSubmitting(false);\r\n });\r\n };\r\n // UI Helpers\r\n const initialValues = {\r\n address: organization != undefined && organization != null ? organization.address : \"\",\r\n appModulePurchase: organization && organization != null != undefined ? organization.appModulePurchase : false,\r\n appModuleSales: organization && organization != null != undefined ? organization.appModuleSales : false,\r\n cubic: organization && organization != null != undefined ? organization.cubic : false,\r\n description: organization && organization != null != undefined ? organization.description : \"\",\r\n id: organization && organization != null != undefined ? organization.id : -1,\r\n name: organization && organization != null != undefined ? organization.name : \"\",\r\n postCode: organization && organization != null != undefined ? organization.postCode : 0,\r\n postTitle: organization && organization != null != undefined ? organization.postTitle : \"\",\r\n registrationNumber: organization && organization != null != undefined ? organization.registrationNumber : \"\",\r\n taxDuty: organization != undefined && organization != null ? organization.taxDuty : false,\r\n taxNumber: organization != undefined && organization != null ? organization.taxNumber : \"\",\r\n town: organization != undefined && organization != null ? organization.town : \"\",\r\n bankName: organization != undefined && organization != null && organization.bankName != null ? organization.bankName : \"\",\r\n bankIban: organization != undefined && organization != null && organization.bankIban != null ? organization.bankIban : \"\",\r\n bankBic: organization != undefined && organization != null && organization.bankBic != null ? organization.bankBic : \"\",\r\n invoiceSendToMail: organization && organization != null != undefined ? organization.invoiceSendToMail : false,\r\n invoiceEmail: organization && organization != null != undefined ? organization.invoiceEmail : \"\",\r\n invoiceAddress: organization && organization != null != undefined ? organization.invoiceAddress : \"\",\r\n invoicePostCode: organization && organization != null != undefined ? organization.invoicePostCode : 0,\r\n invoicePostTitle: organization && organization != null != undefined ? organization.invoicePostTitle : \"\",\r\n logoUniqueId: organization && organization != null != undefined ? organization.logoUniqueId : \"\",\r\n officeUserCount: organization != undefined && organization != null ? organization.officeUserCount : 1,\r\n cashierUserCount: organization != undefined && organization != null ? organization.cashierUserCount : 1,\r\n cashierCount: organization != undefined && organization != null ? organization.cashierCount : 1,\r\n minOfficeUserCount: organization != undefined && organization != null ? organization.minOfficeUserCount : 1,\r\n minCashierUserCount: organization != undefined && organization != null ? organization.minCashierUserCount : 1,\r\n minCashierCount: organization != undefined && organization != null ? organization.minCashierCount : 1,\r\n deactiveReason: organization != undefined && organization != null && organization.deactiveReason != null ? organization.deactiveReason : \"\",\r\n deactiveDate: organization != undefined && organization != null && organization.deactiveDate != null ? organization.deactiveDate : \"\",\r\n contractExpirationDate: organization != undefined && organization != null && organization.contractExpirationDate != null ? organization.contractExpirationDate : null,\r\n confirmed: organization != undefined && organization != null ? organization.confirmed : false\r\n };\r\n\r\n const Schema = Yup.object().shape({\r\n deactiveReason: Yup.string().required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n }))\r\n });\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n \r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: Schema,\r\n enableReinitialize: true,\r\n onSubmit: (values, { setStatus, setSubmitting, resetForm }) => {\r\n\r\n saveOrganization(values, setStatus, setSubmitting);\r\n },\r\n onReset: (values) => {\r\n setIsError(false);\r\n setIsSuccess(false);\r\n }\r\n });\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect } from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { shallowEqual, useSelector } from \"react-redux\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../../enum/userFunctionalityE\"\r\n\r\nexport function Navigation() {\r\n const user = useSelector(({ auth }) => auth.user, shallowEqual);\r\n const { organization } = useSelector(\r\n (state) => ({\r\n organization: state.organization.organizationForEdit,\r\n }),\r\n shallowEqual\r\n );\r\n\r\n\r\n useEffect(() => {\r\n return () => { };\r\n }, [user]);\r\n\r\n return (\r\n <>\r\n {user && (\r\n \r\n
\r\n \r\n {/* begin::Body */}\r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import React, { useEffect, useState }from \"react\";\r\nimport { shallowEqual, useDispatch, useSelector } from \"react-redux\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\nimport { useSubheader } from \"../../../../../_metronic/layout\";\r\nimport CompanyDetails from \"../yourCompany/CompanyDetails\";\r\nimport CompanyPackage from \"../yourCompany/CompanyPackage\";\r\nimport CompanyFurs from \"../yourCompany/CompanyFurs\";\r\nimport CompanyEInvoice from \"../yourCompany/CompanyEInvoice\";\r\nimport CompanyPayment from \"../yourCompany/CompanyPayment\";\r\nimport CompanyCancelPackage from \"../yourCompany/CompanyCancelPackage\";\r\nimport { Navigation } from \"../yourCompany/components/Navigation\";\r\nimport { useIntl } from \"react-intl\";\r\nimport * as actions from \"../../../Setting/_redux/yourCompany/yourCompanyAction\";\r\nimport { hasRoleForFunctionality } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport default function YourCompanyPage() {\r\n const intl = useIntl();\r\n const suhbeader = useSubheader();\r\n const { user } = useSelector(state => state.auth);\r\n suhbeader.setTitle(intl.formatMessage({ id: 'AUTH.GENERAL.YOUR_COMPANY' }));\r\n\r\n // CodeLists Redux state\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n dispatch(actions.fetchOrganization())\r\n dispatch(actions.fetchFiscalDigitalCertificate())\r\n }, [dispatch]);\r\n\r\n return (\r\n \r\n {/* begin::Nav */}\r\n
\r\n {/* end::Body */}\r\n \r\n \r\n \r\n \r\n
\r\n {/* end::Nav */}\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n {user.organizationNotSentToFurs == false && (\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n\r\n {organization != null && organization.confirmed == true && (\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { shallowEqual, useSelector } from \"react-redux\";\r\nimport { LoadingDialog } from \"../../../../../../_metronic/_partials/controls\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\n\r\nexport function CashiersLoadingDialog() {\r\n const intl = useIntl();\r\n // Cashiers Redux state\r\n const { isLoading } = useSelector(\r\n (state) => ({ isLoading: state.cashiers.listLoading }),\r\n shallowEqual\r\n );\r\n // looking for loading/dispatch\r\n useEffect(() => {}, [isLoading]);\r\n return \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n\r\n {!actionsLoading && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { CashiersFilter } from \"./cashiers-filter/CashiersFilter\";\r\nimport { CashiersTable } from \"./cashiers-table/CashiersTable\";\r\nimport { CashiersGrouping } from \"./cashiers-grouping/CashiersGrouping\";\r\nimport { useCashiersUIContext } from \"./CashiersUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport function CashiersCard() {\r\n const intl = useIntl();\r\n const cashiersUIContext = useCashiersUIContext();\r\n const cashiersUIProps = useMemo(() => {\r\n return {\r\n ids: cashiersUIContext.ids,\r\n newCashierButtonClick: cashiersUIContext.newCashierButtonClick,\r\n };\r\n }, [cashiersUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n )}\r\n\r\n\r\n {cashierForEdit != undefined && cashierForEdit.deviceKey != 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 {!actionsLoading && cashierForEdit != undefined && cashierForEdit.deviceKey != 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 \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 {/* begin::Header */}\r\n
\r\n );\r\n}\r\n\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport { useFormik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { ModalProgressBar } from \"../../../../../_metronic/_partials/controls\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { importItemsExcel } from \"../../_redux/import/importCrud\";\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\nexport default function ImportItems(props) {\r\n const intl = useIntl();\r\n // Fields\r\n const [loading, setLoading] = useState(false);\r\n const [isError, setIsError] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n\r\n useEffect(() => {\r\n \r\n }, [user]);\r\n\r\n const onChangeImportData = event => {\r\n setIsSuccess(false);\r\n setIsError(false);\r\n setLoading(true);\r\n const formData = new FormData();\r\n formData.append(\r\n \"data\",\r\n event.target.files[0],\r\n event.target.files[0].name\r\n );\r\n event.target.value = null;\r\n importItemsExcel(formData).then((req) => {\r\n if (!req.data.didError) {\r\n setIsSuccess(true);\r\n } else {\r\n setIsError(true);\r\n setError(req.errorMessage);\r\n }\r\n setLoading(false);\r\n }).catch((e) => {\r\n setIsError(true);\r\n setError(e.response.data.errorMessage);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\n","import axios from \"axios\";\r\n\r\nexport function importItemsExcel(data) {\r\n return axios.post(\"/api/import/importItemsExcel\", data);\r\n}\r\n\r\n\r\nexport function importPricelistsExcel(data) {\r\n return axios.post(\"/api/import/importPricelistsExcel\", data);\r\n}\r\n\r\nexport function importStocksExcel(data) {\r\n return axios.post(\"/api/import/importStocksExcel\", data);\r\n}\r\n\r\nexport function getWarehouses() {\r\n return axios.get(\"/api/warehouse/all\");\r\n}\r\n","import * as requestFromServer from \"./importCrud\";\r\nimport { importSlice, callTypes } from \"./importSlice\";\r\n\r\nconst { actions } = importSlice;\r\n\r\nexport const fetchWarehouses = () => dispatch => {\r\n dispatch(actions.startCall({ callType: callTypes.list }));\r\n return requestFromServer\r\n .getWarehouses()\r\n .then(response => {\r\n const { totalCount, entities } = response.data;\r\n dispatch(actions.warehousesFetched({ totalCount, entities }));\r\n })\r\n .catch(error => {\r\n error.clientMessage = \"Can't find warehouses\";\r\n dispatch(actions.catchError({ error, callType: callTypes.list }));\r\n });\r\n};\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { ModalProgressBar } from \"../../../../../_metronic/_partials/controls\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { importStocksExcel } from \"../../_redux/import/importCrud\";\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport * as actions from \"../../_redux/import/importActions\";\r\n\r\nexport default function ImportStocks(props) {\r\n const intl = useIntl();\r\n // Fields\r\n const [loading, setLoading] = useState(false);\r\n const [isError, setIsError] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n\r\n useEffect(() => {\r\n\r\n }, [user]);\r\n\r\n // Warehouses Redux state\r\n useEffect(() => {\r\n dispatch(actions.fetchWarehouses());\r\n \r\n }, [dispatch]);\r\n\r\n const { currentState } = useSelector(\r\n (state) => ({\r\n currentState: state.import\r\n }),\r\n shallowEqual\r\n );\r\n const { totalCount, entities, listLoading } = currentState;\r\n\r\n const onChangeImportData = event => {\r\n setIsSuccess(false);\r\n setIsError(false);\r\n setLoading(true);\r\n const formData = new FormData();\r\n formData.append(\r\n \"data\",\r\n event.target.files[0],\r\n event.target.files[0].name\r\n );\r\n event.target.value = null;\r\n importStocksExcel(formData).then((req) => {\r\n if (!req.data.didError) {\r\n setIsSuccess(true);\r\n } else {\r\n setIsError(true);\r\n setError(req.errorMessage);\r\n }\r\n setLoading(false);\r\n }).catch((e) => {\r\n setIsError(true);\r\n setError(e.response.data.errorMessage);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport { useFormik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { ModalProgressBar } from \"../../../../../_metronic/_partials/controls\";\r\nimport { toAbsoluteUrl } from \"../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { importItemsExcel } from \"../../_redux/import/importCrud\";\r\nimport { importPricelistsExcel } from \"../../_redux/import/importCrud\";\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\nexport default function ImportIPricelists(props) {\r\n const intl = useIntl();\r\n // Fields\r\n const [loading, setLoading] = useState(false);\r\n const [isError, setIsError] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const dispatch = useDispatch();\r\n const user = useSelector((state) => state.auth.user, shallowEqual);\r\n\r\n useEffect(() => {\r\n \r\n }, [user]);\r\n\r\n const onChangeImportData = event => {\r\n setIsSuccess(false);\r\n setIsError(false);\r\n setLoading(true);\r\n const formData = new FormData();\r\n formData.append(\r\n \"data\",\r\n event.target.files[0],\r\n event.target.files[0].name\r\n );\r\n event.target.value = null;\r\n importPricelistsExcel(formData).then((req) => {\r\n if (!req.data.didError) {\r\n setIsSuccess(true);\r\n } else {\r\n setIsError(true);\r\n setError(req.errorMessage);\r\n }\r\n setLoading(false);\r\n }).catch((e) => {\r\n setIsError(true);\r\n setError(e.response.data.errorMessage);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect } from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { shallowEqual, useSelector } from \"react-redux\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../../../../_metronic/_helpers\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../../enum/userFunctionalityE\"\r\n\r\nexport function Navigation() {\r\n const user = useSelector(({ auth }) => auth.user, shallowEqual);\r\n\r\n useEffect(() => {\r\n return () => { };\r\n }, [user]);\r\n\r\n return (\r\n <>\r\n {user && (\r\n \r\n
\r\n {/* end::Header */}\r\n {/* begin::Form */}\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 {/* end::Form */}\r\n\r\n\r\n {/* begin::Form */}\r\n \r\n
\r\n Navodila za namestitev Android aplikacije
\r\n- \r\n
- 1. Na Android napravi kliknite tukaj in shranite APK datoteko. \r\n
- 2. Zaženite preneseno datoteko com.skupinacomp.pos.mobile.app.apk. \r\n
- 3. Omogoči namestitev aplikacij iz neznanih virov. \r\n
- 4. In nadaljujte namestitev. \r\n
\r\n
\r\n {/* end::Form */}\r\n \r\n
\r\n Navodila za namestitev Android vtičnika aplikacije
\r\n- \r\n
- 1. Na Android napravi kliknite tukaj in shranite APK datoteko. \r\n
- 2. Zaženite preneseno datoteko com.mikropos.wrapper.apk. \r\n
- 3. Omogoči namestitev aplikacij iz neznanih virov. \r\n
- 4. In nadaljujte namestitev. \r\n
- 5. Natolahko uporabite vtičnik v mikroPOS aplikaciji. \r\n
\r\n {/* begin::Body */}\r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import React, { useEffect, useState }from \"react\";\r\nimport { shallowEqual, useDispatch, useSelector } from \"react-redux\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\nimport { useSubheader } from \"../../../../../_metronic/layout\";\r\nimport ImportItems from \"../import/ImportItems\";\r\nimport ImportStocks from \"../import/ImportStocks\";\r\nimport ImportIPricelists from \"../import/ImportIPricelists\";\r\nimport { Navigation } from \"../import/components/Navigation\";\r\nimport { useIntl } from \"react-intl\";\r\nimport { hasRoleForFunctionality } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport default function ImportPage() {\r\n const intl = useIntl();\r\n const suhbeader = useSubheader();\r\n const { user } = useSelector(state => state.auth);\r\n suhbeader.setTitle(intl.formatMessage({ id: 'AUTH.GENERAL.YOUR_COMPANY' }));\r\n\r\n // CodeLists Redux state\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n\r\n\r\n }, [dispatch]);\r\n\r\n return (\r\n \r\n {/* begin::Nav */}\r\n
\r\n {/* end::Body */}\r\n \r\n \r\n \r\n \r\n
\r\n {/* end::Nav */}\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { Suspense } from \"react\";\r\nimport { Redirect, Switch } from \"react-router-dom\";\r\nimport { CashierUserRolesPage } from \"./userRoles/CashierUserRolesPage\";\r\nimport { OfficeUserRolesPage } from \"./userRoles/OfficeUserRolesPage\";\r\nimport { CodeListsPage } from \"./codeLists/CodeListsPage\";\r\nimport { ChangePasswordPage } from \"./changePassword/ChangePasswordPage\";\r\nimport { ExportPage } from \"./export/ExportPage\";\r\nimport { YourProfilePage } from \"./yourProfile/YourProfilePage\";\r\nimport YourCompanyPage from \"./yourCompany/YourCompanyPage\";\r\nimport { CashiersPage } from \"./cashiers/CashiersPage\";\r\nimport { AppPage } from \"./app/AppPage\";\r\nimport ImportPage from \"./import/ImportPage\";\r\nimport { LayoutSplashScreen, ContentRoute } from \"../../../../_metronic/layout\";\r\nimport { hasRoleForFunctionality } from \"../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../enum/userFunctionalityE\"\r\nimport { useSelector } from \"react-redux\";\r\n\r\nexport default function UserRolePage() {\r\n const { user } = useSelector(state => state.auth);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n {!actionsLoading && (\r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { OrganizationsFilter } from \"./organizations-filter/OrganizationsFilter\";\r\nimport { OrganizationsTable } from \"./organizations-table/OrganizationsTable\";\r\nimport { OrganizationsGrouping } from \"./organizations-grouping/OrganizationsGrouping\";\r\nimport { useOrganizationsUIContext } from \"./OrganizationsUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\n\r\nexport function OrganizationsCard() {\r\n const intl = useIntl();\r\n const organizationsUIContext = useOrganizationsUIContext();\r\n const organizationsUIProps = useMemo(() => {\r\n return {\r\n ids: organizationsUIContext.ids,\r\n newOrganizationButtonClick: organizationsUIContext.newOrganizationButtonClick,\r\n };\r\n }, [organizationsUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { ActiveUsersFilter } from \"./activeUsers-filter/ActiveUsersFilter\";\r\nimport { ActiveUsersTable } from \"./activeUsers-table/ActiveUsersTable\";\r\nimport { ActiveUsersGrouping } from \"./activeUsers-grouping/ActiveUsersGrouping\";\r\nimport { useActiveUsersUIContext } from \"./ActiveUsersUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\n\r\nexport function ActiveUsersCard() {\r\n const intl = useIntl();\r\n const activeUsersUIContext = useActiveUsersUIContext();\r\n const activeUsersUIProps = useMemo(() => {\r\n return {\r\n ids: activeUsersUIContext.ids,\r\n newActiveUserButtonClick: activeUsersUIContext.newActiveUserButtonClick,\r\n };\r\n }, [activeUsersUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n {!actionsLoading && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { CustomersFilter } from \"./customers-filter/CustomersFilter\";\r\nimport { CustomersTable } from \"./customers-table/CustomersTable\";\r\nimport { CustomersGrouping } from \"./customers-grouping/CustomersGrouping\";\r\nimport { useCustomersUIContext } from \"./CustomersUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport function CustomersCard() {\r\n const intl = useIntl();\r\n const customersUIContext = useCustomersUIContext();\r\n const customersUIProps = useMemo(() => {\r\n return {\r\n ids: customersUIContext.ids,\r\n newCustomerButtonClick: customersUIContext.newCustomerButtonClick,\r\n };\r\n }, [customersUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {customersUIProps.ids.length == 1 &&\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n showDateRange();\r\n }}\r\n />\r\n
\r\n {visible && (\r\n \r\n {\r\n showDateRange();\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n )}\r\n \r\n \r\n );\r\n}\r\n","import React, { useEffect, useMemo, useState } from \"react\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useCustomersUIContext } from \"../CustomersUIContext\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport PdfViewer from \"../../../../../components/PdfViewer\"\r\nimport { Formik } from \"formik\";\r\nimport DateRange2 from '../../../../../components/DateRange2';\r\nimport moment from 'moment'\r\n\r\nexport function CustomerTrafficPrintDialog({ show, onHide }) {\r\n const [startDate, setStartDate] = useState(new Date(new Date().setMonth(new Date().getMonth() - 1)));\r\n const [endDate, setEndDate] = useState(new Date());\r\n // Office users UI Context\r\n const customersUIContext = useCustomersUIContext();\r\n const itemsUIProps = useMemo(() => {\r\n return {\r\n ids: customersUIContext.ids,\r\n setIds: customersUIContext.setIds,\r\n queryParams: customersUIContext.queryParams\r\n };\r\n }, [customersUIContext]);\r\n\r\n // Office users Redux state\r\n const dispatch = useDispatch();\r\n \r\n\r\n // if office users weren't selected we should close modal\r\n useEffect(() => {\r\n if (!itemsUIProps.ids || itemsUIProps.ids.length === 0) {\r\n onHide();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [itemsUIProps.ids]);\r\n\r\n // looking for loading/dispatch\r\n useEffect(() => { }, [dispatch]);\r\n\r\n const applyFilter = (values) => {\r\n\r\n\r\n\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n setState([item.selection])}\r\n moveRangeOnFirstSelection={false}\r\n ranges={state}\r\n />\r\n
\r\n \r\n
\r\n \r\n { setToday(); }}\r\n className=\"btn btn-link btn-elevate\"\r\n >\r\n { setYesterday(); }}\r\n className=\"btn btn-link btn-elevate\"\r\n >\r\n { setLastWeek(); }}\r\n className=\"btn btn-link btn-elevate\"\r\n >\r\n { setLastMonth(); }}\r\n className=\"btn btn-link btn-elevate\"\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n { showDateRange(); }}\r\n className=\"btn btn-light btn-elevate\"\r\n >\r\n {\r\n setVisible(false);\r\n setStartDate(state[0].startDate);\r\n setEndDate(state[0].endDate);\r\n if (props.onChange != null) {\r\n props.onChange(state[0].startDate, state[0].endDate);\r\n }\r\n }}\r\n className=\"btn btn-primary btn-elevate\"\r\n >\r\n
\r\n \r\n \r\n
\r\n )}\r\n\r\n {!actionsLoading && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { ItemGroupsFilter } from \"./itemGroups-filter/ItemGroupsFilter\";\r\nimport { ItemGroupsTable } from \"./itemGroups-table/ItemGroupsTable\";\r\nimport { ItemGroupsGrouping } from \"./itemGroups-grouping/ItemGroupsGrouping\";\r\nimport { useItemGroupsUIContext } from \"./ItemGroupsUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport function ItemGroupsCard() {\r\n const intl = useIntl();\r\n const itemGroupsUIContext = useItemGroupsUIContext();\r\n const itemGroupsUIProps = useMemo(() => {\r\n return {\r\n ids: itemGroupsUIContext.ids,\r\n newItemGroupButtonClick: itemGroupsUIContext.newItemGroupButtonClick,\r\n };\r\n }, [itemGroupsUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","import React, { useEffect, useMemo } from \"react\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { shallowEqual, useDispatch, useSelector } from \"react-redux\";\r\nimport { PricelistEditForm } from \"./PricelistEditForm\";\r\nimport { usePricelistsUIContext } from \"../PricelistsUIContext\";\r\nimport * as actions from \"../../../../_redux/items/itemsActions\";\r\n\r\nexport function PricelistEditDialog() {\r\n // Pricelists UI Context\r\n const pricelistsUIContext = usePricelistsUIContext();\r\n const pricelistsUIProps = useMemo(() => {\r\n return {\r\n id: pricelistsUIContext.selectedId,\r\n showEditPricelistDialog: pricelistsUIContext.showEditPricelistDialog,\r\n initPricelist: pricelistsUIContext.initPricelist,\r\n readOnly: pricelistsUIContext.readOnly\r\n };\r\n }, [pricelistsUIContext]);\r\n\r\n // Pricelists Redux state\r\n const dispatch = useDispatch();\r\n const { pricelistForEdit, currentVatRate, pricelists } = useSelector(\r\n (state) => ({\r\n pricelistForEdit: state.items.pricelistForEdit,\r\n currentVatRate: state.cache.vatRates.find(el => el.id == state.items.currentVatRateId),\r\n pricelists: state.items.pricelists,\r\n pricelistsRemove: state.items.pricelistsRemove\r\n }),\r\n shallowEqual\r\n );\r\n\r\n // if !id we should close modal\r\n useEffect(() => {\r\n if (!pricelistsUIProps.showEditPricelistDialog && !pricelistsUIProps.id) {\r\n\r\n }\r\n var el = pricelists.find(el => el.id == pricelistsUIProps.id);\r\n dispatch(actions.setPricelistForEdit(el));\r\n }, [pricelistsUIProps.id]);\r\n\r\n const savePricelist = (pricelist) => {\r\n var list = [...pricelists];\r\n if (!pricelist.id) {\r\n var newId = 0;\r\n list.forEach(el => {\r\n if (el.id < newId) {\r\n newId = el.id;\r\n }\r\n });\r\n newId--;\r\n pricelist.id = newId;\r\n list.push(pricelist);\r\n } else {\r\n var index = list.findIndex(el => el.id == pricelist.id);\r\n list[index] = pricelist;\r\n dispatch(actions.setPricelistForEdit(undefined));\r\n }\r\n dispatch(actions.setPricelists(list));\r\n };\r\n \r\n return (\r\n \r\n \r\n {\r\n var dt = new Date(event.target.value);\r\n\r\n var now = new Date();\r\n now.setDate(now.getDate() - 1);\r\n\r\n if (dt.getTime() > now.getTime()) {\r\n setEffectiveDateFrom(event.target.value);\r\n }\r\n }}\r\n />\r\n {errorEffectiveDateFrom.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {errorEffectiveDateFrom}
\r\n \r\n \r\n {\r\n setPriceWithoutVat(event.target.value);\r\n var proc = (parseFloat('100') + parseFloat(currentVatRate.procent.toString().replace(',', '.'))) / parseFloat('100');\r\n var cal = parseFloat(event.target.value.replace(',', '.')) * parseFloat(proc.toString().replace(',', '.'));\r\n setPriceWithVat(Math.round(cal * 100000000) / 100000000);\r\n }}\r\n />\r\n {errorPriceWithoutVat.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {errorPriceWithoutVat}
\r\n \r\n \r\n\r\n {\r\n setPriceWithVat(event.target.value);\r\n var proc = parseFloat('100') + parseFloat(currentVatRate.procent.toString().replace(',', '.'));\r\n var cal = (parseFloat(event.target.value.replace(',', '.')) * parseFloat('100')) / parseFloat(proc.toString().replace(',', '.'));\r\n setPriceWithoutVat(Math.round(cal * 100000000) / 100000000);\r\n }}\r\n />\r\n {errorPriceWithoutVat.length > 0 ? (\r\n
\r\n\r\n \r\n
\r\n ) : null}\r\n\r\n {errorPriceWithVat}
\r\n \r\n
\r\n release()}\r\n >\r\n save()}\r\n >\r\n {pricelistId == undefined &&
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","import React, { useEffect, useMemo } from \"react\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { shallowEqual, useDispatch, useSelector } from \"react-redux\";\r\nimport { JigsawEditForm } from \"./JigsawEditForm\";\r\nimport { useJigsawsUIContext } from \"../JigsawsUIContext\";\r\nimport * as actions from \"../../../../_redux/items/itemsActions\";\r\n\r\nexport function JigsawEditDialog() {\r\n // Jigsaws UI Context\r\n const jigsawsUIContext = useJigsawsUIContext();\r\n const jigsawsUIProps = useMemo(() => {\r\n return {\r\n id: jigsawsUIContext.selectedId,\r\n showEditJigsawDialog: jigsawsUIContext.showEditJigsawDialog,\r\n initJigsaw: jigsawsUIContext.initJigsaw,\r\n readOnly: jigsawsUIContext.readOnly\r\n };\r\n }, [jigsawsUIContext]);\r\n\r\n // Jigsaws Redux state\r\n const dispatch = useDispatch();\r\n const { jigsawForEdit, currentVatRate, jigsaws } = useSelector(\r\n (state) => ({\r\n jigsawForEdit: state.items.jigsawForEdit,\r\n currentVatRate: state.cache.vatRates.find(el => el.id == state.items.currentVatRateId),\r\n jigsaws: state.items.jigsaws,\r\n jigsawsRemove: state.items.jigsawsRemove\r\n }),\r\n shallowEqual\r\n );\r\n\r\n // if !id we should close modal\r\n useEffect(() => {\r\n if (!jigsawsUIProps.showEditJigsawDialog && !jigsawsUIProps.id) {\r\n\r\n }\r\n var el = jigsaws.find(el => el.id == jigsawsUIProps.id);\r\n dispatch(actions.setJigsawForEdit(el));\r\n }, [jigsawsUIProps.id]);\r\n\r\n const saveJigsaw = (jigsaw) => {\r\n var list = [...jigsaws];\r\n if (!jigsaw.id) {\r\n var newId = 0;\r\n list.forEach(el => {\r\n if (el.id < newId) {\r\n newId = el.id;\r\n }\r\n });\r\n newId--;\r\n jigsaw.id = newId;\r\n list.push(jigsaw);\r\n } else {\r\n var index = list.findIndex(el => el.id == jigsaw.id);\r\n list[index] = jigsaw;\r\n dispatch(actions.setJigsawForEdit(undefined));\r\n }\r\n dispatch(actions.setJigsaws(list));\r\n };\r\n \r\n return (\r\n \r\n \r\n {\r\n setItem2(val);\r\n }}\r\n />\r\n {errorItem2.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {errorItem2}
\r\n \r\n \r\n {\r\n setQuantity(event.target.value);\r\n }}\r\n />\r\n {errorQuantity.length > 0 ? (\r\n
\r\n\r\n \r\n
\r\n ) : null}\r\n {errorQuantity}
\r\n \r\n
\r\n release()}\r\n >\r\n save()}\r\n >\r\n {jigsawId == undefined &&
\r\n \r\n
\r\n
- \r\n
- setTab(\"details\")}>\r\n
\r\n \r\n \r\n - setTab(\"price\")}>\r\n
\r\n \r\n \r\n {itemTypeId == 2 && (\r\n - setTab(\"jigsaw\")}>\r\n
\r\n \r\n \r\n )}\r\n - setTab(\"shape\")}>\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {!actionsLoading && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { ItemsFilter } from \"./items-filter/ItemsFilter\";\r\nimport { ItemsTable } from \"./items-table/ItemsTable\";\r\nimport { ItemsGrouping } from \"./items-grouping/ItemsGrouping\";\r\nimport { useItemsUIContext } from \"./ItemsUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport function ItemsCard() {\r\n const intl = useIntl();\r\n const itemsUIContext = useItemsUIContext();\r\n const itemsUIProps = useMemo(() => {\r\n return {\r\n ids: itemsUIContext.ids,\r\n newItemButtonClick: itemsUIContext.newItemButtonClick,\r\n };\r\n }, [itemsUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {itemsUIProps.ids.length == 1 &&\r\n \r\n \r\n
\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n | # | \r\n {gridPositionColumnsVisible.isCustomItem && (\r\n{gridPositionColumnsTranslate.isCustomItem} | \r\n )}\r\n {gridPositionColumnsVisible.itemGoods && (\r\n{gridPositionColumnsTranslate.item} | \r\n )}\r\n {gridPositionColumnsVisible.itemAll && (\r\n{gridPositionColumnsTranslate.item} | \r\n )}\r\n {gridPositionColumnsVisible.vat && (\r\n{gridPositionColumnsTranslate.vat} | \r\n )}\r\n {gridPositionColumnsVisible.cubic && (\r\n <>\r\n{gridPositionColumnsTranslate.length} | \r\n{gridPositionColumnsTranslate.radius} | \r\n{gridPositionColumnsTranslate.cubic} | \r\n{gridPositionColumnsTranslate.quantity} | \r\n \r\n )}\r\n {!gridPositionColumnsVisible.cubic && gridPositionColumnsVisible.quantity && (\r\n{gridPositionColumnsTranslate.quantity} | \r\n )}\r\n {gridPositionColumnsVisible.discount && (\r\n{gridPositionColumnsTranslate.discount} | \r\n )}\r\n {gridPositionColumnsVisible.itemAmountWithoutVat && (\r\n{gridPositionColumnsTranslate.itemAmountWithoutVat} | \r\n )}\r\n {gridPositionColumnsVisible.totalAmountWithoutVat && (\r\n{gridPositionColumnsTranslate.totalAmountWithoutVat} | \r\n )}\r\n {gridPositionColumnsVisible.totalAmountWithVat && (\r\n{gridPositionColumnsTranslate.totalAmountWithVat} | \r\n )}\r\n {gridPositionColumnsVisible.grossWeight && (\r\n{gridPositionColumnsTranslate.grossWeight} | \r\n )}\r\n {gridPositionColumnsVisible.stock && (\r\n{gridPositionColumnsTranslate.stock} | \r\n )}\r\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {i + 1} | \r\n {gridPositionColumnsVisible.isCustomItem && (\r\n\r\n {getColumnValue(i, \"isCustomItem\")}\r\n | \r\n )}\r\n {gridPositionColumnsVisible.itemGoods && (\r\n \r\n {!getColumnValue(i, \"isCustomItem\") && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n | \r\n )}\r\n {gridPositionColumnsVisible.itemAll && (\r\n \r\n {!getColumnValue(i, \"isCustomItem\") && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n | \r\n )}\r\n {gridPositionColumnsVisible.vat && (\r\n \r\n | \r\n )}\r\n {gridPositionColumnsVisible.cubic && (\r\n <>\r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n )}\r\n {!gridPositionColumnsVisible.cubic && gridPositionColumnsVisible.quantity && (\r\n <>\r\n \r\n | \r\n \r\n )}\r\n {gridPositionColumnsVisible.discount && (\r\n \r\n | \r\n )}\r\n {gridPositionColumnsVisible.itemAmountWithoutVat && (\r\n \r\n | \r\n )}\r\n {gridPositionColumnsVisible.totalAmountWithoutVat && (\r\n \r\n | \r\n )}\r\n {gridPositionColumnsVisible.totalAmountWithVat && (\r\n \r\n | \r\n )}\r\n {gridPositionColumnsVisible.grossWeight && (\r\n \r\n | \r\n )}\r\n {gridPositionColumnsVisible.stock && (\r\n {dp.stockQuantity == undefined ? intl.formatMessage({ id: \"NO_DATA\" }) : dp.stockQuantity.toFixed(2).replace(\".\", \",\")} | \r\n )}\r\n
\r\n
\r\n\r\n \r\n\r\n \r\n );\r\n}","// Form is based on Formik\r\n// Data validation is based on Yup\r\n// Please, be familiar with article first:\r\n// https://hackernoon.com/react-form-validation-with-formik-and-yup-8b76bda62e10\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport { Formik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n Input,\r\n} from \"../../../../../../_metronic/_partials/controls\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { decimal, onlyDigits } from \"../../../../../util/Util\";\r\nimport AutocompleteSupplier from \"../../../../../components/AutocompleteSupplier\"\r\nimport AutocompleteWarehouseWithoutConsignment from \"../../../../../components/AutocompleteWarehouseWithoutConsignment\"\r\nimport AutocompleteCustomer from \"../../../../../components/AutocompleteCustomer\"\r\nimport { checkIfOtherDocumentNumberYetExist } from \"../../../_redux/documents/documentsCrud\";\r\nimport { DocumentPositionGrid } from \"./DocumentPositionGrid\";\r\nimport InfoPopup from \"../../../../Helpers/InfoPopup\"\r\n\r\nexport function DocumentEditForm({\r\n documentType,\r\n formFieldsVisible,\r\n formTranslate,\r\n gridPositionColumnsVisible,\r\n gridPositionColumnsTranslate,\r\n saveDocument,\r\n document,\r\n actionsLoading,\r\n onHide,\r\n readOnly\r\n}) {\r\n const intl = useIntl();\r\n const [customer, setCustomer] = useState(document != undefined ? document.customer : null);\r\n const [warehouse, setWarehouse] = useState(document != undefined ? document.warehouse : null);\r\n const [warehouse2, setWarehouse2] = useState(document != undefined ? document.warehouse2 : null);\r\n const [errorCustomer, setErrorCustomer] = useState(\"\");\r\n const [errorSupplier, setErrorSupplier] = useState(\"\");\r\n const [errorWarehouseId, setErrorWarehouseId] = useState(\"\");\r\n const [errorWarehouse2Id, setErrorWarehouse2Id] = useState(\"\");\r\n const [discountProcent, setDiscountProcent] = useState(document != undefined ? document.discountProcent : \"\");\r\n const [discountAmount, setDiscountAmount] = useState(document != undefined ? document.discountAmount : \"\");\r\n const [recalculate, doRecalculate] = useState(0);\r\n const [save, doSave] = useState(0);\r\n const [message, setMessage] = useState(\"\");\r\n const [open, setOpen] = useState(false);\r\n\r\n useEffect(() => {\r\n setCustomer(document != undefined ? document.customer : null);\r\n setWarehouse(document != undefined ? document.warehouse : null);\r\n setWarehouse2(document != undefined ? document.warehouse2 : null);\r\n setDiscountProcent(document != undefined ? document.discountProcent : \"\");\r\n setDiscountAmount(document != undefined ? document.discountAmount : \"\");\r\n }, [document]);\r\n\r\n useEffect(() => {\r\n validateForm();\r\n }, [warehouse, warehouse2, customer]);\r\n\r\n if (document.stornoDocumentId != null) {\r\n readOnly = true;\r\n }\r\n\r\n if (document.linkedDocument2 != null &&\r\n document.linkedDocument2.length > 0) {\r\n readOnly = true;\r\n }\r\n\r\n var objValid = {};\r\n\r\n if (formFieldsVisible.date) {\r\n objValid.date = Yup.string()\r\n .required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n }));\r\n }\r\n if (formFieldsVisible.time) {\r\n objValid.time = Yup.string()\r\n .required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n }));\r\n }\r\n if (formFieldsVisible.serviceDate) {\r\n objValid.serviceDate = Yup.string()\r\n .required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n }));\r\n }\r\n if (formFieldsVisible.dateOfServicesRendered) {\r\n objValid.dateOfServicesRendered = Yup.string()\r\n .required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n }));\r\n }\r\n if (formFieldsVisible.dueDate) {\r\n objValid.dueDate = Yup.string()\r\n .required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n }));\r\n }\r\n if (formFieldsVisible.paymentDeadlineNumDays) {\r\n objValid.paymentDeadlineNumDays = Yup.string()\r\n .required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n }));\r\n }\r\n if (formFieldsVisible.otherDocumentNumber) {\r\n objValid.otherDocumentNumber = Yup.string()\r\n .required(intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n }))\r\n .test('validator', intl.formatMessage({\r\n id: \"AUTH.VALIDATION.DOCUMENT.EXIST_OTHER_DOC_NUM\",\r\n }), value => {\r\n return new Promise((resolve, reject) => {\r\n checkIfOtherDocumentNumberYetExist(document.id, value, documentType)\r\n .then(({ data }) => {\r\n if (!data.didError) {\r\n resolve(!data.model);\r\n } else {\r\n resolve(false);\r\n }\r\n })\r\n .catch((e) => {\r\n resolve(false);\r\n });\r\n })\r\n });\r\n }\r\n objValid.valid = Yup.string()\r\n .test('validator', \"Error\", value => {\r\n return new Promise((resolve, reject) => {\r\n resolve(validateForm());\r\n })\r\n });\r\n\r\n // Validation schema\r\n const DocumentEditSchema = Yup.object().shape(objValid);\r\n\r\n function validateForm() {\r\n var res = true;\r\n if (formFieldsVisible.customer) {\r\n if (customer == undefined) {\r\n setErrorCustomer(intl.formatMessage({ id: 'AUTH.VALIDATION.REQUIRED_FIELD' }));\r\n res = false;\r\n } else {\r\n setErrorCustomer(\"\");\r\n }\r\n }\r\n if (formFieldsVisible.supplier) {\r\n if (customer == undefined) {\r\n setErrorSupplier(intl.formatMessage({ id: 'AUTH.VALIDATION.REQUIRED_FIELD' }));\r\n res = false;\r\n } else {\r\n setErrorSupplier(\"\");\r\n }\r\n }\r\n if (formFieldsVisible.warehouseId) {\r\n if (warehouse == undefined) {\r\n setErrorWarehouseId(intl.formatMessage({ id: 'AUTH.VALIDATION.REQUIRED_FIELD' }));\r\n res = false;\r\n } else {\r\n setErrorWarehouseId(\"\");\r\n }\r\n }\r\n if (formFieldsVisible.warehouse2Id) {\r\n if (warehouse2 == undefined) {\r\n setErrorWarehouse2Id(intl.formatMessage({ id: 'AUTH.VALIDATION.REQUIRED_FIELD' }));\r\n res = false;\r\n } else if (warehouse != undefined && warehouse.id == warehouse2.id) {\r\n setErrorWarehouse2Id(intl.formatMessage({ id: 'WAREHOUSE.VALIDATION.SAME' }));\r\n res = false;\r\n }\r\n else {\r\n setErrorWarehouse2Id(\"\");\r\n }\r\n }\r\n\r\n return res;\r\n }\r\n\r\n var documentPosition = null;\r\n function saveDocumentPositions(documentPositions) {\r\n documentPosition = documentPositions;\r\n }\r\n\r\n function getDiscount() {\r\n return {\r\n discountProcent: discountProcent,\r\n discountAmount: discountAmount\r\n };\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {!readOnly && (\r\n addRows()}\r\n className=\"btn btn-danger btn-elevate\"\r\n >\r\n
\r\n \r\n \r\n \r\n {formFieldsVisible.amountForPaymentBase && (\r\n
\r\n
\r\n | \r\n | \r\n {amountForPaymentBase.toFixed(2).replace(\".\", \",\")} | \r\n
| \r\n | \r\n {amountDiscount.toFixed(2).replace(\".\", \",\")} | \r\n
| \r\n | \r\n {vat.amount.toFixed(2).replace(\".\", \",\")} | \r\n
| \r\n | \r\n {amountForPayment.toFixed(2).replace(\".\", \",\")} | \r\n
\r\n \r\n
\r\n )}\r\n\r\n {!actionsLoading && (\r\n \r\n \r\n )}\r\n \r\n \r\n {documentsUIProps.deleteFromTranslate.cancel}\r\n \r\n <> \r\n \r\n {documentsUIProps.deleteFromTranslate.storno}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {selected.map(value => (\r\n
\r\n )}\r\n >\r\n {getCashiers().map(option => (\r\n \r\n ))}\r\n \r\n \r\n );\r\n}\r\n","import React, { useMemo, useState } from \"react\";\r\nimport { Formik } from \"formik\";\r\nimport { shallowEqual, useSelector } from \"react-redux\";\r\nimport { isEqual } from \"lodash\";\r\nimport { useDocumentsUIContext } from \"../DocumentsUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport DateRange2 from '../../../../../components/DateRange2';\r\nimport MultiSelectCashier from '../../../../../components/MultiSelectCashier';\r\nimport moment from 'moment';\r\nimport { useCookies } from \"react-cookie\";\r\n\r\nconst prepareFilter = (queryParams, values, fromDt, toDt, selectedCashiers) => {\r\n const { searchText } = values;\r\n const newQueryParams = { ...queryParams };\r\n\r\n newQueryParams.startDate = moment(fromDt).format(\"YYYY-MM-DD\");\r\n newQueryParams.endDate = moment(toDt).format(\"YYYY-MM-DD\");\r\n newQueryParams.query = searchText;\r\n\r\n if ((queryParams.documentType == 1) ||\r\n (queryParams.documentType == 2) ||\r\n (queryParams.documentType == 3) ||\r\n (queryParams.documentType == 4) ||\r\n (queryParams.documentType == 5) ||\r\n (queryParams.documentType == 6) ||\r\n (queryParams.documentType == 9) ||\r\n (queryParams.documentType == 10) ||\r\n (queryParams.documentType == 11)) {\r\n var ids = \"\";\r\n for (var index = 0; index < selectedCashiers.length; index++) {\r\n if (ids != \"\") {\r\n ids += \",\";\r\n }\r\n ids += selectedCashiers[index];\r\n }\r\n newQueryParams.cashierIds = ids;\r\n }\r\n return newQueryParams;\r\n};\r\n\r\nexport function DocumentsFilter({ listLoading }) {\r\n const intl = useIntl();\r\n const [cookies, setCookie] = useCookies();\r\n\r\n const [startDate, setStartDate] = useState(new Date(new Date().setMonth(new Date().getMonth() - 1)));\r\n const [endDate, setEndDate] = useState(new Date());\r\n const { currentState } = useSelector(\r\n (state) => ({ currentState: state.cache }),\r\n shallowEqual\r\n );\r\n const { cashiers } = currentState;\r\n const { user } = useSelector(state => state.auth);\r\n\r\n // Office users UI Context\r\n const documentsUIContext = useDocumentsUIContext();\r\n const documentsUIProps = useMemo(() => {\r\n return {\r\n queryParams: documentsUIContext.queryParams,\r\n setQueryParams: documentsUIContext.setQueryParams,\r\n documentType: documentsUIContext.documentType\r\n };\r\n }, [documentsUIContext]);\r\n\r\n const [selectedCashiers, setSelectedCashiers] = useState(cookies['filter_dt_' + documentsUIProps.documentType + '_' + user.id] != undefined ? getSelectCashiers(cookies['filter_dt_' + documentsUIProps.documentType + '_' + user.id]) : []);\r\n\r\n // queryParams, setQueryParams,\r\n const applyFilter = (values) => {\r\n const newQueryParams = prepareFilter(documentsUIProps.queryParams, values, startDate, endDate, selectedCashiers);\r\n if (!isEqual(newQueryParams, documentsUIProps.queryParams)) {\r\n newQueryParams.pageNumber = 1;\r\n // update list by queryParams\r\n documentsUIProps.setQueryParams(newQueryParams);\r\n }\r\n };\r\n\r\n function getSelectCashiers(selectCashiers) {\r\n if (cashiers == undefined || cashiers == null) {\r\n return [];\r\n }\r\n var list = [];\r\n for (var index = 0; index < selectCashiers.length; index++) {\r\n for (var x = 0; x < cashiers.length; x++) {\r\n if (cashiers[x].id == selectCashiers[index] || selectCashiers[index] < 0) {\r\n list.push(selectCashiers[index]);\r\n break;\r\n }\r\n }\r\n\r\n }\r\n return list;\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n )\r\n )}\r\n \r\n );\r\n}\r\n","// please be familiar with react-bootstrap-table-next column formaters\r\n// https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Work%20on%20Columns&selectedStory=Column%20Formatter&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel\r\n/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport Moment from 'react-moment';\r\n\r\n\r\nexport function DateTimeColumnFormatter(\r\n cellContent,\r\n row,\r\n rowIndex\r\n) {\r\n return (\r\n <>\r\n
\r\n setOpen(false)} />\r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { DocumentsFilter } from \"./documents-filter/DocumentsFilter\";\r\nimport { DocumentsTable } from \"./documents-table/DocumentsTable\";\r\nimport { DocumentsGrouping } from \"./documents-grouping/DocumentsGrouping\";\r\nimport { useDocumentsUIContext } from \"./DocumentsUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\n\r\nexport function DocumentsCard() {\r\n const intl = useIntl();\r\n const documentsUIContext = useDocumentsUIContext();\r\n const documentsUIProps = useMemo(() => {\r\n return {\r\n ids: documentsUIContext.ids,\r\n newDocumentButtonClick: documentsUIContext.newDocumentButtonClick,\r\n translate: documentsUIContext.translate,\r\n readOnly: documentsUIContext.readOnly\r\n };\r\n }, [documentsUIContext]);\r\n\r\n return (\r\n \r\n
\r\n {/* end::Form */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {documentsUIProps.ids.length == 1 && !documentsUIProps.readOnly && (\r\n documentsUIProps.copyDocumentButtonClick(documentsUIProps.ids)}\r\n >\r\n \r\n \r\n \r\n createEInvoiceButtonClick(documentsUIProps.ids)}\r\n >\r\n createESlogButtonClick(documentsUIProps.ids)}\r\n >\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n CardHeaderToolbar,\r\n} from \"../../../../../_metronic/_partials/controls\";\r\nimport { EndsFilter } from \"./ends-filter/EndsFilter\";\r\nimport { EndsTable } from \"./ends-table/EndsTable\";\r\nimport { EndsGrouping } from \"./ends-grouping/EndsGrouping\";\r\nimport { useEndsUIContext } from \"./EndsUIContext\";\r\nimport { FormattedMessage, useIntl } from \"react-intl\";\r\nimport { CheckPermissions } from \"../../../../../_metronic/layout/_core/CheckPermissions\"\r\nimport { UserFunctionalityE } from \"../../../../enum/userFunctionalityE\"\r\n\r\nexport function EndsCard() {\r\n const intl = useIntl();\r\n const endsUIContext = useEndsUIContext();\r\n const endsUIProps = useMemo(() => {\r\n return {\r\n ids: endsUIContext.ids,\r\n newEndButtonClick: endsUIContext.newEndButtonClick,\r\n };\r\n }, [endsUIContext]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n