\r\n \r\n {this.Capitalizing(this.state.LoggedInUserName)} [\r\n {this.state.LoggedInUserRole}]\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Home\r\n \r\n \r\n \r\n \r\n \r\n Logout\r\n \r\n \r\n {this.state.showHomeButton ? (\r\n \r\n \r\n Home\r\n \r\n \r\n ) : (\r\n <>\r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n AKU One-Health - Implementation Status Board\r\n \r\n \r\n {/* \r\n ☰ \r\n */}\r\n
\r\n \r\n \r\n {this.Capitalizing(this.state.LoggedInUserName)} [\r\n {this.state.LoggedInUserRole}]\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\nexport const legendsganttchart= \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n{/* \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n */}\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { Button, Modal, ModalBody } from \"reactstrap\";\r\nimport { UserAccessContext } from \"../UserAccessContext\";\r\nimport { appCred } from \"../../AppConfig\";\r\nimport { ToastsStore } from \"react-toasts\";\r\n\r\nconst BannerInterventionModal = ({ modalOpen, data, closeModal, modalFor }) => {\r\n const userData = useContext(UserAccessContext);\r\n\r\n const setIntervention = (color) => {\r\n let reqData = {\r\n ACTIVITYFLAG: color,\r\n FACILITYID: data.FACILITYID, //Hardcoded for now because of dev value against facility id\r\n ACTIVITYID: data.ACTIVITYID,\r\n LASTFILEUSERID: userData.user?.UserID,\r\n optionalString: \"PSB\",\r\n };\r\n window\r\n .APIRequest(\r\n appCred,\r\n \"\",\r\n \"EHRDashboardManager.SaveInterventionColor\",\r\n reqData\r\n )\r\n .then((apiRes) => {\r\n if (apiRes.ResponseResult == true) {\r\n closeModal();\r\n ToastsStore.success(\"Intervention Saved Successfully\");\r\n userData.refreshData();\r\n } else {\r\n ToastsStore.error(\"Error\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n return (\r\n - \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
- \r\n \r\n \r\n \r\n\r\n \r\n
\r\n {data?.DESCRIPTION}\r\n
Intervention\r\n {\r\n closeModal();\r\n }}\r\n >{\" \"}\r\n
\r\n Intervention\r\n
\r\n {\r\n setIntervention(\"G\");\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setIntervention(\"B\");\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n Blue\r\n
\r\n \r\n Green\r\n
\r\n \r\n Red\r\n
\r\n \r\n \r\n \r\n Amber\r\n
\r\n \r\n \r\n \r\n Neutral\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {options(name)}\r\n \r\n {error ? (\r\n \r\n ) : (\r\n <>\r\n )}\r\n
\r\n \r\n {data?.DESCRIPTION}\r\n
Comments\r\n
\r\n Comments\r\n
\r\n {(() => {\r\n if (data) {\r\n if (userData.user?.UserOrganizationType === AppRoleEnum.Admin) {\r\n return (\r\n
\r\n \r\n {\r\n handleChange(e);\r\n }}\r\n >\r\n {inputComment}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Commented By\r\n \r\n
\r\n\r\n {data.CommentEnteredBy\r\n ? data.CommentEnteredBy\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n \r\n Last Updated Date/Time\r\n \r\n
\r\n\r\n {data.CommentEnteredDTTM\r\n ? moment(data.CommentEnteredDTTM).format(\r\n \"MMM DD,YYYY hh:mm:ss\"\r\n )\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setCommentFlag(\"B\");\r\n }}\r\n >
\r\n \r\n {\r\n setCommentFlag(\"R\");\r\n }}\r\n style={redIcon}\r\n >
\r\n \r\n {\r\n if (commentFlag === \"B\") return \"bigbluebox row\";\r\n else if (commentFlag === \"R\") return \"bigredbox row\";\r\n else return \"\";\r\n })()}\r\n >\r\n
\r\n \r\n {data.Comments}\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n })()}\r\n \r\n \r\n \r\n Commented By\r\n \r\n
\r\n\r\n {data.CommentEnteredBy\r\n ? data.CommentEnteredBy\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n \r\n Last Updated Date/Time\r\n \r\n
\r\n\r\n {data.CommentEnteredDTTM\r\n ? moment(data.CommentEnteredDTTM).format(\r\n \"MMM DD,YYYY hh:mm:ss\"\r\n )\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n
\r\n Responsible Persons: \r\n \r\n
\r\n {data?.DESCRIPTION}
\r\n\r\n {\r\n closeModal()\r\n }}\r\n >{\" \"}\r\n
\r\n \r\n
\r\n {data?.ACTLEADNAME}
\r\n{data?.ACTCOLEADNAME}
\r\n\r\n {data?.DESCRIPTION}\r\n
Intervention\r\n {\r\n closeModal();\r\n }}\r\n >{\" \"}\r\n
\r\n Intervention\r\n
\r\n {\r\n setIntervention(\"G\");\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setIntervention(\"B\");\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n Blue\r\n
\r\n \r\n Green\r\n
\r\n \r\n Red\r\n
\r\n \r\n \r\n \r\n Amber\r\n
\r\n \r\n \r\n \r\n Neutral\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {data?.DESCRIPTION}\r\n
Set Weightage\r\n {\r\n closeModal()\r\n }}\r\n >{\" \"}\r\n
\r\n Set Weightage\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/* {GenericSelect(\"NewWeightage\",weightage,handleWeightageChange)} */}\r\n {\r\n handleWeightageChange(e);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* \" + data?.ACTIVITYID + \"- */}\r\n {\"[\" + data?.DESCRIPTION + \"]\"}\r\n
Set Date\r\n
\r\n Set Date\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n closeModal();\r\n }}\r\n className='customModal-savebutton btn-danger' id='closebtn'\r\n >\r\n Cancel\r\n \r\n {\r\n saveTargetDate();\r\n }}\r\n className='customModal-save2button btn-success ' id='savebtn'\r\n >\r\n Save\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n optionalHandleChangeBaselineDate(date);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n optionalHandleChange(date);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n optionalHandleChangeStartDate(date);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n optionalHandleChangeEndDate(date);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n optionalHandleChangeNinetyProgressDate(date);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {item.DESCRIPTION}\r\n \r\n
\r\n \r\n \r\n \r\n {item.PROGRESS + \"%\"}\r\n \r\n
\r\n \r\n {\r\n if (userRole === AppRoleEnum.Admin)\r\n openModal(e, item, \"weightage\");\r\n }}\r\n >\r\n \r\n {item.WEIGHTAGE}\r\n
\r\n \r\n {\r\n openModal(e, item, \"comments\");\r\n }}\r\n style={{ height: \"24px\" }}\r\n >\r\n
\r\n \r\n
\r\n \r\n {/* Resources Box */}\r\n {\r\n openModal(e, item, \"resources\");\r\n }}\r\n title={\r\n (item.ACTLEADNAME ? item.ACTLEADNAME : \"\") +\r\n (item.ACTCOLEADNAME ? \", \" + item.ACTCOLEADNAME : \"\")\r\n }\r\n className='simple_square custom-grey-box'\r\n >\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {(() => {\r\n if (userRole != \"ADMIN\") {\r\n return (\r\n
\r\n \r\n );\r\n };\r\n return (\r\n \r\n {\r\n // openModal(e, item, \"TargetDate\");\r\n }}\r\n >\r\n Target Date\r\n
\r\n \r\n {item.ACTTARGETDATE\r\n ? moment(item.ACTTARGETDATE).format(\"MMM DD, YYYY\")\r\n : \"N/A\"}\r\n \r\n \r\n
\r\n );\r\n } else if (userRole === AppRoleEnum.Admin) {\r\n return (\r\n \r\n \r\n {item.ACTTARGETDATE\r\n ? moment(item.ACTTARGETDATE).format(\"MMM DD, YYYY\")\r\n : \"N/A\"}\r\n \r\n \r\n
\r\n {\r\n openModal(e, item, \"TargetDate\");\r\n }}\r\n >\r\n Target Date\r\n
\r\n \r\n {item.ACTTARGETDATE\r\n ? moment(item.ACTTARGETDATE).format(\"MMM DD, YYYY\")\r\n : \"N/A\"}\r\n \r\n \r\n
\r\n );\r\n } else {\r\n return <>;\r\n }\r\n })()}\r\n\r\n \r\n \r\n {item.ACTTARGETDATE\r\n ? moment(item.ACTTARGETDATE).format(\"MMM DD, YYYY\")\r\n : \"N/A\"}\r\n \r\n \r\n
\r\n \r\n Last Modified
\r\n
\r\n \r\n Last Modified
\r\n \r\n {lastModifiedDTTM\r\n ? moment(lastModifiedDTTM).fromNow()\r\n : \"No Information\"}\r\n \r\n
\r\n \r\n
\r\n \r\n {mainCardsData ? (\r\n mainCardsData.map((item, index) => {\r\n const card = setCardStyle(item);\r\n const commentBtn = setCommentBtn(item.CommentFlag);\r\n const lastModifiedDTTM = lastModifiedData\r\n //\"AKUHN\"\r\n ? lastModifiedData.find(\r\n (a) =>\r\n a.ACTIVITYID === item.ACTIVITYID && a.FACILITYID === item.FACILITYID \r\n )?.LastModifiedDttm\r\n : null; //Facility hardcoded for now\r\n return (\r\n \r\n
\r\n );\r\n })\r\n ) : (\r\n <>\r\n )}\r\n \r\n {(() => {\r\n const temp = userData.find(\r\n (a) => a.ActivityID === item.ACTIVITYID\r\n );\r\n if (temp != null && temp)\r\n return (\r\n \r\n {content(item, lastModifiedDTTM, card, commentBtn)}\r\n \r\n );\r\n else\r\n return content(item, lastModifiedDTTM, card, commentBtn);\r\n })()}\r\n
\r\n \r\n <_MainStream mainCardsData={data} lastModifiedData={lastModifiedData}/>\r\n
);\r\n}\r\n \r\nexport default MainStream;","import React from \"react\";\r\nimport {\r\n Row,\r\n Col,\r\n Collapse,\r\n Button,\r\n CardBody,\r\n Card,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n } from \"reactstrap\";\r\n\r\n\r\n class InterventionModal extends React.Component{\r\n constructor(props) {\r\n super(props);\r\n }\r\n componentDidMount (){\r\n }\r\n \r\n render(){\r\n return(\r\n \r\n {this.props.parentData.modalHeading}\r\n
Select Intervention{\" \"}\r\n {\r\n this.props.InterventionModalClose()\r\n }}\r\n >{\" \"}\r\n \r\n
\r\n Select Intervention{\" \"}\r\n
\r\n {\r\n this.props.setIntervention(\"R\");\r\n }}\r\n >\r\n
\r\n \r\n {\r\n this.props.setIntervention(\"G\");\r\n }}\r\n >\r\n
\r\n \r\n {\r\n this.props.setIntervention(\"B\");\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n Blue\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Green\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Red\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Neutral\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n Addresoucresbtn = (isOpened) => {\r\n if (!isOpened) {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n this.props.handleOnChange(e)}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n this.props.handleOnChange(e)}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n this.props.handleOnChange(e)}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n this.props.handleOnChange(e)}\r\n value={this.props.parentData.resourceLocation}\r\n />\r\n
\r\n \r\n {\r\n this.props.addNewResource();\r\n }}\r\n >\r\n Save\r\n \r\n {\r\n this.setState({ addResoucresIsOpen: false }, () => {\r\n this.props.clearResourceInput();\r\n });\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n {/* \r\n */}\r\n \r\n {this.props.parentData.modalHeading}\r\n
{\" \"}\r\n {this.props.parentData.modalOpen ? \"Application Resources\" : \"\"}\r\n {this.props.parentData.UserOrgType == AppRoleEnum.Admin &&\r\n this.props.parentData.modalOpen ? (\r\n this.Addresoucresbtn(this.state.addResoucresIsOpen)\r\n ) : (\r\n <>\r\n )}\r\n {this.props.parentData.loggedInUserData &&\r\n this.props.parentData.UserOrgType == AppRoleEnum.Collaborator ? (\r\n this.props.parentData.loggedInUserData.APPLICATIONID ===\r\n this.props.parentData.modalData.APPLICATIONID ? (\r\n this.Addresoucresbtn(this.state.addResoucresIsOpen)\r\n ) : (\r\n <>\r\n )\r\n ) : (\r\n <>\r\n )}\r\n
\r\n {\" \"}\r\n {this.props.parentData.modalOpen ? \"Application Resources\" : \"\"}\r\n {this.props.parentData.UserOrgType == AppRoleEnum.Admin &&\r\n this.props.parentData.modalOpen ? (\r\n this.Addresoucresbtn(this.state.addResoucresIsOpen)\r\n ) : (\r\n <>\r\n )}\r\n {this.props.parentData.loggedInUserData &&\r\n this.props.parentData.UserOrgType == AppRoleEnum.Collaborator ? (\r\n this.props.parentData.loggedInUserData.APPLICATIONID ===\r\n this.props.parentData.modalData.APPLICATIONID ? (\r\n this.Addresoucresbtn(this.state.addResoucresIsOpen)\r\n ) : (\r\n <>\r\n )\r\n ) : (\r\n <>\r\n )}\r\n
\r\n \r\n {this.Addresoucres()}\r\n \r\n \r\n \r\n
\r\n
\r\n ) : (\r\n | Name | \r\nRole | \r\nLocation | \r\n
|---|---|---|
| \r\n {resourceItem.RESOURCENAME}\r\n | \r\n\r\n {resourceItem.RESOURCETYPE}\r\n | \r\n\r\n {resourceItem.RESOURCEREGION}\r\n | \r\n
\r\n {(() => {\r\n if (\r\n this.props.parentData.UserOrgType == AppRoleEnum.Admin ||\r\n (this.props.parentData.UserOrgType == AppRoleEnum.PMO &&\r\n this.props.parentData.modalData.ACTIVITYID == \"PMT\")\r\n ) {\r\n return (\r\n \r\n {\r\n this.props.SaveCommentFlag(\"R\");\r\n }}\r\n style={redIcon}\r\n >
\r\n \r\n \r\n {\r\n this.props.handleOnChange(e);\r\n }}\r\n >\r\n {this.props.parentData.modalData.COMMENTS}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Commented By\r\n \r\n
\r\n\r\n {this.props.parentData.modalData.COMMENTENTEREDBY\r\n ? this.props.parentData.modalData.COMMENTENTEREDBY\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n \r\n Last Updated Date/Time\r\n \r\n
\r\n\r\n {this.props.parentData.modalData.COMMENTENTEREDDTTM\r\n ? moment(\r\n this.props.parentData.modalData\r\n .COMMENTENTEREDDTTM\r\n ).format(\"MMM DD,YYYY hh:mm:ss\")\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.props.SaveCommentFlag(\"B\");\r\n }}\r\n >
\r\n \r\n {\r\n this.props.handleOnChange(e);\r\n }}\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Commented By\r\n \r\n
\r\n\r\n {this.props.parentData.modalData.COMMENTENTEREDBY\r\n ? this.props.parentData.modalData\r\n .COMMENTENTEREDBY\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n \r\n Last Updated Date/Time\r\n \r\n
\r\n\r\n {this.props.parentData.modalData\r\n .COMMENTENTEREDDTTM\r\n ? moment(\r\n this.props.parentData.modalData\r\n .COMMENTENTEREDDTTM\r\n ).format(\"MMM DD,YYYY hh:mm:ss\")\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.props.SaveCommentFlag(\"B\");\r\n }}\r\n >
\r\n \r\n \r\n
\r\n \r\n {this.props.parentData.modalData.COMMENTS}\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n })()}\r\n \r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default CommentsModal;\r\n","import React from \"react\";\r\nimport {\r\n Row,\r\n Col,\r\n Collapse,\r\n Button,\r\n CardBody,\r\n Card,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n} from \"reactstrap\";\r\nimport moment from \"moment\";\r\nimport \"../../targetdatemodals.css\";\r\nimport DatePicker from \"react-datepicker\";\r\n\r\nclass TargetDateModal extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Baselinedate: \"\",\r\n Targetdate: \"\",\r\n Startdate: \"\",\r\n Endtdate: \"\",\r\n NinetyProgressdate: \"\"\r\n };\r\n \r\n }\r\n \r\n componentDidMount() {\r\n \r\n }\r\n optionalBaselineHandleChange = (e) => {\r\n const Baselinedate = e;\r\n this.setState(\r\n {\r\n Baselinedate: Baselinedate,\r\n },\r\n () => {\r\n // console.log(\"this.state.Targetdate set state\", this.state.Targetdate);\r\n }\r\n );\r\n };\r\n optionalHandleChange = (e) => {\r\n const Targetdate = e;\r\n \r\n this.setState(\r\n {\r\n Targetdate: Targetdate,\r\n },\r\n () => {\r\n // console.log(\"this.state.Targetdate set state\", this.state.Targetdate);\r\n \r\n }\r\n );\r\n };\r\n optionalStartHandleChange = (e) => {\r\n const Startdate = e;\r\n this.setState(\r\n {\r\n Startdate: Startdate,\r\n },\r\n () => {\r\n // console.log(\"this.state.Targetdate set state\", this.state.Targetdate);\r\n }\r\n );\r\n };\r\n optionalEndHandleChange = (e) => {\r\n const Enddate = e;\r\n this.setState(\r\n {\r\n Enddate: Enddate,\r\n },\r\n () => {\r\n // console.log(\"this.state.Targetdate set state\", this.state.Targetdate);\r\n }\r\n );\r\n };\r\n optionalNinetyProgressHandleChange = (e) => {\r\n const NinetyProgressdate = e;\r\n this.setState(\r\n {\r\n NinetyProgressdate: NinetyProgressdate,\r\n },\r\n () => {\r\n // console.log(\"this.state.Targetdate set state\", this.state.Targetdate);\r\n }\r\n );\r\n };\r\n render() {\r\nconst Targetdate = this.state.Targetdate;\r\nlet propsdate = moment(this.props.parentData?.tempActivityData?.Targetdate);\r\nlet propsbaselinedate = moment(this.props.parentData?.tempActivityData?.BaselineDate);\r\nconst Startdate = this.state.Startdate;\r\nlet propsstartdate = moment(this.props.parentData?.tempActivityData?.ActualStartDate);\r\nconst Enddate = this.state.Enddate;\r\nlet propsenddate = moment(this.props.parentData?.tempActivityData?.ActualEndDate);\r\nconst NinetyProgressdate = this.state.NinetyProgressdate;\r\nlet propsninetydate = moment(this.props.parentData?.tempActivityData?.ActualNinetyProgressDate);\r\n\r\n// Check if the dates are valid and not null or undefined\r\npropsdate = propsdate.isValid() ? propsdate.format(\"MM-DD-yyyy\") : null;\r\npropsbaselinedate = propsbaselinedate.isValid() ? propsbaselinedate.format(\"MM-DD-yyyy\") : null;\r\npropsstartdate = propsstartdate.isValid() ? propsstartdate.format(\"MM-DD-yyyy\") : null;\r\npropsenddate = propsenddate.isValid() ? propsenddate.format(\"MM-DD-yyyy\") : null;\r\npropsninetydate = propsninetydate.isValid() ? propsninetydate.format(\"MM-DD-yyyy\") : null;\r\n return (\r\n \r\n \r\n Commented By\r\n \r\n
\r\n\r\n {this.props.parentData.modalData.COMMENTENTEREDBY\r\n ? this.props.parentData.modalData.COMMENTENTEREDBY\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n \r\n Last Updated Date/Time\r\n \r\n
\r\n\r\n {this.props.parentData.modalData.COMMENTENTEREDDTTM\r\n ? moment(\r\n this.props.parentData.modalData\r\n .COMMENTENTEREDDTTM\r\n ).format(\"MMM DD,YYYY hh:mm:ss\")\r\n : \"N/A\"}\r\n \r\n
\r\n \r\n
\r\n {this.props.parentData.modalHeading}\r\n
Set Date{\" \"}\r\n
\r\n Set Date{\" \"}\r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n this.optionalBaselineHandleChange(e);\r\n }}\r\n />\r\n {\r\n \r\n }\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n this.optionalHandleChange(e);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n this.optionalStartHandleChange(e);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n this.optionalEndHandleChange(e)}\r\n />\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n this.optionalNinetyProgressHandleChange(e);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n if (this.state.UserOrgType == Contants.AppRoleEnum.Collaborator) {\r\n if (IsUserLeadData) {\r\n if (IsUserLeadData.APPLICATIONID === item.APPLICATIONID) {\r\n return _html;\r\n }\r\n } else if (item.COMMENTS) {\r\n return _html;\r\n }\r\n } else if (this.state.UserOrgType == Contants.AppRoleEnum.Admin) {\r\n return _html;\r\n } else {\r\n if (item.COMMENTS) {\r\n return _html;\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n let DashboardDetails = this.props.data[0]?.DashboardActivities;\r\n let ApplicationPercentage = this.props.data[1]?.PercentageObject;\r\n let commentIconColour;\r\n const hexagonStyleObj = {\r\n R: {\r\n hexagoncolor: \"redhexagon text-center text-dark ml-2\",\r\n rightColMargin: { marginTop: \"54px\" },\r\n TileBackgroundStyle: Contants.RedTileBackgroundStyle,\r\n Interventioncolor: { color: \"#d9534f\" },\r\n },\r\n G: {\r\n hexagoncolor: \"greenhexagon text-center text-dark ml-2\",\r\n TileBackgroundStyle: Contants.GreenTileBackgroundStyle,\r\n Interventioncolor: { color: \"#85ccb1\" },\r\n rightColMargin: { marginTop: \"51px\" },\r\n },\r\n B: {\r\n hexagoncolor: \"bluehexagon text-center text-dark ml-2\",\r\n TileBackgroundStyle: Contants.BlueTileBackgroundStyle,\r\n rightColMargin: { marginTop: \"51px\" },\r\n Interventioncolor: { color: \"#5fbdc6\" },\r\n },\r\n };\r\n let intTileStyleObj = {\r\n hexagoncolor: \"\",\r\n TileBackgroundStyle: \"\",\r\n rightColMargin: { marginTop: \"51px\" },\r\n Interventioncolor: { color: \"gray\" },\r\n };\r\n const tempInterventionColor = intTileStyleObj.Interventioncolor;\r\n function setTileStyle(item, roundedProgressPercentageValue) {\r\n const formattedItemDate = moment(item.Targetdate).format(\"MM/DD/YYYY\");\r\n const dateDiff = moment().startOf(\"day\").diff(formattedItemDate, \"days\");\r\n\r\n function setStyleWhenActivityFlagNull(val) {\r\n item.ACTFLAG = val;\r\n intTileStyleObj = hexagonStyleObj[val];\r\n intTileStyleObj.Interventioncolor = tempInterventionColor;\r\n }\r\n\r\n if (item.ACTIVITYFLAG && item.ACTIVITYFLAG != \"N\") {\r\n //For those Items where activityflag is not null\r\n item.ACTFLAG = item.ACTIVITYFLAG;\r\n intTileStyleObj = hexagonStyleObj[item.ACTIVITYFLAG];\r\n } else if (dateDiff >= 0) {\r\n if (roundedProgressPercentageValue >= 90) {\r\n setStyleWhenActivityFlagNull(\"G\");\r\n } else if (roundedProgressPercentageValue < 90) {\r\n setStyleWhenActivityFlagNull(\"R\");\r\n }\r\n } else if (dateDiff <= -60) {\r\n if (roundedProgressPercentageValue >= 75) {\r\n setStyleWhenActivityFlagNull(\"G\");\r\n } else if (\r\n roundedProgressPercentageValue >= 20 &&\r\n roundedProgressPercentageValue < 75\r\n ) {\r\n setStyleWhenActivityFlagNull(\"B\");\r\n } else if (roundedProgressPercentageValue < 20) {\r\n setStyleWhenActivityFlagNull(\"R\");\r\n }\r\n } else if (dateDiff > -60) {\r\n if (roundedProgressPercentageValue >= 90) {\r\n setStyleWhenActivityFlagNull(\"G\");\r\n } else if (\r\n roundedProgressPercentageValue >= 30 &&\r\n roundedProgressPercentageValue < 90\r\n ) {\r\n setStyleWhenActivityFlagNull(\"B\");\r\n } else if (roundedProgressPercentageValue < 30) {\r\n setStyleWhenActivityFlagNull(\"R\");\r\n }\r\n }\r\n if (item.COMMENTFLAG === \"R\") {\r\n commentIconColour = \"fa fa-flag text-danger\";\r\n smallInfoIcon = {};\r\n } else if (item.COMMENTFLAG === \"B\") {\r\n commentIconColour = \"\";\r\n smallInfoIcon = {\r\n backgroundImage: `url('${infoicon}')`,\r\n backgroundSize: \"24px 24px\",\r\n height: \"25px\",\r\n width: \"24px\",\r\n backgroundRepeat: \"no-repeat\",\r\n };\r\n } else {\r\n commentIconColour = \"fa fa-info text-secondary\";\r\n smallInfoIcon = {};\r\n }\r\n }\r\n let smallInfoIcon;\r\n return (\r\n \r\n \r\n {\r\n {\r\n this.state.UserOrgType ===\r\n Contants.AppRoleEnum.Admin\r\n ? this.handleTargetDateModal(e, item)\r\n : this.doNothing();\r\n }\r\n }}\r\n className='label-color tracking-in-expand'\r\n style={{\r\n marginTop: \"0px\",\r\n marginBottom: 0,\r\n textAlign: \"left\",\r\n fontSize: \"10px\",\r\n position: \"absolute\",\r\n bottom: \"0\",\r\n }}\r\n >\r\n \r\n Target Date\r\n
\r\n\r\n {item.Targetdate\r\n ? moment(item.Targetdate).format(\r\n \"MMM DD, YYYY\"\r\n )\r\n : \"N/A\"}\r\n \r\n \r\n
\r\n );\r\n } else {\r\n return <>;\r\n }\r\n })()}\r\n\r\n \r\n {DashboardDetails ? (\r\n DashboardDetails.map((item, index) => {\r\n const tempUserID = this.state.UserID.replace(\"MT\\\\\", \"\");\r\n let IsUserLeadData = this.state.membersList.find(\r\n (a) =>\r\n a.RESOURCEUSERID === tempUserID &&\r\n a.APPLICATIONID === item.APPLICATIONID &&\r\n (a.RESOURCETYPE === \"LEAD\" ||\r\n a.RESOURCETYPE === \"CO-LEAD\" ||\r\n a.RESOURCETYPE === \"MT-LEAD\" ||\r\n a.RESOURCETYPE === \"MT-COLEAD\")\r\n );\r\n let itemProgressPercentage = ApplicationPercentage\r\n ? ApplicationPercentage.find(\r\n (a) => a.ApplicationID == item.APPLICATIONID\r\n )\r\n : 0;\r\n let roundedProgressPercentageValue = itemProgressPercentage\r\n ? Math.round(itemProgressPercentage.progressPercentage)\r\n : 0;\r\n\r\n setTileStyle(item, roundedProgressPercentageValue); //Tile Styling Function\r\n return (\r\n \r\n \r\n {(() => {\r\n if (\r\n this.state.UserOrgType !=\r\n Contants.AppRoleEnum.Admin\r\n // &&\r\n // item.ACTIVITYFLAG &&\r\n // item.ACTIVITYFLAG != \"N\"\r\n ) {\r\n return (\r\n \r\n \r\n \r\n Target Date\r\n
\r\n\r\n {item.Targetdate\r\n ? moment(item.Targetdate).format(\r\n \"MMM DD, YYYY\"\r\n )\r\n : \"N/A\"}\r\n \r\n \r\n
\r\n );\r\n } else if (\r\n this.state.UserOrgType ===\r\n Contants.AppRoleEnum.Admin\r\n ) {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {item.Description}\r\n {/* Health Information Management */}\r\n \r\n
\r\n \r\n \r\n [{item.APPLICATIONID}] {item.mnemonic}\r\n {/* [MT-01] HIM */}\r\n \r\n
\r\n {itemProgressPercentage ? (\r\n \r\n \r\n
\r\n ) : (\r\n <>\r\n )}\r\n\r\n \r\n {window.mylsataku.get(\"cache5\")\r\n .selectedDashboardActivityValue != \"UT\" ? (\r\n {\r\n this.state.UserOrgType ==\r\n Contants.AppRoleEnum.Admin\r\n ? this.handleWeightModal(item, e)\r\n : this.doNothing();\r\n }}\r\n >\r\n \r\n \r\n {item.Weightage}\r\n \r\n
\r\n ) : (\r\n <>\r\n )}\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {itemProgressPercentage\r\n ? Math.round(\r\n itemProgressPercentage.progressPercentage\r\n ) + \"%\"\r\n : \"0%\"}\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/* Comment Box */}\r\n {this.commentButton(\r\n IsUserLeadData,\r\n item,\r\n smallInfoIcon,\r\n commentIconColour\r\n )}\r\n\r\n {/* Intervention Box */}\r\n {(() => {\r\n if (\r\n this.state.UserOrgType !=\r\n Contants.AppRoleEnum.Admin &&\r\n item.ACTIVITYFLAG &&\r\n item.ACTIVITYFLAG != \"N\"\r\n ) {\r\n return (\r\n \r\n {/* Resources Box */}\r\n {\r\n this.handleModal(item, \"Resources\", IsUserLeadData);\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n 
*/}\n \n