diff --git a/jams-react-client/package.json b/jams-react-client/package.json
index 5dffbf29cea097498949f0595272bac6ee4500ed..456e7b1ce53506f79b00e5cd06c09b1dbfe84913 100644
--- a/jams-react-client/package.json
+++ b/jams-react-client/package.json
@@ -9,7 +9,6 @@
"@material-ui/icons": "4.9.1",
"@material-ui/lab": "^4.0.0-alpha.56",
"axios": "^0.19.2",
- "chartist": "0.10.1",
"classnames": "2.2.6",
"formik": "^2.1.5",
"fuctbase64": "^1.4.0",
@@ -18,7 +17,6 @@
"i18next": "^19.8.2",
"i18next-browser-languagedetector": "^6.0.1",
"i18next-http-backend": "^1.0.21",
- "image-to-base64": "^2.1.1",
"lodash": "^4.17.19",
"material-ui-popup-state": "^1.6.1",
"perfect-scrollbar": "1.5.0",
@@ -31,13 +29,9 @@
"react-easy-crop": "^3.1.1",
"react-i18next": "^11.7.3",
"react-image-file-resizer": "^0.3.8",
- "react-intl": "5.0.2",
"react-router-dom": "5.2.0",
"react-scripts": "^3.4.3",
- "react-swipeable-views": "0.13.9",
- "react-transition-group": "^4.4.1",
- "yup": "^0.29.3",
- "yup-phone": "^1.2.3"
+ "yup": "^0.29.3"
},
"scripts": {
"start": "export SET NODE_OPTIONS=--openssl-legacy-provider && NODE_PATH=./src react-scripts start",
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/cardImagesStyles.js b/jams-react-client/src/assets/jss/material-dashboard-react/cardImagesStyles.js
deleted file mode 100644
index 1461bd566f5fb6fac8cff1e00168921d9d96ae6b..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/cardImagesStyles.js
+++ /dev/null
@@ -1,26 +0,0 @@
-const cardImagesStyles = {
- cardImgTop: {
- width: "100%",
- borderTopLeftRadius: "calc(.25rem - 1px)",
- borderTopRightRadius: "calc(.25rem - 1px)",
- },
- cardImgBottom: {
- width: "100%",
- borderBottomRightRadius: "calc(.25rem - 1px)",
- borderBottomLeftRadius: "calc(.25rem - 1px)",
- },
- cardImgOverlay: {
- position: "absolute",
- top: "0",
- right: "0",
- bottom: "0",
- left: "0",
- padding: "1.25rem",
- },
- cardImg: {
- width: "100%",
- borderRadius: "calc(.25rem - 1px)",
- },
-};
-
-export default cardImagesStyles;
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/components/customTabsStyle.js b/jams-react-client/src/assets/jss/material-dashboard-react/components/customTabsStyle.js
deleted file mode 100644
index c436bf2d92e4c8ff2d3b9057319209f234873d38..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/components/customTabsStyle.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import { hexToRgb, whiteColor } from "assets/jss/material-dashboard-react.js";
-
-const customTabsStyle = {
- cardTitle: {
- float: "left",
- padding: "10px 10px 10px 0px",
- lineHeight: "24px",
- },
- cardTitleRTL: {
- float: "right",
- padding: "10px 0px 10px 10px !important",
- },
- displayNone: {
- display: "none !important",
- },
- tabsRoot: {
- minHeight: "unset !important",
- overflowX: "visible",
- "& $tabRootButton": {
- fontSize: "0.875rem",
- },
- },
- tabRootButton: {
- minHeight: "unset !important",
- minWidth: "unset !important",
- width: "unset !important",
- height: "unset !important",
- maxWidth: "unset !important",
- maxHeight: "unset !important",
- padding: "10px 15px",
- borderRadius: "3px",
- lineHeight: "24px",
- border: "0 !important",
- color: whiteColor + " !important",
- marginLeft: "4px",
- "&:last-child": {
- marginLeft: "0px",
- },
- },
- tabSelected: {
- backgroundColor: "rgba(" + hexToRgb(whiteColor) + ", 0.2)",
- transition: "0.2s background-color 0.1s",
- },
- tabWrapper: {
- display: "inline-block",
- minHeight: "unset !important",
- minWidth: "unset !important",
- width: "unset !important",
- height: "unset !important",
- maxWidth: "unset !important",
- maxHeight: "unset !important",
- fontWeight: "500",
- fontSize: "12px",
- marginTop: "1px",
- "& > svg,& > .material-icons": {
- verticalAlign: "middle",
- margin: "-1px 5px 0 0 !important",
- },
- },
-};
-
-export default customTabsStyle;
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/components/rtlHeaderLinksStyle.js b/jams-react-client/src/assets/jss/material-dashboard-react/components/rtlHeaderLinksStyle.js
deleted file mode 100644
index 818cb007dee624c8ffc771918f17df6d6b5ba249..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/components/rtlHeaderLinksStyle.js
+++ /dev/null
@@ -1,113 +0,0 @@
-import {
- defaultFont,
- dangerColor,
- whiteColor,
-} from "assets/jss/material-dashboard-react.js";
-
-import dropdownStyle from "assets/jss/material-dashboard-react/dropdownStyle.js";
-
-const headerLinksStyle = (theme) => ({
- ...dropdownStyle(theme),
- search: {
- "& > div": {
- marginTop: "0",
- },
- [theme.breakpoints.down("sm")]: {
- margin: "10px 15px !important",
- float: "none !important",
- paddingTop: "1px",
- paddingBottom: "1px",
- padding: "0!important",
- width: "60%",
- marginTop: "40px",
- "& input": {
- color: whiteColor,
- },
- },
- },
- linkText: {
- zIndex: "4",
- ...defaultFont,
- fontSize: "14px",
- margin: "0px",
- },
- buttonLink: {
- [theme.breakpoints.down("sm")]: {
- display: "flex",
- margin: "10px 15px 0",
- width: "-webkit-fill-available",
- "& svg": {
- width: "24px",
- height: "30px",
- marginRight: "15px",
- marginLeft: "-15px",
- },
- "& .fab,& .fas,& .far,& .fal,& .material-icons": {
- fontSize: "24px",
- lineHeight: "30px",
- width: "24px",
- height: "30px",
- marginRight: "15px",
- marginLeft: "-15px",
- },
- "& > span": {
- justifyContent: "flex-start",
- width: "100%",
- },
- },
- },
- searchButton: {
- [theme.breakpoints.down("sm")]: {
- top: "-50px !important",
- marginRight: "22px",
- float: "right",
- },
- },
- margin: {
- zIndex: "4",
- margin: "0",
- },
- searchIcon: {
- width: "17px",
- zIndex: "4",
- },
- notifications: {
- zIndex: "4",
- [theme.breakpoints.up("md")]: {
- position: "absolute",
- top: "2px",
- border: "1px solid " + whiteColor,
- right: "4px",
- fontSize: "9px",
- background: dangerColor[0],
- color: whiteColor,
- minWidth: "16px",
- height: "16px",
- borderRadius: "10px",
- textAlign: "center",
- lineHeight: "16px",
- verticalAlign: "middle",
- display: "block",
- },
- [theme.breakpoints.down("sm")]: {
- ...defaultFont,
- fontSize: "14px",
- marginRight: "8px",
- },
- },
- manager: {
- [theme.breakpoints.down("sm")]: {
- width: "100%",
- },
- display: "inline-block",
- },
- searchWrapper: {
- [theme.breakpoints.down("sm")]: {
- width: "-webkit-fill-available",
- margin: "10px 15px 0",
- },
- display: "inline-block",
- },
-});
-
-export default headerLinksStyle;
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/components/snackbarContentStyle.js b/jams-react-client/src/assets/jss/material-dashboard-react/components/snackbarContentStyle.js
deleted file mode 100644
index 82b68b19eadf9fa537675d185f03e05b87838333..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/components/snackbarContentStyle.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import {
- defaultFont,
- primaryBoxShadow,
- infoBoxShadow,
- successBoxShadow,
- warningBoxShadow,
- dangerBoxShadow,
- roseBoxShadow,
- whiteColor,
- blackColor,
- grayColor,
- infoColor,
- successColor,
- dangerColor,
- roseColor,
- primaryColor,
- warningColor,
- hexToRgb,
-} from "assets/jss/material-dashboard-react.js";
-
-const snackbarContentStyle = {
- root: {
- ...defaultFont,
- flexWrap: "unset",
- position: "relative",
- padding: "20px 15px",
- lineHeight: "20px",
- marginBottom: "20px",
- fontSize: "14px",
- backgroundColor: whiteColor,
- color: grayColor[7],
- borderRadius: "3px",
- minWidth: "unset",
- maxWidth: "unset",
- boxShadow:
- "0 12px 20px -10px rgba(" +
- hexToRgb(whiteColor) +
- ", 0.28), 0 4px 20px 0px rgba(" +
- hexToRgb(blackColor) +
- ", 0.12), 0 7px 8px -5px rgba(" +
- hexToRgb(whiteColor) +
- ", 0.2)",
- },
- top20: {
- top: "20px",
- },
- top40: {
- top: "40px",
- },
- info: {
- backgroundColor: infoColor[3],
- color: whiteColor,
- ...infoBoxShadow,
- },
- success: {
- backgroundColor: successColor[3],
- color: whiteColor,
- ...successBoxShadow,
- },
- warning: {
- backgroundColor: warningColor[3],
- color: whiteColor,
- ...warningBoxShadow,
- },
- danger: {
- backgroundColor: dangerColor[3],
- color: whiteColor,
- ...dangerBoxShadow,
- },
- primary: {
- backgroundColor: primaryColor[3],
- color: whiteColor,
- ...primaryBoxShadow,
- },
- rose: {
- backgroundColor: roseColor[3],
- color: whiteColor,
- ...roseBoxShadow,
- },
- message: {
- padding: "0",
- display: "block",
- maxWidth: "89%",
- },
- close: {
- width: "11px",
- height: "11px",
- },
- iconButton: {
- width: "24px",
- height: "24px",
- padding: "0px",
- },
- icon: {
- display: "block",
- left: "15px",
- position: "absolute",
- top: "50%",
- marginTop: "-15px",
- width: "30px",
- height: "30px",
- },
- infoIcon: {
- color: infoColor[3],
- },
- successIcon: {
- color: successColor[3],
- },
- warningIcon: {
- color: warningColor[3],
- },
- dangerIcon: {
- color: dangerColor[3],
- },
- primaryIcon: {
- color: primaryColor[3],
- },
- roseIcon: {
- color: roseColor[3],
- },
- iconMessage: {
- paddingLeft: "50px",
- display: "block",
- },
- actionRTL: {
- marginLeft: "-8px",
- marginRight: "auto",
- },
-};
-
-export default snackbarContentStyle;
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/components/tableStyle.js b/jams-react-client/src/assets/jss/material-dashboard-react/components/tableStyle.js
deleted file mode 100644
index d9108706a55490bd9887c9407db1a7082646d803..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/components/tableStyle.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import {
- warningColor,
- primaryColor,
- dangerColor,
- successColor,
- infoColor,
- roseColor,
- grayColor,
- defaultFont,
-} from "assets/jss/material-dashboard-react.js";
-
-const tableStyle = (theme) => ({
- warningTableHeader: {
- color: warningColor[0],
- },
- primaryTableHeader: {
- color: primaryColor[0],
- },
- dangerTableHeader: {
- color: dangerColor[0],
- },
- successTableHeader: {
- color: successColor[0],
- },
- infoTableHeader: {
- color: infoColor[0],
- },
- roseTableHeader: {
- color: roseColor[0],
- },
- grayTableHeader: {
- color: grayColor[0],
- },
- table: {
- marginBottom: "0",
- width: "100%",
- maxWidth: "100%",
- backgroundColor: "transparent",
- borderSpacing: "0",
- borderCollapse: "collapse",
- },
- tableHeadCell: {
- color: "inherit",
- ...defaultFont,
- "&, &$tableCell": {
- fontSize: "1em",
- },
- },
- tableCell: {
- ...defaultFont,
- lineHeight: "1.42857143",
- padding: "12px 8px",
- verticalAlign: "middle",
- fontSize: "0.8125rem",
- },
- tableResponsive: {
- width: "100%",
- marginTop: theme.spacing(3),
- overflowX: "auto",
- },
- tableHeadRow: {
- height: "56px",
- color: "inherit",
- display: "table-row",
- outline: "none",
- verticalAlign: "middle",
- },
- tableBodyRow: {
- height: "48px",
- color: "inherit",
- display: "table-row",
- outline: "none",
- verticalAlign: "middle",
- },
-});
-
-export default tableStyle;
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/components/tasksStyle.js b/jams-react-client/src/assets/jss/material-dashboard-react/components/tasksStyle.js
deleted file mode 100644
index 886494db39109c70d3e4ad7fbac54445cafb4e1f..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/components/tasksStyle.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import {
- defaultFont,
- primaryColor,
- dangerColor,
- grayColor,
-} from "assets/jss/material-dashboard-react.js";
-import tooltipStyle from "assets/jss/material-dashboard-react/tooltipStyle.js";
-import checkboxAdnRadioStyle from "assets/jss/material-dashboard-react/checkboxAdnRadioStyle.js";
-const tasksStyle = {
- ...tooltipStyle,
- ...checkboxAdnRadioStyle,
- table: {
- marginBottom: "0",
- overflow: "visible",
- },
- tableRow: {
- position: "relative",
- borderBottom: "1px solid " + grayColor[5],
- },
- tableActions: {
- display: "flex",
- border: "none",
- padding: "12px 8px !important",
- verticalAlign: "middle",
- },
- tableCell: {
- ...defaultFont,
- padding: "8px",
- verticalAlign: "middle",
- border: "none",
- lineHeight: "1.42857143",
- fontSize: "14px",
- },
- tableCellRTL: {
- textAlign: "right",
- },
- tableActionButton: {
- width: "27px",
- height: "27px",
- padding: "0",
- },
- tableActionButtonIcon: {
- width: "17px",
- height: "17px",
- },
- edit: {
- backgroundColor: "transparent",
- color: primaryColor[0],
- boxShadow: "none",
- },
- close: {
- backgroundColor: "transparent",
- color: dangerColor[0],
- boxShadow: "none",
- },
-};
-export default tasksStyle;
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/components/typographyStyle.js b/jams-react-client/src/assets/jss/material-dashboard-react/components/typographyStyle.js
deleted file mode 100644
index 8aff98a4ff1d637f687fecd01cff057f7b15a2f3..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/components/typographyStyle.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import {
- defaultFont,
- primaryColor,
- infoColor,
- successColor,
- warningColor,
- dangerColor,
- grayColor,
-} from "assets/jss/material-dashboard-react.js";
-
-const typographyStyle = {
- defaultFontStyle: {
- ...defaultFont,
- fontSize: "14px",
- },
- defaultHeaderMargins: {
- marginTop: "20px",
- marginBottom: "10px",
- },
- quote: {
- padding: "10px 20px",
- margin: "0 0 20px",
- fontSize: "17.5px",
- borderLeft: "5px solid " + grayColor[10],
- },
- quoteText: {
- margin: "0 0 10px",
- fontStyle: "italic",
- },
- quoteAuthor: {
- display: "block",
- fontSize: "80%",
- lineHeight: "1.42857143",
- color: grayColor[1],
- },
- mutedText: {
- color: grayColor[1],
- },
- primaryText: {
- color: primaryColor[0],
- },
- infoText: {
- color: infoColor[0],
- },
- successText: {
- color: successColor[0],
- },
- warningText: {
- color: warningColor[0],
- },
- dangerText: {
- color: dangerColor[0],
- },
-};
-
-export default typographyStyle;
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/layouts/rtlStyle.js b/jams-react-client/src/assets/jss/material-dashboard-react/layouts/rtlStyle.js
deleted file mode 100644
index faa9dcc0555ba458c0d410db44d7d2462f9e0e32..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/layouts/rtlStyle.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import {
- drawerWidth,
- transition,
- container,
-} from "assets/jss/material-dashboard-react.js";
-
-const appStyle = (theme) => ({
- wrapper: {
- position: "relative",
- top: "0",
- height: "100vh",
- direction: "rtl",
- },
- mainPanel: {
- [theme.breakpoints.up("md")]: {
- width: `calc(100% - ${drawerWidth}px)`,
- },
- overflow: "auto",
- position: "relative",
- float: "left",
- ...transition,
- maxHeight: "100%",
- width: "100%",
- overflowScrolling: "touch",
- },
- content: {
- marginTop: "70px",
- padding: "30px 15px",
- minHeight: "calc(100vh - 123px)",
- },
- container,
- map: {
- marginTop: "70px",
- },
-});
-
-export default appStyle;
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/views/iconsStyle.js b/jams-react-client/src/assets/jss/material-dashboard-react/views/iconsStyle.js
deleted file mode 100644
index 51c80a327cf7792f830053e6c370fdfdf9aa229a..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/views/iconsStyle.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import {
- boxShadow,
- whiteColor,
- grayColor,
- hexToRgb,
-} from "assets/jss/material-dashboard-react.js";
-
-const iconsStyle = {
- iframe: {
- width: "100%",
- height: "500px",
- border: "0",
- ...boxShadow,
- },
- iframeContainer: {
- margin: "0 -20px 0",
- },
- cardCategoryWhite: {
- "&,& a,& a:hover,& a:focus": {
- color: "rgba(" + hexToRgb(whiteColor) + ",.62)",
- margin: "0",
- fontSize: "14px",
- marginTop: "0",
- marginBottom: "0",
- },
- "& a,& a:hover,& a:focus": {
- color: whiteColor,
- },
- },
- cardTitleWhite: {
- color: whiteColor,
- marginTop: "0px",
- minHeight: "auto",
- fontWeight: "300",
- fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
- marginBottom: "3px",
- textDecoration: "none",
- "& small": {
- color: grayColor[1],
- fontWeight: "400",
- lineHeight: "1",
- },
- },
-};
-
-export default iconsStyle;
diff --git a/jams-react-client/src/assets/jss/material-dashboard-react/views/rtlStyle.js b/jams-react-client/src/assets/jss/material-dashboard-react/views/rtlStyle.js
deleted file mode 100644
index a0f210971c9d227a3c2bb734251a613d72cc4c32..0000000000000000000000000000000000000000
--- a/jams-react-client/src/assets/jss/material-dashboard-react/views/rtlStyle.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import {
- successColor,
- whiteColor,
- grayColor,
- hexToRgb,
-} from "assets/jss/material-dashboard-react.js";
-
-const rtlStyle = {
- successText: {
- color: successColor[0],
- },
- upArrowCardCategory: {
- width: "16px",
- height: "16px",
- },
- stats: {
- color: grayColor[0],
- display: "inline-flex",
- fontSize: "12px",
- lineHeight: "22px",
- "& svg": {
- top: "4px",
- width: "16px",
- height: "16px",
- position: "relative",
- marginRight: "3px",
- marginLeft: "3px",
- },
- "& .fab,& .fas,& .far,& .fal,& .material-icons": {
- top: "4px",
- fontSize: "16px",
- position: "relative",
- marginRight: "3px",
- marginLeft: "3px",
- },
- },
- cardCategory: {
- color: grayColor[0],
- margin: "0",
- fontSize: "14px",
- marginTop: "0",
- paddingTop: "10px",
- marginBottom: "0",
- },
- cardCategoryWhite: {
- color: "rgba(" + hexToRgb(whiteColor) + ",.62)",
- margin: "0",
- fontSize: "14px",
- marginTop: "0",
- marginBottom: "0",
- "& a": {
- color: whiteColor,
- },
- },
- cardTitle: {
- color: grayColor[2],
- marginTop: "0px",
- minHeight: "auto",
- fontWeight: "300",
- fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
- marginBottom: "3px",
- textDecoration: "none",
- "& small": {
- color: grayColor[1],
- fontWeight: "400",
- lineHeight: "1",
- },
- },
- cardTitleWhite: {
- color: whiteColor,
- marginTop: "0px",
- minHeight: "auto",
- fontWeight: "300",
- fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
- marginBottom: "3px",
- textDecoration: "none",
- "& small": {
- color: grayColor[1],
- fontWeight: "400",
- lineHeight: "1",
- },
- },
-};
-
-export default rtlStyle;
diff --git a/jams-react-client/src/components/CustomTabs/CustomTabs.js b/jams-react-client/src/components/CustomTabs/CustomTabs.js
deleted file mode 100644
index 6c151f2a116894b0583d62d6908b3204a986c2fb..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/CustomTabs/CustomTabs.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from "react";
-// nodejs library that concatenates classes
-import classNames from "classnames";
-// nodejs library to set properties for components
-import PropTypes from "prop-types";
-
-// material-ui components
-import { makeStyles } from "@material-ui/core/styles";
-import Tabs from "@material-ui/core/Tabs";
-import Tab from "@material-ui/core/Tab";
-// core components
-import Card from "components/Card/Card.js";
-import CardBody from "components/Card/CardBody.js";
-import CardHeader from "components/Card/CardHeader.js";
-
-import styles from "assets/jss/material-dashboard-react/components/customTabsStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function CustomTabs(props) {
- const [value, setValue] = React.useState(0);
- const handleChange = (event, value) => {
- setValue(value);
- };
- const classes = useStyles();
- const { headerColor, plainTabs, tabs, title, rtlActive } = props;
- const cardTitle = classNames({
- [classes.cardTitle]: true,
- [classes.cardTitleRTL]: rtlActive,
- });
- return (
- <Card plain={plainTabs}>
- <CardHeader color={headerColor} plain={plainTabs}>
- {title !== undefined ? <div className={cardTitle}>{title}</div> : null}
- <Tabs
- value={value}
- onChange={handleChange}
- classes={{
- root: classes.tabsRoot,
- indicator: classes.displayNone,
- scrollButtons: classes.displayNone,
- }}
- variant="scrollable"
- scrollButtons="auto"
- >
- {tabs.map((prop, key) => {
- var icon = {};
- if (prop.tabIcon) {
- icon = {
- icon: <prop.tabIcon />,
- };
- }
- return (
- <Tab
- classes={{
- root: classes.tabRootButton,
- selected: classes.tabSelected,
- wrapper: classes.tabWrapper,
- }}
- key={key}
- label={prop.tabName}
- {...icon}
- />
- );
- })}
- </Tabs>
- </CardHeader>
- <CardBody>
- {tabs.map((prop, key) => {
- if (key === value) {
- return <div key={key}>{prop.tabContent}</div>;
- }
- return null;
- })}
- </CardBody>
- </Card>
- );
-}
-
-CustomTabs.propTypes = {
- headerColor: PropTypes.oneOf([
- "warning",
- "success",
- "danger",
- "info",
- "primary",
- "rose",
- ]),
- title: PropTypes.string,
- tabs: PropTypes.arrayOf(
- PropTypes.shape({
- tabName: PropTypes.string.isRequired,
- tabIcon: PropTypes.object,
- tabContent: PropTypes.node.isRequired,
- })
- ),
- rtlActive: PropTypes.bool,
- plainTabs: PropTypes.bool,
-};
diff --git a/jams-react-client/src/components/FixedPlugin/FixedPlugin.js b/jams-react-client/src/components/FixedPlugin/FixedPlugin.js
deleted file mode 100644
index dea5626d4f288dca0393c200f8efafd8a534ece9..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/FixedPlugin/FixedPlugin.js
+++ /dev/null
@@ -1,190 +0,0 @@
-/*eslint-disable*/
-import React, { Component } from "react";
-// nodejs library to set properties for components
-import PropTypes from "prop-types";
-// nodejs library that concatenates classes
-import classnames from "classnames";
-
-import imagine1 from "assets/img/sidebar-1.jpg";
-import imagine2 from "assets/img/sidebar-2.jpg";
-import imagine3 from "assets/img/sidebar-3.jpg";
-import imagine4 from "assets/img/sidebar-4.jpg";
-
-import Button from "components/CustomButtons/Button.js";
-
-export default function FixedPlugin(props) {
- const [classes, setClasses] = React.useState("dropdown show");
- const [bg_checked, setBg_checked] = React.useState(true);
- const [bgImage, setBgImage] = React.useState(props.bgImage);
- const handleClick = () => {
- props.handleFixedClick();
- };
- return (
- <div
- className={classnames("fixed-plugin", {
- "rtl-fixed-plugin": props.rtlActive,
- })}
- >
- <div id="fixedPluginClasses" className={props.fixedClasses}>
- <div onClick={handleClick}>
- <i className="fa fa-cog fa-2x" />
- </div>
- <ul className="dropdown-menu">
- <li className="header-title">SIDEBAR FILTERS</li>
- <li className="adjustments-line">
- <a className="switch-trigger">
- <div>
- <span
- className={
- props.bgColor === "purple"
- ? "badge filter badge-purple active"
- : "badge filter badge-purple"
- }
- data-color="purple"
- onClick={() => {
- props.handleColorClick("purple");
- }}
- />
- <span
- className={
- props.bgColor === "blue"
- ? "badge filter badge-blue active"
- : "badge filter badge-blue"
- }
- data-color="blue"
- onClick={() => {
- props.handleColorClick("blue");
- }}
- />
- <span
- className={
- props.bgColor === "green"
- ? "badge filter badge-green active"
- : "badge filter badge-green"
- }
- data-color="green"
- onClick={() => {
- props.handleColorClick("green");
- }}
- />
- <span
- className={
- props.bgColor === "red"
- ? "badge filter badge-red active"
- : "badge filter badge-red"
- }
- data-color="red"
- onClick={() => {
- props.handleColorClick("red");
- }}
- />
- <span
- className={
- props.bgColor === "orange"
- ? "badge filter badge-orange active"
- : "badge filter badge-orange"
- }
- data-color="orange"
- onClick={() => {
- props.handleColorClick("orange");
- }}
- />
- </div>
- </a>
- </li>
- <li className="header-title">Images</li>
- <li className={bgImage === imagine1 ? "active" : ""}>
- <a
- className="img-holder switch-trigger"
- onClick={() => {
- setBgImage(imagine1);
- props.handleImageClick(imagine1);
- }}
- >
- <img src={imagine1} alt="..." />
- </a>
- </li>
- <li className={bgImage === imagine2 ? "active" : ""}>
- <a
- className="img-holder switch-trigger"
- onClick={() => {
- setBgImage(imagine2);
- props.handleImageClick(imagine2);
- }}
- >
- <img src={imagine2} alt="..." />
- </a>
- </li>
- <li className={bgImage === imagine3 ? "active" : ""}>
- <a
- className="img-holder switch-trigger"
- onClick={() => {
- setBgImage(imagine3);
- props.handleImageClick(imagine3);
- }}
- >
- <img src={imagine3} alt="..." />
- </a>
- </li>
- <li className={bgImage === imagine4 ? "active" : ""}>
- <a
- className="img-holder switch-trigger"
- onClick={() => {
- setBgImage(imagine4);
- props.handleImageClick(imagine4);
- }}
- >
- <img src={imagine4} alt="..." />
- </a>
- </li>
-
- <li className="button-container">
- <div className="button-container">
- <Button
- color="success"
- href="https://www.creative-tim.com/product/material-dashboard-react?ref=mdr-fixed-plugin"
- target="_blank"
- fullWidth
- >
- Download free!
- </Button>
- </div>
- </li>
- <li className="button-container">
- <div className="button-container">
- <Button
- color="warning"
- href="https://www.creative-tim.com/product/material-dashboard-pro-react?ref=mdr-fixed-plugin"
- target="_blank"
- fullWidth
- >
- Get PRO version
- </Button>
- </div>
- </li>
- <li className="button-container">
- <Button
- color="info"
- fullWidth
- href="https://demos.creative-tim.com/material-dashboard-react/#/documentation/tutorial?ref=mdr-fixed-plugin"
- target="_blank"
- >
- Documentation
- </Button>
- </li>
- <li className="adjustments-line" />
- </ul>
- </div>
- </div>
- );
-}
-
-FixedPlugin.propTypes = {
- bgImage: PropTypes.string,
- handleFixedClick: PropTypes.func,
- rtlActive: PropTypes.bool,
- fixedClasses: PropTypes.string,
- bgColor: PropTypes.oneOf(["purple", "blue", "green", "orange", "red"]),
- handleColorClick: PropTypes.func,
- handleImageClick: PropTypes.func,
-};
diff --git a/jams-react-client/src/components/Navbars/AdminNavbarLinks.js b/jams-react-client/src/components/Navbars/AdminNavbarLinks.js
deleted file mode 100644
index f3cc665f508c3aac558d025b28a1468d198ded02..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Navbars/AdminNavbarLinks.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-import MenuItem from "@material-ui/core/MenuItem";
-import MenuList from "@material-ui/core/MenuList";
-import Grow from "@material-ui/core/Grow";
-import Paper from "@material-ui/core/Paper";
-import ClickAwayListener from "@material-ui/core/ClickAwayListener";
-import Hidden from "@material-ui/core/Hidden";
-import Poppers from "@material-ui/core/Popper";
-import Divider from "@material-ui/core/Divider";
-// @material-ui/icons
-import Person from "@material-ui/icons/Person";
-
-// core components
-import Button from "components/CustomButtons/Button.js";
-
-import styles from "assets/jss/material-dashboard-react/components/headerLinksStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function AdminNavbarLinks(props) {
- const classes = useStyles();
- const [openProfile, setOpenProfile] = React.useState(null);
-
- const handleClickProfile = (event) => {
- if (openProfile && openProfile.contains(event.target)) {
- setOpenProfile(null);
- } else {
- setOpenProfile(event.currentTarget);
- }
- };
-
- const handleOtherAction = () => {
- // Do nothing
- };
-
- return (
- <div>
- <div className={classes.manager}>
- <Button
- color={window.innerWidth > 959 ? "transparent" : "white"}
- justIcon={window.innerWidth > 959}
- simple={!(window.innerWidth > 959)}
- aria-owns={openProfile ? "profile-menu-list-grow" : null}
- aria-haspopup="true"
- onClick={handleClickProfile}
- className={classes.buttonLink}
- >
- <Person className={classes.icons} />
- <Hidden mdUp implementation="css">
- <p className={classes.linkText}>Profile</p>
- </Hidden>
- </Button>
- <Poppers
- open={Boolean(openProfile)}
- anchorEl={openProfile}
- transition
- disablePortal
- className={
- classNames({ [classes.popperClose]: !openProfile }) +
- " " +
- classes.popperNav
- }
- >
- {({ TransitionProps, placement }) => (
- <Grow
- {...TransitionProps}
- id="profile-menu-list-grow"
- style={{
- transformOrigin:
- placement === "bottom" ? "center top" : "center bottom",
- }}
- >
- <Paper>
- <ClickAwayListener onClickAway={handleOtherAction}>
- <MenuList role="menu">
- <MenuItem
- onClick={handleOtherAction}
- className={classes.dropdownItem}
- >
- Profile
- </MenuItem>
- <MenuItem
- onClick={handleOtherAction}
- className={classes.dropdownItem}
- >
- Settings
- </MenuItem>
- <Divider light />
- </MenuList>
- </ClickAwayListener>
- </Paper>
- </Grow>
- )}
- </Poppers>
- </div>
- </div>
- );
-}
diff --git a/jams-react-client/src/components/Navbars/RTLNavbarLinks.js b/jams-react-client/src/components/Navbars/RTLNavbarLinks.js
deleted file mode 100644
index 93b3f5ee4a5394c83f8b0589593ce5574760c546..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Navbars/RTLNavbarLinks.js
+++ /dev/null
@@ -1,162 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-import MenuItem from "@material-ui/core/MenuItem";
-import MenuList from "@material-ui/core/MenuList";
-import Grow from "@material-ui/core/Grow";
-import Paper from "@material-ui/core/Paper";
-import ClickAwayListener from "@material-ui/core/ClickAwayListener";
-import Hidden from "@material-ui/core/Hidden";
-import Poppers from "@material-ui/core/Popper";
-// @material-ui/icons
-import Person from "@material-ui/icons/Person";
-import Notifications from "@material-ui/icons/Notifications";
-import Dashboard from "@material-ui/icons/Dashboard";
-import Search from "@material-ui/icons/Search";
-// core components
-import CustomInput from "components/CustomInput/CustomInput.js";
-import Button from "components/CustomButtons/Button.js";
-
-import styles from "assets/jss/material-dashboard-react/components/rtlHeaderLinksStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function RTLNavbarLinks() {
- const classes = useStyles();
- const [open, setOpen] = React.useState(null);
- const handleToggle = (event) => {
- if (open && open.contains(event.target)) {
- setOpen(null);
- } else {
- setOpen(event.currentTarget);
- }
- };
-
- const handleClose = () => {
- setOpen(null);
- };
-
- return (
- <div>
- <div className={classes.searchWrapper}>
- <CustomInput
- formControlProps={{
- className: classes.margin + " " + classes.search,
- }}
- inputProps={{
- placeholder: "جستجو...",
- inputProps: {
- "aria-label": "Search",
- },
- }}
- />
- <Button color="white" aria-label="edit" justIcon round>
- <Search />
- </Button>
- </div>
- <Button
- color={window.innerWidth > 959 ? "transparent" : "white"}
- justIcon={window.innerWidth > 959}
- simple={!(window.innerWidth > 959)}
- aria-label="Dashboard"
- className={classes.buttonLink}
- >
- <Dashboard className={classes.icons} />
- <Hidden mdUp implementation="css">
- <p className={classes.linkText}>آمارها</p>
- </Hidden>
- </Button>
- <div className={classes.manager}>
- <Button
- color={window.innerWidth > 959 ? "transparent" : "white"}
- justIcon={window.innerWidth > 959}
- simple={!(window.innerWidth > 959)}
- aria-owns={open ? "menu-list-grow" : null}
- aria-haspopup="true"
- onClick={handleToggle}
- className={classes.buttonLink}
- >
- <Notifications className={classes.icons} />
- <span className={classes.notifications}>۵</span>
- <Hidden mdUp implementation="css">
- <p onClick={handleToggle} className={classes.linkText}>
- اعلانها
- </p>
- </Hidden>
- </Button>
- <Poppers
- open={Boolean(open)}
- anchorEl={open}
- transition
- disablePortal
- className={
- classNames({ [classes.popperClose]: !open }) +
- " " +
- classes.popperNav
- }
- >
- {({ TransitionProps, placement }) => (
- <Grow
- {...TransitionProps}
- id="menu-list-grow"
- style={{
- transformOrigin:
- placement === "bottom" ? "center top" : "center bottom",
- }}
- >
- <Paper>
- <ClickAwayListener onClickAway={handleClose}>
- <MenuList role="menu">
- <MenuItem
- onClick={handleClose}
- className={classes.dropdownItem}
- >
- محمدرضا به ایمیل شما پاسخ داد
- </MenuItem>
- <MenuItem
- onClick={handleClose}
- className={classes.dropdownItem}
- >
- شما ۵ وظیفه جدید دارید
- </MenuItem>
- <MenuItem
- onClick={handleClose}
- className={classes.dropdownItem}
- >
- از حالا شما با علیرضا دوست هستید
- </MenuItem>
- <MenuItem
- onClick={handleClose}
- className={classes.dropdownItem}
- >
- اعلان دیگر
- </MenuItem>
- <MenuItem
- onClick={handleClose}
- className={classes.dropdownItem}
- >
- اعلان دیگر
- </MenuItem>
- </MenuList>
- </ClickAwayListener>
- </Paper>
- </Grow>
- )}
- </Poppers>
- </div>
- <Button
- color={window.innerWidth > 959 ? "transparent" : "white"}
- justIcon={window.innerWidth > 959}
- simple={!(window.innerWidth > 959)}
- aria-label="Person"
- className={classes.buttonLink}
- >
- <Person className={classes.icons} />
- <Hidden mdUp implementation="css">
- <p className={classes.linkText}>حساب کاربری</p>
- </Hidden>
- </Button>
- </div>
- );
-}
diff --git a/jams-react-client/src/components/Snackbar/Snackbar.js b/jams-react-client/src/components/Snackbar/Snackbar.js
deleted file mode 100644
index 2aca6a5ebaeeaae838caff617134b990e9a164e2..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Snackbar/Snackbar.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-import Snack from "@material-ui/core/Snackbar";
-import IconButton from "@material-ui/core/IconButton";
-// @material-ui/icons
-import Close from "@material-ui/icons/Close";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/snackbarContentStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Snackbar(props) {
- const classes = useStyles();
- const { message, color, close, icon, place, open, rtlActive } = props;
- var action = [];
- const messageClasses = classNames({
- [classes.iconMessage]: icon !== undefined,
- });
- if (close !== undefined) {
- action = [
- <IconButton
- className={classes.iconButton}
- key="close"
- aria-label="Close"
- color="info"
- onClick={() => props.closeNotification()}
- >
- <Close className={classes.close} />
- </IconButton>,
- ];
- }
- return (
- <Snack
- anchorOrigin={{
- vertical: place.indexOf("t") === -1 ? "bottom" : "top",
- horizontal:
- place.indexOf("l") !== -1
- ? "left"
- : place.indexOf("c") !== -1
- ? "center"
- : "right",
- }}
- open={open}
- message={
- <div>
- {icon !== undefined ? <props.icon className={classes.icon} /> : null}
- <span className={messageClasses}>{message}</span>
- </div>
- }
- action={action}
- ContentProps={{
- classes: {
- root: classes.root + " " + classes[color],
- message: classes.message,
- action: classNames({ [classes.actionRTL]: rtlActive }),
- },
- }}
- />
- );
-}
-
-Snackbar.propTypes = {
- message: PropTypes.node.isRequired,
- color: PropTypes.oneOf(["info", "success", "warning", "danger", "primary"]),
- close: PropTypes.bool,
- icon: PropTypes.object,
- place: PropTypes.oneOf(["tl", "tr", "tc", "br", "bl", "bc"]),
- open: PropTypes.bool,
- rtlActive: PropTypes.bool,
- closeNotification: PropTypes.func,
-};
diff --git a/jams-react-client/src/components/Snackbar/SnackbarContent.js b/jams-react-client/src/components/Snackbar/SnackbarContent.js
deleted file mode 100644
index ebbaa4220d373fc74e3fb422922918c1da372819..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Snackbar/SnackbarContent.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import classNames from "classnames";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-import Snack from "@material-ui/core/SnackbarContent";
-import IconButton from "@material-ui/core/IconButton";
-// @material-ui/icons
-import Close from "@material-ui/icons/Close";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/snackbarContentStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function SnackbarContent(props) {
- const classes = useStyles();
- const { message, color, close, icon, rtlActive } = props;
- var action = [];
- const messageClasses = classNames({
- [classes.iconMessage]: icon !== undefined,
- });
- if (close !== undefined) {
- action = [
- <IconButton
- className={classes.iconButton}
- key="close"
- aria-label="Close"
- color="info"
- >
- <Close className={classes.close} />
- </IconButton>,
- ];
- }
- return (
- <Snack
- message={
- <div>
- {icon !== undefined ? <props.icon className={classes.icon} /> : null}
- <span className={messageClasses}>{message}</span>
- </div>
- }
- classes={{
- root: classes.root + " " + classes[color],
- message: classes.message,
- action: classNames({ [classes.actionRTL]: rtlActive }),
- }}
- action={action}
- />
- );
-}
-
-SnackbarContent.propTypes = {
- message: PropTypes.node.isRequired,
- color: PropTypes.oneOf(["info", "success", "warning", "danger", "primary"]),
- close: PropTypes.bool,
- icon: PropTypes.object,
- rtlActive: PropTypes.bool,
-};
diff --git a/jams-react-client/src/components/Table/Table.js b/jams-react-client/src/components/Table/Table.js
deleted file mode 100644
index 80343ba00b80656c67483505a6a7a1cb37063203..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Table/Table.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-import Table from "@material-ui/core/Table";
-import TableHead from "@material-ui/core/TableHead";
-import TableRow from "@material-ui/core/TableRow";
-import TableBody from "@material-ui/core/TableBody";
-import TableCell from "@material-ui/core/TableCell";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/tableStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function CustomTable(props) {
- const classes = useStyles();
- const { tableHead, tableData, tableHeaderColor } = props;
- return (
- <div className={classes.tableResponsive}>
- <Table className={classes.table}>
- {tableHead !== undefined ? (
- <TableHead className={classes[tableHeaderColor + "TableHeader"]}>
- <TableRow className={classes.tableHeadRow}>
- {tableHead.map((prop, key) => {
- return (
- <TableCell
- className={classes.tableCell + " " + classes.tableHeadCell}
- key={key}
- >
- {prop}
- </TableCell>
- );
- })}
- </TableRow>
- </TableHead>
- ) : null}
- <TableBody>
- {tableData.map((prop, key) => {
- return (
- <TableRow key={key} className={classes.tableBodyRow}>
- {prop.map((prop, key) => {
- return (
- <TableCell className={classes.tableCell} key={key}>
- {prop}
- </TableCell>
- );
- })}
- </TableRow>
- );
- })}
- </TableBody>
- </Table>
- </div>
- );
-}
-
-CustomTable.defaultProps = {
- tableHeaderColor: "gray",
-};
-
-CustomTable.propTypes = {
- tableHeaderColor: PropTypes.oneOf([
- "warning",
- "primary",
- "danger",
- "success",
- "info",
- "rose",
- "gray",
- ]),
- tableHead: PropTypes.arrayOf(PropTypes.string),
- tableData: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),
-};
diff --git a/jams-react-client/src/components/Tasks/Tasks.js b/jams-react-client/src/components/Tasks/Tasks.js
deleted file mode 100755
index c9c7a432c93d80d082ffedd4a906b1a9461527fe..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Tasks/Tasks.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import classnames from "classnames";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-import Checkbox from "@material-ui/core/Checkbox";
-import Tooltip from "@material-ui/core/Tooltip";
-import IconButton from "@material-ui/core/IconButton";
-import Table from "@material-ui/core/Table";
-import TableRow from "@material-ui/core/TableRow";
-import TableBody from "@material-ui/core/TableBody";
-import TableCell from "@material-ui/core/TableCell";
-// @material-ui/icons
-import Edit from "@material-ui/icons/Edit";
-import Close from "@material-ui/icons/Close";
-import Check from "@material-ui/icons/Check";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/tasksStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Tasks(props) {
- const classes = useStyles();
- const [checked, setChecked] = React.useState([...props.checkedIndexes]);
- const handleToggle = (value) => {
- const currentIndex = checked.indexOf(value);
- const newChecked = [...checked];
- if (currentIndex === -1) {
- newChecked.push(value);
- } else {
- newChecked.splice(currentIndex, 1);
- }
- setChecked(newChecked);
- };
- const { tasksIndexes, tasks, rtlActive } = props;
- const tableCellClasses = classnames(classes.tableCell, {
- [classes.tableCellRTL]: rtlActive,
- });
- return (
- <Table className={classes.table}>
- <TableBody>
- {tasksIndexes.map((value) => (
- <TableRow key={value} className={classes.tableRow}>
- <TableCell className={tableCellClasses}>
- <Checkbox
- checked={checked.indexOf(value) !== -1}
- tabIndex={-1}
- onClick={() => handleToggle(value)}
- checkedIcon={<Check className={classes.checkedIcon} />}
- icon={<Check className={classes.uncheckedIcon} />}
- classes={{
- checked: classes.checked,
- root: classes.root,
- }}
- />
- </TableCell>
- <TableCell className={tableCellClasses}>{tasks[value]}</TableCell>
- <TableCell className={classes.tableActions}>
- <Tooltip
- id="tooltip-top"
- title="Edit Device"
- placement="top"
- classes={{ tooltip: classes.tooltip }}
- >
- <IconButton
- aria-label="Edit"
- className={classes.tableActionButton}
- >
- <Edit
- className={
- classes.tableActionButtonIcon + " " + classes.edit
- }
- />
- </IconButton>
- </Tooltip>
- <Tooltip
- id="tooltip-top-start"
- title="Remove"
- placement="top"
- classes={{ tooltip: classes.tooltip }}
- >
- <IconButton
- aria-label="Close"
- className={classes.tableActionButton}
- >
- <Close
- className={
- classes.tableActionButtonIcon + " " + classes.close
- }
- />
- </IconButton>
- </Tooltip>
- </TableCell>
- </TableRow>
- ))}
- </TableBody>
- </Table>
- );
-}
-
-Tasks.propTypes = {
- tasksIndexes: PropTypes.arrayOf(PropTypes.number),
- tasks: PropTypes.arrayOf(PropTypes.node),
- rtlActive: PropTypes.bool,
- checkedIndexes: PropTypes.array,
-};
diff --git a/jams-react-client/src/components/Typography/Danger.js b/jams-react-client/src/components/Typography/Danger.js
deleted file mode 100755
index 61bb44a9fe6dc8fc799f9a89d447b7482b9f5535..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Typography/Danger.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/typographyStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Danger(props) {
- const classes = useStyles();
- const { children } = props;
- return (
- <div className={classes.defaultFontStyle + " " + classes.dangerText}>
- {children}
- </div>
- );
-}
-
-Danger.propTypes = {
- children: PropTypes.node,
-};
diff --git a/jams-react-client/src/components/Typography/Info.js b/jams-react-client/src/components/Typography/Info.js
deleted file mode 100755
index 633e3f574aff4ac14b8d840546c7d97837e21d7c..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Typography/Info.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/typographyStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Info(props) {
- const classes = useStyles();
- const { children } = props;
- return (
- <div className={classes.defaultFontStyle + " " + classes.infoText}>
- {children}
- </div>
- );
-}
-
-Info.propTypes = {
- children: PropTypes.node,
-};
diff --git a/jams-react-client/src/components/Typography/Muted.js b/jams-react-client/src/components/Typography/Muted.js
deleted file mode 100755
index e817c8699d12900644b175ad6db097b36e8c6503..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Typography/Muted.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/typographyStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Muted(props) {
- const classes = useStyles();
- const { children } = props;
- return (
- <div className={classes.defaultFontStyle + " " + classes.mutedText}>
- {children}
- </div>
- );
-}
-
-Muted.propTypes = {
- children: PropTypes.node,
-};
diff --git a/jams-react-client/src/components/Typography/Primary.js b/jams-react-client/src/components/Typography/Primary.js
deleted file mode 100755
index cd73db4bdad73869f1150badd5f4002a3de1472b..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Typography/Primary.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/typographyStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Primary(props) {
- const classes = useStyles();
- const { children } = props;
- return (
- <div className={classes.defaultFontStyle + " " + classes.primaryText}>
- {children}
- </div>
- );
-}
-
-Primary.propTypes = {
- children: PropTypes.node,
-};
diff --git a/jams-react-client/src/components/Typography/Quote.js b/jams-react-client/src/components/Typography/Quote.js
deleted file mode 100755
index 72acd8ba1498d498c3fb6e073fa8d1dcc72ed2e6..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Typography/Quote.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/typographyStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Quote(props) {
- const classes = useStyles();
- const { text, author } = props;
- return (
- <blockquote className={classes.defaultFontStyle + " " + classes.quote}>
- <p className={classes.quoteText}>{text}</p>
- <small className={classes.quoteAuthor}>{author}</small>
- </blockquote>
- );
-}
-
-Quote.propTypes = {
- text: PropTypes.node,
- author: PropTypes.node,
-};
diff --git a/jams-react-client/src/components/Typography/Success.js b/jams-react-client/src/components/Typography/Success.js
deleted file mode 100755
index 959a6b3409ecea91b537d013166dacd0c7a4005c..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Typography/Success.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/typographyStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Success(props) {
- const classes = useStyles();
- const { children } = props;
- return (
- <div className={classes.defaultFontStyle + " " + classes.successText}>
- {children}
- </div>
- );
-}
-
-Success.propTypes = {
- children: PropTypes.node,
-};
diff --git a/jams-react-client/src/components/Typography/Warning.js b/jams-react-client/src/components/Typography/Warning.js
deleted file mode 100755
index 28e8e1b9bb4de8ee4a4d17d48eb8ba301d5f3603..0000000000000000000000000000000000000000
--- a/jams-react-client/src/components/Typography/Warning.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import styles from "assets/jss/material-dashboard-react/components/typographyStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Warning(props) {
- const classes = useStyles();
- const { children } = props;
- return (
- <div className={classes.defaultFontStyle + " " + classes.warningText}>
- {children}
- </div>
- );
-}
-
-Warning.propTypes = {
- children: PropTypes.node,
-};
diff --git a/jams-react-client/src/layouts/RTL.js b/jams-react-client/src/layouts/RTL.js
deleted file mode 100644
index 8932320d54dd74fb8101c3f231e21602ce646dcf..0000000000000000000000000000000000000000
--- a/jams-react-client/src/layouts/RTL.js
+++ /dev/null
@@ -1,184 +0,0 @@
-import React from "react";
-import { Switch, Route, Redirect } from "react-router-dom";
-// creates a beautiful scrollbar
-import PerfectScrollbar from "perfect-scrollbar";
-import "perfect-scrollbar/css/perfect-scrollbar.css";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import Navbar from "components/Navbars/Navbar.js";
-import Footer from "components/Footer/Footer.js";
-import Sidebar from "components/Sidebar/Sidebar.js";
-import FixedPlugin from "components/FixedPlugin/FixedPlugin.js";
-
-// @material-ui/icons
-import Person from "@material-ui/icons/Person";
-import Group from "@material-ui/icons/Group";
-import AllInbox from "@material-ui/icons/AllInbox";
-import SettingsIcon from "@material-ui/icons/Settings";
-// core components/views for Admin layout
-import Users from "views/Users/Users.js";
-import Groups from "views/Groups/Groups.js";
-import Blueprints from "views/Blueprints/Blueprints.js";
-import Settings from "views/Settings/Settings.js";
-// core components/views for RTL layout
-
-import styles from "assets/jss/material-dashboard-react/layouts/rtlStyle.js";
-
-import bgImage from "assets/img/sidebar-2.jpg";
-import logo from "assets/img/reactlogo.png";
-
-import i18next from "i18next";
-
-let ps;
-
-const useStyles = makeStyles(styles);
-
-export default function RTL({ ...rest }) {
- // styles
- const classes = useStyles();
- // ref to help us initialize PerfectScrollbar on windows devices
- const mainPanel = React.createRef();
- // states and functions
- const [image, setImage] = React.useState(bgImage);
- const [color, setColor] = React.useState("blue");
- const [fixedClasses, setFixedClasses] = React.useState("dropdown show");
- const [mobileOpen, setMobileOpen] = React.useState(false);
-
- const routes = [
- {
- path: "/users",
- name: i18next.t("users", "Users"),
- rtlName: "المستخدمون",
- icon: Person,
- component: Users,
- layout: "/admin",
- },
- {
- path: "/groups",
- name: i18next.t("groups", "Groups"),
- rtlName: "مجموعات",
- icon: Group,
- component: Groups,
- layout: "/admin",
- },
- {
- path: "/blueprints",
- name: i18next.t("blueprints", "Blueprints"),
- rtlName: "المخططات",
- icon: AllInbox,
- component: Blueprints,
- layout: "/admin",
- },
- {
- path: "/settings",
- name: i18next.t("settings", "Settings"),
- rtlName: "حضانة بيض",
- icon: SettingsIcon,
- component: Settings,
- layout: "/admin",
- },
- ];
-
- const switchRoutes = (
- <Switch>
- {routes.map((prop, key) => {
- if (prop.layout === "/rtl") {
- return (
- <Route
- path={prop.layout + prop.path}
- component={prop.component}
- key={key}
- />
- );
- }
- return null;
- })}
- <Redirect from="/rtl" to="/rtl/rtl-page" />
- </Switch>
- );
-
- const handleImageClick = (image) => {
- setImage(image);
- };
- const handleColorClick = (color) => {
- setColor(color);
- };
- const handleFixedClick = () => {
- if (fixedClasses === "dropdown") {
- setFixedClasses("dropdown show");
- } else {
- setFixedClasses("dropdown");
- }
- };
- const handleDrawerToggle = () => {
- setMobileOpen(!mobileOpen);
- };
- const getRoute = () => {
- return window.location.pathname !== "/admin/maps";
- };
- const resizeFunction = () => {
- if (window.innerWidth >= 960) {
- setMobileOpen(false);
- }
- };
- // initialize and destroy the PerfectScrollbar plugin
- React.useEffect(() => {
- if (navigator.platform.indexOf("Win") > -1) {
- ps = new PerfectScrollbar(mainPanel.current, {
- suppressScrollX: true,
- suppressScrollY: false,
- });
- document.body.style.overflow = "hidden";
- }
- window.addEventListener("resize", resizeFunction);
- // Specify how to clean up after this effect:
- return function cleanup() {
- if (navigator.platform.indexOf("Win") > -1) {
- ps.destroy();
- }
- window.removeEventListener("resize", resizeFunction);
- };
- }, [mainPanel]);
- return (
- <div className={classes.wrapper}>
- <Sidebar
- routes={routes}
- logoText={"Jams"}
- logo={logo}
- image={image}
- handleDrawerToggle={handleDrawerToggle}
- open={mobileOpen}
- color={color}
- rtlActive
- {...rest}
- />
- <div className={classes.mainPanel} ref={mainPanel}>
- <Navbar
- routes={routes}
- handleDrawerToggle={handleDrawerToggle}
- rtlActive
- {...rest}
- />
- {/* On the /maps route we want the map to be on full screen - this is not possible if the content and conatiner classes are present because they have some paddings which would make the map smaller */}
- {getRoute() ? (
- <div className={classes.content}>
- <div className={classes.container}>{switchRoutes}</div>
- </div>
- ) : (
- <div className={classes.map}>{switchRoutes}</div>
- )}
- {getRoute() ? <Footer /> : null}
- <FixedPlugin
- handleImageClick={handleImageClick}
- handleColorClick={handleColorClick}
- bgColor={color}
- bgImage={image}
- handleFixedClick={handleFixedClick}
- fixedClasses={fixedClasses}
- rtlActive
- />
- </div>
- </div>
- );
-}
diff --git a/jams-react-client/src/routes/routes.js b/jams-react-client/src/routes/routes.js
deleted file mode 100644
index 71e1bc081efa408ccb31ccbf8f03cb71d46ae108..0000000000000000000000000000000000000000
--- a/jams-react-client/src/routes/routes.js
+++ /dev/null
@@ -1,71 +0,0 @@
-/*!
-
-=========================================================
-* Material Dashboard React - v1.9.0
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/material-dashboard-react
-* Copyright 2020 Creative Tim (https://www.creative-tim.com)
-* Licensed under MIT (https://github.com/creativetimofficial/material-dashboard-react/blob/master/LICENSE.md)
-
-* Coded by Creative Tim
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-*/
-import React, { Suspense } from "react";
-
-// @material-ui/icons
-import Person from "@material-ui/icons/Person";
-import Group from "@material-ui/icons/Group";
-import AllInbox from "@material-ui/icons/AllInbox";
-import SettingsIcon from "@material-ui/icons/Settings";
-// core components/views for Admin layout
-import Users from "views/Users/Users.js";
-import Groups from "views/Groups/Groups.js";
-import Blueprints from "views/Blueprints/Blueprints.js";
-import Settings from "views/Settings/Settings.js";
-// core components/views for RTL layout
-
-import i18next from "i18next";
-
-export default function Routes() {
- const dashboardRoutes = [
- {
- path: "/users",
- name: i18next.t("users", "Users"),
- rtlName: "المستخدمون",
- icon: Person,
- component: Users,
- layout: "/admin",
- },
- {
- path: "/groups",
- name: i18next.t("groups", "Groups"),
- rtlName: "مجموعات",
- icon: Group,
- component: Groups,
- layout: "/admin",
- },
- {
- path: "/blueprints",
- name: i18next.t("blueprints", "Blueprints"),
- rtlName: "المخططات",
- icon: AllInbox,
- component: Blueprints,
- layout: "/admin",
- },
- {
- path: "/settings",
- name: i18next.t("settings", "Settings"),
- rtlName: "حضانة بيض",
- icon: SettingsIcon,
- component: Settings,
- layout: "/admin",
- },
- ];
-
- return dashboardRoutes;
-}
diff --git a/jams-react-client/src/variables/charts.js b/jams-react-client/src/variables/charts.js
deleted file mode 100755
index 59d9d7b7019e902828c478c4185e5ce7fc99e8b4..0000000000000000000000000000000000000000
--- a/jams-react-client/src/variables/charts.js
+++ /dev/null
@@ -1,190 +0,0 @@
-// ##############################
-// // // javascript library for creating charts
-// #############################
-var Chartist = require("chartist");
-
-// ##############################
-// // // variables used to create animation on charts
-// #############################
-var delays = 80,
- durations = 500;
-var delays2 = 80,
- durations2 = 500;
-
-// ##############################
-// // // Daily Sales
-// #############################
-
-const dailySalesChart = {
- data: {
- labels: ["M", "T", "W", "T", "F", "S", "S"],
- series: [[12, 17, 7, 17, 23, 18, 38]],
- },
- options: {
- lineSmooth: Chartist.Interpolation.cardinal({
- tension: 0,
- }),
- low: 0,
- high: 50, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
- chartPadding: {
- top: 0,
- right: 0,
- bottom: 0,
- left: 0,
- },
- },
- // for animation
- animation: {
- draw: function (data) {
- if (data.type === "line" || data.type === "area") {
- data.element.animate({
- d: {
- begin: 600,
- dur: 700,
- from: data.path
- .clone()
- .scale(1, 0)
- .translate(0, data.chartRect.height())
- .stringify(),
- to: data.path.clone().stringify(),
- easing: Chartist.Svg.Easing.easeOutQuint,
- },
- });
- } else if (data.type === "point") {
- data.element.animate({
- opacity: {
- begin: (data.index + 1) * delays,
- dur: durations,
- from: 0,
- to: 1,
- easing: "ease",
- },
- });
- }
- },
- },
-};
-
-// ##############################
-// // // Email Subscriptions
-// #############################
-
-const emailsSubscriptionChart = {
- data: {
- labels: [
- "Jan",
- "Feb",
- "Mar",
- "Apr",
- "Mai",
- "Jun",
- "Jul",
- "Aug",
- "Sep",
- "Oct",
- "Nov",
- "Dec",
- ],
- series: [[542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895]],
- },
- options: {
- axisX: {
- showGrid: false,
- },
- low: 0,
- high: 1000,
- chartPadding: {
- top: 0,
- right: 5,
- bottom: 0,
- left: 0,
- },
- },
- responsiveOptions: [
- [
- "screen and (max-width: 640px)",
- {
- seriesBarDistance: 5,
- axisX: {
- labelInterpolationFnc: function (value) {
- return value[0];
- },
- },
- },
- ],
- ],
- animation: {
- draw: function (data) {
- if (data.type === "bar") {
- data.element.animate({
- opacity: {
- begin: (data.index + 1) * delays2,
- dur: durations2,
- from: 0,
- to: 1,
- easing: "ease",
- },
- });
- }
- },
- },
-};
-
-// ##############################
-// // // Completed Tasks
-// #############################
-
-const completedTasksChart = {
- data: {
- labels: ["12am", "3pm", "6pm", "9pm", "12pm", "3am", "6am", "9am"],
- series: [[230, 750, 450, 300, 280, 240, 200, 190]],
- },
- options: {
- lineSmooth: Chartist.Interpolation.cardinal({
- tension: 0,
- }),
- low: 0,
- high: 1000, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
- chartPadding: {
- top: 0,
- right: 0,
- bottom: 0,
- left: 0,
- },
- },
- animation: {
- draw: function (data) {
- if (data.type === "line" || data.type === "area") {
- data.element.animate({
- d: {
- begin: 600,
- dur: 700,
- from: data.path
- .clone()
- .scale(1, 0)
- .translate(0, data.chartRect.height())
- .stringify(),
- to: data.path.clone().stringify(),
- easing: Chartist.Svg.Easing.easeOutQuint,
- },
- });
- } else if (data.type === "point") {
- data.element.animate({
- opacity: {
- begin: (data.index + 1) * delays,
- dur: durations,
- from: 0,
- to: 1,
- easing: "ease",
- },
- });
- }
- },
- },
-};
-
-module.exports = {
- dailySalesChart,
- emailsSubscriptionChart,
- completedTasksChart,
-};
diff --git a/jams-react-client/src/variables/general.js b/jams-react-client/src/variables/general.js
deleted file mode 100755
index f8e665dacff302a6b6f78300cbdf3dcb9ea99404..0000000000000000000000000000000000000000
--- a/jams-react-client/src/variables/general.js
+++ /dev/null
@@ -1,26 +0,0 @@
-// ##############################
-// // // Tasks for TasksCard - see Dashboard view
-// #############################
-
-var bugs = [
- 'Sign contract for "What are conference organizers afraid of?"',
- "Lines From Great Russian Literature? Or E-mails From My Boss?",
- "Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit",
- "Create 4 Invisible User Experiences you Never Knew About",
-];
-var website = [
- "Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit",
- 'Sign contract for "What are conference organizers afraid of?"',
-];
-var server = [
- "Lines From Great Russian Literature? Or E-mails From My Boss?",
- "Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit",
- 'Sign contract for "What are conference organizers afraid of?"',
-];
-
-module.exports = {
- // these 3 are used to create the tasks lists in TasksCard - Dashboard view
- bugs,
- website,
- server,
-};
diff --git a/jams-react-client/src/views/Dashboard/Dashboard.js b/jams-react-client/src/views/Dashboard/Dashboard.js
deleted file mode 100755
index d696cc5124ecb3e94bc2152e12c5e46c6ab04415..0000000000000000000000000000000000000000
--- a/jams-react-client/src/views/Dashboard/Dashboard.js
+++ /dev/null
@@ -1,265 +0,0 @@
-import React from "react";
-// react plugin for creating charts
-import ChartistGraph from "react-chartist";
-// @material-ui/core
-import { makeStyles } from "@material-ui/core/styles";
-import Icon from "@material-ui/core/Icon";
-// @material-ui/icons
-import Store from "@material-ui/icons/Store";
-import Warning from "@material-ui/icons/Warning";
-import DateRange from "@material-ui/icons/DateRange";
-import LocalOffer from "@material-ui/icons/LocalOffer";
-import Update from "@material-ui/icons/Update";
-import ArrowUpward from "@material-ui/icons/ArrowUpward";
-import AccessTime from "@material-ui/icons/AccessTime";
-import Accessibility from "@material-ui/icons/Accessibility";
-import BugReport from "@material-ui/icons/BugReport";
-import Code from "@material-ui/icons/Code";
-import Cloud from "@material-ui/icons/Cloud";
-// core components
-import GridItem from "components/Grid/GridItem.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import Table from "components/Table/Table.js";
-import Tasks from "components/Tasks/Tasks.js";
-import CustomTabs from "components/CustomTabs/CustomTabs.js";
-import Danger from "components/Typography/Danger.js";
-import Card from "components/Card/Card.js";
-import CardHeader from "components/Card/CardHeader.js";
-import CardIcon from "components/Card/CardIcon.js";
-import CardBody from "components/Card/CardBody.js";
-import CardFooter from "components/Card/CardFooter.js";
-
-import { bugs, website, server } from "variables/general.js";
-
-import {
- dailySalesChart,
- emailsSubscriptionChart,
- completedTasksChart,
-} from "variables/charts.js";
-
-import styles from "assets/jss/material-dashboard-react/views/dashboardStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Dashboard() {
- const classes = useStyles();
- return (
- <div>
- <GridContainer>
- <GridItem xs={12} sm={6} md={3}>
- <Card>
- <CardHeader color="warning" stats icon>
- <CardIcon color="warning">
- <Icon>content_copy</Icon>
- </CardIcon>
- <p className={classes.cardCategory}>Used Space</p>
- <h3 className={classes.cardTitle}>
- 49/50 <small>GB</small>
- </h3>
- </CardHeader>
- <CardFooter stats>
- <div className={classes.stats}>
- <Danger>
- <Warning />
- </Danger>
- <a href="#pablo" onClick={(e) => e.preventDefault()}>
- Get more space
- </a>
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={6} md={3}>
- <Card>
- <CardHeader color="success" stats icon>
- <CardIcon color="success">
- <Store />
- </CardIcon>
- <p className={classes.cardCategory}>Revenue</p>
- <h3 className={classes.cardTitle}>$34,245</h3>
- </CardHeader>
- <CardFooter stats>
- <div className={classes.stats}>
- <DateRange />
- Last 24 Hours
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={6} md={3}>
- <Card>
- <CardHeader color="info" stats icon>
- <CardIcon color="info">
- <Icon>info_outline</Icon>
- </CardIcon>
- <p className={classes.cardCategory}>Fixed Issues</p>
- <h3 className={classes.cardTitle}>75</h3>
- </CardHeader>
- <CardFooter stats>
- <div className={classes.stats}>
- <LocalOffer />
- Tracked from Github
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={6} md={3}>
- <Card>
- <CardHeader color="info" stats icon>
- <CardIcon color="info">
- <Accessibility />
- </CardIcon>
- <p className={classes.cardCategory}>Followers</p>
- <h3 className={classes.cardTitle}>+245</h3>
- </CardHeader>
- <CardFooter stats>
- <div className={classes.stats}>
- <Update />
- Just Updated
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- </GridContainer>
- <GridContainer>
- <GridItem xs={12} sm={12} md={4}>
- <Card chart>
- <CardHeader color="success">
- <ChartistGraph
- className="ct-chart"
- data={dailySalesChart.data}
- type="Line"
- options={dailySalesChart.options}
- listener={dailySalesChart.animation}
- />
- </CardHeader>
- <CardBody>
- <h4 className={classes.cardTitle}>Daily Sales</h4>
- <p className={classes.cardCategory}>
- <span className={classes.successText}>
- <ArrowUpward className={classes.upArrowCardCategory} /> 55%
- </span>{" "}
- increase in today sales.
- </p>
- </CardBody>
- <CardFooter chart>
- <div className={classes.stats}>
- <AccessTime /> updated 4 minutes ago
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={12} md={4}>
- <Card chart>
- <CardHeader color="warning">
- <ChartistGraph
- className="ct-chart"
- data={emailsSubscriptionChart.data}
- type="Bar"
- options={emailsSubscriptionChart.options}
- responsiveOptions={emailsSubscriptionChart.responsiveOptions}
- listener={emailsSubscriptionChart.animation}
- />
- </CardHeader>
- <CardBody>
- <h4 className={classes.cardTitle}>Email Subscriptions</h4>
- <p className={classes.cardCategory}>Last Campaign Performance</p>
- </CardBody>
- <CardFooter chart>
- <div className={classes.stats}>
- <AccessTime /> campaign sent 2 days ago
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={12} md={4}>
- <Card chart>
- <CardHeader color="info">
- <ChartistGraph
- className="ct-chart"
- data={completedTasksChart.data}
- type="Line"
- options={completedTasksChart.options}
- listener={completedTasksChart.animation}
- />
- </CardHeader>
- <CardBody>
- <h4 className={classes.cardTitle}>Completed Tasks</h4>
- <p className={classes.cardCategory}>Last Campaign Performance</p>
- </CardBody>
- <CardFooter chart>
- <div className={classes.stats}>
- <AccessTime /> campaign sent 2 days ago
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- </GridContainer>
- <GridContainer>
- <GridItem xs={12} sm={12} md={6}>
- <CustomTabs
- title="Tasks:"
- headerColor="primary"
- tabs={[
- {
- tabName: "Bugs",
- tabIcon: BugReport,
- tabContent: (
- <Tasks
- checkedIndexes={[0, 3]}
- tasksIndexes={[0, 1, 2, 3]}
- tasks={bugs}
- />
- ),
- },
- {
- tabName: "Website",
- tabIcon: Code,
- tabContent: (
- <Tasks
- checkedIndexes={[0]}
- tasksIndexes={[0, 1]}
- tasks={website}
- />
- ),
- },
- {
- tabName: "Server",
- tabIcon: Cloud,
- tabContent: (
- <Tasks
- checkedIndexes={[1]}
- tasksIndexes={[0, 1, 2]}
- tasks={server}
- />
- ),
- },
- ]}
- />
- </GridItem>
- <GridItem xs={12} sm={12} md={6}>
- <Card>
- <CardHeader color="warning">
- <h4 className={classes.cardTitleWhite}>Employees Stats</h4>
- <p className={classes.cardCategoryWhite}>
- New employees on 15th September, 2016
- </p>
- </CardHeader>
- <CardBody>
- <Table
- tableHeaderColor="warning"
- tableHead={["ID", "Name", "Salary", "Country"]}
- tableData={[
- ["1", "Dakota Rice", "$36,738", "Niger"],
- ["2", "Minerva Hooper", "$23,789", "Curaçao"],
- ["3", "Sage Rodriguez", "$56,142", "Netherlands"],
- ["4", "Philip Chaney", "$38,735", "Korea, South"],
- ]}
- />
- </CardBody>
- </Card>
- </GridItem>
- </GridContainer>
- </div>
- );
-}
diff --git a/jams-react-client/src/views/Icons/Icons.js b/jams-react-client/src/views/Icons/Icons.js
deleted file mode 100755
index 438c0e9cab546ec5566ef9f5c47b0a6decfa10a2..0000000000000000000000000000000000000000
--- a/jams-react-client/src/views/Icons/Icons.js
+++ /dev/null
@@ -1,65 +0,0 @@
-/*eslint-disable*/
-import React from "react";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-import Hidden from "@material-ui/core/Hidden";
-// core components
-import GridItem from "components/Grid/GridItem.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import Card from "components/Card/Card.js";
-import CardHeader from "components/Card/CardHeader.js";
-import CardBody from "components/Card/CardBody.js";
-
-import styles from "assets/jss/material-dashboard-react/views/iconsStyle.js";
-
-const useStyles = makeStyles(styles);
-
-export default function Icons() {
- const classes = useStyles();
- return (
- <GridContainer>
- <GridItem xs={12} sm={12} md={12}>
- <Card plain>
- <CardHeader plain color="primary">
- <h4 className={classes.cardTitleWhite}>Material Design Icons</h4>
- <p className={classes.cardCategoryWhite}>
- Handcrafted by our friends from{" "}
- <a
- href="https://design.google.com/icons/?ref=creativetime"
- target="_blank"
- >
- Google
- </a>
- </p>
- </CardHeader>
- <CardBody>
- <Hidden only={["sm", "xs"]}>
- <iframe
- className={classes.iframe}
- src="https://material.io/icons/"
- title="Icons iframe"
- >
- <p>Your browser does not support iframes.</p>
- </iframe>
- </Hidden>
- <Hidden only={["lg", "md"]}>
- <GridItem xs={12} sm={12} md={6}>
- <h5>
- The icons are visible on Desktop mode inside an iframe. Since
- the iframe is not working on Mobile and Tablets please visit
- the icons on their original page on Google. Check the
- <a
- href="https://design.google.com/icons/?ref=creativetime"
- target="_blank"
- >
- Material Icons
- </a>
- </h5>
- </GridItem>
- </Hidden>
- </CardBody>
- </Card>
- </GridItem>
- </GridContainer>
- );
-}
diff --git a/jams-react-client/src/views/Maps/Maps.js b/jams-react-client/src/views/Maps/Maps.js
deleted file mode 100755
index e37f3d1c40e25f41a062f66ba966113fa9d2e9a4..0000000000000000000000000000000000000000
--- a/jams-react-client/src/views/Maps/Maps.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import React from "react";
-import {
- withScriptjs,
- withGoogleMap,
- GoogleMap,
- Marker,
-} from "react-google-maps";
-
-const CustomSkinMap = withScriptjs(
- withGoogleMap(() => (
- <GoogleMap
- defaultZoom={13}
- defaultCenter={{ lat: 40.748817, lng: -73.985428 }}
- defaultOptions={{
- scrollwheel: false,
- zoomControl: true,
- styles: [
- {
- featureType: "water",
- stylers: [
- { saturation: 43 },
- { lightness: -11 },
- { hue: "#0088ff" },
- ],
- },
- {
- featureType: "road",
- elementType: "geometry.fill",
- stylers: [
- { hue: "#ff0000" },
- { saturation: -100 },
- { lightness: 99 },
- ],
- },
- {
- featureType: "road",
- elementType: "geometry.stroke",
- stylers: [{ color: "#808080" }, { lightness: 54 }],
- },
- {
- featureType: "landscape.man_made",
- elementType: "geometry.fill",
- stylers: [{ color: "#ece2d9" }],
- },
- {
- featureType: "poi.park",
- elementType: "geometry.fill",
- stylers: [{ color: "#ccdca1" }],
- },
- {
- featureType: "road",
- elementType: "labels.text.fill",
- stylers: [{ color: "#767676" }],
- },
- {
- featureType: "road",
- elementType: "labels.text.stroke",
- stylers: [{ color: "#ffffff" }],
- },
- { featureType: "poi", stylers: [{ visibility: "off" }] },
- {
- featureType: "landscape.natural",
- elementType: "geometry.fill",
- stylers: [{ visibility: "on" }, { color: "#b8cb93" }],
- },
- { featureType: "poi.park", stylers: [{ visibility: "on" }] },
- {
- featureType: "poi.sports_complex",
- stylers: [{ visibility: "on" }],
- },
- { featureType: "poi.medical", stylers: [{ visibility: "on" }] },
- {
- featureType: "poi.business",
- stylers: [{ visibility: "simplified" }],
- },
- ],
- }}
- >
- <Marker position={{ lat: 40.748817, lng: -73.985428 }} />
- </GoogleMap>
- ))
-);
-
-export default function Maps() {
- return (
- <CustomSkinMap
- googleMapURL="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"
- loadingElement={<div style={{ height: `100%` }} />}
- containerElement={<div style={{ height: `100vh` }} />}
- mapElement={<div style={{ height: `100%` }} />}
- />
- );
-}
diff --git a/jams-react-client/src/views/Notifications/Notifications.js b/jams-react-client/src/views/Notifications/Notifications.js
deleted file mode 100755
index bb8ed8581ef82cfc238631b8a41829faea2a42fa..0000000000000000000000000000000000000000
--- a/jams-react-client/src/views/Notifications/Notifications.js
+++ /dev/null
@@ -1,346 +0,0 @@
-/*eslint-disable*/
-import React from "react";
-// nodejs library to set properties for components
-import PropTypes from "prop-types";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// @material-ui/icons
-import AddAlert from "@material-ui/icons/AddAlert";
-// core components
-import GridItem from "components/Grid/GridItem.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import Button from "components/CustomButtons/Button.js";
-import SnackbarContent from "components/Snackbar/SnackbarContent.js";
-import Snackbar from "components/Snackbar/Snackbar.js";
-import Card from "components/Card/Card.js";
-import CardHeader from "components/Card/CardHeader.js";
-import CardBody from "components/Card/CardBody.js";
-
-const styles = {
- cardCategoryWhite: {
- "&,& a,& a:hover,& a:focus": {
- color: "rgba(255,255,255,.62)",
- margin: "0",
- fontSize: "14px",
- marginTop: "0",
- marginBottom: "0",
- },
- "& a,& a:hover,& a:focus": {
- color: "#FFFFFF",
- },
- },
- cardTitleWhite: {
- color: "#FFFFFF",
- marginTop: "0px",
- minHeight: "auto",
- fontWeight: "300",
- fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
- marginBottom: "3px",
- textDecoration: "none",
- "& small": {
- color: "#777",
- fontSize: "65%",
- fontWeight: "400",
- lineHeight: "1",
- },
- },
-};
-
-const useStyles = makeStyles(styles);
-
-export default function Notifications() {
- const classes = useStyles();
- const [tl, setTL] = React.useState(false);
- const [tc, setTC] = React.useState(false);
- const [tr, setTR] = React.useState(false);
- const [bl, setBL] = React.useState(false);
- const [bc, setBC] = React.useState(false);
- const [br, setBR] = React.useState(false);
- React.useEffect(() => {
- // Specify how to clean up after this effect:
- return function cleanup() {
- // to stop the warning of calling setState of unmounted component
- var id = window.setTimeout(null, 0);
- while (id--) {
- window.clearTimeout(id);
- }
- };
- });
- const showNotification = (place) => {
- switch (place) {
- case "tl":
- if (!tl) {
- setTL(true);
- setTimeout(function () {
- setTL(false);
- }, 6000);
- }
- break;
- case "tc":
- if (!tc) {
- setTC(true);
- setTimeout(function () {
- setTC(false);
- }, 6000);
- }
- break;
- case "tr":
- if (!tr) {
- setTR(true);
- setTimeout(function () {
- setTR(false);
- }, 6000);
- }
- break;
- case "bl":
- if (!bl) {
- setBL(true);
- setTimeout(function () {
- setBL(false);
- }, 6000);
- }
- break;
- case "bc":
- if (!bc) {
- setBC(true);
- setTimeout(function () {
- setBC(false);
- }, 6000);
- }
- break;
- case "br":
- if (!br) {
- setBR(true);
- setTimeout(function () {
- setBR(false);
- }, 6000);
- }
- break;
- default:
- break;
- }
- };
- return (
- <Card>
- <CardHeader color="primary">
- <h4 className={classes.cardTitleWhite}>Notifications</h4>
- <p className={classes.cardCategoryWhite}>
- Handcrafted by our friends from{" "}
- <a
- target="_blank"
- href="https://material-ui-next.com/?ref=creativetime"
- >
- Material UI
- </a>{" "}
- and styled by{" "}
- <a
- target="_blank"
- href="https://www.creative-tim.com/?ref=mdr-notifications-page"
- >
- Creative Tim
- </a>
- . Please checkout the{" "}
- <a href="#pablo" target="_blank">
- full documentation
- </a>
- .
- </p>
- </CardHeader>
- <CardBody>
- <GridContainer>
- <GridItem xs={12} sm={12} md={6}>
- <h5>Notifications Style</h5>
- <br />
- <SnackbarContent message={"This is a plain notification"} />
- <SnackbarContent
- message={"This is a notification with close button."}
- close
- />
- <SnackbarContent
- message={"This is a notification with close button and icon."}
- close
- icon={AddAlert}
- />
- <SnackbarContent
- message={
- "This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style."
- }
- close
- icon={AddAlert}
- />
- </GridItem>
- <GridItem xs={12} sm={12} md={6}>
- <h5>Notifications States</h5>
- <br />
- <SnackbarContent
- message={
- 'INFO - This is a regular notification made with color="info"'
- }
- close
- color="info"
- />
- <SnackbarContent
- message={
- 'SUCCESS - This is a regular notification made with color="success"'
- }
- close
- color="success"
- />
- <SnackbarContent
- message={
- 'WARNING - This is a regular notification made with color="warning"'
- }
- close
- color="warning"
- />
- <SnackbarContent
- message={
- 'DANGER - This is a regular notification made with color="info"'
- }
- close
- color="info"
- />
- <SnackbarContent
- message={
- 'PRIMARY - This is a regular notification made with color="primary"'
- }
- close
- color="primary"
- />
- </GridItem>
- </GridContainer>
- <br />
- <br />
- <GridContainer justify="center">
- <GridItem xs={12} sm={12} md={6} style={{ textAlign: "center" }}>
- <h5>
- Notifications Places
- <br />
- <small>Click to view notifications</small>
- </h5>
- </GridItem>
- </GridContainer>
- <GridContainer justify="center">
- <GridItem xs={12} sm={12} md={10} lg={8}>
- <GridContainer>
- <GridItem xs={12} sm={12} md={4}>
- <Button
- fullWidth
- color="primary"
- onClick={() => showNotification("tl")}
- >
- Top Left
- </Button>
- <Snackbar
- place="tl"
- color="info"
- icon={AddAlert}
- message="Welcome to MATERIAL DASHBOARD React - a beautiful freebie for every web developer."
- open={tl}
- closeNotification={() => setTL(false)}
- close
- />
- </GridItem>
- <GridItem xs={12} sm={12} md={4}>
- <Button
- fullWidth
- color="primary"
- onClick={() => showNotification("tc")}
- >
- Top Center
- </Button>
- <Snackbar
- place="tc"
- color="info"
- icon={AddAlert}
- message="Welcome to MATERIAL DASHBOARD React - a beautiful freebie for every web developer."
- open={tc}
- closeNotification={() => setTC(false)}
- close
- />
- </GridItem>
- <GridItem xs={12} sm={12} md={4}>
- <Button
- fullWidth
- color="primary"
- onClick={() => showNotification("tr")}
- >
- Top Right
- </Button>
- <Snackbar
- place="tr"
- color="info"
- icon={AddAlert}
- message="Welcome to MATERIAL DASHBOARD React - a beautiful freebie for every web developer."
- open={tr}
- closeNotification={() => setTR(false)}
- close
- />
- </GridItem>
- </GridContainer>
- </GridItem>
- </GridContainer>
- <GridContainer justify={"center"}>
- <GridItem xs={12} sm={12} md={10} lg={8}>
- <GridContainer>
- <GridItem xs={12} sm={12} md={4}>
- <Button
- fullWidth
- color="primary"
- onClick={() => showNotification("bl")}
- >
- Bottom Left
- </Button>
- <Snackbar
- place="bl"
- color="info"
- icon={AddAlert}
- message="Welcome to MATERIAL DASHBOARD React - a beautiful freebie for every web developer."
- open={bl}
- closeNotification={() => setBL(false)}
- close
- />
- </GridItem>
- <GridItem xs={12} sm={12} md={4}>
- <Button
- fullWidth
- color="primary"
- onClick={() => showNotification("bc")}
- >
- Bottom Center
- </Button>
- <Snackbar
- place="bc"
- color="info"
- icon={AddAlert}
- message="Welcome to MATERIAL DASHBOARD React - a beautiful freebie for every web developer."
- open={bc}
- closeNotification={() => setBC(false)}
- close
- />
- </GridItem>
- <GridItem xs={12} sm={12} md={4}>
- <Button
- fullWidth
- color="primary"
- onClick={() => showNotification("br")}
- >
- Bottom Right
- </Button>
- <Snackbar
- place="br"
- color="info"
- icon={AddAlert}
- message="Welcome to MATERIAL DASHBOARD React - a beautiful freebie for every web developer."
- open={br}
- closeNotification={() => setBR(false)}
- close
- />
- </GridItem>
- </GridContainer>
- </GridItem>
- </GridContainer>
- </CardBody>
- </Card>
- );
-}
diff --git a/jams-react-client/src/views/RTLPage/RTLPage.js b/jams-react-client/src/views/RTLPage/RTLPage.js
deleted file mode 100644
index e6d12796368f5f3a82ab9d81493e678565b67112..0000000000000000000000000000000000000000
--- a/jams-react-client/src/views/RTLPage/RTLPage.js
+++ /dev/null
@@ -1,366 +0,0 @@
-/*eslint-disable*/
-import React from "react";
-// react plugin for creating charts
-import ChartistGraph from "react-chartist";
-// @material-ui/core
-import { makeStyles } from "@material-ui/core/styles";
-import Icon from "@material-ui/core/Icon";
-// @material-ui/icons
-import Store from "@material-ui/icons/Store";
-import Warning from "@material-ui/icons/Warning";
-import DateRange from "@material-ui/icons/DateRange";
-import LocalOffer from "@material-ui/icons/LocalOffer";
-import Update from "@material-ui/icons/Update";
-import ArrowUpward from "@material-ui/icons/ArrowUpward";
-import AccessTime from "@material-ui/icons/AccessTime";
-import Accessibility from "@material-ui/icons/Accessibility";
-import BugReport from "@material-ui/icons/BugReport";
-import Code from "@material-ui/icons/Code";
-import Cloud from "@material-ui/icons/Cloud";
-// core components
-import Button from "components/CustomButtons/Button.js";
-import GridItem from "components/Grid/GridItem.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import Table from "components/Table/Table.js";
-import Tasks from "components/Tasks/Tasks.js";
-import CustomTabs from "components/CustomTabs/CustomTabs.js";
-import Danger from "components/Typography/Danger.js";
-import Card from "components/Card/Card.js";
-import CardHeader from "components/Card/CardHeader.js";
-import CardAvatar from "components/Card/CardAvatar.js";
-import CardIcon from "components/Card/CardIcon.js";
-import CardBody from "components/Card/CardBody.js";
-import CardFooter from "components/Card/CardFooter.js";
-import SnackbarContent from "components/Snackbar/SnackbarContent.js";
-
-import {
- dailySalesChart,
- emailsSubscriptionChart,
- completedTasksChart,
-} from "variables/charts.js";
-
-import styles from "assets/jss/material-dashboard-react/views/rtlStyle.js";
-
-import avatar from "assets/img/faces/marc.jpg";
-
-let bugs = [
- "طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن؟",
- " نخست از متنهای آزمایشی و بیمعنی استفاده میکنند تا صرفا به مشتری یا صاحب کار خود نشان دهند؟",
- "همان حال کار آنها به نوعی وابسته به متن میباشد",
- " آنها با استفاده از محتویات ساختگی، صفحه گرافیکی خود را صفحهآرایی میکنند",
-];
-let website = [
- "بعد از اینکه متن در آن قرار گیرد چگونه به نظر میرسد و قلمها و اندازهبندیها چگونه در نظر گرفته",
- "اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید؟",
-];
-let server = [
- "گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحهآرایی، نخست از متنهای آزمایشی؟",
- "از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحهآرایی، نخست از متنهای آزمایشی ؟",
- "از متنهای آزمایشی و بیمعنی استفاده میکنند تا صرفا به مشتری یا صاحب کار خود نشان دهند؟",
-];
-
-const useStyles = makeStyles(styles);
-
-export default function RTLPage() {
- const classes = useStyles();
- return (
- <div>
- <GridContainer>
- <GridItem xs={12} sm={6} md={3}>
- <Card>
- <CardHeader color="warning" stats icon>
- <CardIcon color="warning">
- <Icon>content_copy</Icon>
- </CardIcon>
- <p className={classes.cardCategory}>فضا مصرف شده</p>
- <h3 className={classes.cardTitle}>
- 49/50 <small>GB</small>
- </h3>
- </CardHeader>
- <CardFooter stats>
- <div className={classes.stats}>
- <Danger>
- <Warning />
- </Danger>
- <a href="#pablo" onClick={(e) => e.preventDefault()}>
- فضای بیشتری داشته باشید...
- </a>
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={6} md={3}>
- <Card>
- <CardHeader color="success" stats icon>
- <CardIcon color="success">
- <Store />
- </CardIcon>
- <p className={classes.cardCategory}>سود</p>
- <h3 className={classes.cardTitle}>$34,245</h3>
- </CardHeader>
- <CardFooter stats>
- <div className={classes.stats}>
- <DateRange />
- ۲۴ ساعت اخیر
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={6} md={3}>
- <Card>
- <CardHeader color="info" stats icon>
- <CardIcon color="info">
- <Icon>info_outline</Icon>
- </CardIcon>
- <p className={classes.cardCategory}>مشکلات حل شده</p>
- <h3 className={classes.cardTitle}>75</h3>
- </CardHeader>
- <CardFooter stats>
- <div className={classes.stats}>
- <LocalOffer />
- توسط گیتهاب
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={6} md={3}>
- <Card>
- <CardHeader color="info" stats icon>
- <CardIcon color="info">
- <Accessibility />
- </CardIcon>
- <p className={classes.cardCategory}>دنبالکننده</p>
- <h3 className={classes.cardTitle}>+245</h3>
- </CardHeader>
- <CardFooter stats>
- <div className={classes.stats}>
- <Update />
- هماکنون
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- </GridContainer>
- <GridContainer>
- <GridItem xs={12} sm={12} md={4}>
- <Card chart>
- <CardHeader color="success">
- <ChartistGraph
- className="ct-chart"
- data={dailySalesChart.data}
- type="Line"
- options={dailySalesChart.options}
- listener={dailySalesChart.animation}
- />
- </CardHeader>
- <CardBody>
- <h4 className={classes.cardTitle}>فروش روزانه</h4>
- <p className={classes.cardCategory}>
- <span className={classes.successText}>
- <ArrowUpward className={classes.upArrowCardCategory} /> 55%
- </span>{" "}
- رشد در فروش امروز.
- </p>
- </CardBody>
- <CardFooter chart>
- <div className={classes.stats}>
- <AccessTime /> ۴ دقیقه پیش
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={12} md={4}>
- <Card chart>
- <CardHeader color="warning">
- <ChartistGraph
- className="ct-chart"
- data={emailsSubscriptionChart.data}
- type="Bar"
- options={emailsSubscriptionChart.options}
- responsiveOptions={emailsSubscriptionChart.responsiveOptions}
- listener={emailsSubscriptionChart.animation}
- />
- </CardHeader>
- <CardBody>
- <h4 className={classes.cardTitle}>دنبال کنندههای ایمیلی</h4>
- <p className={classes.cardCategory}>کارایی آخرین کمپین</p>
- </CardBody>
- <CardFooter chart>
- <div className={classes.stats}>
- <AccessTime /> کمپین دو روز پیش ارسال شد
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={12} md={4}>
- <Card chart>
- <CardHeader color="info">
- <ChartistGraph
- className="ct-chart"
- data={completedTasksChart.data}
- type="Line"
- options={completedTasksChart.options}
- listener={completedTasksChart.animation}
- />
- </CardHeader>
- <CardBody>
- <h4 className={classes.cardTitle}>وظایف انجام شده</h4>
- <p className={classes.cardCategory}>کارایی آخرین کمپین</p>
- </CardBody>
- <CardFooter chart>
- <div className={classes.stats}>
- <AccessTime /> کمپین دو روز پیش ارسال شد
- </div>
- </CardFooter>
- </Card>
- </GridItem>
- </GridContainer>
- <GridContainer>
- <GridItem xs={12} sm={12} md={6}>
- <CustomTabs
- title="وظایف:"
- headerColor="primary"
- rtlActive
- tabs={[
- {
- tabName: "باگها",
- tabIcon: BugReport,
- tabContent: (
- <Tasks
- checkedIndexes={[0, 3]}
- tasksIndexes={[0, 1, 2, 3]}
- tasks={bugs}
- rtlActive
- />
- ),
- },
- {
- tabName: "وبسایت",
- tabIcon: Code,
- tabContent: (
- <Tasks
- checkedIndexes={[0]}
- tasksIndexes={[0, 1]}
- tasks={website}
- rtlActive
- />
- ),
- },
- {
- tabName: "سرور",
- tabIcon: Cloud,
- tabContent: (
- <Tasks
- checkedIndexes={[1]}
- tasksIndexes={[0, 1, 2]}
- tasks={server}
- rtlActive
- />
- ),
- },
- ]}
- />
- </GridItem>
- <GridItem xs={12} sm={12} md={6}>
- <Card>
- <CardHeader color="warning">
- <h4 className={classes.cardTitleWhite}>آمار کارکنان</h4>
- <p className={classes.cardCategoryWhite}>
- کارکنان جدید از ۱۵ آبان ۱۳۹۶
- </p>
- </CardHeader>
- <CardBody>
- <Table
- tableHeaderColor="warning"
- tableHead={["کد", "نام", "حقوق", "استان"]}
- tableData={[
- ["1", "احمد حسینی ", "$36,738", "مازندران"],
- ["2", "مینا رضایی ", "$23,789", "گلستان"],
- ["3", "مبینا احمدپور ", "$56,142", "تهران"],
- ["4", "جلال آقایی ", "$38,735", "شهرکرد"],
- ]}
- />
- </CardBody>
- </Card>
- </GridItem>
- </GridContainer>
- <GridContainer>
- <GridItem xs={12} sm={12} md={6}>
- <Card>
- <CardHeader color="primary">
- <h4 className={classes.cardTitleWhite}>اعلان ها</h4>
- <p className={classes.cardCategoryWhite}>
- يدويا من قبل أصدقائنا من{" "}
- <a
- target="_blank"
- href="https://material-ui-next.com/?ref=creativetime"
- >
- واجهة المستخدم المادية
- </a>{" "}
- ونصب من قبل{" "}
- <a
- target="_blank"
- href="https://www.creative-tim.com/?ref=mdr-rtl-page"
- >
- الإبداعية تيم
- </a>
- . يرجى التحقق من{" "}
- <a href="#pablo" target="_blank">
- وثائق كاملة
- </a>
- .
- </p>
- </CardHeader>
- <CardBody>
- <SnackbarContent
- message={
- 'این یک اعلان است که با کلاس color="warning" ایجاد شده است.'
- }
- close
- rtlActive
- color="warning"
- />
- <SnackbarContent
- message={
- 'این یک اعلان است که با کلاس color="primary" ایجاد شده است.'
- }
- close
- rtlActive
- color="primary"
- />
- <SnackbarContent
- message={"این یک اعلان با دکمه بستن و آیکن است"}
- close
- rtlActive
- color="info"
- />
- </CardBody>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={12} md={6}>
- <Card profile>
- <CardAvatar profile>
- <a href="#pablo" onClick={(e) => e.preventDefault()}>
- <img src={avatar} alt="..." />
- </a>
- </CardAvatar>
- <CardBody profile>
- <h6 className={classes.cardCategory}>مدیرعامل / مدیرفنی</h6>
- <h4 className={classes.cardTitle}>خداداد عزیزی</h4>
- <p className={classes.description}>
- طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن
- صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده
- می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و
- ظاهر متن باشد. معمولا طراحان گرافیک برای صفحهآرایی، نخست از
- متنهای آزمایشی و بیمعنی استفاده میکنند ...
- </p>
- <Button color="primary" round>
- دنبالکردن
- </Button>
- </CardBody>
- </Card>
- </GridItem>
- </GridContainer>
- </div>
- );
-}
diff --git a/jams-react-client/src/views/TableList/TableList.js b/jams-react-client/src/views/TableList/TableList.js
deleted file mode 100755
index de569d14d2bba26cfd7c9236b6df924d04c665b3..0000000000000000000000000000000000000000
--- a/jams-react-client/src/views/TableList/TableList.js
+++ /dev/null
@@ -1,112 +0,0 @@
-import React from "react";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import GridItem from "components/Grid/GridItem.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import Table from "components/Table/Table.js";
-import Card from "components/Card/Card.js";
-import CardHeader from "components/Card/CardHeader.js";
-import CardBody from "components/Card/CardBody.js";
-
-const styles = {
- cardCategoryWhite: {
- "&,& a,& a:hover,& a:focus": {
- color: "rgba(255,255,255,.62)",
- margin: "0",
- fontSize: "14px",
- marginTop: "0",
- marginBottom: "0",
- },
- "& a,& a:hover,& a:focus": {
- color: "#FFFFFF",
- },
- },
- cardTitleWhite: {
- color: "#FFFFFF",
- marginTop: "0px",
- minHeight: "auto",
- fontWeight: "300",
- fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
- marginBottom: "3px",
- textDecoration: "none",
- "& small": {
- color: "#777",
- fontSize: "65%",
- fontWeight: "400",
- lineHeight: "1",
- },
- },
-};
-
-const useStyles = makeStyles(styles);
-
-export default function TableList() {
- const classes = useStyles();
- return (
- <GridContainer>
- <GridItem xs={12} sm={12} md={12}>
- <Card>
- <CardHeader color="primary">
- <h4 className={classes.cardTitleWhite}>Simple Table</h4>
- <p className={classes.cardCategoryWhite}>
- Here is a subtitle for this table
- </p>
- </CardHeader>
- <CardBody>
- <Table
- tableHeaderColor="primary"
- tableHead={["Name", "Country", "City", "Salary"]}
- tableData={[
- ["Dakota Rice", "Niger", "Oud-Turnhout", "$36,738"],
- ["Minerva Hooper", "Curaçao", "Sinaai-Waas", "$23,789"],
- ["Sage Rodriguez", "Netherlands", "Baileux", "$56,142"],
- ["Philip Chaney", "Korea, South", "Overland Park", "$38,735"],
- ["Doris Greene", "Malawi", "Feldkirchen in Kärnten", "$63,542"],
- ["Mason Porter", "Chile", "Gloucester", "$78,615"],
- ]}
- />
- </CardBody>
- </Card>
- </GridItem>
- <GridItem xs={12} sm={12} md={12}>
- <Card plain>
- <CardHeader plain color="primary">
- <h4 className={classes.cardTitleWhite}>
- Table on Plain Background
- </h4>
- <p className={classes.cardCategoryWhite}>
- Here is a subtitle for this table
- </p>
- </CardHeader>
- <CardBody>
- <Table
- tableHeaderColor="primary"
- tableHead={["ID", "Name", "Country", "City", "Salary"]}
- tableData={[
- ["1", "Dakota Rice", "$36,738", "Niger", "Oud-Turnhout"],
- ["2", "Minerva Hooper", "$23,789", "Curaçao", "Sinaai-Waas"],
- ["3", "Sage Rodriguez", "$56,142", "Netherlands", "Baileux"],
- [
- "4",
- "Philip Chaney",
- "$38,735",
- "Korea, South",
- "Overland Park",
- ],
- [
- "5",
- "Doris Greene",
- "$63,542",
- "Malawi",
- "Feldkirchen in Kärnten",
- ],
- ["6", "Mason Porter", "$78,615", "Chile", "Gloucester"],
- ]}
- />
- </CardBody>
- </Card>
- </GridItem>
- </GridContainer>
- );
-}
diff --git a/jams-react-client/src/views/Typography/Typography.js b/jams-react-client/src/views/Typography/Typography.js
deleted file mode 100755
index 98b595b7acfa00fb2433deb9535b15b888f48273..0000000000000000000000000000000000000000
--- a/jams-react-client/src/views/Typography/Typography.js
+++ /dev/null
@@ -1,162 +0,0 @@
-import React from "react";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// core components
-import Quote from "components/Typography/Quote.js";
-import Muted from "components/Typography/Muted.js";
-import Primary from "components/Typography/Primary.js";
-import Info from "components/Typography/Info.js";
-import Success from "components/Typography/Success.js";
-import Warning from "components/Typography/Warning.js";
-import Danger from "components/Typography/Danger.js";
-import Card from "components/Card/Card.js";
-import CardHeader from "components/Card/CardHeader.js";
-import CardBody from "components/Card/CardBody.js";
-
-const styles = {
- typo: {
- paddingLeft: "25%",
- marginBottom: "40px",
- position: "relative",
- },
- note: {
- fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
- bottom: "10px",
- color: "#c0c1c2",
- display: "block",
- fontWeight: "400",
- fontSize: "13px",
- lineHeight: "13px",
- left: "0",
- marginLeft: "20px",
- position: "absolute",
- width: "260px",
- },
- cardCategoryWhite: {
- color: "rgba(255,255,255,.62)",
- margin: "0",
- fontSize: "14px",
- marginTop: "0",
- marginBottom: "0",
- },
- cardTitleWhite: {
- color: "#FFFFFF",
- marginTop: "0px",
- minHeight: "auto",
- fontWeight: "300",
- fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
- marginBottom: "3px",
- textDecoration: "none",
- },
-};
-
-const useStyles = makeStyles(styles);
-
-export default function TypographyPage() {
- const classes = useStyles();
- return (
- <Card>
- <CardHeader color="primary">
- <h4 className={classes.cardTitleWhite}>Material Dashboard Heading</h4>
- <p className={classes.cardCategoryWhite}>
- Created using Roboto Font Family
- </p>
- </CardHeader>
- <CardBody>
- <div className={classes.typo}>
- <div className={classes.note}>Header 1</div>
- <h1>The Life of Material Dashboard</h1>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Header 2</div>
- <h2>The Life of Material Dashboard</h2>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Header 3</div>
- <h3>The Life of Material Dashboard</h3>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Header 4</div>
- <h4>The Life of Material Dashboard</h4>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Header 5</div>
- <h5>The Life of Material Dashboard</h5>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Header 6</div>
- <h6>The Life of Material Dashboard</h6>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Paragraph</div>
- <p>
- I will be the leader of a company that ends up being worth billions
- of dollars, because I got the answers. I understand culture. I am
- the nucleus. I think that’s a responsibility that I have, to push
- possibilities, to show people, this is the level that things could
- be at.
- </p>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Quote</div>
- <Quote
- text="I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at."
- author=" Kanye West, Musician"
- />
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Muted Text</div>
- <Muted>
- I will be the leader of a company that ends up being worth billions
- of dollars, because I got the answers...
- </Muted>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Primary Text</div>
- <Primary>
- I will be the leader of a company that ends up being worth billions
- of dollars, because I got the answers...
- </Primary>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Info Text</div>
- <Info>
- I will be the leader of a company that ends up being worth billions
- of dollars, because I got the answers...
- </Info>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Success Text</div>
- <Success>
- I will be the leader of a company that ends up being worth billions
- of dollars, because I got the answers...
- </Success>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Warning Text</div>
- <Warning>
- I will be the leader of a company that ends up being worth billions
- of dollars, because I got the answers...
- </Warning>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Danger Text</div>
- <Danger>
- I will be the leader of a company that ends up being worth billions
- of dollars, because I got the answers...
- </Danger>
- </div>
- <div className={classes.typo}>
- <div className={classes.note}>Small Tag</div>
- <h2>
- Header with small subtitle
- <br />
- <small>
- Use {'"'}Small{'"'} tag for the headers
- </small>
- </h2>
- </div>
- </CardBody>
- </Card>
- );
-}
diff --git a/jams-react-client/src/views/UpgradeToPro/UpgradeToPro.js b/jams-react-client/src/views/UpgradeToPro/UpgradeToPro.js
deleted file mode 100644
index 1376e00c51d861ace5b97ca4edb7262881eb8c41..0000000000000000000000000000000000000000
--- a/jams-react-client/src/views/UpgradeToPro/UpgradeToPro.js
+++ /dev/null
@@ -1,212 +0,0 @@
-import React from "react";
-// @material-ui/core components
-import { makeStyles } from "@material-ui/core/styles";
-// @material-ui/icons
-import Close from "@material-ui/icons/Close";
-import Check from "@material-ui/icons/Check";
-// core components
-import GridItem from "components/Grid/GridItem.js";
-import GridContainer from "components/Grid/GridContainer.js";
-import Danger from "components/Typography/Danger.js";
-import Success from "components/Typography/Success.js";
-import Button from "components/CustomButtons/Button.js";
-import Card from "components/Card/Card.js";
-import CardHeader from "components/Card/CardHeader.js";
-import CardBody from "components/Card/CardBody.js";
-
-const styles = {
- cardCategoryWhite: {
- "&,& a,& a:hover,& a:focus": {
- color: "rgba(255,255,255,.62)",
- margin: "0",
- fontSize: "14px",
- marginTop: "0",
- marginBottom: "0",
- },
- "& a,& a:hover,& a:focus": {
- color: "#FFFFFF",
- },
- },
- cardTitleWhite: {
- color: "#FFFFFF",
- marginTop: "0px",
- minHeight: "auto",
- fontWeight: "300",
- fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
- marginBottom: "3px",
- textDecoration: "none",
- "& small": {
- color: "#777",
- fontSize: "65%",
- fontWeight: "400",
- lineHeight: "1",
- },
- },
- tableUpgradeWrapper: {
- display: "block",
- width: "100%",
- overflowX: "auto",
- WebkitOverflowScrolling: "touch",
- MsOverflowStyle: "-ms-autohiding-scrollbar",
- },
- table: {
- width: "100%",
- maxWidth: "100%",
- marginBottom: "1rem",
- backgroundColor: "transparent",
- borderCollapse: "collapse",
- display: "table",
- borderSpacing: "2px",
- borderColor: "grey",
- "& thdead tr th": {
- fontSize: "1.063rem",
- padding: "12px 8px",
- verticalAlign: "middle",
- fontWeight: "300",
- borderTopWidth: "0",
- borderBottom: "1px solid rgba(0, 0, 0, 0.06)",
- textAlign: "inherit",
- },
- "& tbody tr td": {
- padding: "12px 8px",
- verticalAlign: "middle",
- borderTop: "1px solid rgba(0, 0, 0, 0.06)",
- },
- "& td, & th": {
- display: "table-cell",
- },
- },
- center: {
- textAlign: "center",
- },
-};
-
-const useStyles = makeStyles(styles);
-
-export default function UpgradeToPro() {
- const classes = useStyles();
- return (
- <GridContainer justify="center">
- <GridItem xs={12} sm={12} md={8}>
- <Card>
- <CardHeader color="info">
- <h4 className={classes.cardTitleWhite}>
- Material Dashboard PRO React
- </h4>
- <p className={classes.cardCategoryWhite}>
- Are you looking for more components? Please check our Premium
- Version of Material Dashboard Angular.
- </p>
- </CardHeader>
- <CardBody>
- <div className={classes.tableUpgradeWrapper}>
- <table className={classes.table}>
- <thead>
- <tr>
- <th />
- <th className={classes.center}>Free</th>
- <th className={classes.center}>PRO</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Components</td>
- <td className={classes.center}>30</td>
- <td className={classes.center}>200</td>
- </tr>
- <tr>
- <td>Plugins</td>
- <td className={classes.center}>2</td>
- <td className={classes.center}>10</td>
- </tr>
- <tr>
- <td>Example Pages</td>
- <td className={classes.center}>7</td>
- <td className={classes.center}>28</td>
- </tr>
- <tr>
- <td>Login, Register, Pricing, Lock Pages</td>
- <td className={classes.center}>
- <Danger>
- <Close />
- </Danger>
- </td>
- <td className={classes.center}>
- <Success>
- <Check />
- </Success>
- </td>
- </tr>
- <tr>
- <td>
- ReactTables, ReactVectorMap, ReactSweetAlert, Wizard,
- Validation, ReactBigCalendar etc...
- </td>
- <td className={classes.center}>
- <Danger>
- <Close />
- </Danger>
- </td>
- <td className={classes.center}>
- <Success>
- <Check />
- </Success>
- </td>
- </tr>
- <tr>
- <td>Mini Sidebar</td>
- <td className={classes.center}>
- <Danger>
- <Close />
- </Danger>
- </td>
- <td className={classes.center}>
- <Success>
- <Check />
- </Success>
- </td>
- </tr>
- <tr>
- <td>Premium Support</td>
- <td className={classes.center}>
- <Danger>
- <Close />
- </Danger>
- </td>
- <td className={classes.center}>
- <Success>
- <Check />
- </Success>
- </td>
- </tr>
- <tr>
- <td />
- <td className={classes.center}>Free</td>
- <td className={classes.center}>Just $59</td>
- </tr>
- <tr>
- <td />
- <td className={classes.center}>
- <Button round disabled>
- Current Version
- </Button>
- </td>
- <td className={classes.center}>
- <Button
- round
- color="info"
- href="https://www.creative-tim.com/product/material-dashboard-pro-react?ref=mdr-upgrade-live"
- >
- Upgrade to Pro
- </Button>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </CardBody>
- </Card>
- </GridItem>
- </GridContainer>
- );
-}