\r\n // {\r\n // setSelectedDay(null);\r\n // setFieldValue(field.name, \"\");\r\n // if (props.onChange) {\r\n // props.onChange()\r\n // }\r\n // }}\r\n // style={{\r\n // border: '#0fbcf9',\r\n // color: '#be9a57',\r\n // borderRadius: '0.5rem',\r\n // padding: '1rem 2rem',\r\n // }}\r\n // >\r\n // پاک کردن\r\n // \r\n //
\r\n // )}\r\n />\r\n {/* \r\n {errors[field.name].toString()}\r\n
\r\n ) : (\r\n \r\n {/* Please enter {props.label} in 'mm/dd/yyyy' format */}\r\n
\r\n )}\r\n\r\n \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, set, handle, dirty, isValid, status, etc.\r\n label,\r\n withFeedbackLabel = true,\r\n customFeedbackLabel,\r\n type = \"text\",\r\n min,\r\n ...props\r\n}) {\r\n\r\n // console.log(\"Input props :\")\r\n // console.log(touched)\r\n // console.log(errors)\r\n\r\n return (\r\n <>\r\n {/* {label && } */}\r\n {label && }\r\n \r\n {errors[field.name]}\r\n
\r\n )} */}\r\n\r\n\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { useFormikContext } from \"formik\";\r\n\r\nexport function HeaderCheckbox(props) {\r\n const { label, field } = props;\r\n const { setFieldValue } = useFormikContext();\r\n // ////////////////debugger;\r\n return (\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 from \"react\";\r\nimport { getPages, getPagesCount } from \"../../../_helpers\";\r\n\r\nexport function PaginationLinks({ paginationProps }) {\r\n const { totalSize, sizePerPage, page, paginationSize } = paginationProps;\r\n const pagesCount = getPagesCount(totalSize, sizePerPage);\r\n const pages = getPages(page, pagesCount, paginationSize);\r\n const handleFirstPage = ({ onPageChange }) => {\r\n onPageChange(1);\r\n };\r\n\r\n const handlePrevPage = ({ page, onPageChange }) => {\r\n onPageChange(page - 1);\r\n };\r\n\r\n const handleNextPage = ({ page, onPageChange }) => {\r\n if (page < pagesCount) {\r\n onPageChange(page + 1);\r\n }\r\n };\r\n\r\n const handleLastPage = ({ onPageChange }) => {\r\n onPageChange(pagesCount);\r\n };\r\n\r\n const handleSelectedPage = ({ onPageChange }, pageNum) => {\r\n onPageChange(pageNum);\r\n };\r\n\r\n const disabledClass = pagesCount > 1 ? \"\" : \"disabled\";\r\n return (\r\n <>\r\n {pagesCount < 2 && <>}\r\n {pagesCount > 1 && (\r\n <>\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 { useIntl } from \"react-intl\";\r\nimport {PaginationTotalStandalone} from \"react-bootstrap-table2-paginator\";\r\n\r\nexport function PaginationToolbar(props) {\r\n const intl = useIntl();\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 {intl.formatMessage({ id: \"LOADING\" })}
\r\n \r\n \r\n
\r\n \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 {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 {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::Header */}\r\n\r\n {/* begin::Body */}\r\n \r\n
\r\n\r\n \r\n {totalCount} نفر\r\n
\r\n \r\n {title}\r\n \r\n {/* \r\n {title}\r\n */}\r\n\r\n \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::Chart */}\r\n
\r\n\r\n {/* end::Body */}\r\n \r\n {/* end::Tiles Widget 1 */}\r\n \r\n );\r\n}\r\n\r\nfunction getChartOption(layoutProps, data, labels, title, maxValue, customColor) {\r\n const options = {\r\n series: [\r\n {\r\n name: title,\r\n data: data,\r\n },\r\n // {\r\n // name: \"Revenue\",\r\n // data: data,\r\n // },\r\n ],\r\n\r\n chart: {\r\n type: \"bar\",\r\n height: \"160px\",\r\n toolbar: {\r\n show: false,\r\n },\r\n sparkline: {\r\n enabled: true,\r\n },\r\n },\r\n plotOptions: {\r\n bar: {\r\n horizontal: false,\r\n columnWidth: [\"30%\"],\r\n endingShape: \"rounded\",\r\n },\r\n },\r\n legend: {\r\n show: false,\r\n },\r\n dataLabels: {\r\n enabled: false,\r\n },\r\n stroke: {\r\n show: true,\r\n width: 1,\r\n colors: [\"transparent\"],\r\n },\r\n xaxis: {\r\n categories: labels,\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false,\r\n },\r\n labels: {\r\n style: {\r\n colors: layoutProps.colorsGrayGray500,\r\n fontSize: \"12px\",\r\n fontFamily: layoutProps.fontFamily,\r\n },\r\n },\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: { maxValue },\r\n labels: {\r\n style: {\r\n colors: layoutProps.colorsGrayGray500,\r\n fontSize: \"12px\",\r\n fontFamily: layoutProps.fontFamily,\r\n },\r\n },\r\n },\r\n fill: {\r\n type: [\"solid\"],\r\n opacity: [0.8],\r\n // type: [\"solid\", \"solid\"],\r\n // opacity: [0.8, 0.4],\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: \"none\",\r\n value: 0,\r\n },\r\n },\r\n hover: {\r\n filter: {\r\n type: \"none\",\r\n value: 0,\r\n },\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: \"none\",\r\n value: 0,\r\n },\r\n },\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: \"12px\",\r\n fontFamily: layoutProps.fontFamily,\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return val + \" نفر\";\r\n },\r\n },\r\n marker: {\r\n show: false,\r\n },\r\n },\r\n colors: [customColor],\r\n grid: {\r\n borderColor: layoutProps.colorsGrayGray200,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true,\r\n },\r\n },\r\n padding: {\r\n left: 20,\r\n right: 20,\r\n },\r\n },\r\n };\r\n return options;\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useMemo } from \"react\";\r\nimport { Dropdown } from \"react-bootstrap\";\r\nimport BootstrapTable from 'react-bootstrap-table-next';\r\nimport Brightness1 from '@material-ui/icons/Brightness1';\r\nimport objectPath from \"object-path\";\r\nimport ApexCharts from \"apexcharts\";\r\nimport { DropdownCustomToggler, DropdownMenu2 } from \"../../dropdowns\";\r\nimport { useHtmlClassService } from \"../../../layout\";\r\n\r\nexport const barColors = [\"#ffffff\", \"#0acc4b\", \"#e7403a\", \"#07b8e4\", \"#F1AE15\", \"#4A7DFF\", \"#b121ce\"]\r\n\r\nexport function MixedWidget6({ className, chartColor = \"primary\", currentState, fullData, title, chartId, labels, dataActive, dataPresent, dataAbsent, totalAbsent, dataJustify, dataNotActive, dataMore3Present, dataMore3Absent }) {\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n colorsGrayGray500: objectPath.get(\r\n uiService.config,\r\n \"js.colors.gray.gray500\"\r\n ),\r\n colorsGrayGray200: objectPath.get(\r\n uiService.config,\r\n \"js.colors.gray.gray200\"\r\n ),\r\n colorsThemeBaseColor: objectPath.get(\r\n uiService.config,\r\n `js.colors.theme.base.${chartColor}`\r\n ),\r\n colorsThemeLightColor: objectPath.get(\r\n uiService.config,\r\n `js.colors.theme.light.${chartColor}`\r\n ),\r\n fontFamily: objectPath.get(uiService.config, \"js.fontFamily\"),\r\n };\r\n }, [uiService, chartColor]);\r\n\r\n useEffect(() => {\r\n debugger\r\n const element = document.getElementById(chartId);\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n const options = getChartOption(layoutProps, labels, dataActive, dataPresent, dataAbsent, dataJustify, dataNotActive, dataMore3Present, dataMore3Absent);\r\n const chart = new ApexCharts(element, options);\r\n chart.render();\r\n return function cleanUp() {\r\n chart.destroy();\r\n };\r\n }, [layoutProps]);\r\n\r\n const columns = [\r\n {\r\n dataField: \"dormTitle\",\r\n text: \"خوابگاه\",\r\n },\r\n {\r\n dataField: \"userActive\",\r\n text: \"تردد امروز\",\r\n // style: { color: barColors[0] }\r\n },\r\n {\r\n dataField: \"userPresent\",\r\n text: \"حاضرین\",\r\n style: { color: barColors[1] }\r\n },\r\n {\r\n dataField: \"userAbsent\",\r\n text: \"غائبین\",\r\n style: { color: barColors[2] }\r\n },\r\n {\r\n dataField: \"userAbsentJustify\",\r\n text: \"غائبین موجه\",\r\n style: { color: barColors[3] }\r\n },\r\n {\r\n dataField: \"userNotTrafficToday\",\r\n text: \"امروز تردد نداشته اند\",\r\n style: { color: barColors[4] }\r\n },\r\n {\r\n dataField: \"userPresentMore3Day\",\r\n text: \"بیش از 3 روز حاضر\",\r\n style: { color: barColors[5] }\r\n },\r\n {\r\n dataField: \"userAbsentMore3Day\",\r\n text: \"بیش از 3 روز غائب\",\r\n style: { color: barColors[6] }\r\n },\r\n\r\n ];\r\n\r\n\r\n return (\r\n <>\r\n {/* begin::Tiles Widget 1 */}\r\n \r\n
\r\n }\r\n {/* end::Stats */}\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n {labels.map((item, index) =>\r\n \r\n جمع همه\r\n
\r\n {totalCount}
\r\n \r\n
\r\n )}\r\n \r\n {item}\r\n
\r\n {data[index]}
\r\n \r\n
\r\n {/* end::Header */}\r\n\r\n {/* begin::Body */}\r\n \r\n {title}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n */}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \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::Chart */}\r\n
\r\n {/* end::Body */}\r\n \r\n {/* end::Tiles Widget 1 */}\r\n \r\n );\r\n}\r\n\r\nfunction getChartOption(layoutProps, labels, dataActive, dataPresent, dataAbsent, dataJustify, dataNotActive, dataMore3Present, dataMore3Absent) {\r\n const options = {\r\n series: [\r\n {\r\n name: \"تردد امروز\",\r\n data: dataActive,\r\n },\r\n {\r\n name: \"حاضرین\",\r\n data: dataPresent,\r\n },\r\n {\r\n name: \"غائبین\",\r\n data: dataAbsent,\r\n },\r\n {\r\n name: \"غائبین موجه\",\r\n data: dataJustify,\r\n },\r\n {\r\n name: \"امروز تردد نداشته اند\",\r\n data: dataNotActive,\r\n },\r\n {\r\n name: \"بیش از 3 روز حاضر\",\r\n data: dataMore3Present,\r\n },\r\n {\r\n name: \"بیش از 3 روز غائب\",\r\n data: dataMore3Absent,\r\n },\r\n ],\r\n chart: {\r\n type: \"bar\",\r\n height: \"200px\",\r\n toolbar: {\r\n show: false,\r\n offsetX: 0,\r\n offsetY: 0,\r\n tools: {\r\n download: true,\r\n selection: true,\r\n zoom: true,\r\n zoomin: true,\r\n zoomout: true,\r\n pan: true,\r\n reset: true | '\r\n
\r\n \r\n\r\n {/* \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n {labels.map((item, index) =>\r\n \r\n جمع غائبین\r\n
\r\n {totalAbsent}
\r\n \r\n
\r\n )} */}\r\n \r\n {item}\r\n
\r\n {dataAbsent[index]}
\r\n ![](\"/static/icons/reset.png\"){kind=icon}
',\r\n customIcons: []\r\n },\r\n export: {\r\n csv: {\r\n filename: undefined,\r\n columnDelimiter: ',',\r\n headerCategory: 'category',\r\n headerValue: 'value',\r\n dateFormatter(timestamp) {\r\n return new Date(timestamp).toDateString()\r\n }\r\n },\r\n svg: {\r\n filename: undefined,\r\n },\r\n png: {\r\n filename: undefined,\r\n }\r\n },\r\n autoSelected: 'zoom'\r\n },\r\n sparkline: {\r\n enabled: true,\r\n },\r\n },\r\n plotOptions: {\r\n bar: {\r\n horizontal: false,\r\n columnWidth: [\"30%\"],\r\n endingShape: \"rounded\",\r\n },\r\n },\r\n legend: {\r\n show: false,\r\n },\r\n dataLabels: {\r\n enabled: false,\r\n },\r\n stroke: {\r\n show: true,\r\n width: 1,\r\n colors: [\"transparent\"],\r\n },\r\n xaxis: {\r\n categories: labels,\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false,\r\n },\r\n labels: {\r\n style: {\r\n colors: layoutProps.colorsGrayGray500,\r\n fontSize: \"12px\",\r\n fontFamily: layoutProps.fontFamily,\r\n },\r\n },\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 80,\r\n labels: {\r\n style: {\r\n colors: layoutProps.colorsGrayGray500,\r\n fontSize: \"12px\",\r\n fontFamily: layoutProps.fontFamily,\r\n },\r\n },\r\n },\r\n fill: {\r\n type: [\"solid\", \"solid\", \"solid\", \"solid\", \"solid\", \"solid\", \"solid\"],\r\n opacity: [0.6, 0.6, 0.6, 0.6, 0.6, 0.6, 0.6],\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: \"none\",\r\n value: 0,\r\n },\r\n },\r\n hover: {\r\n filter: {\r\n type: \"none\",\r\n value: 0,\r\n },\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: \"none\",\r\n value: 0,\r\n },\r\n },\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: \"12px\",\r\n fontFamily: layoutProps.fontFamily,\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return val + \" نفر\";\r\n },\r\n },\r\n marker: {\r\n show: false,\r\n },\r\n },\r\n colors: barColors,\r\n grid: {\r\n borderColor: layoutProps.colorsGrayGray200,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true,\r\n },\r\n },\r\n padding: {\r\n left: 20,\r\n right: 20,\r\n },\r\n },\r\n };\r\n return options;\r\n}\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport { Dropdown } from \"react-bootstrap\";\r\nimport { DropdownCustomToggler, DropdownMenu1 } from \"../../dropdowns\";\r\nimport { toAbsoluteUrl } from \"../../../_helpers\";\r\n\r\nexport function ListsWidget14({ className }) {\r\n return (\r\n <>\r\n {/* begin::List Widget 14 */}\r\n \r\n {/* begin::Header */}\r\n
\r\n {/* end: Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n
\r\n {/* end::Header */}\r\n\r\n {/* begin::Body */}\r\n \r\n Market Leaders\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::Item */}\r\n
\r\n {/* end::Item */}\r\n\r\n {/* begin: Item */}\r\n \r\n {/* begin::Symbol */}\r\n
\r\n {/* end::Symbol */}\r\n\r\n {/* begin::Title */}\r\n \r\n
\r\n \r\n \r\n Cup & Green\r\n \r\n \r\n Local, clean & environmental\r\n \r\n \r\n Created by:{\" \"}\r\n CoreAd\r\n \r\n
\r\n {/* end::Title */}\r\n\r\n {/* begin::Info */}\r\n \r\n
\r\n {/* end::Info */}\r\n \r\n \r\n 24,900\r\n \r\n \r\n votes\r\n \r\n
\r\n \r\n {/* begin::Symbol */}\r\n
\r\n {/* end::Symbol */}\r\n\r\n {/* begin::Title */}\r\n \r\n
\r\n \r\n \r\n Yellow Background\r\n \r\n \r\n Strong abstract concept\r\n \r\n \r\n Created by:{\" \"}\r\n \r\n KeenThemes\r\n \r\n \r\n
\r\n {/* end::Title */}\r\n\r\n {/* begin::Info */}\r\n \r\n
\r\n {/* end::Info */}\r\n \r\n \r\n 70,380\r\n \r\n \r\n votes\r\n \r\n
\r\n \r\n {/* begin::Symbol */}\r\n
\r\n {/* end::Symbol */}\r\n\r\n {/* begin::Title */}\r\n \r\n
\r\n \r\n \r\n Nike & Blue\r\n \r\n \r\n Footwear overalls\r\n \r\n \r\n Created by:{\" \"}\r\n \r\n Invision Inc.\r\n \r\n \r\n
\r\n {/* end::Title */}\r\n\r\n {/* begin::Info */}\r\n \r\n
\r\n {/* end::Info */}\r\n \r\n {/* end::Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n \r\n 7,200\r\n \r\n \r\n votes\r\n \r\n
\r\n \r\n {/* begin::Symbol */}\r\n
\r\n {/* end::Symbol */}\r\n\r\n {/* begin::Title */}\r\n \r\n
\r\n \r\n \r\n Desserts platter\r\n \r\n \r\n Food trends & reviews\r\n \r\n \r\n Created by:{\" \"}\r\n \r\n Figma Studio\r\n \r\n \r\n
\r\n {/* end::Title */}\r\n\r\n {/* begin::Info */}\r\n \r\n
\r\n {/* end::Info */}\r\n \r\n {/* end::Item */}\r\n\r\n {/* begin::Item */}\r\n \r\n \r\n 36,450\r\n \r\n \r\n votes\r\n \r\n
\r\n \r\n {/* begin::Symbol */}\r\n
\r\n {/* end::Symbol */}\r\n\r\n {/* begin::Title */}\r\n \r\n
\r\n \r\n \r\n Cup & Green\r\n \r\n \r\n Local, clean & environmental\r\n \r\n \r\n Created by:{\" \"}\r\n CoreAd\r\n \r\n
\r\n {/* end::Title */}\r\n\r\n {/* begin::Info */}\r\n \r\n
\r\n {/* end::Info */}\r\n \r\n {/* end::Item */}\r\n \r\n {/* end::Body */}\r\n \r\n {/* end::List Widget 14 */}\r\n \r\n );\r\n}\r\n","// Mixed\r\nexport { MixedWidget1 } from \"./mixed/MixedWidget1\";\r\nexport { MixedWidget4 } from \"./mixed/MixedWidget4\";\r\nexport { MixedWidget6 } from \"./mixed/MixedWidget6\";\r\nexport { MixedWidget10 } from \"./mixed/MixedWidget10\";\r\nexport { MixedWidget11 } from \"./mixed/MixedWidget11\";\r\nexport { MixedWidget12 } from \"./mixed/MixedWidget12\";\r\nexport { MixedWidget14 } from \"./mixed/MixedWidget14\";\r\n\r\n// Lists\r\nexport { ListsWidget1 } from \"./lists/ListsWidget1\";\r\nexport { ListsWidget3 } from \"./lists/ListsWidget3\";\r\nexport { ListsWidget4 } from \"./lists/ListsWidget4\";\r\nexport { ListsWidget8 } from \"./lists/ListsWidget8\";\r\nexport { ListsWidget9 } from \"./lists/ListsWidget9\";\r\nexport { ListsWidget10 } from \"./lists/ListsWidget10\";\r\nexport { ListsWidget11 } from \"./lists/ListsWidget11\";\r\nexport { ListsWidget14 } from \"./lists/ListsWidget14\";\r\n\r\n// Stats\r\nexport { StatsWidget10 } from \"./stats/StatsWidget10\";\r\nexport { StatsWidget11 } from \"./stats/StatsWidget11\";\r\nexport { StatsWidget12 } from \"./stats/StatsWidget12\";\r\n\r\n// Base tables\r\nexport { BaseTablesWidget1 } from \"./base-tables/BaseTablesWidget1\";\r\nexport { BaseTablesWidget2 } from \"./base-tables/BaseTablesWidget2\";\r\nexport { BaseTablesWidget6 } from \"./base-tables/BaseTablesWidget6\";\r\n\r\n// Advance tables\r\nexport { AdvanceTablesWidget1 } from \"./advance-tables/AdvanceTablesWidget1\";\r\nexport { AdvanceTablesWidget2 } from \"./advance-tables/AdvanceTablesWidget2\";\r\nexport { AdvanceTablesWidget4 } from \"./advance-tables/AdvanceTablesWidget4\";\r\nexport { AdvanceTablesWidget9 } from \"./advance-tables/AdvanceTablesWidget9\";\r\n\r\n// Tiles\r\nexport { TilesWidget1 } from \"./tiles/TilesWidget1\";\r\nexport { TilesWidget3 } from \"./tiles/TilesWidget3\";\r\nexport { TilesWidget10 } from \"./tiles/TilesWidget10\";\r\nexport { TilesWidget11 } from \"./tiles/TilesWidget11\";\r\nexport { TilesWidget12 } from \"./tiles/TilesWidget12\";\r\nexport { TilesWidget13 } from \"./tiles/TilesWidget13\";\r\nexport { TilesWidget14 } from \"./tiles/TilesWidget14\";\r\n","import objectPath from \"object-path\";\r\nimport {toAbsoluteUrl} from \"../../_helpers\";\r\n\r\nexport class HtmlClassService {\r\n // Public properties\r\n config;\r\n classes;\r\n attributes;\r\n\r\n /**\r\n * Build html element classes from layout config\r\n * @param layoutConfig\r\n */\r\n setConfig(layoutConfig) {\r\n this.config = this.preInit(layoutConfig);\r\n\r\n // scope list of classes\r\n this.classes = {\r\n header: [],\r\n header_container: [],\r\n header_mobile: [],\r\n header_menu: [],\r\n aside: [],\r\n aside_menu: [],\r\n subheader: [],\r\n subheader_container: [],\r\n content: [],\r\n content_container: [],\r\n footer_container: []\r\n };\r\n\r\n this.attributes = {\r\n aside_menu: {},\r\n header_mobile: {},\r\n header_menu: {}\r\n };\r\n\r\n // init base layout\r\n this.initLoader();\r\n this.initLayout();\r\n\r\n // init header and subheader menu\r\n this.initHeader();\r\n this.initSubheader();\r\n\r\n this.initContent();\r\n // init aside and aside menu\r\n this.initAside();\r\n\r\n // init footer\r\n this.initFooter();\r\n }\r\n\r\n preInit(layoutConfig) {\r\n const updateLayoutConfig = Object.assign({}, layoutConfig);\r\n const subheaderFixed = objectPath.get(layoutConfig, \"subheader.fixed\");\r\n if (subheaderFixed) {\r\n updateLayoutConfig.subheader.style = \"solid\";\r\n } else {\r\n updateLayoutConfig.subheader.fixed = false;\r\n }\r\n return updateLayoutConfig;\r\n }\r\n\r\n /**\r\n * Returns Classes\r\n *\r\n * @param path: string\r\n * @param toString boolean\r\n */\r\n getClasses(path, toString) {\r\n if (path) {\r\n const classes = objectPath.get(this.classes, path) || \"\";\r\n if (toString && Array.isArray(classes)) {\r\n return classes.join(\" \");\r\n }\r\n return classes.toString();\r\n }\r\n return this.classes;\r\n }\r\n\r\n getAttributes(path) {\r\n if (path) {\r\n const attributes = objectPath.get(this.attributes, path) || [];\r\n return attributes;\r\n }\r\n return [];\r\n }\r\n\r\n getLogo() {\r\n const brandSkin = objectPath.get(this.config, \"brand.self.theme\");\r\n if (brandSkin === \"light\") {\r\n return toAbsoluteUrl(\"images/Logo/CullinanLogo.png\");\r\n } else {\r\n return toAbsoluteUrl(\"images/Logo/CullinanLogo.png\");\r\n }\r\n }\r\n\r\n getStickyLogo() {\r\n let logo = objectPath.get(this.config, \"self.logo.sticky\");\r\n if (typeof logo === \"undefined\") {\r\n logo = this.getLogo();\r\n }\r\n return logo + \"\";\r\n }\r\n\r\n /**\r\n * Init Layout\r\n */\r\n initLayout() {\r\n const selfBodyBackgroundImage = objectPath.get(this.config, \"self.body.backgroundImage\");\r\n if (selfBodyBackgroundImage) {\r\n const backgroundImageUrl = `${toAbsoluteUrl(\"/media/\" + selfBodyBackgroundImage)}`;\r\n document.body.style.backgroundImage = `url(\"${backgroundImageUrl}\")`;\r\n }\r\n\r\n const _selfBodyClass = objectPath.get(this.config, \"self.body.class\");\r\n if (_selfBodyClass) {\r\n const bodyClasses = _selfBodyClass.toString().split(\" \");\r\n bodyClasses.forEach(cssClass => document.body.classList.add(cssClass));\r\n }\r\n }\r\n\r\n /**\r\n * Init Loader\r\n */\r\n initLoader() {}\r\n\r\n /**\r\n * Init Header\r\n */\r\n initHeader() {\r\n const headerSelfFixedMobile = objectPath.get(this.config, \"header.self.fixed.mobile\");\r\n if (headerSelfFixedMobile) {\r\n document.body.classList.add(\"header-mobile-fixed\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Subheader\r\n */\r\n initSubheader() {\r\n const subheaderDisplay = objectPath.get(this.config, \"subheader.display\");\r\n if (subheaderDisplay) {\r\n document.body.classList.add(\"subheader-enabled\");\r\n } else {\r\n return;\r\n }\r\n\r\n // Fixed content head\r\n const subheaderFixed = objectPath.get(this.config, \"subheader.fixed\");\r\n if (subheaderFixed ) {\r\n document.body.classList.add(\"subheader-fixed\");\r\n }\r\n\r\n const subheaderStyle = objectPath.get(this.config, \"subheader.style\");\r\n if (subheaderStyle) {\r\n const subheaderClass = `subheader-${subheaderStyle}`;\r\n objectPath.push(this.classes, \"subheader\", subheaderClass);\r\n }\r\n\r\n const subheaderWidth = objectPath.get(this.config, \"subheader.width\");\r\n if (subheaderWidth === \"fluid\") {\r\n objectPath.push(this.classes, \"subheader_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"subheader_container\", \"container\");\r\n }\r\n\r\n const subheaderClear = objectPath.get(this.config, \"subheader.clear\");\r\n if (subheaderClear) {\r\n objectPath.push(this.classes, \"subheader\", \"mb-0\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Content\r\n */\r\n initContent() {\r\n if (objectPath.get(this.config, \"content.fit-top\")) {\r\n objectPath.push(this.classes, \"content\", \"pt-0\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"content.fit-bottom\")) {\r\n objectPath.push(this.classes, \"content\", \"pb-0\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"content.width\") === \"fluid\") {\r\n objectPath.push(this.classes, \"content_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"content_container\", \"container\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Aside\r\n */\r\n initAside() {\r\n // Check Aside\r\n const asideSelfDisplay = objectPath.get(this.config, \"aside.self.display\");\r\n if (!asideSelfDisplay) {\r\n return;\r\n }\r\n\r\n // Enable Aside\r\n document.body.classList.add(\"aside-enabled\");\r\n\r\n // Fixed Aside\r\n const asideSelfFixed = objectPath.get(this.config, \"aside.self.fixed\");\r\n if (asideSelfFixed) {\r\n document.body.classList.add(\"aside-fixed\");\r\n objectPath.push(this.classes, \"aside\", \"aside-fixed\");\r\n } else {\r\n document.body.classList.add(\"aside-static\");\r\n }\r\n\r\n\t\t// Aside Secondary\r\n const asideSecondaryDisplay = objectPath.get(this.config, \"aside.secondary.display\");\r\n if (asideSecondaryDisplay) {\r\n document.body.classList.add(\"aside-secondary-enabled\");\r\n } else {\r\n document.body.classList.add(\"aside-secondary-disabled\");\r\n }\r\n\r\n // Check Aside\r\n if (!asideSelfDisplay) {\r\n return;\r\n }\r\n\r\n // Default fixed\r\n const asideSelfMinimizeDefault = objectPath.get(this.config, \"aside.self.minimize.default\");\r\n if (asideSelfMinimizeDefault) {\r\n document.body.classList.add(\"aside-minimize\");\r\n }\r\n\r\n // Menu\r\n // Dropdown Submenu\r\n const asideMenuDropdown = objectPath.get(this.config, \"aside.menu.dropdown\");\r\n if (asideMenuDropdown) {\r\n objectPath.push(this.classes, \"aside_menu\", \"aside-menu-dropdown\");\r\n this.attributes.aside_menu[\"data-menu-dropdown\"] = \"1\";\r\n }\r\n\r\n // Scrollable Menu\r\n this.attributes.aside_menu[\"data-menu-scroll\"] = asideMenuDropdown ? \"0\" : \"1\";\r\n\r\n const asideSubmenuDHoverTimeout = objectPath.get(\r\n this.config,\r\n \"aside.menu.submenu.dropdown.hover-timeout\"\r\n );\r\n if (asideSubmenuDHoverTimeout) {\r\n this.attributes.aside_menu[\r\n \"data-menu-dropdown-timeout\"\r\n ] = asideSubmenuDHoverTimeout;\r\n }\r\n }\r\n\r\n /**\r\n * Init Footer\r\n */\r\n initFooter() {\r\n const footerFixed = objectPath.get(this.config, \"footer.fixed\");\r\n if (footerFixed) {\r\n document.body.classList.add(\"footer-fixed\");\r\n objectPath.push(this.classes, \"footer\", \"bg-white\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"footer.width\") === \"fluid\") {\r\n objectPath.push(this.classes, \"footer_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"footer_container\", \"container\");\r\n }\r\n }\r\n}\r\n","import React, { createContext, useContext, useMemo } from \"react\";\r\nimport { getInitLayoutConfig } from \"./LayoutConfig\";\r\nimport { HtmlClassService } from \"./HTMLClassService\";\r\n\r\nconst LAYOUT_CONFIG_KEY =\r\n process.env.REACT_APP_LAYOUT_CONFIG_KEY || \"LayoutConfig\";\r\n\r\nfunction getConfig() {\r\n const ls = localStorage.getItem(LAYOUT_CONFIG_KEY);\r\n if (ls) {\r\n try {\r\n return JSON.parse(ls);\r\n } catch (er) {\r\n console.error(er);\r\n }\r\n }\r\n return getInitLayoutConfig();\r\n}\r\n\r\n// Side effect\r\nexport function setLayoutConfig(config) {\r\n localStorage.setItem(LAYOUT_CONFIG_KEY, JSON.stringify(config));\r\n window.location.reload();\r\n}\r\n\r\nconst HtmlClassServiceContext = createContext();\r\n\r\n/**\r\n *\r\n *\r\n * @export\r\n * @returns Layout context from 'localStorage'\r\n */\r\nexport function useHtmlClassService() {\r\n return useContext(HtmlClassServiceContext);\r\n}\r\n\r\nexport function withHtmlClassService(Component) {\r\n class WithHtmlClassService extends React.Component {\r\n static displayName = `WithHtmlClassService(${Component.displayName ||\r\n Component.name})`;\r\n\r\n static contextType = HtmlClassServiceContext;\r\n\r\n render() {\r\n return \r\n \r\n 23,900\r\n \r\n \r\n votes\r\n \r\n
\r\n \r\n {layoutProps.asideDisplay && (\r\n \r\n \r\n \r\n )}\r\n
\r\n {/* end::Toolbar */}\r\n \r\n {/* end::Header Mobile */}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport LocalConvenienceStoreTwoToneIcon from \"@material-ui/icons/LocalConvenienceStoreTwoTone\";\r\nimport SportsVolleyballTwoToneIcon from \"@material-ui/icons/SportsVolleyballTwoTone\";\r\nimport ReceiptTwoToneIcon from \"@material-ui/icons/ReceiptTwoTone\";\r\nimport KitchenTwoToneIcon from \"@material-ui/icons/KitchenTwoTone\";\r\nimport MonetizationOnTwoToneIcon from \"@material-ui/icons/MonetizationOnTwoTone\";\r\nimport SportsTwoToneIcon from \"@material-ui/icons/SportsTwoTone\";\r\nimport EqualizerTwoToneIcon from \"@material-ui/icons/EqualizerTwoTone\";\r\nimport AccessTimeTwoToneIcon from \"@material-ui/icons/AccessTimeTwoTone\";\r\nimport PlaylistAddCheckTwoToneIcon from \"@material-ui/icons/PlaylistAddCheckTwoTone\";\r\nimport CreditCardTwoToneIcon from \"@material-ui/icons/CreditCardTwoTone\";\r\nimport PeopleAltTwoToneIcon from \"@material-ui/icons/PeopleAltTwoTone\";\r\nimport FingerprintTwoToneIcon from '@material-ui/icons/FingerprintTwoTone';\r\n\r\nimport { toAbsoluteUrl } from \"../../../../_helpers\";\r\n\r\nexport const MenuIcons = (iconUrl) => {\r\n iconUrl = iconUrl.toLowerCase();\r\n let iconKey = \"\";\r\n\r\n // console.log(iconUrl);\r\n\r\n if (iconUrl.startsWith(\"mui:\")) {\r\n iconKey = iconUrl.replace(\"mui:\", \"\");\r\n // console.log(iconKey);\r\n\r\n if (iconKey === \"salon\") return - \r\n {menuList.map((menu) => getTypeMenu(menu))}\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n // - \r\n
- \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {menuList\r\n .filter((q) => q.parentMenuId === menu.id)\r\n .map((child) => getTypeMenu(child))}\r\n
\r\n // \r\n //
\r\n // \r\n );\r\n};\r\n\r\nexport const SubMenuBullet = ({ menu, menuList }) => {\r\n const location = useLocation();\r\n const getMenuItemActive = (url, hasSubmenu = false) => {\r\n return checkIsActive(location, url)\r\n ? ` ${!hasSubmenu && \"menu-item-active\"} menu-item-open `\r\n : \"\";\r\n };\r\n\r\n const getTypeMenu = (item) => {\r\n if (item.hasSubMenu) {\r\n return (\r\n - \r\n //
- \r\n // \r\n // {menu.title}\r\n // \r\n // \r\n\r\n // {\r\n // menuList.filter(q => q.parentMenuId === menu.id).map(child =>\r\n // getTypeMenu(child)\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 { AsideMenuList } from \"./AsideMenuList\";\r\nimport { useHtmlClassService } from \"../../../_core/BaseLayout\";\r\n\r\nexport function AsideMenu({ isActive,menuList }) {\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n layoutConfig: uiService.config,\r\n asideMenuAttr: uiService.getAttributes(\"aside_menu\"),\r\n ulClasses: uiService.getClasses(\"aside_menu_nav\", true),\r\n asideClassesFromConfig: uiService.getClasses(\"aside_menu\", true),\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n - \r\n {menuList\r\n .filter((q) => q.parentMenuId === menu.id)\r\n .map((child) => getTypeMenu(child))}\r\n
\r\n
\r\n \r\n );\r\n}\r\n","/* eslint-disable no-restricted-imports */\r\n/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React, {useMemo} from \"react\";\r\nimport {Link} from \"react-router-dom\";\r\nimport Dropdown from \"react-bootstrap/Dropdown\";\r\nimport {useSelector} from \"react-redux\";\r\nimport objectPath from \"object-path\";\r\nimport {useHtmlClassService} from \"../../../_core/BaseLayout\";\r\nimport {toAbsoluteUrl} from \"../../../../_helpers\";\r\nimport {DropdownItemToggler} from \"../../../../_partials/dropdowns\";\r\n\r\nexport function UserProfileDropdown() {\r\n const {user} = useSelector(state => state.auth);\r\n\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n light: objectPath.get(uiService.config, \"extras.user.dropdown.style\") === \"light\",\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n \r\n {/* begin::Menu Container */}\r\n \r\n
\r\n {/* end::Menu Container */}\r\n \r\n Hi, \r\n \r\n {user.fullname}\r\n \r\n \r\n {user.fullname[0]}\r\n \r\n
\r\n \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 Sean Stone
\r\n 3 messages\r\n \r\n S\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 \r\n My Profile\r\n
\r\n \r\n Account settings and more{` `}\r\n update\r\n
\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 Messages\r\n
\r\n \r\n Inbox and tasks\r\n
\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 Activities\r\n
\r\n \r\n Logs and notifications\r\n
\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 Tasks\r\n
\r\n \r\n latest tasks and projects\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 {/* end::Primary */}\r\n\r\n {layoutProps.asideSecondaryDisplay && (\r\n <>\r\n {/* begin::Secondary */}\r\n \r\n {/* begin::Nav */}\r\n
\r\n {/* end::Nav Wrapper */}\r\n\r\n {/* begin::Footer */}\r\n - \r\n\r\n {\r\n menuList.filter(q => q.isTabMenu && q.isMenu).map((tab, index) =>\r\n
- \r\n
\r\n }\r\n >\r\n \r\n )\r\n }\r\n\r\n
\r\n {/* begin::Aside Toggle */}\r\n {layoutProps.asideSecondaryDisplay &&\r\n layoutProps.asideSelfMinimizeToggle && (\r\n <>\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {/* end::Aside Toggle */}\r\n\r\n {/* begin::Search */}\r\n {layoutProps.extrasSearchDisplay && (\r\n جستجوی سریع}\r\n >\r\n \r\n \r\n اعلان ها\r\n }\r\n >\r\n \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::Footer */}\r\n \r\n {/* begin::Workspace */}\r\n
\r\n {/* end::Secondary */}\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 objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../_core/BaseLayout\";\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 footerLayout: objectPath.get(uiService.config, \"footer.layout\"),\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 {/* begin::Footer */}\r\n {/* doc: add \"bg-white\" class to have footer with solod background color */}\r\n \r\n
\r\n {/* end::Workspace */}\r\n \r\n\r\n {\r\n menuList.filter(q => q.isTabMenu && q.isMenu).map((tab, index) =>\r\n q.tabId === tab.id && q.isMenu).sort().sort((a, b) => a.orderInTab - b.orderInTab)}\r\n isActive={activeTab === tabsTrget[index]}\r\n />\r\n )\r\n }\r\n\r\n {/*
\r\n \r\n \r\n {today} ©\r\n \r\n {` `}\r\n \r\n Keenthemes\r\n \r\n
*/}\r\n {/* end::Copyright */}\r\n {` `}\r\n {/* begin::Nav */}\r\n {/* \r\n \r\n About\r\n \r\n \r\n Team\r\n \r\n \r\n Contact\r\n \r\n
*/}\r\n {/* end::Nav */}\r\n \r\n {/* end::Container */}\r\n \r\n {/* end::Footer */}\r\n \r\n );\r\n}\r\n","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\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 var _initNav = function() {\r\n var asideNav = KTUtil.find(_element, '.aside-primary .aside-nav');\r\n\r\n if (!asideNav) {\r\n return;\r\n }\r\n\r\n KTUtil.scrollInit(asideNav, {\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 var asideBrand = KTUtil.find(_element, '.aside-primary .aside-brand');\r\n var asideFooter = KTUtil.find(_element, '.aside-primary .aside-footer');\r\n\r\n height = height - (parseInt(KTUtil.css(asideBrand, 'height')));\r\n height = height - (parseInt(KTUtil.css(asideBrand, 'marginBottom')) + parseInt(KTUtil.css(asideBrand, 'marginTop')));\r\n\r\n height = height - (parseInt(KTUtil.css(asideFooter, 'height')));\r\n height = height - (parseInt(KTUtil.css(asideFooter, 'marginBottom')) + parseInt(KTUtil.css(asideFooter, 'marginTop')));\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n var _initWorkspace = function() {\r\n var asideTabs = KTUtil.find(_element, '.aside-primary .aside-nav .nav');\r\n var asideWorkspace = KTUtil.find(_element, '.aside-secondary .aside-workspace');\r\n\r\n if (!asideWorkspace) {\r\n return;\r\n }\r\n\r\n KTUtil.scrollInit(asideWorkspace, {\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 var asideSecondary = KTUtil.find(_element, '.aside-secondary');\r\n\r\n height = height - (parseInt(KTUtil.css(asideWorkspace, 'marginBottom')) + parseInt(KTUtil.css(asideWorkspace, 'marginTop')));\r\n height = height - (parseInt(KTUtil.css(asideSecondary, 'paddingBottom')) + parseInt(KTUtil.css(asideSecondary, 'paddingTop')));\r\n\r\n return height;\r\n }\r\n });\r\n\r\n if (asideTabs) {\r\n $(asideTabs).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\r\n KTUtil.scrollUpdate(asideWorkspace);\r\n });\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 _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n _initNav();\r\n _initWorkspace();\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\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAside;\r\n}\r\n\r\nexport default KTLayoutAside;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTMenu from \"./../../components/menu.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutAside from \"./aside.js\";\r\n\r\nvar KTLayoutAsideMenu = function() {\r\n // Private properties\r\n var _element;\r\n var _menuObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\t_menuObject = new KTMenu(_element, {\r\n\t\t\t// Submenu setup\r\n\t\t\tsubmenu: {\r\n\t\t\t\tdesktop: 'accordion',\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\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 KTLayoutAside.getOffcanvas().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\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 menu\r\n _init();\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\r\nexport default KTLayoutAsideMenu;","/* eslint-disable */\r\n\"use strict\";\r\n\r\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\r\nexport default KTLayoutSubheader;","/* eslint-disable */\r\n\"use strict\";\r\n\r\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\r\nexport default KTLayoutFooter;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutSubheader from \"./subheader.js\";\r\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 - 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\r\nexport default KTLayoutContent;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTScrolltop from \"./../../components/scrolltop.js\";\r\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\r\nexport default KTLayoutScrolltop;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTCard from \"./../../components/card.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\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\r\nexport default KTLayoutStickyCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\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\r\nexport default KTLayoutStretchedCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\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\r\nexport default KTLayoutQuickPanel;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\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\r\nexport default KTLayoutQuickUser;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeaderMobile = function() {\r\n // Private properties\r\n var _element;\r\n var _object;\r\n\r\n // Get height\r\n var _getHeight = function() {\r\n var height;\r\n\r\n height = KTUtil.actualHeight(_element);\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\t\t},\r\n\r\n isFixed: 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 getHeader: function() {\r\n return _object;\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 = KTLayoutHeaderMobile;\r\n}\r\n\r\nexport default KTLayoutHeaderMobile;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTToggle from \"./../../components/toggle.js\";\r\nimport KTLayoutStickyCard from \"./sticky-card.js\";\r\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\r\nimport { KTCookie } from \"./../../components/cookie.js\";\r\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, {\r\n\t\t\ttarget: _body,\r\n\t\t\ttargetState: 'aside-minimize',\r\n\t\t\ttoggleState: 'aside-toggle-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 setTimeout(function() {\r\n KTLayoutStickyCard.update();\r\n }, 500);\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\t//if (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\r\nexport default KTLayoutAsideToggle;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickSearch = 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 var form = KTUtil.find(_element, '.quick-search-form');\r\n var results = KTUtil.find(_element, '.quick-search-wrapper');\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_search_close',\r\n toggleBy: 'kt_quick_search_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(results, {\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 if (results) {\r\n height = height - parseInt(KTUtil.actualHeight(form));\r\n height = height - parseInt(KTUtil.css(form, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(form, 'marginBottom'));\r\n\r\n height = height - parseInt(KTUtil.css(results, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(results, '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 = KTLayoutQuickSearch;\r\n}\r\n\r\nexport default KTLayoutQuickSearch;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickNotifications = 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_notifications_close',\r\n toggleBy: 'kt_quick_notifications_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 = KTLayoutQuickNotifications;\r\n}\r\n\r\nexport default KTLayoutQuickNotifications;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickActions = 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_actions_close',\r\n toggleBy: 'kt_quick_actions_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 = KTLayoutQuickActions;\r\n}\r\n\r\nexport default KTLayoutQuickActions;","import React, { useLayoutEffect } from \"react\";\r\nimport { KTUtil } from \"../../_assets/js/components/util\";\r\nimport KTLayoutAside from \"../../_assets/js/layout/base/aside\";\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\nimport KTLayoutHeaderMobile from \"../../_assets/js/layout/base/header-mobile\";\r\nimport KTLayoutAsideToggle from \"../../_assets/js/layout/base/aside-toggle\";\r\nimport KTLayoutQuickSearch from \"../../_assets/js/layout/extended/quick-search\";\r\nimport KTLayoutQuickNotifications from \"../../_assets/js/layout/extended/quick-notifications\";\r\nimport KTLayoutQuickActions from \"../../_assets/js/layout/extended/quick-actions\";\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\r\n // Init Mobile Header\r\n KTLayoutHeaderMobile.init(\"kt_header_mobile\");\r\n\r\n // Init Aside\r\n KTLayoutAside.init(\"kt_aside\");\r\n\r\n // Init Aside 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 // Layout Extended Partials(optional to use)//\r\n //////////////////////////////////////////////\r\n\r\n // Init subheader\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 Actions Offcanvas Panel\r\n KTLayoutQuickActions.init(\"kt_quick_actions\");\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 // Init Quick Search Panel\r\n KTLayoutQuickSearch.init(\"kt_quick_search\");\r\n\r\n // Init Quick Notifications Offcanvas Panel\r\n KTLayoutQuickNotifications.init(\"kt_quick_notifications\");\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 { toAbsoluteUrl } from \"../../../../_helpers\";\r\nimport { DropdownMenu1 } from \"../../../../_partials/dropdowns\";\r\n\r\nconst QuickActionsDropdownToggle = forwardRef((props, ref) => {\r\n return (\r\n - \r\n {/* \r\n
- \r\n
\r\n {/* begin::Mobile Toggle */}\r\n {layoutProps.subheaderMobileToggle && (\r\n \r\n \r\n \r\n )}\r\n {/* end::Mobile Toggle */}\r\n\r\n {/* begin::Heading */}\r\n
\r\n {/* Info */}\r\n\r\n {/* Toolbar */}\r\n \r\n {/* begin::Title */}\r\n
\r\n {/* end::Heading */}\r\n \r\n {subheader.title}\r\n
\r\n {/* end::Title */}\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","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\n// LayoutContext\r\nimport { useHtmlClassService } from \"../_core/BaseLayout\";\r\n// Import Layout components\r\nimport { HeaderMobile } from \"./header-mobile/HeaderMobile\";\r\nimport { Aside } from \"./aside/Aside\";\r\nimport { Footer } from \"./footer/Footer\";\r\nimport { LayoutInit } from \"./LayoutInit\";\r\nimport { SubHeader } from \"./subheader/SubHeader\";\r\nimport { QuickPanel } from \"./extras/offcanvas/QuickPanel\";\r\nimport { QuickUser } from \"./extras/offcanvas/QuickUser\";\r\nimport { QuickSearch } from \"./extras/offcanvas/QuickSearch\";\r\nimport { QuickNotification } from \"./extras/offcanvas/QuickNotification\";\r\nimport { QuickActions } from \"./extras/offcanvas/QuickActions\";\r\nimport { ScrollTop } from \"./extras/ScrollTop\";\r\nimport { StickyToolbar } from \"./extras/StickyToolbar\";\r\nimport { AnimateLoading } from \"../../_partials/controls\";\r\nimport SetLayout from \"../../../app/SetLayout\";\r\n\r\nexport const Layout = ({ children }) => {\r\n const uiService = useHtmlClassService();\r\n // Layout settings (cssClasses/cssAttributes)\r\n const layoutProps = useMemo(() => {\r\n return {\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\"),\r\n };\r\n }, [uiService]);\r\n\r\n return layoutProps.selfLayout !== \"blank\" ? (\r\n <>\r\n {/* \r\n {/*begin::Page*/}\r\n
\r\n {/*end::Wrapper*/}\r\n \r\n {/*end::Page*/}\r\n \r\n \r\n \r\n\r\n {/*begin::Wrapper*/}\r\n \r\n {/*begin::Content*/}\r\n \r\n
\r\n {/*end::Content*/}\r\n \r\n \r\n {/*begin::Container*/}\r\n
\r\n )}\r\n\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 \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 {error}
;\r\n }\r\n\r\n if (touched && !error && label) {\r\n // return {label} به درستی تکمیل شده است
;\r\n return {label}
;\r\n }\r\n\r\n return (\r\n \r\n {customFeedbackLabel && <>{customFeedbackLabel}}\r\n {/* {!customFeedbackLabel && (\r\n <>\r\n {label}\r\n \r\n )} */}\r\n
\r\n );\r\n};\r\n\r\nconst selectLabel = ({ label, touched, error, customFeedbackLabel }) => {\r\n if (error) {\r\n // return {error}
;\r\n return \r\n {error}\r\n
\r\n }\r\n\r\n\r\n return (\r\n \r\n {customFeedbackLabel && <>{customFeedbackLabel}}\r\n {/* {!customFeedbackLabel && label && (\r\n <>\r\n لطفا یکی از موارد را انتخاب نمایید\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\r\n\r\n// import React from \"react\";\r\n\r\n// const inputLabel = ({ label, touched, error, customFeedbackLabel }) => {\r\n// if (touched && error) {\r\n// return {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\n// const 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\n// export 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 axios from \"axios\";\r\n\r\n// export const LOGIN_URL = \"api/auth/login\";\r\nexport const baseApiUrl = process.env.REACT_APP_API_URL;\r\nexport const LOGIN_URL = baseApiUrl + \"/api/User/Login\";\r\nexport const LOGOUT_URL = baseApiUrl + \"/api/User/Logout\";\r\nexport const INITIAL_INFO_URL = baseApiUrl + \"/api/General/GetActivatorInfo\";\r\nexport const OTP_URL = baseApiUrl + \"/api/User/SendLoginSMS\";\r\nexport const LOGIN_WITH_OTP_URL = baseApiUrl + \"/api/User/LoginWithSMS\";\r\nexport const REFRESH_URL = baseApiUrl + \"/api/User/GetTokenByRefreshToken\";\r\nexport const REQUEST_PASSWORD_URL = baseApiUrl + \"/api/User/RequestPassword\";\r\nexport const CHANGE_PASSWORD_URL = baseApiUrl + \"/api/User/ChangePassword\";\r\n\r\nexport const SEND_OPT_URL = baseApiUrl + \"/api/User/opt\";\r\nexport const ME_URL = baseApiUrl + \"/api/User/Get/22\";\r\nexport const REGISTER_URL = baseApiUrl + \"/api/User/register\";\r\n\r\n\r\nexport function sendOTP(username, password) {\r\n return axios.post(OTP_URL, null, {\r\n params: {\r\n username,\r\n password\r\n }\r\n })\r\n}\r\n\r\nexport function login(username, password, otp = \"\") {\r\n return axios.post(LOGIN_URL, null, {\r\n params: {\r\n username,\r\n password,\r\n otp\r\n }\r\n })\r\n}\r\n\r\nexport function logout() {\r\n return axios.post(LOGOUT_URL, null, {\r\n params: {\r\n // userId\r\n }\r\n })\r\n}\r\n\r\nexport function getInitialInfo() {\r\n ////////////////debugger\r\n return axios.get(`${INITIAL_INFO_URL}`);\r\n}\r\n\r\n// export function loginWithOTP(username, password, otp) {\r\n// return axios.post(LOGIN_WITH_OTP_URL, null, {\r\n// params: {\r\n// username,\r\n// password,\r\n// otp\r\n// }\r\n// })\r\n// }\r\n\r\nexport function changePassword(username, oldPassword, newPassword) {\r\n return axios.post(CHANGE_PASSWORD_URL, null, {\r\n params: {\r\n username,\r\n oldPassword,\r\n newPassword\r\n }\r\n })\r\n}\r\n\r\nexport function getNewToken(username, refreshToken) {\r\n return axios.post(REFRESH_URL, null, {\r\n params: {\r\n username,\r\n refreshToken\r\n }\r\n })\r\n}\r\n\r\nexport function requestPassword(username, mobile) {\r\n return axios.post(REQUEST_PASSWORD_URL, null, {\r\n params: {\r\n username,\r\n mobile\r\n }\r\n })\r\n}\r\n\r\nexport function register(email, fullname, username, password) {\r\n return axios.post(REGISTER_URL, { email, fullname, username, password });\r\n}\r\n\r\n\r\n\r\nexport function getUserByToken() {\r\n // Authorization head should be fulfilled in interceptor.\r\n // return axios.get(ME_URL);\r\n return axios.get(ME_URL);\r\n}\r\n\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\n\r\nexport function DropdownMenu1() {\r\n return (<>\r\n {/*begin::Navigation*/}\r\n - \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 Add new:\r\n \r\n
- \r\n \r\n \r\n Order\r\n \r\n \r\n
- \r\n \r\n \r\n Event\r\n \r\n \r\n
- \r\n \r\n \r\n Report\r\n \r\n \r\n
- \r\n \r\n \r\n Post\r\n \r\n \r\n
- \r\n \r\n \r\n File\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 Order\r\n \r\n \r\n
- \r\n \r\n \r\n Members\r\n \r\n 3\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Project\r\n \r\n \r\n
- \r\n \r\n \r\n Record\r\n \r\n 5\r\n \r\n \r\n \r\n \r\n
- \r\n More options\r\n Learn more\r\n \r\n
- \r\n
- \r\n \r\n \r\n New Group\r\n \r\n \r\n
- \r\n \r\n \r\n Contacts\r\n \r\n \r\n
- \r\n \r\n \r\n Groups\r\n \r\n new\r\n \r\n \r\n \r\n
- \r\n \r\n \r\n Calls\r\n \r\n \r\n
- \r\n \r\n \r\n Settings\r\n \r\n \r\n\r\n \r\n\r\n
- \r\n \r\n \r\n Help\r\n \r\n \r\n
- \r\n \r\n \r\n Privacy\r\n \r\n 5\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","import React from \"react\";\r\nimport {\r\n ObjectConfirmCssClasses,\r\n ObjectConfirmTitles\r\n} from \"../../ObjectsUIHelpers\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nexport const ConfirmColumnFormatter = (cellContent, row) => (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {/* */}\r\n\r\n {/* */}\r\n {/* */}\r\n\r\n {/* */}\r\n \r\n
\r\n \r\n \r\n {userData.roleTitle}
\r\n {userData.firstName} {userData.lastName}\r\n \r\n\r\n
\r\n \r\n {userData.firstName} {userData.lastName}\r\n \r\n
\r\n {userData.groupTitle} {userData.subGroupTitle}\r\n {/*
\r\n
\r\n \r\n \r\n
{ReactHtmlParser(row.body)}
;\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React from \"react\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../../../../../_themeBase/_helpers\";\r\n\r\n\r\n\r\nexport const GroupSettingActionsColumnFormatter = (\r\n cellContent,\r\n row,\r\n rowIndex,\r\n {\r\n openAttendenceSettingPage, accessAttendence,\r\n openCullinanSettingPage, accessCullinan,\r\n openDormSettingPage, accessDorm,\r\n openSportSettingPage, accessSport,\r\n openBankAccountAccessPage, accessBankAccountAccess,\r\n }\r\n) => (\r\n \r\n {accessBankAccountAccess &&\r\n \r\n حساب های بانکی مجاز}\r\n >\r\n openBankAccountAccessPage(row.id)}\r\n >\r\n \r\n \r\n }\r\n\r\n {accessAttendence &&\r\n \r\n تنظیمات حضور غیاب}\r\n >\r\n openAttendenceSettingPage(row.id)}\r\n >\r\n \r\n }\r\n\r\n\r\n {accessCullinan &&\r\n \r\n تنظیمات تغذیه}\r\n >\r\n openCullinanSettingPage(row.id)}\r\n >\r\n \r\n \r\n }\r\n\r\n\r\n\r\n {accessDorm &&\r\n \r\n تنظیمات خوابگاهی}\r\n >\r\n openDormSettingPage(row.id)}\r\n >\r\n \r\n \r\n }\r\n\r\n\r\n {accessSport &&\r\n \r\n تنظیمات ورزشی}\r\n >\r\n openSportSettingPage(row.id)}\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 from \"react\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../../../../../_themeBase/_helpers\";\r\n\r\n\r\n\r\nexport const RoomReservActionsColumnFormatter = (\r\n cellContent,\r\n row,\r\n rowIndex,\r\n {\r\n openReservRoomDialog, openStudentsRoomDialog, openRoomFacilityDialog\r\n }\r\n) => (\r\n <>\r\n \r\n \r\n {steps.map((label, index) => {\r\n const stepProps = {};\r\n const labelProps = {};\r\n if (isStepOptional(index)) {\r\n labelProps.optional = اختیاری ;\r\n }\r\n if (isStepSkipped(index)) {\r\n stepProps.completed = false;\r\n }\r\n return (\r\n \r\n {label} \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 {\r\n MixedWidget4,\r\n StatsWidget11,\r\n MixedWidget6\r\n // StatsWidget12,\r\n // StatsWidget10,\r\n // ListsWidget14,\r\n} from \"../widgets\";\r\nimport { StatsWidget13 } from \"../widgets/stats/StatsWidget13\";\r\nimport * as actions from \"../../../app/actions/generalActions\";\r\n\r\n\r\nexport function DormitoryDashboard() {\r\n\r\n const [dormTitles, setDormTitles] = useState(null)\r\n const [allData, setAllData] = useState([])\r\n\r\n const [usersActiveCount, setUsersActiveCount] = useState([])\r\n const [totalActiveCount, setTotalActiveCount] = useState(0)\r\n\r\n const [usersPresentCount, setUsersPresentCount] = useState([])\r\n const [totalPresentCount, setTotalPresentCount] = useState(0)\r\n\r\n const [usersAbsentCount, setUsersAbsentCount] = useState([])\r\n const [totalAbsentCount, setTotalAbsentCount] = useState(0)\r\n\r\n const [usersAbsentjustify, setUsersAbsentjustify] = useState([])\r\n const [totalAbsentjustify, setTotalAbsentjustify] = useState(0)\r\n\r\n const [usersNotTrafficToday, setUsersNotTrafficToday] = useState([])\r\n const [totalNotTrafficToday, setTotalNotTrafficToday] = useState(0)\r\n\r\n const [usersPresentMore3Days, setUsersPresentMore3Days] = useState([])\r\n const [totalPresentMore3Days, setTotalPresentMore3Days] = useState(0)\r\n\r\n const [usersAbsentmore3Days, setUsersAbsentmore3Days] = useState([])\r\n const [totalAbsentmore3Days, setTotalAbsentmore3Days] = useState(0)\r\n\r\n const { currentState, name, entities } = useSelector(\r\n (state) => ({\r\n currentState: state.baseInfo.dormDashboard,\r\n name: state.baseInfo.dormDashboard.name,\r\n entities: state.baseInfo.dormDashboard.entities\r\n }),\r\n shallowEqual\r\n );\r\n\r\n\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n debugger\r\n const query = {\r\n whereClause: \"\",\r\n whereClauseParameters: [],\r\n orderClause: \"id asc \",\r\n skipCount: 0,\r\n takeCount: 1000,\r\n };\r\n // dispatch(actions.fetchObjects(\"forceEmpty\", name, query))\r\n dispatch(actions.fetchSpReports(\"api/user\", name, query, \"GetDormitoryDashboardReport\"))\r\n }, []);\r\n\r\n useEffect(() => {\r\n debugger\r\n if (entities) {\r\n setAllData([...entities])\r\n\r\n setTotalActiveCount(entities[0].userActive)\r\n setTotalPresentCount(entities[0].userPresent)\r\n setTotalAbsentCount(entities[0].userAbsent)\r\n setTotalAbsentjustify(entities[0].userAbsentJustify)\r\n setTotalNotTrafficToday(entities[0].userNotTrafficToday)\r\n setTotalPresentMore3Days(entities[0].userPresentMore3Day)\r\n setTotalAbsentmore3Days(entities[0].userAbsentMore3Day)\r\n\r\n setUsersActiveCount(entities.filter(q => q.id !== 1).map(a => a.userActive))\r\n setUsersPresentCount(entities.filter(q => q.id !== 1).map(a => a.userPresent))\r\n setUsersAbsentCount(entities.filter(q => q.id !== 1).map(a => a.userAbsent))\r\n setUsersAbsentjustify(entities.filter(q => q.id !== 1).map(a => a.userAbsentJustify))\r\n setUsersNotTrafficToday(entities.filter(q => q.id !== 1).map(a => a.userNotTrafficToday))\r\n setUsersPresentMore3Days(entities.filter(q => q.id !== 1).map(a => a.userPresentMore3Day))\r\n setUsersAbsentmore3Days(entities.filter(q => q.id !== 1).map(a => a.userAbsentMore3Day))\r\n\r\n setDormTitles([...entities.filter(q => q.id !== 1).map(a => a.dormTitle)])\r\n }\r\n }, [entities]);\r\n\r\n\r\n return (\r\n <>\r\n {/* begin::Dashboard */}\r\n\r\n {/* begin::Row */}\r\n {/* \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n \r\n All steps completed - you're finished\r\n \r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n
\r\n )}\r\n \r\n \r\n مرحله قبل\r\n \r\n {isStepOptional(activeStep) && (\r\n \r\n گذشتن\r\n \r\n )}\r\n\r\n \r\n {activeStep === steps.length - 1 ? 'پایان' : 'ادامه'}\r\n \r\n
\r\n \r\n
*/}\r\n {/* end::Row */}\r\n\r\n {/* begin::Row */}\r\n {dormTitles && dormTitles.length > 0 &&\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n }\r\n {/* end::Row */}\r\n\r\n {/* begin::Row */}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \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::Row */}\r\n\r\n {/* begin::Row */}\r\n {/* \r\n
\r\n \r\n
*/}\r\n {/* end::Row */}\r\n\r\n {/* begin::Row */}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* end::Row */}\r\n\r\n {/* end::Dashboard */}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n MixedWidget6,\r\n BaseTablesWidget6,\r\n StatsWidget11,\r\n StatsWidget12,\r\n StatsWidget10,\r\n ListsWidget14,\r\n} from \"../widgets\";\r\nimport { StatsWidget13 } from \"../widgets/stats/StatsWidget13\";\r\n\r\nexport function CulinanDashboard() {\r\n return (\r\n <>\r\n {/* begin::Dashboard */}\r\n\r\n {/* begin::Row */}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* end::Row */}\r\n\r\n {/* begin::Row */}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* end::Row */}\r\n\r\n {/* begin::Row */}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* end::Row */}\r\n\r\n {/* begin::Row */}\r\n {/* \r\n
\r\n \r\n
*/}\r\n {/* end::Row */}\r\n\r\n {/* begin::Row */}\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* end::Row */}\r\n\r\n {/* end::Dashboard */}\r\n \r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../layout\";\r\nimport { CulinanDashboard } from \"./CulinanDashboard\";\r\n\r\nexport function Dashboard() {\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n demo: objectPath.get(\r\n uiService.config,\r\n \"demo\"\r\n )\r\n };\r\n }, [uiService]);\r\n return <>\r\n {layoutProps.demo === 'Kherad' && \r\n
\r\n \r\n
\r\n \r\n {/*begin::Login*/}\r\n \r\n {/*begin::Content*/}\r\n \r\n {/*
\r\n {/*end::Content*/}\r\n\r\n {/*begin::Aside*/}\r\n */}\r\n \r\n
*/}\r\n {/*begin::Content header*/}\r\n \r\n
\r\n \r\n {/* Don't have an account yet? */}\r\n {/* Sign Up! */}\r\n Powered by{\" \"}\r\n \r\n {/* */}\r\n 7Diamonds\r\n {/* */}\r\n \r\n
\r\n Last Update: {publishDate}\r\n
\r\n Version : {appVersion} \r\n
\r\n {/*end::Content header*/}\r\n\r\n {/* begin::Content body */}\r\n \r\n Last Update: {publishDate}\r\n
\r\n Version : {appVersion} \r\n
\r\n \r\n \r\n \r\n
\r\n {/* \r\n \r\n \r\n
\r\n {/* end::Mobile footer */}\r\n \r\n {/*begin: Aside Container*/}\r\n\r\n
\r\n {/*begin::Aside*/}\r\n \r\n {/*end::Login*/}\r\n \r\n \r\n );\r\n};\r\n\r\nconst cards = [\r\n {\r\n image: \"/images/cardSlides/etebari.jpg\",\r\n title: \"خدمات اعتباری\",\r\n subtitle: \"Advertising\",\r\n },\r\n {\r\n image: \"/images/cardSlides/kar_daneshjooi.jpg\",\r\n title: \"کار دانشجویی\",\r\n subtitle: \"Sound & Vision\",\r\n },\r\n {\r\n image: \"/images/cardSlides/taradod.jpg\",\r\n title: \"حضور و غیاب پرسنل\",\r\n subtitle: \"Accounting\",\r\n },\r\n {\r\n image: \"/images/cardSlides/etebari.jpg\",\r\n title: \"خدمات اعتباری\",\r\n subtitle: \"Advertising\",\r\n },\r\n {\r\n image: \"/images/cardSlides/kar_daneshjooi.jpg\",\r\n title: \"کار دانشجویی\",\r\n subtitle: \"Sound & Vision\",\r\n },\r\n {\r\n image: \"/images/cardSlides/taradod.jpg\",\r\n title: \"حضور و غیاب پرسنل\",\r\n subtitle: \"Accounting\",\r\n },\r\n];\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { LayoutSplashScreen } from \"../../../../_themeBase/layout\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport { logout } from \"../_redux/authCrud\";\r\n\r\n\r\nclass Logout extends Component {\r\n componentDidMount() {\r\n // ////debugger\r\n // logout()\r\n // .then((res) => {\r\n this.props.logout();\r\n // })\r\n // .catch((err) => {\r\n // // ////debugger\r\n // window.localStorage.clear();\r\n // window.location.replace(\"/auth/login\");\r\n // });\r\n }\r\n\r\n render() {\r\n const { hasAuthToken } = this.props;\r\n return hasAuthToken ? \r\n {/* start:: Aside header */}\r\n
\r\n {/*end: Aside Container*/}\r\n \r\n \r\n \r\n \r\n {blogList.entities && \r\n {blogList.entities.map((item, index) =>\r\n \r\n \r\n \r\n \r\n \r\n \r\n {ReactHtmlParser(item.body)} \r\n \r\n \r\n )}\r\n }\r\n \r\n */}\r\n\r\n \r\n \r\n \r\n {blogList.entities && \r\n {blogList.entities.map((item, index) =>\r\n \r\n \r\n \r\n {item.title}\r\n \r\n \r\n \r\n {ReactHtmlParser(item.body)} \r\n \r\n \r\n )}\r\n }\r\n \r\n */}\r\n
\r\n {/* end:: Aside header */}\r\n\r\n {/* start:: Aside content */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {item.title} - {convertDateStringToLocal(item.date, locale)}\r\n \r\n
\r\n \r\n {/* Header */}\r\n
\r\n\r\n {/* \r\n \r\n {\" \"}\r\n
\r\n
\r\n\r\n {/* Body */}\r\n \r\n {\" \"}\r\n
\r\n \r\n {blogList.entities && (\r\n \r\n {blogList.entities.map((item, index) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {ReactHtmlParser(item.body)}\r\n \r\n \r\n \r\n ))}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {convertDateStringToLocal(\r\n item.date,\r\n locale\r\n )}{\" \"}\r\n - {item.title}\r\n \r\n
\r\n \r\n
*/}\r\n\r\n {/* \r\n \r\n
\r\n
\r\n\r\n \r\n\r\n {blogList.entities && \r\n {blogList.entities.map((item, index) =>\r\n\r\n \r\n \r\n\r\n )}\r\n }\r\n
\r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n {ReactHtmlParser(item.body)} \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {item.title}\r\n \r\n
\r\n {convertDateStringToLocal(item.date, locale)}\r\n\r\n \r\n {/*
\r\n {/* end:: Aside content */}\r\n\r\n {/* start:: Aside footer for desktop */}\r\n \r\n
\r\n\r\n {/* end:: Aside footer for desktop */}\r\n \r\n © */}\r\n \r\n
\r\n \r\n \r\n \r\n 404\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport {toAbsoluteUrl} from \"../../../_themeBase/_helpers\";\r\n\r\nexport function ErrorPage2() {\r\n return (\r\n \r\n OOPS! Something went wrong here\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport {toAbsoluteUrl} from \"../../../_themeBase/_helpers\";\r\nimport \"../../../_themeBase/_assets/sass/pages/error/error-3.scss\";\r\n\r\nexport function ErrorPage3() {\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 { toAbsoluteUrl } from \"../../../_themeBase/_helpers\";\r\nimport \"../../../_themeBase/_assets/sass/pages/error/error-4.scss\";\r\n\r\nexport function ErrorPage4() {\r\n return (\r\n \r\n
\r\n 404
\r\n\r\n How did you get here\r\n
\r\n\r\n Sorry we can't seem to find the page you're looking for.\r\n
\r\n\r\n There may be a misspelling in the URL entered,\r\n
\r\n or the page you are looking for may no longer exist.\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../_themeBase/_helpers\";\r\nimport \"../../../_themeBase/_assets/sass/pages/error/error-5.scss\";\r\n\r\nexport function ErrorPage5() {\r\n return (\r\n \r\n
\r\n \r\n 404\r\n
\r\n\r\n ERROR\r\n
\r\n\r\n Nothing left to do here.\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { toAbsoluteUrl } from \"../../../_themeBase/_helpers\";\r\nimport \"../../../_themeBase/_assets/sass/pages/error/error-6.scss\";\r\n\r\nexport function ErrorPage6() {\r\n return (\r\n \r\n
\r\n \r\n Oops!\r\n
\r\n\r\n Something went wrong here.\r\n
\r\n\r\n We're working on it and we'll get it fixed\r\n
\r\n as soon possible.\r\n
\r\n You can back or use our Help Center.\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\nimport { ErrorPage1 } from \"./ErrorPage1\";\r\nimport { ErrorPage2 } from \"./ErrorPage2\";\r\nimport { ErrorPage3 } from \"./ErrorPage3\";\r\nimport { ErrorPage4 } from \"./ErrorPage4\";\r\nimport { ErrorPage5 } from \"./ErrorPage5\";\r\nimport { ErrorPage6 } from \"./ErrorPage6\";\r\n\r\nexport default function ErrorsPage() {\r\n return (\r\n \r\n \r\n Oops...\r\n \r\n
\r\n \r\n Looks like something went wrong.\r\n
\r\n We're working on it\r\n