\n \n
\n Spam Block \n \n \n \n
\n Notifications\n \n \n \n
\n \n Logout\n \n \n - \n
- \n
- \n
\n \n
\n );\n }\n}\n\nexport default Navbar;\n","\nimport React, { Component } from \"react\";\nimport \"./StyleSheets/BaseLayout.css\";\nimport Sidebar from \"../components/Sidebar/Sidebar\";\nimport Navbar from \"../components/Navbar/Navbar\";\nclass BaseLayout extends Component {\n constructor(props) {\n super(props);\n this.state = {\n toggleClass: \"\"\n };\n }\n onToggle = () => {\n if (this.state.toggleClass === \"active\") {\n this.setState({ toggleClass: \"\" });\n } else {\n this.setState({ toggleClass: \"active\" });\n }\n };\n render() {\n return (\n \n \n
\n );\n }\n}\n\nexport default BaseLayout;\n","import React, { useState, useEffect } from \"react\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport config from \"../../config/config\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport image from \"../../assets/images/sign_up.jpg\";\r\nconst initialState = {\r\n email: \"\",\r\n otp: \"\",\r\n errors: \"\",\r\n};\r\n\r\nfunction Login() {\r\n const history = useHistory();\r\n const [iState, updateState] = useState(initialState);\r\n const { email, otp, errors } = iState;\r\n\r\n const handleChange = (e) => {\r\n const { name, value } = e.target;\r\n updateState({\r\n ...iState,\r\n [name]: value,\r\n });\r\n };\r\n\r\n let handleValidation = () => {\r\n let emailIdError = \"\";\r\n let otpError = \"\";\r\n let formIsValid = true;\r\n\r\n if (!email) {\r\n emailIdError = \"Please enter email ID.\";\r\n formIsValid = false;\r\n } else if (!/^.+?@.+?\\..+$/.test(email)) {\r\n emailIdError = \"Email format is not valid\";\r\n formIsValid = false;\r\n }\r\n if (!otp) {\r\n otpError = \"Please enter OTP.\";\r\n formIsValid = false;\r\n }\r\n updateState({\r\n ...iState,\r\n errors: { emailIdError, otpError },\r\n });\r\n return formIsValid;\r\n };\r\n\r\n const handleSubmit = async (e) => {\r\n e.preventDefault();\r\n let formIsValid = handleValidation();\r\n if (formIsValid) {\r\n const apiUrl = `${config.Url}auth/login`;\r\n const postData = { email, otp };\r\n fetch(apiUrl, {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(postData),\r\n })\r\n .then((response) => response.json())\r\n .then((data) => {\r\n console.log(\"Data received22333:\", data.token);\r\n if (data.status === 200) {\r\n localStorage.setItem(\"token\", data.token);\r\n setTimeout(() => {\r\n toast.success(data.message, {\r\n position: toast.POSITION.BOTTOM_RIGHT,\r\n style: { background: '#4CAF50', color: 'red' },\r\n });\r\n history.push(\"/dashboard\");\r\n }, 500);\r\n\r\n //this.setState({ postData: data.data });\r\n } else {\r\n toast.error(data.message, {\r\n position: toast.POSITION.TOP_BOTTOM,\r\n });\r\n console.error(\"Error fetching user data\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching user data:\", error);\r\n });\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \n
\n \n
\n\n \n this.onToggle()} />\n
\n {this.props.children}
\n\n \n \n
\n \r\n \r\n\r\n {/* Left Section - Image */}\r\n \r\n
\r\n\r\n {/* Right Section - Form */}\r\n \r\n Home\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default Login;\r\n","\nimport React from \"react\";\nimport \"./StyleSheets/Breadcrumb.css\";\n\nconst Breadcrumb = props => {\n return (\n \r\n \r\n
\r\n \n
\n );\n};\n\nexport default Breadcrumb;\n","import React, { Component } from \"react\";\nimport Breadcrumb from \"../../components/BreadCrumb/Breadcrumb\";\nimport config from \"../../config/config\";\nimport moment from 'moment';\nimport \"./StyleSheets/Dashboard.css\";\nimport \"../../assets/Css/Style.css\";\nimport SubsGrap from \"../../assets/images/subgrap.png\";\nimport Usergrap from \"../../assets/images/usergrap.png\";\n\nclass Dashboard extends Component {\n constructor(props) {\n super(props);\n this.state = {\n DashboardData: {},\n userLists:[]\n };\n }\n\n getDashboardData = () => {\n const apiUrl = `${config.Url}getDashboardDetails`;\n const token = localStorage.getItem(\"token\");\n\n fetch(apiUrl, {\n method: \"GET\",\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `${token}`,\n },\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.status === 200) {\n console.log(\"Data received:\", data.data);\n this.setState({ DashboardData: data.data });\n } else {\n console.error(\"Error fetching user data\");\n }\n })\n .catch((error) => {\n console.error(\"Error fetching user data:\", error);\n });\n };\n\n getUserList = () => {\n const apiUrl = `${config.Url}user/getAllUserList`;\n const token = localStorage.getItem(\"token\");\n\n fetch(apiUrl, {\n method: \"GET\",\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `${token}`,\n },\n })\n .then((response) => response.json())\n .then((data) => {\n if (data.status === 200) {\n console.log(\"Data received:\", data);\n this.setState({ userLists: data.data });\n } else {\n console.error(\"Error fetching user data\");\n }\n })\n .catch((error) => {\n console.error(\"Error fetching user data:\", error);\n });\n };\n\n componentDidMount() {\n this.getDashboardData();\n this.getUserList();\n }\n\n render() {\n const path = [\n {\n title: \"Dashboard\",\n url: \"/\",\n },\n ];\n return (\n <>\n \n \n
\n \n
\n \n
\n - \n {props.path.map((item, index) => (\n
- \n {item.title}\n \n ))}\n
\n
\n \n );\n }\n}\n\nexport default Dashboard;\n","export default !!(typeof window !== 'undefined' && window.document && window.document.createElement);","/* eslint-disable no-return-assign */\nimport canUseDOM from './canUseDOM';\nexport var optionsSupported = false;\nexport var onceSupported = false;\n\ntry {\n var options = {\n get passive() {\n return optionsSupported = true;\n },\n\n get once() {\n // eslint-disable-next-line no-multi-assign\n return onceSupported = optionsSupported = true;\n }\n\n };\n\n if (canUseDOM) {\n window.addEventListener('test', options, options);\n window.removeEventListener('test', options, true);\n }\n} catch (e) {\n /* */\n}\n\n/**\n * An `addEventListener` ponyfill, supports the `once` option\n * \n * @param node the element\n * @param eventName the event name\n * @param handle the handler\n * @param options event options\n */\nfunction addEventListener(node, eventName, handler, options) {\n if (options && typeof options !== 'boolean' && !onceSupported) {\n var once = options.once,\n capture = options.capture;\n var wrappedHandler = handler;\n\n if (!onceSupported && once) {\n wrappedHandler = handler.__once || function onceHandler(event) {\n this.removeEventListener(eventName, onceHandler, capture);\n handler.call(this, event);\n };\n\n handler.__once = wrappedHandler;\n }\n\n node.addEventListener(eventName, wrappedHandler, optionsSupported ? options : capture);\n }\n\n node.addEventListener(eventName, handler, options);\n}\n\nexport default addEventListener;","/**\n * Returns the owner document of a given element.\n * \n * @param node the element\n */\nexport default function ownerDocument(node) {\n return node && node.ownerDocument || document;\n}","/**\n * A `removeEventListener` ponyfill\n * \n * @param node the element\n * @param eventName the event name\n * @param handle the handler\n * @param options event options\n */\nfunction removeEventListener(node, eventName, handler, options) {\n var capture = options && typeof options !== 'boolean' ? options.capture : options;\n node.removeEventListener(eventName, handler, capture);\n\n if (handler.__once) {\n node.removeEventListener(eventName, handler.__once, capture);\n }\n}\n\nexport default removeEventListener;","import canUseDOM from './canUseDOM';\nvar size;\nexport default function scrollbarSize(recalc) {\n if (!size && size !== 0 || recalc) {\n if (canUseDOM) {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.width = '50px';\n scrollDiv.style.height = '50px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n }\n }\n\n return size;\n}","import { useState } from 'react';\n\n/**\n * A convenience hook around `useState` designed to be paired with\n * the component [callback ref](https://reactjs.org/docs/refs-and-the-dom.html#callback-refs) api.\n * Callback refs are useful over `useRef()` when you need to respond to the ref being set\n * instead of lazily accessing it in an effect.\n *\n * ```ts\n * const [element, attachRef] = useCallbackRef\n
\n \n
\n \n
\n \n
\n Total Users
\n{this.state.DashboardData && this.state.DashboardData.totalCount}
\n \n\n
\n Total Designers
\n{this.state.DashboardData && this.state.DashboardData.designers}
\n \n\n
\n Total Builders
\n{this.state.DashboardData && this.state.DashboardData.builders}
\n \n\n
\n Total Suppliers
\n{this.state.DashboardData && this.state.DashboardData.suppliers}
\n \n\n
\n Active users
\n{this.state.DashboardData && this.state.DashboardData.activeUsers}
\n \n\n
\n Total portfolios
\n{this.state.DashboardData && this.state.DashboardData.totalPortfolios}
\n \n\n
\n \n
\n \n
\n \n
\n Subscibers Details
\n- \n
- Builders \n
- Suppliers \n
- Homeowners \n
\n 
\n
\n \n
\n \n
\n \n
\n Users by Category
\n\n Total Users {this.state.DashboardData && this.state.DashboardData.homeowners + this.state.DashboardData.buildersCategory + this.state.DashboardData.suppliersCategory}{\" \"}\n
\n\n 
\n
\n \n
\n - \n
- Homeowners \n
- Builders \n
- Suppliers \n
\n
\n \n
\n Subscibers Details
\n\n \n \n
\n
\n | S.No. | \nMember Since | \nUser Name | \nUser Type | \nEmail ID | \n
|---|---|---|---|---|
| {index+1} | \n{moment( user.created_at).format('ddd, DD MMM YYYY')} | \n{user.full_name} | \n{user.user_type} | \n{user.email} | \n
| 1 | \n19 Apr, 2023 | \nAnnie Cooper | \nHome owner | \nAnnie_cooper@gmail.com | \n
| 2 | \n24 Apr, 2023 | \nBuilder | \nHome owner | \nthomas.john@gmail.com | \n
| 3 | \n27 Apr, 2023 | \nAnnie Cooper | \nHome owner | \nAnnie_cooper@gmail.com | \n
| 4 | \n28 Apr, 2023 | \nDylan Meringue | \nDesigner | \ndylan_meringue@gmail.com | \n
| 5 | \n25 Apr, 2023 | \nWill Barrow | \nBuilder | \nwillbarrow@gmail.com | \n
| 6 | \n24 Apr, 2023 | \nPelican Steve | \nSupplier | \npelicansteve@gmail.com | \n