You should login first , redirecting to login page ....
\r\n }\r\n \r\n \r\n )\r\n}\r\n\r\nexport default SelectLoginMethod;","import React, { useEffect, useState } from 'react';\r\n\r\nimport { Link } from 'react-router-dom';\r\nimport axios from 'axios';\r\nimport Cookies from 'universal-cookie';\r\nimport FinderSelect from 'react-finderselect'\r\nimport 'react-finderselect/dist/index.css'\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\n\r\nfunction Page1(props) {\r\n const cookies = new Cookies();\r\n const [optionsForStart, setoptionsForStart] = useState([])\r\n const [OptionsProjectType, setOptionsProjectType] = useState([])\r\n const [selectedForStart, setSelectedForStart] = useState(null)\r\n const [ProjectType, setProjectType] = useState(null)\r\n const [title, setTitle] = useState('')\r\n const [firstSelectBar, setFirstSelectBar] = useState(true)\r\n const [SecondSelectBar, setSecondSelectBar] = useState(true)\r\n const [TitleStyle, setTitleStyle] = useState(null)\r\n\r\n useEffect(() => {\r\n axios({\r\n method: 'get',\r\n url: `https://ratebuild.com/api/Estimate/GetFirstPagePreLoadAPI`,\r\n params: {\r\n 'Token': String(cookies.get('Token')),\r\n }\r\n })\r\n\r\n .then((Response) => {\r\n const dropdown1 = Response.data.Fisrt.map((e, index) => {\r\n return ({\r\n id: e.ID,\r\n title: e.Title\r\n })\r\n })\r\n setoptionsForStart(dropdown1)\r\n const dropdown2 = Response.data.TypeOfProject.map((e, index) => {\r\n return ({\r\n id: e.ID,\r\n title: e.Title\r\n })\r\n })\r\n setOptionsProjectType(dropdown2)\r\n })\r\n .catch((error) => {\r\n console.log(error)\r\n })\r\n }, [])\r\n\r\n const [showButton, setshowButton] = useState(false)\r\n\r\n const handleFirst = (e) => {\r\n if (e.value == 3) {\r\n setshowButton(true)\r\n } else {\r\n setshowButton(false)\r\n }\r\n setSelectedForStart(e.value)\r\n }\r\n\r\n const requiredStyle = {\r\n border: '1px solid #ffffff00',\r\n boxShadow: '0px 0px 7px 2px #ffffff00'\r\n }\r\n\r\n const handleNext = () => {\r\n\r\n if (title) {\r\n setTitleStyle(null)\r\n } else {\r\n setTitleStyle(requiredStyle)\r\n }\r\n if (selectedForStart) {\r\n setFirstSelectBar(true)\r\n } else {\r\n setFirstSelectBar(false)\r\n }\r\n if (ProjectType) {\r\n setSecondSelectBar(true)\r\n } else {\r\n setSecondSelectBar(false)\r\n }\r\n\r\n\r\n\r\n if (ProjectType && selectedForStart && title) {\r\n // axios.post('https://ratebuild.com/api/Estimate/FirstPageResultAPI', {\r\n // Title:String(title),\r\n // Token: cookie,\r\n // IDTypeOfProject: Number(ProjectType),\r\n // IDFirst: Number(selectedForStart)\r\n // })\r\n axios({\r\n method: 'get',\r\n url: `https://ratebuild.com/api/Estimate/GetFirstPageResultAPI`,\r\n params: {\r\n 'Title': String(title),\r\n 'Token': String(cookies.get('Token')),\r\n 'IDTypeOfProject': Number(ProjectType),\r\n 'IDFirst': Number(selectedForStart),\r\n }\r\n })\r\n .then((Response) => {\r\n if (Response.data.Status === 200) {\r\n if (Response.data.Token) {\r\n cookies.set('IDProject', Response.data.Token, { path: '/' });\r\n props.history.push('/fix/start-fix-project')\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error)\r\n })\r\n } else {\r\n // toast.error(\"Please fill in all the items\", {\r\n // position: toast.POSITION.BOTTOM_LEFT\r\n // });\r\n }\r\n\r\n }\r\n const clickOnInput = (e) => {\r\n if (e.target.id === 'title') {\r\n setTitleStyle(null)\r\n }\r\n if (e.target.id === 'firstSelectBar') {\r\n setFirstSelectBar(true)\r\n }\r\n if (e.target.id === 'secondSelectBar') {\r\n setSecondSelectBar(true)\r\n }\r\n }\r\n\r\n\r\n const handleLinkButton = () => {\r\n window.location.href = `https://ratebuild.com/UserArea/OpenLogin?token=${String(cookies.get('Token'))}`\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Surface;","import React, { useEffect, useState } from \"react\";\r\n// import \"../../style.css\";\r\nimport { Link } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\nimport Cookies from \"universal-cookie\";\r\nimport FinderSelect from \"react-finderselect\";\r\nimport \"react-finderselect/dist/index.css\";\r\n\r\nfunction SurfaceResult(props) {\r\n const [result, setResult] = useState([]);\r\n const cookies = new Cookies();\r\n const [DataTable, setDataTable] = useState([]);\r\n const [underTable, setUnderTable] = useState([]);\r\n useEffect(() => {\r\n axios({\r\n method: 'get',\r\n url: `https://ratebuild.com/api/Estimate/GetSurfaceResultPreLoadAPI`,\r\n params: {\r\n 'IDProject': Number(cookies.get(\"IDProject\")),\r\n 'Token': String(cookies.get('Token')),\r\n }\r\n })\r\n .then((Response) => {\r\n if (Response.data.Result.Status === 200) {\r\n const dataTable = Response.data.Table.map((e, index) => {\r\n return {\r\n Materials: e.Materials.map((e, index) => {\r\n return {\r\n title: e.Title,\r\n id: e.ID,\r\n };\r\n }),\r\n space: e.Space,\r\n member: e.Memebr,\r\n count: e.Count,\r\n id: e.ID,\r\n price: 0,\r\n unit: e.UnitMemberMemebr,\r\n };\r\n });\r\n const underTable = Response.data.Table.map((e, index) => {\r\n return [];\r\n });\r\n setUnderTable(underTable);\r\n\r\n dataTable.map((e, index) => {\r\n dataTable[index].Materials.unshift({ title: \"other\", id: null });\r\n });\r\n\r\n setDataTable(dataTable);\r\n const resultObject = Response.data.Table.map((e, index) => {\r\n return {\r\n ID: e.ID,\r\n CustomerPrice: null,\r\n ProductChoosen: null,\r\n };\r\n });\r\n setResult(resultObject);\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n }, []);\r\n\r\n const handleSelectMaterial = (e, index) => {\r\n let resultProductChoosen = [...result];\r\n resultProductChoosen[index].ProductChoosen = e.value;\r\n setResult(resultProductChoosen);\r\n\r\n if (!e.value) {\r\n DataTable[Number(e.name)].price = 0;\r\n }\r\n if (e.value) {\r\n axios({\r\n method: 'get',\r\n url: `https://ratebuild.com/api/Estimate/getreturPriceSurfaceAPI/${e.value}`,\r\n params: {\r\n 'ID': e.value,\r\n }\r\n })\r\n\r\n .then((Response) => {\r\n if (Response.data.Result.Status === 200) {\r\n let table = [...DataTable];\r\n table[index].price = Response.data.Price;\r\n setDataTable(table);\r\n\r\n let UnderTable = [...underTable];\r\n UnderTable[index] = Response.data.rowProducts;\r\n setUnderTable(UnderTable);\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleChangePrice = (e, index) => {\r\n let resultCustomerPrice = [...result];\r\n const InputResult = e.target.value.replace(/\\D/g, '');\r\n resultCustomerPrice[index].CustomerPrice = InputResult;\r\n setResult(resultCustomerPrice);\r\n };\r\n\r\n const handleNext = () => {\r\n let cityString = \"\"\r\n result.map((e, index) => {\r\n if (cityString) {\r\n if (e.ID) {\r\n cityString += `,${e.ID}`\r\n } else {\r\n cityString += `,0`\r\n }\r\n } else if (!cityString) {\r\n if (e.ID) {\r\n cityString += `${e.ID}`\r\n } else {\r\n cityString += `0`\r\n }\r\n }\r\n })\r\n let CustomerPriceString = \"\"\r\n result.map((e, index) => {\r\n if (CustomerPriceString) {\r\n if (e.CustomerPrice) {\r\n CustomerPriceString += `,${e.CustomerPrice}`\r\n } else {\r\n CustomerPriceString += `,0`\r\n }\r\n } else if (!CustomerPriceString) {\r\n if (e.CustomerPrice) {\r\n CustomerPriceString += `${e.CustomerPrice}`\r\n } else {\r\n CustomerPriceString += `0`\r\n }\r\n }\r\n })\r\n\r\n let ProductChoosenString = \"\"\r\n result.map((e, index) => {\r\n if (ProductChoosenString) {\r\n if (e.ProductChoosen) {\r\n ProductChoosenString += `,${e.ProductChoosen}`\r\n } else {\r\n ProductChoosenString += `,0`\r\n }\r\n } else if (!ProductChoosenString) {\r\n if (e.ProductChoosen) {\r\n ProductChoosenString += `${e.ProductChoosen}`\r\n } else {\r\n ProductChoosenString += `0`\r\n }\r\n }\r\n })\r\n\r\n axios({\r\n method: 'get',\r\n url: `https://ratebuild.com/api/Estimate/GetSurfaceResultAPI/${cityString}`,\r\n params: {\r\n 'productChoosen': String(ProductChoosenString),\r\n 'customerPrice': String(CustomerPriceString),\r\n 'Id': String(cityString),\r\n \"IDProject\": Number(cookies.get(\"IDProject\")),\r\n \"Token\": String(cookies.get('Token')),\r\n }\r\n })\r\n .then((Response) => {\r\n if (Response.data.Status === 200) {\r\n props.history.push(\"/fix/tasks\");\r\n }\r\n });\r\n };\r\n return (\r\n <>\r\n \r\n {(editProfile)\r\n ?\r\n
\r\n\r\n :\r\n\r\n
\r\n }\r\n
\r\n