71680) {\r\n // alert(\"Please choose files with size below 70kb!\");\r\n // return;\r\n // }\r\n\r\n // }\r\n const newImgArray = offeringPictures;\r\n setOfferingPictures([...newImgArray, ...e.target.files]);\r\n \r\n }\r\n\r\n };\r\n\r\n function handleLeftFileSelect(f) {\r\n var reader = new FileReader();\r\n // Closure to capture the file information.\r\n reader.onload = (function(theFile) {\r\n return function(e) {\r\n \r\n var binaryData = e.target.result;\r\n //Converting Binary Data to base 64\r\n var base64String = window.btoa(binaryData);\r\n //showing file converted to base64\r\n setImg3(\"data:image/jpeg;base64,\" + base64String);\r\n };\r\n })(f);\r\n // Read in the image file as a data URL.\r\n reader.readAsBinaryString(f);\r\n }\r\n\r\n function handleFileSelect(f) {\r\n var reader = new FileReader();\r\n // Closure to capture the file information.\r\n reader.onload = (function(theFile) {\r\n return function(e) {\r\n setCenterImage(f.name)\r\n var binaryData = e.target.result;\r\n //Converting Binary Data to base 64\r\n var base64String = window.btoa(binaryData);\r\n //showing file converted to base64\r\n setImg2(\"data:image/jpeg;base64,\" + base64String);\r\n };\r\n })(f);\r\n // Read in the image file as a data URL.\r\n reader.readAsBinaryString(f);\r\n }\r\n\r\n function handleRightFileSelect(f) {\r\n var reader = new FileReader();\r\n // Closure to capture the file information.\r\n reader.onload = (function(theFile) {\r\n return function(e) {\r\n var binaryData = e.target.result;\r\n //Converting Binary Data to base 64\r\n var base64String = window.btoa(binaryData);\r\n //showing file converted to base64\r\n setImg1(\"data:image/jpeg;base64,\" + base64String);\r\n };\r\n })(f);\r\n // Read in the image file as a data URL.\r\n reader.readAsBinaryString(f);\r\n }\r\n //Upload Image\r\n const UploadImageToDrive = (offeringId, document) => {\r\n \r\n // Using a forEach loop\r\n document.forEach(function(images) {\r\n var file = images; //the file\r\n var reader = new FileReader(); //this for convert to Base64\r\n reader.readAsDataURL(images); //start conversion...\r\n reader.onload = function(e) {\r\n //.. once finished..\r\n var rawLog = reader.result.split(\",\")[1]; //extract only thee file data part\r\n\r\n var dataSend = {\r\n dataReq: { data: rawLog, name: file.name, type: file.type },\r\n fname: \"uploadFilesToGoogleDrive\",\r\n }; //preapre info to send to API\r\n fetch(\r\n process.env.REACT_APP_GOOGLEDRIVE_URL, //your AppsScript URL\r\n { method: \"POST\", body: JSON.stringify(dataSend) }\r\n ) //send to Api\r\n .then((res) => res.json())\r\n .then(async (data) => {\r\n //See response\r\n \r\n SaveDocumentsURL(data, offeringId,file.name === defaultPic);\r\n \r\n \r\n alert(\"Document Uploaded Successfully\");\r\n })\r\n .catch((err) => console.log(err)); // Or Error in console\r\n };\r\n });\r\n };\r\n\r\n const SaveDocumentsURL = (data, offeringId,isDefault) => {\r\n \r\n if (offeringId) {\r\n let apiURL = process.env.REACT_APP_API_URL + \"/offerings/saveOffImages/\" +offeringId;\r\n let apiParams = {\r\n method: \"POST\",\r\n headers: {\r\n images: data.url,\r\n isdefault:isDefault\r\n },\r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res) => (res.status === 200 ? res.json() : res.text()))\r\n .then((repos) => {\r\n if (repos.data) {\r\n }\r\n })\r\n .catch((e) => console.log(e));\r\n }\r\n };\r\n\r\n const handleRightImageClick = () => {\r\n\r\n if( offeringPictures.length > 3 && selectedImagePosition <3 ){\r\n setSelectedImagePosition(selectedImagePosition + 1);\r\n }else if(offeringPictures.length < (selectedImagePosition+1) ){\r\n setSelectedImagePosition(selectedImagePosition - 1);\r\n }\r\n\r\n if (offeringPictures && selectedImagePosition > 2) { \r\n \r\n if(offeringPictures.length >= (selectedImagePosition+1)){\r\n if(selectedImagePosition == 3){\r\n \r\n handleLeftFileSelect(offeringPictures[selectedImagePosition]);\r\n handleFileSelect(offeringPictures[selectedImagePosition - 1]);\r\n handleRightFileSelect(offeringPictures[selectedImagePosition - 2]);\r\n \r\n setSelectedImagePosition(selectedImagePosition + 1);\r\n \r\n \r\n }else if(selectedImagePosition < 3){\r\n handleLeftFileSelect(offeringPictures[selectedImagePosition]);\r\n handleFileSelect(offeringPictures[selectedImagePosition]);\r\n handleRightFileSelect(offeringPictures[selectedImagePosition - 1]);\r\n \r\n }else if(selectedImagePosition > 3){\r\n handleLeftFileSelect(offeringPictures[selectedImagePosition]);\r\n handleFileSelect(offeringPictures[selectedImagePosition-1]);\r\n handleRightFileSelect(offeringPictures[selectedImagePosition - 2]);\r\n setSelectedImagePosition(selectedImagePosition + 1);\r\n \r\n }\r\n \r\n }\r\n \r\n }\r\n };\r\n\r\n const handleLeftImageClick = () => {\r\n \r\n if(offeringPictures.length < selectedImagePosition){\r\n setSelectedImagePosition(JSON.parse(selectedImagePosition) - 2);\r\n }\r\n if (selectedImagePosition > 3) {\r\n setSelectedImagePosition(JSON.parse(selectedImagePosition) - 1);\r\n }\r\n if (offeringPictures && selectedImagePosition > 0) {\r\n \r\n if (selectedImagePosition > 2) {\r\n \r\n handleLeftFileSelect(offeringPictures[selectedImagePosition - 1]);\r\n handleFileSelect(offeringPictures[selectedImagePosition - 2]);\r\n handleRightFileSelect(offeringPictures[selectedImagePosition - 3]);\r\n }\r\n\r\n }\r\n };\r\n\r\n\r\n const handledefaultPic = () =>{\r\n\r\n setDefaultPic(centerImage)\r\n \r\n if(centerImage){\r\n alert(\"Image Has been Set to default\")\r\n }\r\n \r\n }\r\n\r\n function arrayBufferToBase64(buffer) {\r\n var binary = \"\";\r\n var bytes = [].slice.call(new Uint8Array(buffer));\r\n bytes.forEach((b) => (binary += String.fromCharCode(b)));\r\n var base64Flag = \"data:image/jpeg;base64,\";\r\n return base64Flag + window.btoa(binary);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n\t \r\n \r\n
\r\n\r\n\t
\r\n\t\t\r\n\t
\r\n\t\t\r\n\t\t\t \r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\tMembers \r\n\t
\r\n\t{/*
\r\n\t\t
\r\n\t\t\tTitle \r\n\t\t
\r\n\t\t
\r\n\t\t\tAdd \r\n\t\t
\r\n\t
*/}\r\n\t
\r\n
{closeGridModel()}} src=\"close2.png\" srcset=\"close2.png 1x, close2@2x.png 2x\" />\r\n
\r\n\t\r\n \t\r\n\r\n
{setOpenGridConnectionModel();getStatus()}}/>\r\n\r\n \r\n {/* Bids data in data grid for requirement which was added */}\r\n
\r\n\r\n\t
\r\n\t\t\r\n\t
\r\n\t\t\r\n\t\t\t \r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\tOfferings \r\n\t
\r\n\t
\r\n\t\t
\r\n\t\t\tTitle \r\n\t\t
\r\n\t\t
\r\n\t\t\tAdd \r\n\t\t
\r\n\t
\r\n\r\n\t
\r\n\r\n
{closeGridModel()}} src=\"close2.png\" srcset=\"close2.png 1x, close2@2x.png 2x\" />\r\n
\r\n {params.row.status===\"Rejected\" ? \"\": {updateStatus(params.row,\"Accepted\")}}/>}\r\n
\r\n ];},}, \r\n {field:'reject', headerName: 'Reject',width: 60, renderCell: (params) =>{\r\n return[\r\n \r\n {params.row.status===\"Accepted\" ? \"\": {updateStatus(params.row,\"Rejected\")}}/>}\r\n
\r\n ];},}, \r\n {field:'meeting', headerName: 'Meeting',width: 70, renderCell: (params) =>{\r\n return[\r\n \r\n {openScheduleModel(params.row)}}/>\r\n
\r\n ];},},\r\n {field:'requirementTitle', headerName: 'Title',width: 200, },\r\n {field:'estimatedAmount', headerName: 'Amount' ,width: 100, }, \r\n {field:'estimatedHours', headerName: 'Hours' ,width: 100, }, \r\n {field:'canBeDelivered', headerName: 'Can Be Delivered' ,width: 150,}, \r\n {field:'vendorName', headerName: 'Vendor Name' ,width: 150, }, \r\n {field:'remarks', headerName: 'Remarks' ,width: 400, }, \r\n {field:'vendorId', headerName: 'Vendor ID',hide: true,width: 100,}, \r\n \r\n ];\r\n \r\n\r\n const addBid=(id,title,createdById,createdByName)=>{\r\n setRequirementId(id);\r\n setTitle(title);\r\n setCreatedById(createdById);\r\n setCreatedByName(createdByName);\r\n getBids(id)\r\n setOpenModel(true);\r\n\r\n }\r\n\r\n\r\n\r\n const showGrid = (id)=>{\r\n \r\n getAllBiddings(id);\r\n setOpenGridModel(true)\r\n } \r\n \r\n const handleClose = () => setOpenApplicant(false)\r\n\r\n const closeModel = () => setOpenModel(false);\r\n\r\n const closeMeetingModel = () => setOpenMeetingModel(false);\r\n\r\n const closeGridModel = () => setOpenGridModel(false);\r\n\r\n\r\nconst openScheduleModel = (row) =>{\r\n \r\n // setRequirementId(row.requirementId);\r\n // setRequirementTitle(row.requirementTitle);\r\n setMeetingTitle(row.requirementTitle)\r\n setVendorId(row.vendorid);\r\n setVendorName(row.vendorName)\r\n setOpenMeetingModel(true);\r\n}\r\n\r\n// //Get requirement by id\r\n const getRequirements = async()=>{\r\n \r\n let apiURL=process.env.REACT_APP_API_URL + \"/requirement/getallrequirementsbyuser/\"+ user._id ;\r\n let apiParams = {\r\n method:\"GET\",\r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n // setRequirementStatus(repos.d)\r\n \r\n setRequirements(repos.data)\r\n\r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n const updateStatus = (row,status)=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/quotation/updatequotation/\"+row.id;\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n requirementid:row.requirementId, \r\n status:status,\r\n\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n alert(\"Quatation Status Updated Successfully!!\");\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n\r\nconst getStatus = ()=>{\r\n \r\n let apiURL = process.env.REACT_APP_API_URL + \"/connection/getstatus/\" + user._id;\r\n let apiParams = {\r\n method: \"GET\",\r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res) => (res.status === 200 ? res.json() : res.text()))\r\n .then((repos) => {\r\n if (repos.data) {\r\n \r\n setStatus(repos.data)\r\n } else alert(repos.message || repos);\r\n })\r\n .catch((err) => alert(err));\r\n};\r\n \r\n const cleartext = ()=>{\r\n setServices(\"\");\r\n setDescription(\"\");\r\n setDeliveryLocation(\"\");\r\n setDeliveryDeadline(\"\");\r\n setBudget(\"\");\r\n setCurrency(\"\");\r\n }\r\n\r\n const clearBox = ()=>{\r\n \r\n setEstimatedAmount(\"\")\r\n setEstimatedTime(\"\")\r\n setHours(\"hours\")\r\n setCanBeDelivered(false)\r\n setRemarks(\"\")\r\n }\r\n\r\n//Add Jobs\r\nconst addRequirement = () =>{\r\n setOpenApplicant(true)\r\n getCommunities()\r\n}\r\n\r\nconst addRequirements = ()=>{\r\n setOpenApplicant(false)\r\n let apiURL=process.env.REACT_APP_API_URL + \"/requirement/addrequirements\";\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n requirementtitle:services,\r\n budget:budget,\r\n currency:encodeURIComponent(JSON.stringify(currency)),\r\n deliverylocation:encodeURIComponent(deliveryLocation),\r\n description:encodeURIComponent(description),\r\n deliverydeadline:deliveryDeadline,\r\n selectedcommunity:encodeURIComponent(JSON.stringify(selectedCommunity)),\r\n customerid:user._id,\r\n customername:user.name,\r\n status:\"Created\"\r\n\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n cleartext()\r\n alert(\"Requirement Added Successfully\");\r\n \r\n // props.showAlert(\"Job Added Successfully\",\"success\")\r\n setTimeout(() => {\r\n getRequirements()\r\n }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n}\r\n\r\nconst addQuotation = ()=>{\r\n \r\n setOpenModel(false)\r\n let EstimatedTime=0;\r\n if(hours===\"hours\"){\r\n EstimatedTime = estimatedTime;\r\n }else{\r\n EstimatedTime = estimatedTime*8;\r\n }\r\n let apiURL=process.env.REACT_APP_API_URL + \"/quotation/addquotation\";\r\n //console.log(JSON.stringify(Currencies.filter(curr=>curr.cc===estimatedCurrency)[0] ))\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n requirementtitle:title,\r\n requirementid:requirementId,\r\n customerid:createdById,\r\n customername:createdByName,\r\n estimatedamount:estimatedAmount,\r\n estimatedcurrency:encodeURIComponent(JSON.stringify(Currencies.filter(curr=>curr.cc===estimatedCurrency)[0] )),\r\n estimatedhours:EstimatedTime,\r\n canbedelivered:canBeDelivered,\r\n remarks:encodeURIComponent(remarks),\r\n vendorid:user._id,\r\n vendorname:user.name,\r\n status:\"Submitted\"\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n cleartext()\r\n alert(\"Quatations Added Successfully\");\r\n \r\n setTimeout(() => {\r\n getRequirements()\r\n }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n}\r\n\r\n\r\n\r\nconst setCloseGridModel = ()=>{\r\n setOpenGridModel(false);\r\n}\r\n\r\nconst getAllBiddings = (requirementId)=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/quotation/getallquotations/\"+requirementId; \r\n \r\n fetch(apiURL)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n setBiddings(repos.data)\r\n \r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n //Get my Communities\r\n const getCommunities = ()=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/community/getmycommunity/\"+user._id; \r\n \r\n fetch(apiURL)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n setCommunities(repos.data)\r\n \r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n\r\n//get bid of comunity\r\n const getBids = (id)=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/quotation/getbiddings/\"+user._id; \r\n let apiParams = {\r\n headers:{\r\n requirementid:id,\r\n }}\r\n fetch(apiURL,apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n setQuotationId(repos.data[0] && repos.data[0]._id)\r\n setEstimatedAmount(repos.data[0] && repos.data[0].estimatedAmount);\r\n setEstimatedCurrency(repos.data[0] && repos.data[0].estimatedCurrency ? JSON.parse(repos.data[0].estimatedCurrency).cc:\"INR\");\r\n setEstimatedTime(repos.data[0] && repos.data[0].estimatedHours);\r\n setCanBeDelivered(repos.data[0] && repos.data[0].canBeDelivered);\r\n setRemarks(repos.data[0] && repos.data[0].remarks);\r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n\r\n\r\n const openPopUp = ()=>{\r\n setRequirementPopup(true)\r\n}\r\n\r\n\r\nconst openViewMorePopUp = (rec)=>{\r\n setViewMoreData(rec)\r\n setViewMorePopup(true)\r\n}\r\n\r\nconst ScheduleMeeting = () =>{\r\n \r\n if(meetingTitle ===\"\"||undefined)\r\n {\r\n return alert(\"Please Enter Meeting Title !!\")\r\n }else if(agenda===\"\"||undefined){\r\n return alert(\"Please Enter Agenda Of Meeting !!\")\r\n }\r\n setOpenMeetingModel(false)\r\n let apiURL=process.env.REACT_APP_API_URL + \"/meetings/schedulemeetings\";\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n // requirementtitle:requirementTitle,\r\n // requirementid:requirementId,\r\n requesterid:user._id,\r\n requestername:user.name,\r\n respondentid:vendorId,\r\n respondentname:vendorName,\r\n meetingtitle:meetingTitle,\r\n meetingdatetime:meetingDateTime,\r\n agenda:encodeURIComponent(agenda),\r\n remarks:encodeURIComponent(user.name+\" [\"+new Date().toLocaleString()+\"]:\\n\"+meetingRemarks),\r\n status:\"Requested\",\r\n\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n alert(\"Meeting Scheduled Successfully\");\r\n \r\n setTimeout(() => {\r\n getRequirements()\r\n }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n\r\n }\r\n\r\n \r\n//Disable Job\r\nconst updateIsActive = (id) =>{\r\n let confirmation=window.confirm(\"Are you sure ?\")\r\n if(!confirmation){\r\n return\r\n }\r\n let apiURL=process.env.REACT_APP_API_URL + \"/requirement/updaterequirementsstatus/\" +id;\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n active:false\r\n },\r\n };\r\n\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n alert(\"Requirement Removed Successfully\");\r\n // props.showAlert(\"Job Removed Successfully\",\"success\")\r\n setTimeout(() => {\r\n getRequirements()\r\n }, 2000);\r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n \r\n}\r\n \r\n\r\n\r\n// const rowData = []; \r\n\r\nconst rowData = (biddings||[]).map((bid) => {\r\n \r\n return{\r\n \r\n id: bid._id,\r\n requirementId:bid.requirementId,\r\n requirementTitle:bid.requirementTitle,\r\n estimatedAmount:bid.estimatedAmount,\r\n estimatedHours:bid.estimatedHours,\r\n canBeDelivered:bid.canBeDelivered,\r\n vendorName:bid.vendorName,\r\n vendorid:bid.vendorId,\r\n remarks:bid.remarks,\r\n status:bid.status,\r\n };\r\n});\r\n\r\nconst showMonth = (month)=>{\r\n \r\n switch (month){\r\n case 0:\r\n return \"Jan\"\r\n break;\r\n case 1:\r\n return \"Feb\"\r\n break;\r\n case 2:\r\n return \"Mar\"\r\n break;\r\n case 3:\r\n return \"Apr\"\r\n break;\r\n case 4:\r\n return \"May\"\r\n break;\r\n case 5:\r\n return \"Jun\"\r\n break;\r\n case 6:\r\n return \"Jul\"\r\n break;\r\n case 7:\r\n return \"Aug\"\r\n break;\r\n case 8:\r\n return \"Sep\"\r\n break;\r\n case 9:\r\n return \"Oct\"\r\n break;\r\n case 10:\r\n return \"Nov\"\r\n break;\r\n case 11:\r\n return \"Dec\"\r\n break;\r\n}\r\n}\r\n\r\n\r\n return (\r\n \r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n
\r\n {requirements.map((req)=>(\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t
\r\n\t\t\t\t {req.currency && JSON.parse(req.currency).symbol} {req.budget} | {req.deliveryDeadline && new Date(req.deliveryDeadline).getDate() +\" \"+ showMonth(new Date(req.deliveryDeadline).getMonth())} \r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
updateIsActive(req._id)}/>\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\t{req.requirementTitle} \r\n\t\t\t \r\n\t\t
\r\n ))}\r\n
\r\n\t\t
openPopUp()}>\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\tMy Requirements \r\n\t\t\t
\r\n\t\t\t \r\n\t
\r\n\r\n
{setRequirementPopup(false);getRequirements()}} />\r\n \r\n {/* {console.log(JSON.parse(props.imageArray).length)} */}\r\n{/* {JSON.parse(props.imageArray) && console.log(JSON.parse(props.imageArray)[0] && (JSON.parse(props.imageArray)[0]).split('/')[5])}\r\n{JSON.parse(props.imageArray) && console.log(JSON.parse(props.imageArray)[0] && (JSON.parse(props.imageArray)[0]))} */}\r\n\r\n\t\t\t
1?process.env.REACT_APP_GOOGLEDRIVE_VIEW_IMG+(JSON.parse(props.imageArray)[selectedImage] && (JSON.parse(props.imageArray)[selectedImage]).split('/')[5]):\"photo_3_com_off_pcZ.png\"} />\r\n\t\t\t\t\r\n\t\t\t
1)?\"Click To View Other Images\":'This is Last Image'} src={JSON.parse(props.imageArray).length > 2?process.env.REACT_APP_GOOGLEDRIVE_VIEW_IMG+(JSON.parse(props.imageArray)[selectedImage + 1] && (JSON.parse(props.imageArray)[selectedImage + 1]).split('/')[5]):\"photo_2_com_off_pcZ.png\"} onClick={()=> handleChangeRightImage(JSON.parse(props.imageArray).length)} />\r\n\t\t\t\t\r\n\t\t\t
1) ?\"Click To View Other Images\":'This is First Image'} src={JSON.parse(props.imageArray).length > 0?process.env.REACT_APP_GOOGLEDRIVE_VIEW_IMG+(JSON.parse(props.imageArray)[selectedImage - 1] && (JSON.parse(props.imageArray)[selectedImage - 1]).split('/')[5]):\"photo_1_com_off_pcZ.png\"} onClick={()=> handleChangeLeftImage(JSON.parse(props.imageArray).length)}/>\r\n\t\t\t\t \r\n\t\t
\r\n \r\n \r\n\r\n\r\n
{setOpenBargainModel(false);}}/>\r\n\r\n{/* View More Pop Up */}\r\n\r\nsetViewMorePopup(false)}/>\r\n\r\n{/* off pop up */}\r\n{setOpenGridOfferingModel(false);getOfferings()}}/>\r\n\r\n \r\n {/* Bids data in data grid for requirement which was added */}\r\n
\r\n\r\n\t
\r\n\t\t\r\n\t
\r\n\t\t\r\n\t\t\t \r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\tRequirements \r\n\t
\r\n\t{/*
\r\n\t\t
\r\n\t\t\tTitle \r\n\t\t
\r\n\t\t
\r\n\t\t\tAdd \r\n\t\t
\r\n\t
*/}\r\n\r\n\t
\r\n\r\n
{closeGridModel()}} src=\"close2.png\" srcset=\"close2.png 1x, close2@2x.png 2x\" />\r\n \r\n
\r\n\r\n
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n
\r\n {offerings.map((off)=>(\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t
\r\n \r\n\t\t\t\t{off.offeredcurrency && JSON.parse(off.offeredcurrency).symbol} {off.budget} | {( off.deliveryDuration ? off.deliveryDuration:\"\")} Hours \r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
updateIsActive(off._id)}/>\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\t{off.offeringTitle} \r\n\t\t\t \r\n\t\t
\r\n ))}\r\n
\r\n\t\t
openPopUp()}>\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\tMy Offerings \r\n\t\t\t
\r\n\t\t\t \r\n\t
\r\n
{setOfferingPopup(false);getOfferings()}}/>\r\n\r\n \r\n //
{updateStatus(params.row.id);}}/>\r\n // \r\n //
{updateOfferingStatus(params.row.id);}}/>\r\n // \r\n //
{updateConnectionStatus(params.row.id);}}/>\r\n // \r\n\r\n\r\n\r\n\r\n
{setQuotationOpenModel(false);getRequirements()}}/>\r\n\r\n\r\n{/* View More PopUp */}\r\n\r\nsetViewMorePopup(false)}/> \r\n\r\n{/* Add Communities Pop up */}\r\n {setOpenGridModel(false);getRequirements()}}/>\r\n\r\n \r\n\t
\r\n
\r\n {\r\n selectedTab=== \"members\" ?setSelectedTab(st)}/> : \r\n selectedTab === \"offerings\" ?<> setSelectedTab(st)}/> :\r\n selectedTab === \"requirements\" ?<> setSelectedTab(st)}/> : \r\n \"\" \r\n } \r\n
\r\n
\r\n
{setOpenCommunityModal(false);getCommunity()}}/>\r\n \r\n\r\n\r\n\r\n\r\n
{setOpenGridConnectionModel();getStatus()}}/>\r\n\r\n \r\n
\r\n\t
\r\n\t\t\r\n\t\t\t \r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t
handleClose()}/>\r\n\t\t\r\n
\r\n
{setRequirementPopup(false);getRequirements()}} />\r\n \r\n {params.row.status===\"Rejected\" ? \"\": {updateStatus(params.row,\"Accepted\")}}/>}\r\n
\r\n ];},}, \r\n {field:'reject', headerName: 'Reject',width: 60, renderCell: (params) =>{\r\n return[\r\n \r\n {params.row.status===\"Accepted\" ? \"\": {updateStatus(params.row,\"Rejected\")}}/>}\r\n
\r\n ];},}, \r\n {field:'meeting', headerName: 'Meeting',width: 70, renderCell: (params) =>{\r\n return[\r\n \r\n {openScheduleModel(params.row)}}/>\r\n
\r\n ];},},\r\n {field:'requirementTitle', headerName: 'Title',width: 200, },\r\n {field:'estimatedAmount', headerName: 'Amount' ,width: 100, }, \r\n {field:'estimatedHours', headerName: 'Hours' ,width: 100, }, \r\n {field:'canBeDelivered', headerName: 'Can Be Delivered' ,width: 150,}, \r\n {field:'vendorName', headerName: 'Vendor Name' ,width: 150, }, \r\n {field:'remarks', headerName: 'Remarks' ,width: 400, }, \r\n {field:'vendorId', headerName: 'Vendor ID',hide: true,width: 100,}, \r\n \r\n ];\r\n \r\n\r\n const addBid=(id,title,createdById,createdByName)=>{\r\n setRequirementId(id);\r\n setTitle(title);\r\n setCreatedById(createdById);\r\n setCreatedByName(createdByName);\r\n getBids(id)\r\n setOpenModel(true);\r\n\r\n }\r\n\r\n\r\n\r\n const showGrid = (id)=>{\r\n \r\n getAllBiddings(id);\r\n setOpenGridModel(true)\r\n } \r\n \r\n const handleClose = () => setOpenApplicant(false)\r\n\r\n const closeModel = () => setOpenModel(false);\r\n\r\n const closeMeetingModel = () => setOpenMeetingModel(false);\r\n\r\n const closeGridModel = () => setOpenGridModel(false);\r\n\r\n\r\nconst openScheduleModel = (row) =>{\r\n \r\n // setRequirementId(row.requirementId);\r\n // setRequirementTitle(row.requirementTitle);\r\n setMeetingTitle(row.requirementTitle)\r\n setVendorId(row.vendorid);\r\n setVendorName(row.vendorName)\r\n setOpenMeetingModel(true);\r\n}\r\n\r\n// //Get requirement by id\r\n const getRequirements = async()=>{\r\n \r\n let apiURL=process.env.REACT_APP_API_URL + \"/requirement/getallrequirementsbyuser/\"+ user._id ;\r\n let apiParams = {\r\n method:\"GET\",\r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n // setRequirementStatus(repos.d)\r\n \r\n setRequirements(repos.data)\r\n\r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n const updateStatus = (row,status)=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/quotation/updatequotation/\"+row.id;\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n requirementid:row.requirementId, \r\n status:status,\r\n\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n alert(\"Quatation Status Updated Successfully!!\");\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n\r\nconst getStatus = ()=>{\r\n \r\n let apiURL = process.env.REACT_APP_API_URL + \"/connection/getstatus/\" + user._id;\r\n let apiParams = {\r\n method: \"GET\",\r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res) => (res.status === 200 ? res.json() : res.text()))\r\n .then((repos) => {\r\n if (repos.data) {\r\n \r\n setStatus(repos.data)\r\n } else alert(repos.message || repos);\r\n })\r\n .catch((err) => alert(err));\r\n};\r\n \r\n const cleartext = ()=>{\r\n setServices(\"\");\r\n setDescription(\"\");\r\n setDeliveryLocation(\"\");\r\n setDeliveryDeadline(\"\");\r\n setBudget(\"\");\r\n setCurrency(\"\");\r\n }\r\n\r\n const clearBox = ()=>{\r\n \r\n setEstimatedAmount(\"\")\r\n setEstimatedTime(\"\")\r\n setHours(\"hours\")\r\n setCanBeDelivered(false)\r\n setRemarks(\"\")\r\n }\r\n\r\n//Add Jobs\r\nconst addRequirement = () =>{\r\n setOpenApplicant(true)\r\n getCommunities()\r\n}\r\n\r\nconst addRequirements = ()=>{\r\n setOpenApplicant(false)\r\n let apiURL=process.env.REACT_APP_API_URL + \"/requirement/addrequirements\";\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n requirementtitle:services,\r\n budget:budget,\r\n currency:encodeURIComponent(JSON.stringify(currency)),\r\n deliverylocation:encodeURIComponent(deliveryLocation),\r\n description:encodeURIComponent(description),\r\n deliverydeadline:deliveryDeadline,\r\n selectedcommunity:encodeURIComponent(JSON.stringify(selectedCommunity)),\r\n customerid:user._id,\r\n customername:user.name,\r\n status:\"Created\"\r\n\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n cleartext()\r\n alert(\"Requirement Added Successfully\");\r\n \r\n // props.showAlert(\"Job Added Successfully\",\"success\")\r\n setTimeout(() => {\r\n getRequirements()\r\n }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n}\r\n\r\nconst addQuotation = ()=>{\r\n \r\n setOpenModel(false)\r\n let EstimatedTime=0;\r\n if(hours===\"hours\"){\r\n EstimatedTime = estimatedTime;\r\n }else{\r\n EstimatedTime = estimatedTime*8;\r\n }\r\n let apiURL=process.env.REACT_APP_API_URL + \"/quotation/addquotation\";\r\n //console.log(JSON.stringify(Currencies.filter(curr=>curr.cc===estimatedCurrency)[0] ))\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n requirementtitle:title,\r\n requirementid:requirementId,\r\n customerid:createdById,\r\n customername:createdByName,\r\n estimatedamount:estimatedAmount,\r\n estimatedcurrency:encodeURIComponent(JSON.stringify(Currencies.filter(curr=>curr.cc===estimatedCurrency)[0] )),\r\n estimatedhours:EstimatedTime,\r\n canbedelivered:canBeDelivered,\r\n remarks:encodeURIComponent(remarks),\r\n vendorid:user._id,\r\n vendorname:user.name,\r\n status:\"Submitted\"\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n cleartext()\r\n alert(\"Quatations Added Successfully\");\r\n \r\n setTimeout(() => {\r\n getRequirements()\r\n }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n}\r\n\r\n\r\n\r\nconst setCloseGridModel = ()=>{\r\n setOpenGridModel(false);\r\n}\r\n\r\nconst getAllBiddings = (requirementId)=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/quotation/getallquotations/\"+requirementId; \r\n \r\n fetch(apiURL)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n setBiddings(repos.data)\r\n \r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n //Get my Communities\r\n const getCommunities = ()=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/community/getmycommunity/\"+user._id; \r\n \r\n fetch(apiURL)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n setCommunities(repos.data)\r\n \r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n\r\n//get bid of comunity\r\n const getBids = (id)=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/quotation/getbiddings/\"+user._id; \r\n let apiParams = {\r\n headers:{\r\n requirementid:id,\r\n }}\r\n fetch(apiURL,apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n setQuotationId(repos.data[0] && repos.data[0]._id)\r\n setEstimatedAmount(repos.data[0] && repos.data[0].estimatedAmount);\r\n setEstimatedCurrency(repos.data[0] && repos.data[0].estimatedCurrency ? JSON.parse(repos.data[0].estimatedCurrency).cc:\"INR\");\r\n setEstimatedTime(repos.data[0] && repos.data[0].estimatedHours);\r\n setCanBeDelivered(repos.data[0] && repos.data[0].canBeDelivered);\r\n setRemarks(repos.data[0] && repos.data[0].remarks);\r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n\r\n\r\n const openPopUp = ()=>{\r\n setRequirementPopup(true)\r\n}\r\n\r\n\r\nconst openViewMorePopUp = (rec)=>{\r\n setViewMoreData(rec)\r\n setViewMorePopup(true)\r\n}\r\n\r\nconst ScheduleMeeting = () =>{\r\n \r\n if(meetingTitle ===\"\"||undefined)\r\n {\r\n return alert(\"Please Enter Meeting Title !!\")\r\n }else if(agenda===\"\"||undefined){\r\n return alert(\"Please Enter Agenda Of Meeting !!\")\r\n }\r\n setOpenMeetingModel(false)\r\n let apiURL=process.env.REACT_APP_API_URL + \"/meetings/schedulemeetings\";\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n // requirementtitle:requirementTitle,\r\n // requirementid:requirementId,\r\n requesterid:user._id,\r\n requestername:user.name,\r\n respondentid:vendorId,\r\n respondentname:vendorName,\r\n meetingtitle:meetingTitle,\r\n meetingdatetime:meetingDateTime,\r\n agenda:encodeURIComponent(agenda),\r\n remarks:encodeURIComponent(user.name+\" [\"+new Date().toLocaleString()+\"]:\\n\"+meetingRemarks),\r\n status:\"Requested\",\r\n\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n alert(\"Meeting Scheduled Successfully\");\r\n \r\n setTimeout(() => {\r\n getRequirements()\r\n }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n\r\n }\r\n\r\n \r\n//Disable Job\r\nconst updateIsActive = (id) =>{\r\n let confirmation=window.confirm(\"Are you sure ?\")\r\n if(!confirmation){\r\n return\r\n }\r\n let apiURL=process.env.REACT_APP_API_URL + \"/requirement/updaterequirementsstatus/\" +id;\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n active:false\r\n },\r\n };\r\n\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n alert(\"Requirement Removed Successfully\");\r\n // props.showAlert(\"Job Removed Successfully\",\"success\")\r\n setTimeout(() => {\r\n getRequirements()\r\n }, 2000);\r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n \r\n}\r\n\r\n\r\n\r\nconst handleOpenReqSlide = ()=>{\r\n setOpenReqSlide(true)\r\n}\r\n\r\n \r\n\r\n\r\n// const rowData = []; \r\n\r\nconst rowData = (biddings||[]).map((bid) => {\r\n \r\n return{\r\n \r\n id: bid._id,\r\n requirementId:bid.requirementId,\r\n requirementTitle:bid.requirementTitle,\r\n estimatedAmount:bid.estimatedAmount,\r\n estimatedHours:bid.estimatedHours,\r\n canBeDelivered:bid.canBeDelivered,\r\n vendorName:bid.vendorName,\r\n vendorid:bid.vendorId,\r\n remarks:bid.remarks,\r\n status:bid.status,\r\n };\r\n});\r\n\r\nconst showMonth = (month)=>{\r\n \r\n switch (month){\r\n case 0:\r\n return \"Jan\"\r\n break;\r\n case 1:\r\n return \"Feb\"\r\n break;\r\n case 2:\r\n return \"Mar\"\r\n break;\r\n case 3:\r\n return \"Apr\"\r\n break;\r\n case 4:\r\n return \"May\"\r\n break;\r\n case 5:\r\n return \"Jun\"\r\n break;\r\n case 6:\r\n return \"Jul\"\r\n break;\r\n case 7:\r\n return \"Aug\"\r\n break;\r\n case 8:\r\n return \"Sep\"\r\n break;\r\n case 9:\r\n return \"Oct\"\r\n break;\r\n case 10:\r\n return \"Nov\"\r\n break;\r\n case 11:\r\n return \"Dec\"\r\n break;\r\n}\r\n}\r\n\r\n\r\n return (\r\n \r\n\t
\r\n\t\t
openPopUp()}>\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t \r\n\r\n\t\t
\r\n\t\t
handleOpenReqSlide()}/>\r\n\t\t\t\r\n\t
\r\n\r\n {openReqSlide===true?
setOpenReqSlide(false)}/>:\"\"}\r\n\r\n {setRequirementPopup(false);getRequirements()}} />\r\n \r\n \r\n \r\n\r\n{openBargainModel?\r\n
{setOpenBargainModel(false);}}/>\r\n:\"\"}\r\n{/* View More Pop Up */}\r\n{viewMorePopup?\r\nsetViewMorePopup(false)}/>\r\n:\"\"}\r\n{/* off pop up */}\r\n{openGridOfferingModel?\r\n{setOpenGridOfferingModel(false);getOfferings()}}/>\r\n:\"\"}\r\n \r\n
\r\n\t
\r\n\t\t\r\n\t\t\t \r\n\t\t\r\n\t\t \r\n\t \r\n\r\n\t
\r\n\t
handleClose()}/>\r\n\t\t\r\n
\r\n
{setOfferingPopup(false);getOfferings()}}/>\r\n \r\n\t
\r\n\t\r\n
openPopUp()}>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
handleOpenOffSlide()}/>\r\n \r\n
\r\n\r\n {openOffSlide===true?
setOpenOffSlide(false)}/>:\"\"}\r\n \r\n {setOfferingPopup(false);getOfferings()}}/>\r\n\r\n \r\n //
{updateStatus(params.row.id);}}/>\r\n // \r\n //
{updateOfferingStatus(params.row.id);}}/>\r\n // \r\n //
{updateConnectionStatus(params.row.id);}}/>\r\n // \r\n
\r\n\t
\r\n\t\t{/* \r\n\t\t\t */}\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t
handleClose()}/>\r\n\t\t\r\n
\r\n
{setOpenCommunityModal(false);getCommunity()}}/>\r\n \r\n
\r\n\t
\r\n \r\n\t\t\r\n\t\t
handleopenMycomSlide()} />\r\n\t\t\t\r\n\t\t\r\n\t
\r\n
\r\n\r\n
\r\n {\r\n selectedTab=== \"members\" ?setSelectedTab(st)}/> : \r\n selectedTab === \"offerings\" ?<> setSelectedTab(st)}/> :\r\n selectedTab === \"requirements\" ?<> setSelectedTab(st)}/> : \r\n \"\" \r\n } \r\n
\r\n {openMyComSlide===true?
{setOpenMyComSlide(false); id && setSelectedCommunityId(id);name && setSelectedCommunityName(name)}}/>:\"\"}\r\n {setOpenCommunityModal(false);getCommunity()}}/>\r\n \r\n{/* Mob */}\r\n\r\n
\r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t
\r\n\t\t
\r\n\t\t\tCOMING \r\n SOON \r\n\t\t
\r\n\t\t
\r\n\t\t\tCOMING \r\n SOON \r\n\t\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\tStay tuned ! \r\n\t\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t
\r\n
\r\n\r\n
\r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\t{props.data.offeredcurrency && JSON.parse(props.data.offeredcurrency).symbol} {props.data.budget} \r\n\t
\r\n\t
\r\n\t\t{props.data.offeringTitle} \r\n\t
\r\n\t
\r\n\t\t{( props.data.deliveryDuration ? props.data.deliveryDuration:\"\")} Hours | {props.data.deliveryLocation} \r\n\t
\r\n\t
\r\n\t\t\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
rec.id === user._id)[0]?\"./MyPortfolio/Offerings/trophyLiked.png\":\"./MyPortfolio/Offerings/trophy_reqoffevent_off_PC.png\"} onClick={()=>handleLike(props.data._id)}/>\r\n\t\t\t\r\n\t
\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\t{(JSON.parse(props.data.trophies)).length} \r\n\t\t
\r\n\t
\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\t\r\n\t
\r\n
\r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\t{props.data.offeredcurrency && JSON.parse(props.data.offeredcurrency).symbol} {props.data.budget} \r\n\t
\r\n\t
\r\n\t\t\r\n\t
\r\n\t\t{props.data.offeringTitle} \r\n\t
\r\n\t
\r\n\t\t{( props.data.deliveryDuration ? props.data.deliveryDuration:\"\")} Hours | {props.data.deliveryLocation} \r\n\t
\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
rec.id === user._id)[0]?\"./MyPortfolio/Offerings/trophyLiked.png\":\"./MyPortfolio/Offerings/trophy_reqoffevent_off_PC.png\"} onClick={()=>handleLike(props.data._id)} />\r\n\t\t\t\r\n\t
\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\t{(JSON.parse(props.data.trophies)).length} \r\n\t\t
\t\r\n\t
\r\n
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\t\r\n\t
\r\n\r\n
\r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\t\r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\t{props.data.offeredcurrency && JSON.parse(props.data.offeredcurrency).symbol} {props.data.budget} \r\n\t
\r\n\t
\r\n\t\t{props.data.offeringTitle} \r\n\t
\r\n\t
\r\n\t\t{( props.data.deliveryDuration ? props.data.deliveryDuration:\"\")} Hours | {props.data.deliveryLocation} \r\n\t
\r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
rec.id === user._id)[0]?\"./MyPortfolio/Offerings/trophyLiked.png\":\"./MyPortfolio/Offerings/trophy_reqoffevent_off_PC.png\"} onClick={()=>handleLike(props.data._id)} />\r\n\t\t\r\n\t
\r\n\t\t{(JSON.parse(props.data.trophies)).length} \r\n\t
\r\n\t
\r\n\t\t\r\n\t\t \r\n\t \r\n\t
\r\n\t\t\r\n
\r\n {params.row.status===\"Rejected\" ? \"\": {updateStatus(params.row,\"Accepted\")}}/>}\r\n
\r\n ];},}, \r\n {field:'reject', headerName: 'Reject',width: 60, renderCell: (params) =>{\r\n return[\r\n \r\n {params.row.status===\"Accepted\" ? \"\": {updateStatus(params.row,\"Rejected\")}}/>}\r\n
\r\n ];},}, \r\n {field:'meeting', headerName: 'Meeting',width: 70, renderCell: (params) =>{\r\n return[\r\n \r\n {openScheduleModel(params.row)}}/>\r\n
\r\n ];},},\r\n {field:'offeringsTitle', headerName: 'Title',width: 200, },\r\n {field:'bargainedAmount', headerName: 'Amount' ,width: 100, }, \r\n {field:'bargainedHours', headerName: 'Hours' ,width: 100, }, \r\n {field:'needToBeDelivered', headerName: 'Need To Be Delivered' ,width: 150,}, \r\n {field:'customerName', headerName: 'Customer Name' ,width: 150, }, \r\n {field:'remarks', headerName: 'Remarks' ,width: 400, }, \r\n {field:'customerid', headerName: 'Customer ID',hide: true,width: 100,}, \r\n \r\n ];\r\n\r\n \r\n const setCloseModel = ()=>{\r\n setOpenModel(false);\r\n}\r\n\r\n const addBid=(id,title,vendorId,vendorName)=>{\r\n setOfferingId(id);\r\n setTitle(title);\r\n setCreatedById(vendorId);\r\n setCreatedByName(vendorName);\r\n getBargains(id)\r\n setOpenModel(true);\r\n\r\n }\r\n\r\n const setCloseGridModel = ()=>{\r\n setOpenGridModel(false);\r\n }\r\n\r\n const openScheduleModel = (row) =>{\r\n \r\n // setOfferingsId(row.offeringsId);\r\n setMeetingTitle(row.offeringsTitle);\r\n setCustomerId(row.customerid);\r\n setCustomerName(row.customerName)\r\n \r\n setOpenMeetingModel(true);\r\n }\r\n\r\n\r\n //get Bargains of comunity\r\n const getBargains = (id)=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/bargain/getbargain/\"+user._id; \r\n let apiParams = {\r\n headers:{\r\n offeringsid:id,\r\n }}\r\n fetch(apiURL,apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n setBargainedId(repos.data[0] && repos.data[0]._id)\r\n setBargainedAmount(repos.data[0] && repos.data[0].bargainedAmount);\r\n setBargainedCurrency(repos.data[0] && repos.data[0].bargainedCurrency ? JSON.parse(repos.data[0].bargainedCurrency).cc:\"INR\");\r\n setBargainedTime(repos.data[0] && repos.data[0].bargainedHours);\r\n setNeedToBeDelivered(repos.data[0] && repos.data[0].needToBeDelivered);\r\n setRemarks(repos.data[0] && repos.data[0].remarks);\r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n \r\n const updateStatus = (row,status)=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/bargain/updatebargains/\"+row.id;\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n userid:user._id,\r\n username:user.name,\r\n status:status,\r\n \r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n alert(\"Offering Status Updated Successfully!!\");\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n \r\n const closeGridModel = () => setOpenGridModel(false);\r\n\r\n const addBargains = ()=>{\r\n \r\n setOpenModel(false)\r\n let BargainedTime=0;\r\n if(hours===\"hours\"){\r\n BargainedTime = bargainedTime;\r\n }else{\r\n BargainedTime = bargainedTime*8;\r\n }\r\n let apiURL=process.env.REACT_APP_API_URL + \"/bargain/addbargains\";\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n offeringtitle:title,\r\n offeringid:offeringId,\r\n vendorid:createdById,\r\n vendorname:createdByName,\r\n bargainedamount:bargainedAmount,\r\n bargainedcurrency:encodeURIComponent(JSON.stringify(bargainedCurrency)),\r\n bargainedhours:BargainedTime,\r\n needtobedelivered:needToBeDelivered,\r\n remarks:encodeURIComponent(remarks),\r\n customerid:user._id,\r\n customername:user.name,\r\n status:\"Submitted\"\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n cleartext()\r\n alert(\"Bargained Added Successfully\");\r\n \r\n setTimeout(() => {\r\n getOfferings()\r\n }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n const updateBargain = (id)=>{\r\n \r\n setOpenModel(false)\r\n let BargainedTime=0;\r\n if(hours===\"hours\"){\r\n BargainedTime = bargainedTime;\r\n }else{\r\n BargainedTime = bargainedTime*8;\r\n }\r\n let apiURL=process.env.REACT_APP_API_URL + \"/bargain/updatebargainsdata/\"+id;\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n \r\n bargainedamount:bargainedAmount,\r\n bargainedcurrency:encodeURIComponent(JSON.stringify(Currencies.filter(curr=>curr.cc===bargainedCurrency)[0])),\r\n bargainedhours:BargainedTime,\r\n needtobedelivered:needToBeDelivered,\r\n remarks:encodeURIComponent(remarks),\r\n status:\"Submitted\"\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n\r\n alert(\"Bargained Updated Successfully\");\r\n \r\n // setTimeout(() => {\r\n // getOfferings()\r\n // }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n \r\n const cancelBargain = (id,status)=>{\r\n \r\n let apiURL=process.env.REACT_APP_API_URL + \"/bargain/updatebargains/\"+id;\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{ \r\n userid:user._id,\r\n username:user.name,\r\n status:status,\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n alert(\"Offering Status Updated Successfully!!\");\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n \r\n }\r\n\r\n const getStatus = ()=>{\r\n \r\n let apiURL = process.env.REACT_APP_API_URL + \"/connection/getstatus/\" + user._id;\r\n let apiParams = {\r\n method: \"GET\",\r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res) => (res.status === 200 ? res.json() : res.text()))\r\n .then((repos) => {\r\n if (repos.data) {\r\n console.log(repos.data)\r\n setStatus(repos.data)\r\n } else alert(repos.message || repos);\r\n })\r\n .catch((err) => alert(err));\r\n };\r\n \r\n const closeModel = () => setOpenModel(false);\r\n\r\n \r\n const handleClose = () => {\r\n setOpenApplicant(false); \r\n}\r\n\r\n\r\n const handleView = () => {\r\n\r\n // setOpenView(true);\r\n}\r\n\r\nconst ScheduleMeeting = () =>{\r\n \r\n if(meetingTitle ===\"\"||undefined)\r\n {\r\n return alert(\"Please Enter Meeting Title !!\")\r\n }else if(agenda===\"\"||undefined){\r\n return alert(\"Please Enter Agenda Of Meeting !!\")\r\n }\r\n setOpenMeetingModel(false)\r\n let apiURL=process.env.REACT_APP_API_URL + \"/meetings/schedulemeetings\";\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n // requirementtitle:requirementTitle,\r\n // requirementid:requirementId,\r\n requesterid:user._id,\r\n requestername:user.name,\r\n respondentid:customerId,\r\n respondentname:customerName,\r\n meetingtitle:meetingTitle,\r\n meetingdatetime:meetingDateTime,\r\n agenda:encodeURIComponent(agenda),\r\n remarks:encodeURIComponent(user.name+\" [\"+new Date().toLocaleString()+\"]:\\n\"+meetingRemarks),\r\n status:\"Requested\",\r\n\r\n\r\n\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n \r\n alert(\"Meeting Scheduled Successfully\");\r\n \r\n setTimeout(() => {\r\n getOfferings()\r\n }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n\r\n }\r\n\r\n //Get my Communities\r\n const getCommunities = ()=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/community/getmycommunity/\"+user._id; \r\n \r\n fetch(apiURL)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n // console.log(repos.data) \r\n setCommunities(repos.data)\r\n \r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n\r\n \r\n//Get applicant by id\r\n const getOfferings = ()=>{\r\n \r\n let apiURL=process.env.REACT_APP_API_URL + \"/offerings/getallofferingsbyid/\" +user._id ;\r\n let apiParams = {\r\n method:\"GET\",\r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n console.log(repos.data)\r\n setOfferings(repos.data)\r\n \r\n \r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n }\r\n \r\n\r\n const cleartext = ()=>{\r\n setServices(\"\");\r\n setDescription(\"\");\r\n setDeliveryLocation(\"\");\r\n setOfferingTime(\"\");\r\n setBudget(\"\");\r\n setOfferedCurrency(\"\")\r\n }\r\n\r\n\r\n//Add Jobs\r\nconst addOffering = () =>{\r\n setOpenApplicant(true)\r\n getCommunities()\r\n}\r\n\r\n\r\nconst addOfferings = ()=>{\r\n setOpenApplicant(false)\r\n let OfferingTime=0;\r\n if(offHours===\"hours\"){\r\n OfferingTime = offeringTime;\r\n }else{\r\n OfferingTime = offeringTime*8;\r\n }\r\n let apiURL=process.env.REACT_APP_API_URL + \"/offerings/addoffering\";\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n offeringtitle:services,\r\n budget:budget,\r\n offeredcurrency:encodeURIComponent(JSON.stringify(offeredCurrency)),\r\n deliverylocation:encodeURIComponent(deliveryLocation),\r\n description:encodeURIComponent(description),\r\n selectedcommunity:encodeURIComponent(JSON.stringify(selectedCommunity)),\r\n deliveryduration:OfferingTime,\r\n vendorid:user._id,\r\n vendorname:user.name,\r\n\r\n },\r\n \r\n };\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n cleartext();\r\n alert(\"Offerings Added Successfully\");\r\n \r\n // props.showAlert(\"Job Added Successfully\",\"success\")\r\n setTimeout(() => {\r\n getOfferings()\r\n }, 1500);\r\n \r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n}\r\n\r\nconst showGrid = (id)=>{\r\n \r\n getAllBiddings(id);\r\n setOpenGridModel(true)\r\n} \r\n\r\nconst closeMeetingModel = () => setOpenMeetingModel(false);\r\n\r\nconst setCloseMeetingModel = ()=>{\r\n setOpenMeetingModel(false);\r\n}\r\n\r\nconst getAllBiddings = (offeringId)=>{\r\n\r\n let apiURL=process.env.REACT_APP_API_URL + \"/bargain/getallbargains/\"+offeringId; \r\n\r\n fetch(apiURL)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n console.log(repos.data)\r\n setBiddings(repos.data)\r\n \r\n }else alert(repos.message || repos); \r\n }) \r\n .catch((err) => alert(err));\r\n}\r\n\r\n\r\n//Disable Job\r\n const updateIsActive = (id) =>{\r\n\r\n let confirmation=window.confirm(\"Are you sure ?\")\r\n if(!confirmation){\r\n return\r\n }\r\n let apiURL=process.env.REACT_APP_API_URL + \"/offerings/updateofferingstatus/\" +id;\r\n let apiParams = {\r\n method:\"POST\",\r\n headers:{\r\n active:false\r\n },\r\n };\r\n\r\n fetch(apiURL, apiParams)\r\n .then((res)=> (res.status===200 ? res.json() : res.text()))\r\n .then((repos)=> {\r\n if (repos.data) {\r\n alert(\"Offering Removed Successfully\");\r\n // props.showAlert(\"Job Removed Successfully\",\"success\")\r\n setTimeout(() => {\r\n getOfferings()\r\n }, 2000);\r\n }else alert(repos.message || repos);\r\n }) \r\n .catch((err) => alert(err));\r\n\r\n}\r\n\r\n const setClose = ()=>{\r\n setOpenApplicant(false)\r\n}\r\n\r\nconst openPopUp = ()=>{\r\n setOfferingPopup(true)\r\n}\r\n\r\nconst openViewMorePopUp = (rec)=>{\r\n setViewMoreData(rec)\r\n setViewMorePopup(true)\r\n}\r\n\r\n\r\n// const rowData = []; \r\n\r\nconst rowData = (biddings||[]).map((bid) => {\r\n \r\n return{\r\n \r\n id: bid._id,\r\n offeringsId:bid.offeringsId,\r\n offeringsTitle:bid.offeringsTitle,\r\n bargainedAmount:bid.bargainedAmount,\r\n bargainedHours:bid.bargainedHours,\r\n needToBeDelivered:bid.needToBeDelivered,\r\n customerName:bid.customerName,\r\n customerid:bid.customerId,\r\n remarks:bid.remarks,\r\n status:bid.status,\r\n };\r\n});\r\n\r\n\r\n return (\r\n <>\r\n\r\n
\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\tRecently Added by You \r\n\t\t
\r\n\t\t
\r\n\t\t\tExplore Awesome OFFERINGS \r\n\t\t
\r\n\r\n\t\t
\r\n\r\n\t
\r\n\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\tCheck Out the Trending Offerings \r\n\t\t
\r\n\t
\r\n\t
\r\n\t\tTrending This Week \r\n\t
\r\n\t
\r\n\t\tTOP PRODUCTS \r\n\t
\r\n\t
\r\n
\r\n
openPopUp()}/>\r\n
{setOfferingPopup(false);getOfferings()}}/>\r\n\r\n {/* Bids data in data grid */}\r\n\r\n \r\n \r\n \r\n \r\n
\r\n
Bargains Recieved setCloseGridModel()} > \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n\r\n{/* View More Pop Up */}\r\nsetViewMorePopup(false)}/>\r\n\r\n\r\n {/* Pop up for schedule meeting */}\r\n \r\n \r\n\t
\r\n\t\t\r\n\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t \r\n\t\t \r\n\t\t
\r\n\t\t\tMeeting Request \r\n\t\t
\r\n\t
\r\n\t {\r\n setAgenda(e.target.value);}} />\r\n\t\r\n\t
{\r\n setMeetingTitle(e.target.value); }} />\r\n\t\r\n\t
setMeetingDateTime(e.target.value)}/>\r\n\t\t\r\n\t
\r\n\t\tMeeting On : \r\n\t
\r\n\r\n\t
![](\"slazzer-edit-image1.png\")
\r\n\t\t\r\n\t![](\"image.png\")
\r\n\t\t\r\n\tsetPassword(e.target.value)} />\r\n\t\r\n\tsetUserName(e.target.value)} />\r\n\t\t\r\n\t![](\"n_6170.png\")
\r\n\t\t\r\n\t\r\n\t\r\n\t\r\n\t![](\"right-arrow1.png\")
*/}\r\n\t![](\"padlock_login_pageMob.png\")
\r\n\t\t\r\n\r\n\t![](\"./SideNav/dashboard_Icon_mob.png\"){kind=icon}
\r\n\t![](\"./SideNav/meeting_room_icon_mob.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"./SideNav/portfolio_icon_mob.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"./SideNav/my_connections_icon_mob.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"./SideNav/market_icon_mob.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"./SideNav/events_icon_.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"./SideNav/logout_icon_I_mob.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"./SideNav/community_icon_I_1_mob.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"side_logo_icon.png\"){kind=icon}
{props.goto(true)}}/>\r\n\t\t\r\n\t![](\"dashboard_Icon_I.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"meeting_room_icon_I.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"my_connections_icon_I.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"market_icon_I.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"broadcast_Nav_bar.png\")
\r\n\t\t\t\r\n\t![](\"logout_icon_I.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"side_logo_icon_expand.png\"){kind=icon}
props.goto(false)}/>\r\n\t\t\r\n\t![](\"dashboard_Icon_I_expand.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"meeting_room_icon_I_expand.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"my_connections_icon_I_expand.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"market_icon_I_expand.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"logout_icon_I_expand.png\"){kind=icon}
\r\n\t\t\t\r\n\t![](\"menu.png\")
{props.goto(true)}} srcset=\"menu.png 1x, menu@2x.png 2x\" />\r\n\t\t\r\n\t![](\"image_cd.png\")
\r\n ![](\"user_pfp_pop_lbl_profile_pc.png\")
\r\n */}\r\n ![](\"search.png\")
\r\n\t\t\t\r\n\t\t\r\n\t![](\"notification_top_navbar.png\")
\r\n\t\r\n\t\t![](\"friends_top_navbar.png\")
\r\n\t\r\n\t\t![](\"customer-support_top_nav.png\")
\r\n \r\n\t ![](\"bell.png\")
\r\n\t\t\t\r\n\t\t![](\"add-friend.png\")
\r\n\t\t\t\r\n\t\t![](\"customer-support.png\")
\r\n\t\t\t */}\r\n\t![](\"./Peoples/job-seeker_con_page_new_pc.png\")
\r\n\t\t\t\t\t\r\n\t\t\t\t![](\"./Peoples/share_img_con_page_new_pc.png\")
\r\n\t\t\t\t\t\r\n\t\t\t![](\"./Peoples/no-connection_Copines.png\")
\r\n\t\t\t\t\t\r\n\t\t\t![](\"./Peoples/office-building_img_con_page_n.png\")
\r\n\t\t\t\t\t\r\n\t\t\t\t![](\"./Peoples/job-seeker_img_erq_page_new_pc.png\")
\r\n\t\t\t\t\t\r\n\t\t\t\t![](\"reject_img_erq_page_new_pc.png\")
\r\n\t\t\t\t\t\r\n\t\t\t![](\"./Peoples/reject_img_erq_page_new_pc.png\")
\r\n\t\t\t\t\t\r\n\t\t\t![](\"accept_img_erq_page_new_pc.png\")
\r\n\t\t\t\t\t\r\n\t\t\t![](\"ignore_u_erq_page_new_pc.png\")
\r\n\t\t\t\t\t\r\n\t\t\t![](\"block_img_erq_page_new_pc.png\")
\r\n\t\t\t\t\t\r\n\t\t\t![](\"./Peoples/office-building_req_page_new_p.png\")
\r\n\t\t\t\t\t\r\n\t\t\t\t![](\"req_bg_img_mob.png\")
\r\n\t\t\r\n\t![](\"closeicon.png\")
closeCommunity()}/>\r\n\t\t\r\n![](\"coonectioon_pop_up_bg_deisgn.png\")
\r\n\t\t\r\n\t\r\n\t![](\"add-button_con.png\")
{updateConnectionStatus(con._id);}}/>\r\n\t\t![](\"linkedin_vacan.png\")
\r\n\t\t\r\n\t\t\r\n\t\t![](\"whatapp_btn_img_vacan.png\")
\r\n\t\t\t\r\n\t\t\r\n\t\t![](\"com_mem_pc_location_img.png\" "\\"Delivery")
\r\n\t\t\t\r\n\t\t![](\"com_mem_pc_duration_img.png\" "\\"Delivery")
\r\n\t\t\t\r\n\t\t![](\"minus.png\")
RemoveConnection(com)}/>\r\n\t\t\t\r\n\t\t![](\"bg_design_pop_off.png\")
\r\n\t\t\r\n\t\r\n\t![](\"plusOff.png\")
{updateOfferingStatus(off._id);}}/>\t\t\r\n\t\t[5]):\"profilebackground.png\"}/)
\r\n\t\t\t\t\r\n\t\t\t![](\"minus_off_.png\")
updateIsActive(req._id)}/>\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t![](\"req_budget_img_com_off_pcZ.png\" "\\"Budget\\"")
\r\n\t\t\t\r\n\t\t![](\"req_location_img_com_off_pcZ.png\" "\\"")
\r\n\t\t\t\r\n\t\t![](\"req_duration_img_com_off_pcZ.png\" "\\"Delivery")
\r\n\t\t\t\r\n\t\t![](\"bg_pop_req_design.png\")
\r\n\t\t\r\n\t\r\n\t![](\"plus1.png\")
{updateStatus(re._id)}}/>\t\r\n\t\t[5]):\"profilebackground.png\"}/)
\r\n\t\t\t\t\r\n\t\t\t![](\"req_1_budget_img.png\" "\\"Budget\\"")
\r\n\t\t\t\r\n\t\t![](\"Delivery_Deadline_img_req.png\" "\\"Delivery")
\r\n\t\t\t\r\n\t\t![](\"delivery_location_img_req.png\" "\\"Delivery")
\r\n\t\t\t\r\n\t\t![](\"plus_img_btn.png\")
\r\n\t\t\t\t\r\n\t\t![](\"com_mem_bg_mid_new.png\")
\r\n\t\t\r\n\t![](\"com_mem_minus_new_.png\")
RemoveConnection(com)}/>\r\n\t\t\t\t\r\n\t\t\t![](\"com_mem_dget_new.png\" "\\"Profession\\"")
\r\n\t\t\t\t\r\n\t\t\t![](\"com_mem_delivery_new.png\" "\\"Joined\\"")
\r\n\t\t\t\t\r\n\t\t\t![](\"com_mem_location_new.png\" "\\"Joined\\"")
\r\n\t\t\t\t\r\n\t\t\t![](\"com_mem_bg_side_menu.png\")
\r\n\t\t\r\n\t![](\"plus_btn_mem_new.png\")
\r\n\t\t\t\t\r\n\t\t![](\"SD_pfp_pic_com_req_mob.png\")
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t![](\"minuclose_com_req_mob.png\")
updateIsActive(req._id)}/>\r\n\t\t\t\t\r\n\t\t![](\"down-arrow_for_top_req.png\"){kind=icon}
handleClose()}/>\r\n\t\t\r\n[5]):\"profilebackground.png\"})
\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t![](\"minus_2_close_comoff_mob.png\")
updateIsActive(req._id)}/>\r\n\t\t\t\t\t\r\n\t\t\t![](\"up-arrow_for_bottom_off.png\"){kind=icon}
handleOpenReqSlide()}/>\r\n\t\t\t\r\n\t![](\"com_off_bg_img.png\")
\r\n\t\t\r\n ![](\"com_off_bg_side_menu.png\")
\r\n\t\t\r\n\t[5]):\"profilebackground.png\"})
\r\n\t\t\t\t\r\n\t\t\t![](\"com_off_minus_mob.png\")
*/}\r\n\t\t\t\t\r\n\t\t\t![](\"com_off_budget_png_mob.png\" "\\"Profession\\"")
\r\n\t\t\t\t\r\n\t\t\t![](\"com_off_delivery_png_mob.png\" "\\"Joined\\"")
\r\n\t\t\t\t\r\n\t\t\t![](\"com_off_location_png_mob.png\" "\\"Joined\\"")
\r\n\t\t\t\t\r\n\t\t\t![](\"pfp_pic_cooff_mob.png\")
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t![](\"down-arrow_for_top_off.png\"){kind=icon}
handleClose()}/>\r\n\t\t\r\n![](\"com_req_mob_minus.png\")
updateIsActive(off._id)}/>\r\n \r\n ![](\"up-arrow_for_bottom.png\"){kind=icon}
handleOpenOffSlide()}/>\r\n \r\n![](\"com_req_bg_img_com_req_mob.png\")
\r\n\t![](\"com_req_mob_side_bar.png\")
\r\n \r\n\t\t![](\"com_req_mob_budget_png.png\" "\\"Profession\\"")
\r\n\t\t\t\t\r\n\t\t\t![](\"com_req_mob_delivery_png.png\" "\\"Joined\\"")
\r\n\t\t\t\t\r\n\t\t\t![](\"com_req_mob_location_png.png\" "\\"Joined\\"")
\r\n\t\t\t\t\r\n\t\t\t![](\"minus_2_close_com_req_mob.png\")
*/}\r\n\t\t\t\t\r\n\t\t![](\"down-arrow_for_top_mom.png\"){kind=icon}
handleClose()}/>\r\n\t\t\r\n![](\"down-arrow_for_top.png\"){kind=icon}
handleopenMycomSlide()} />\r\n\t\t\t\r\n\t\t\r\n\t[5]):\"./MyPortfolio/Offerings/online-shopping_reqoffevent_of.png\"})
\r\n\t\t\r\n\t![](\"./MyPortfolio/Offerings/share_1_reqoffevent_off_PC.png\")
\r\n\t\t\t\r\n\t[5]):\"./MyPortfolio/Offerings/Image_trending__off_PC.png\"}/)
\r\n\t\t\r\n\t![](\"./MyPortfolio/Offerings/share_1_reqoffevent_off_PC_da.png\")
\r\n\t\t\t\r\n\t[5]):\"./MyPortfolio/Offerings/Image_small_4_trending_off_PC.png\"})
\r\n\t\t\r\n\t\r\n\t![](\"./MyPortfolio/Offerings/share_2_reqoffevent_off_PC.png\")
\r\n\t\t\r\n![](\"./MyPortfolio/Offerings/desgin_2_offreqevent_off_PC.png\")
\r\n\t\t\t\r\n\t\t\r\n\t\t![](\"add_off_mob.png\")
openPopUp()}/>\r\n![](\"meetingroompopupbg.png\")
\r\n\t\t\r\n\t