\r\n
\r\n )}\r\n {/* login form */}\r\n {!userAuth && (\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 {/* logout form */}\r\n {userAuth && (\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 NavbarAndDrawer;\r\n","import React from \"react\";\r\nimport classes from \"./NavigationItem.module.css\";\r\nimport { NavLink } from \"react-router-dom\";\r\n\r\nconst navigationItem = (props) => {\r\n return (\r\n - \r\n
\r\n
\r\n \r\n {userRole !== \"NoUser\" && (\r\n \r\n {/*\r\n \r\n */}\r\n Home\r\n
\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Step1;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step2 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n
\r\n {/*research details */}\r\n \r\n
\r\n {dictionary.researchDetails.title}
\r\n\r\n
\r\n \r\n {dictionary.introduction.description_part1}\r\n
\r\n \r\n {dictionary.introduction.description_part2}\r\n \r\n
\r\n {dictionary.introduction.description_part3}\r\n
\r\n
\r\n \r\n \r\n {dictionary.introduction.description_part2}\r\n \r\n
\r\n {dictionary.introduction.description_part3}\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n {dictionary.researchDetails.researchAndAgencyTitle}
\r\n\r\n
\r\n {/*investigators details */}\r\n \r\n
\r\n \r\n
\r\n {/*first */}\r\n \r\n
\r\n {dictionary.researchDetails.investigatorsTitle}
\r\n\r\n
\r\n \r\n
\r\n {dictionary.researchDetails.firstInvestigatorTitle}
\r\n\r\n
\r\n {/*second */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {dictionary.researchDetails.secondInvestigatorTitle}
\r\n\r\n
\r\n {/********************************************************************/}\r\n {/*conductors details */}\r\n \r\n
\r\n \r\n
\r\n {/*first */}\r\n \r\n
\r\n {dictionary.researchDetails.conductorsTitle}
\r\n\r\n
\r\n \r\n
\r\n {dictionary.researchDetails.firstConductorTitle}
\r\n\r\n
\r\n {/*second */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {dictionary.researchDetails.secondConductorTitle}
\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 {dictionary.consentToParticipate.title}
\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
\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\nexport default Step2;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step3 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Step3;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step4 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n
\r\n \r\n
\r\n {dictionary.discomfort.title}
\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\nexport default Step4;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step5 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n
\r\n \r\n
\r\n {dictionary.deception.title}
\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\nexport default Step5;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step6 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n
\r\n \r\n
\r\n {dictionary.feedbackToTheSubject.title}
\r\n\r\n
\r\n \r\n \r\n {\" \"}\r\n {dictionary.feedbackToTheSubject.note}\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 {dictionary.compensationForParticipation.title}
\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\nexport default Step6;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step7 = () => {\r\n const myContext = useContext(FormContext);\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 {dictionary.privacy.title}
\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 \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Step7;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\nimport { TramRounded } from \"@material-ui/icons\";\r\n\r\nconst Step8 = () => {\r\n const myContext = useContext(FormContext);\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\nexport default Step8;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step9 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n {dictionary.withdrawelFromTheStudy.title}
\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 {dictionary.researchEquipment.title}
\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\nexport default Step9;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step10 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Step10;\r\n","import styled from \"styled-components\";\r\n\r\nexport const FileUploadContainer = styled.section`\r\n position: relative;\r\n margin: 25px 0 15px;\r\n border: 2px dotted lightgray;\r\n padding: 35px 20px;\r\n border-radius: 6px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background-color: white;\r\n`;\r\n\r\nexport const FormField = styled.input`\r\n font-size: 18px;\r\n display: block;\r\n width: 100%;\r\n border: none;\r\n text-transform: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n opacity: 0;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n`;\r\n\r\nexport const InputLabel = styled.label`\r\n top: -21px;\r\n font-size: 13px;\r\n color: black;\r\n left: 0;\r\n position: absolute;\r\n`;\r\n\r\nexport const DragDropText = styled.p`\r\n font-weight: bold;\r\n letter-spacing: 2.2px;\r\n margin-top: 0;\r\n text-align: center;\r\n`;\r\n\r\nexport const DragFileNameText = styled.p`\r\n font-weight: bold;\r\n letter-spacing: 2.2px;\r\n margin-top: 0;\r\n text-align: center;\r\n font-size:14px;\r\n color:red;\r\n`;\r\n\r\nexport const UploadFileBtn = styled.button`\r\n box-sizing: border-box;\r\n appearance: none;\r\n background-color: transparent;\r\n border: 2px solid #3498db;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n line-height: 1;\r\n padding: 1.1em 2.8em;\r\n text-align: center;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n border-radius: 6px;\r\n color: #3498db;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n transition: color 250ms ease-in-out;\r\n font-family: \"Open Sans\", sans-serif;\r\n width: 45%;\r\n display: flex;\r\n align-items: center;\r\n padding-right: 0;\r\n justify-content: center;\r\n\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n display: block;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 100%;\r\n background: #3498db;\r\n z-index: -1;\r\n transition: width 250ms ease-in-out;\r\n }\r\n\r\n i {\r\n font-size: 22px;\r\n margin-right: 5px;\r\n border-right: 2px solid;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n width: 20%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n @media only screen and (max-width: 500px) {\r\n width: 70%;\r\n }\r\n\r\n @media only screen and (max-width: 350px) {\r\n width: 100%;\r\n }\r\n\r\n &:hover {\r\n color: #fff;\r\n outline: 0;\r\n background: transparent;\r\n\r\n &:after {\r\n width: 110%;\r\n }\r\n }\r\n\r\n &:focus {\r\n outline: 0;\r\n background: transparent;\r\n }\r\n\r\n &:disabled {\r\n opacity: 0.4;\r\n filter: grayscale(100%);\r\n pointer-events: none;\r\n }\r\n`;\r\n\r\nexport const FilePreviewContainer = styled.article`\r\n margin-bottom: 35px;\r\n\r\n span {\r\n font-size: 14px;\r\n }\r\n`;\r\n\r\nexport const PreviewList = styled.section`\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 10px;\r\n\r\n @media only screen and (max-width: 400px) {\r\n flex-direction: column;\r\n }\r\n`;\r\n\r\nexport const FileMetaData = styled.div`\r\n display: ${(props) => (props.isImageFile ? \"none\" : \"flex\")};\r\n flex-direction: column;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n padding: 10px;\r\n border-radius: 6px;\r\n color: white;\r\n font-weight: bold;\r\n background-color: rgba(5, 5, 5, 0.55);\r\n\r\n aside {\r\n margin-top: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n`;\r\n\r\nexport const RemoveFileIcon = styled.i`\r\n cursor: pointer;\r\n\r\n &:hover {\r\n transform: scale(1.3);\r\n }\r\n`;\r\n\r\nexport const PreviewContainer = styled.section`\r\n padding: 0.25rem;\r\n width: 20%;\r\n height: 120px;\r\n border-radius: 6px;\r\n box-sizing: border-box;\r\n\r\n &:hover {\r\n opacity: 0.55;\r\n\r\n ${FileMetaData} {\r\n display: flex;\r\n }\r\n }\r\n\r\n & > div:first-of-type {\r\n height: 100%;\r\n position: relative;\r\n }\r\n\r\n @media only screen and (max-width: 750px) {\r\n width: 25%;\r\n }\r\n\r\n @media only screen and (max-width: 500px) {\r\n width: 50%;\r\n }\r\n\r\n @media only screen and (max-width: 400px) {\r\n width: 100%;\r\n padding: 0 0 0.4em;\r\n }\r\n`;\r\n\r\nexport const ImagePreview = styled.img`\r\n border-radius: 6px;\r\n width: 100%;\r\n height: 100%;\r\n`;\r\n","import React, { useRef, useState, useContext } from \"react\";\r\nimport {\r\n FileUploadContainer,\r\n FormField,\r\n DragDropText,\r\n DragFileNameText,\r\n UploadFileBtn,\r\n FilePreviewContainer,\r\n ImagePreview,\r\n PreviewContainer,\r\n PreviewList,\r\n FileMetaData,\r\n RemoveFileIcon,\r\n InputLabel,\r\n} from \"./FileUpload.styles\";\r\nimport { tokenConfig } from \"../../config/tokenConfig\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport TinySpinner from \"../UI/Spinner/TinySpinner\";\r\nimport { Spinner } from \"reactstrap\";\r\nimport WarninAlert from \"../UI/WarningAlert/WarningAlert\";\r\nconst apiURL = require(\"../../config/Constants\");\r\n\r\nconst KILO_BYTES_PER_BYTE = 1000;\r\nconst DEFAULT_MAX_FILE_SIZE_IN_BYTES = 2000000;\r\n\r\nconst convertNestedObjectToArray = (nestedObj) =>\r\n Object.keys(nestedObj).map((key) => nestedObj[key]);\r\n\r\nconst convertBytesToKB = (bytes) => Math.round(bytes / KILO_BYTES_PER_BYTE);\r\n\r\nconst FileUpload = ({\r\n label,\r\n updateFilesCb,\r\n extraDetails,\r\n maxFileSizeInBytes = DEFAULT_MAX_FILE_SIZE_IN_BYTES,\r\n ...otherProps\r\n}) => {\r\n const fileInputField = useRef(null);\r\n const [files, setFiles] = useState({});\r\n const userContext = useContext(UserContext);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [error, setError] = useState(false);\r\n const [wasUpload, setWasUpload] = useState(false);\r\n const [message, setMessage] = useState(\"\");\r\n\r\n const handleUploadBtnClick = () => {\r\n fileInputField.current.click();\r\n };\r\n\r\n const addNewFiles = (newFiles) => {\r\n for (let file of newFiles) {\r\n if (file.size <= maxFileSizeInBytes) {\r\n if (!otherProps.multiple) {\r\n return { file };\r\n }\r\n files[file.name] = file;\r\n }\r\n }\r\n return { ...files };\r\n };\r\n\r\n const callUpdateFilesCb = (files) => {\r\n const filesAsArray = convertNestedObjectToArray(files);\r\n updateFilesCb(filesAsArray);\r\n };\r\n\r\n const handleNewFileUpload = (e) => {\r\n const { files: newFiles } = e.target;\r\n if (newFiles.length) {\r\n let updatedFiles = addNewFiles(newFiles);\r\n setFiles(updatedFiles);\r\n callUpdateFilesCb(updatedFiles);\r\n }\r\n };\r\n\r\n const uploadFilesHandler = async () => {\r\n setIsLoading(true);\r\n setError(false);\r\n setMessage(\"\");\r\n setWasUpload(false);\r\n try {\r\n const customHeaders = tokenConfig(userContext.token).headers;\r\n delete customHeaders[\"Content-type\"];\r\n const data = new FormData();\r\n for (const [key, value] of Object.entries(files)) {\r\n data.append(\"files\", value);\r\n }\r\n\r\n let requestNumber = extraDetails.requestNumber;\r\n let requestSubNumber = extraDetails.requestSubNumber;\r\n const response = await fetch(\r\n `${apiURL.URL}/requests/uploadFiles/${requestNumber}/${requestSubNumber}`,\r\n {\r\n method: \"post\",\r\n body: data,\r\n headers: customHeaders,\r\n }\r\n );\r\n const body = await response.json();\r\n if (!response.ok) {\r\n throw new Error(body.error);\r\n }\r\n setMessage(body.success);\r\n setWasUpload(true);\r\n } catch (error) {\r\n setMessage(error.message);\r\n setError(true);\r\n }\r\n\r\n setIsLoading(false);\r\n };\r\n\r\n const removeFile = (fileName) => {\r\n delete files[fileName];\r\n setFiles({ ...files });\r\n callUpdateFilesCb({ ...files });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {dictionary.researchProtocol.title}
\r\n\r\n
\r\n \r\n
\r\n \r\n The research protocol should contain a full description of\r\n the project stages that pertain to the experimental method and all\r\n interaction with human subjects.
If the project contains a\r\n series of experiments, describe the variations.
Include a\r\n description of type and number of subjects and the subject\r\n recruitment method.
If this type of protocol is one\r\n commonly used and/or if a similar protocol and method have been used\r\n and published in the literature, please add references.
\r\n \r\n Do not submit the project proposal that was submitted to the\r\n funding agency.\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n Upload files and click this button: \r\n \r\n Submit files\r\n \r\n \r\n {isLoading &&
\r\n \r\n {isImageFile && (\r\n \r\n {file.name}\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Step11;\r\n","import React, { useContext } from \"react\";\r\n/*import PropTypes from \"prop-types\";*/\r\nimport FormContext from \"../../context/FormContext\";\r\nimport Step1 from \"./Step1\";\r\nimport Step2 from \"./Step2\";\r\nimport Step3 from \"./Step3\";\r\nimport Step4 from \"./Step4\";\r\nimport Step5 from \"./Step5\";\r\nimport Step6 from \"./Step6\";\r\nimport Step7 from \"./Step7\";\r\nimport Step8 from \"./Step8\";\r\nimport Step9 from \"./Step9\";\r\nimport Step10 from \"./Step10\";\r\nimport Step11 from \"./Step11\";\r\n\r\nconst Step = (props) => {\r\n const myContext = useContext(FormContext);\r\n switch (myContext.state.currentStep) {\r\n case 1:\r\n return \r\n
\r\n \r\n
\r\n {dictionary.researchConsent.title}
\r\n\r\n
\r\n \r\n
\r\n \r\n Please upload Consent Forms that will be used in the study, to be\r\n signed by your participants.
\r\n Requests sent without the Consent Form will not be processed.\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default StausBar;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\nimport * as consts from \"../../config/Constants\";\r\n\r\nconst FormNavigateBtns = (props) => {\r\n const myContext = useContext(FormContext);\r\n\r\n const previousButton = () => {\r\n let currentStep = myContext.state.currentStep;\r\n if (currentStep !== 1) {\r\n return (\r\n \r\n \r\n {dictionary.global.previous}\r\n \r\n
\r\n );\r\n }\r\n return null;\r\n };\r\n\r\n const nextButton = () => {\r\n let currentStep = myContext.state.currentStep;\r\n if (currentStep < consts.NUM_OF_STEPS) {\r\n return (\r\n \r\n \r\n {dictionary.global.next}\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n \r\n {dictionary.global.submit}\r\n \r\n \r\n Please press the \"Submit files\" button, before submitting the\r\n request !\r\n \r\n
\r\n );\r\n }\r\n };\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Message;","import React from 'react';\r\n\r\nimport classes from './Spinner.module.css';\r\n\r\nconst spinner = () => (\r\n {props.header}
\r\n\r\n {props.mainContent}\r\n
\r\n\r\n
\r\n {props.secondaryContent}\r\n
\r\nLoading...
\r\n);\r\n\r\nexport default spinner;","import React, {\r\n Component,\r\n useState,\r\n useEffect,\r\n useRef,\r\n useContext,\r\n} from \"react\";\r\nimport Step from \"./Step\";\r\nimport StausBar from \"../UI/StatusBar/StatusBar\";\r\nimport FormNavigateBtns from \"./FormNavigateBtns\";\r\nimport Message from \"../UI/Bootstrap/Message/Message\";\r\nimport Spinner from \"../UI/Spinner/Spinner\";\r\nimport { FormProvider } from \"../../context/FormContext\";\r\nimport * as consts from \"../../config/Constants\";\r\nimport { URL } from \"../../config/Constants\";\r\nimport { tokenConfig } from \"../../config/tokenConfig\";\r\nimport UserContext from \"../../context/UserContext\";\r\n\r\n//TODO formik and react-hook-form\r\nconst Form = (props) => {\r\n const userContext = useContext(UserContext);\r\n\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [error, setError] = useState(null);\r\n const [requestObjectState, setRequestObjectState] = useState({\r\n requestNumber: 0,\r\n requestSubNumber: 1,\r\n });\r\n const isFirstRender = useRef(true);\r\n\r\n const [formState, setFormState] = useState({\r\n currentStep: 1,\r\n isSubmmited: false,\r\n submittedMessageHeader: \"\",\r\n submittedMessageMainContent: \"\",\r\n submittedMessageSecondaryContent: \"\",\r\n gotData: false,\r\n //step 1\r\n reserachDetails: {\r\n researchName: \"\",\r\n agency: \"\",\r\n firstInvestigatorName: \"\",\r\n firstInvestigatorDepartment: \"\",\r\n firstInvestigatorAcademicDegree: \"Select\",\r\n firstInvestigatorPhone: \"\",\r\n firstInvestigatorEmail: \"\",\r\n secondInvestigatorName: \"\",\r\n secondInvestigatorDepartment: \"\",\r\n secondInvestigatorAcademicDegree: \"Select\",\r\n secondInvestigatorPhone: \"\",\r\n secondInvestigatorEmail: \"\",\r\n firstConductorName: \"\",\r\n firstConductorDepartment: \"\",\r\n firstConductorAcademicDegree: \"Select\",\r\n firstConductorPhone: \"\",\r\n firstConductorEmail: \"\",\r\n secondConductorName: \"\",\r\n secondConductorDepartment: \"\",\r\n secondConductorAcademicDegree: \"Select\",\r\n secondConductorPhone: \"\",\r\n secondConductorEmail: \"\",\r\n },\r\n //step 2\r\n consentToParticipate: {\r\n q1: null,\r\n q2: null,\r\n q3: null,\r\n q4: null,\r\n q5: null,\r\n q2comments: \"\",\r\n q3comments: \"\",\r\n q5comments: \"\",\r\n q6comments: \"\",\r\n },\r\n //step 3\r\n discomfort: {\r\n q7: null,\r\n q8: null,\r\n q7and8comments: \"\",\r\n },\r\n //step 4\r\n deception: {\r\n q9: null,\r\n q10: null,\r\n q9and10comments: \"\",\r\n },\r\n //step 5\r\n feedbackToTheSubject: {\r\n q11: null,\r\n q12: null,\r\n q11and12comments: \"\",\r\n },\r\n //step 6\r\n compensationForParticipation: {\r\n q13: null,\r\n q13comments: \"\",\r\n q14comments: \"\",\r\n },\r\n //step 7\r\n privacy: {\r\n q15: null,\r\n q15A: null,\r\n q16: null,\r\n q16commentsA: \"\",\r\n q16commentsB: \"\",\r\n q16commentsC: \"\",\r\n },\r\n //step 8\r\n withdrawelFromTheStudy: {\r\n q17: null,\r\n q18: null,\r\n q18A: null,\r\n },\r\n //step 9\r\n researchEquipment: {\r\n q19: null,\r\n q19A: null,\r\n q20comments: \"\",\r\n },\r\n //step 10\r\n researchProtocol: {\r\n protocolText: \"\",\r\n },\r\n //step 11\r\n \r\n });\r\n\r\n const onFormInputChangeHandler = (event) => {\r\n let { name, value } = event.target;\r\n const type = event.target.getAttribute(\"type\");\r\n if (type === \"radio\") value = value === \"true\";\r\n\r\n const nameArr = name.split(\".\");\r\n if (nameArr.length === 2) {\r\n //this is object\r\n const newState = { ...formState };\r\n newState[nameArr[0]][nameArr[1]] = value;\r\n setFormState(newState);\r\n } else {\r\n //this is string\r\n setFormState((prevState) => {\r\n return { ...prevState, name: value };\r\n });\r\n }\r\n };\r\n\r\n const handleSubmit = (event) => {\r\n event.preventDefault();\r\n /*const { email, username, password } = this.state;\r\n alert(`Your registration detail: \\n \r\n Email: ${email} \\n \r\n Username: ${username} \\n\r\n Password: ${password}`);*/\r\n };\r\n\r\n const saveCurrStepInDB = async () => {\r\n //TODO-setLoading and set Error should work\r\n //setIsLoading(true);\r\n //setError(null);\r\n try {\r\n let jsonObj = formState.consentToParticipate;\r\n switch (formState.currentStep) {\r\n case 1:\r\n jsonObj = JSON.stringify(formState.reserachDetails);\r\n break;\r\n case 2:\r\n jsonObj = JSON.stringify(formState.consentToParticipate);\r\n break;\r\n case 3:\r\n jsonObj = JSON.stringify(formState.discomfort);\r\n break;\r\n case 4:\r\n jsonObj = JSON.stringify(formState.deception);\r\n break;\r\n case 5:\r\n jsonObj = JSON.stringify(formState.feedbackToTheSubject);\r\n break;\r\n case 6:\r\n jsonObj = JSON.stringify(formState.compensationForParticipation);\r\n break;\r\n case 7:\r\n jsonObj = JSON.stringify(formState.privacy);\r\n break;\r\n case 8:\r\n jsonObj = JSON.stringify(formState.withdrawelFromTheStudy);\r\n break;\r\n case 9:\r\n jsonObj = JSON.stringify(formState.researchEquipment);\r\n break;\r\n case 10:\r\n jsonObj = JSON.stringify(formState.researchProtocol);\r\n break;\r\n case 11:\r\n jsonObj = JSON.stringify({\r\n isLastFormStep: true,\r\n });\r\n break;\r\n default:\r\n jsonObj = null;\r\n }\r\n const customHeaders = tokenConfig(userContext.token);\r\n\r\n const response = await fetch(\r\n `${URL}/requests/${requestObjectState.requestNumber}/${requestObjectState.requestSubNumber}`,\r\n {\r\n method: \"put\",\r\n headers: customHeaders.headers,\r\n body: jsonObj,\r\n }\r\n ); //https://randomuser.me/api/?results=100\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n //setData(contacts);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n //setIsLoading(false);\r\n };\r\n\r\n const _next = () => {\r\n let currentStep = formState.currentStep;\r\n saveCurrStepInDB();\r\n currentStep =\r\n currentStep >= consts.NUM_OF_STEPS - 1\r\n ? consts.NUM_OF_STEPS\r\n : currentStep + 1;\r\n setFormState((prevState) => {\r\n return { ...prevState, currentStep: currentStep };\r\n });\r\n };\r\n\r\n const _submit = () => {\r\n saveCurrStepInDB();\r\n /*TODO what will going to be if isSubnitted with error??? */\r\n setFormState((prevState) => {\r\n return {\r\n ...prevState,\r\n isSubmmited: true,\r\n submittedMessageHeader: \"Your request has been sent\",\r\n submittedMessageMainContent:\r\n \"Thank you for completing the form request. An email confirming your request is waiting for you in your inbox. You can return to your page of requests\",\r\n submittedMessageSecondaryContent:\r\n \"\",\r\n };\r\n });\r\n };\r\n\r\n const _prev = () => {\r\n let currentStep = formState.currentStep;\r\n currentStep = currentStep <= 1 ? 1 : currentStep - 1;\r\n setFormState((prevState) => {\r\n return { ...prevState, currentStep: currentStep };\r\n });\r\n };\r\n\r\n const getRequestDetails = async (fetchURL) => {\r\n setIsLoading(true);\r\n setError(null);\r\n try {\r\n const customHeaders = tokenConfig(userContext.token);\r\n const response = await fetch(fetchURL, {\r\n headers: customHeaders.headers,\r\n });\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n if (body.results) {\r\n const result = body.results[0];\r\n setFormState((prevState) => {\r\n return { ...prevState, ...result, gotData: true };\r\n });\r\n console.log(result); //result will be rendered instead of Hi there!
\r\n } else {\r\n setFormState((prevState) => {\r\n return { ...prevState, gotData: true };\r\n });\r\n }\r\n } catch (error) {\r\n setError(error.message);\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n const getNextRequestCounter = async () => {\r\n setIsLoading(true);\r\n setError(null);\r\n try {\r\n const customHeaders = tokenConfig(userContext.token);\r\n\r\n const response = await fetch(`${URL}/requests/requestCounter`, {\r\n headers: customHeaders.headers,\r\n });\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n const result = body.result;\r\n //setRequestNumber(result);\r\n let updatedState = { ...requestObjectState };\r\n updatedState[\"requestNumber\"] = result;\r\n setRequestObjectState(updatedState);\r\n } catch (error) {\r\n setError(error.message);\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n useEffect(() => {\r\n var urlState = props.location.state;\r\n if (isFirstRender.current) {\r\n isFirstRender.current = false; // toggle flag after first render/mounting\r\n if (urlState.isNewRequest) {\r\n getNextRequestCounter(); //calling to setRequestObjectState\r\n } else {\r\n let updatedState = { ...requestObjectState };\r\n updatedState[\"requestNumber\"] = urlState.request;\r\n updatedState[\"requestSubNumber\"] = urlState.subRequest;\r\n setRequestObjectState(updatedState);\r\n }\r\n return;\r\n }\r\n let fetchURL = \"\";\r\n if (urlState.isNewRequest) {\r\n fetchURL = `${URL}/requests/${requestObjectState.requestNumber}/${requestObjectState.requestSubNumber}`;\r\n } else {\r\n fetchURL = `${URL}/requests/${requestObjectState.requestNumber}/${urlState.originalSubRequest}`;\r\n }\r\n // do something after state has updated\r\n getRequestDetails(fetchURL);\r\n }, [requestObjectState]);\r\n\r\n return (\r\nSomething wrong with form....
\r\n )}\r\n {isLoading &&{error}
}\r\n\r\n {column.canFilter && column.render(\"Filter\")}\r\n
\r\n )\r\n}\r\n\r\nexport const DefaultColumnFilter = ({\r\n column: {\r\n filterValue,\r\n setFilter,\r\n preFilteredRows: { length },\r\n },\r\n}) => {\r\n return (\r\n \r\n {props.message} \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ModalConfirm;","import { useEffect, useState, useMemo, useRef, useContext } from \"react\";\r\nimport React from \"react\";\r\nimport Spinner from \"../UI/Spinner/Spinner\";\r\nimport { format } from \"date-fns\";\r\nimport { Container, Row, Col, Button } from \"reactstrap\";\r\nimport TableContainer from \"../Tables/TableContainer\";\r\nimport { URL } from \"../../config/Constants\";\r\nimport FormOfTableInputs from \"../Tables/FormOfTableInputs\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport { tokenConfig } from \"../../config/tokenConfig\";\r\n\r\nconst EditRequestStatus = (props) => {\r\n const userContext = useContext(UserContext);\r\n const [data, setData] = useState([]);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [error, setError] = useState(null);\r\n const [statusList, setStatusList] = useState([]);\r\n const [membersList, setmembersList] = useState([]);\r\n const [currItem, setCurrItem] = useState({\r\n requestStatus: \"Submitted\",\r\n receiverBguID: {},\r\n requestStageComments: \"\",\r\n });\r\n\r\n const titleRef = useRef(\"\");\r\n const reseracherID=useRef(\"\");\r\n const headersInputConfig = [\r\n {\r\n elementType: \"select\",\r\n elementConfig: {\r\n options: statusList,\r\n id: \"requestStatus\",\r\n name: \"requestStatus\",\r\n },\r\n labelConfig: {\r\n dbField: \"requestStatus\",\r\n title: \"Add status:\",\r\n },\r\n wrapperConfig: {},\r\n },\r\n {\r\n elementType: \"checkboxList\",\r\n elementConfig: {\r\n options: membersList,\r\n type: \"checkbox\",\r\n id: \"receiverBguID\",\r\n name: \"receiverBguID\",\r\n },\r\n labelConfig: {\r\n dbField: \"receiverBguID\",\r\n title: \"For user/s: (You must check at least one person)\",\r\n },\r\n wrapperConfig: {},\r\n },\r\n {\r\n elementType: \"textarea\",\r\n elementConfig: {\r\n id: \"requestStageComments\",\r\n name: \"requestStageComments\",\r\n rows: 4,\r\n cols: 50,\r\n },\r\n labelConfig: {\r\n dbField: \"requestStageComments\",\r\n title: \"Comments:\",\r\n },\r\n wrapperConfig: {},\r\n },\r\n ];\r\n // Those columns dont need to be changed in every rerendering\r\n // but, because it is an array, and arry it is an object. it will be rendered.\r\n // we are avoiding it, by using \"useMemo\" hook, that doing mempoization to this const.\r\n const columns = useMemo(\r\n () => [\r\n {\r\n id: \"executionDate\",\r\n Header: \"Submission date\",\r\n accessor: \"executionDate\",\r\n Cell: ({ value }) => {\r\n return format(new Date(value), \"dd/MM/yyyy\");\r\n },\r\n disableFilters: true,\r\n disableSortBy: true,\r\n },\r\n {\r\n id: \"executerBguName\",\r\n Header: \"Submission user\",\r\n accessor: \"executerBguName\",\r\n disableFilters: true,\r\n disableSortBy: true,\r\n },\r\n {\r\n id: \"statusDescription\",\r\n Header: \"Request status\",\r\n accessor: \"statusDescription\",\r\n disableFilters: true,\r\n disableSortBy: true,\r\n },\r\n {\r\n id: \"receiversList\",\r\n Header: \"Reviewers\",\r\n accessor: \"receiversList\",\r\n disableFilters: true,\r\n disableSortBy: true,\r\n },\r\n ],\r\n []\r\n );\r\n\r\n //TODO- change on change not to be called in every char we type\r\n const onChange = (e) => {\r\n let type = e.target.type;\r\n let updateItem = { ...currItem };\r\n switch (type) {\r\n case \"checkbox\":\r\n updateItem[e.target.name][e.target.id] = e.target.checked;\r\n break;\r\n default:\r\n updateItem[e.target.name] = e.target.value;\r\n break;\r\n }\r\n setCurrItem(updateItem);\r\n };\r\n\r\n const doFetch = async () => {\r\n setIsLoading(true);\r\n setError(null);\r\n try {\r\n await getSubmissionTableData();\r\n await getAllStatusForDDL();\r\n await getAllCommitteeUsersForCheckboxList();\r\n } catch (error) {\r\n setError(error.message);\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n const getAllCommitteeUsersForCheckboxList = async () => {\r\n const customHeaders = tokenConfig(userContext.token);\r\n const response = await fetch(`${URL}/members/membersJSON`, {\r\n headers: customHeaders.headers,\r\n });\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n\r\n const members = body.results;\r\n //console.log(members);\r\n let updatedMemberList = [...members];\r\n updatedMemberList.push(reseracherID.current);\r\n setmembersList(updatedMemberList);\r\n initReceiversBguID(updatedMemberList);\r\n };\r\n const getSubmissionTableData = async () => {\r\n const customHeaders = tokenConfig(userContext.token);\r\n const response = await fetch(\r\n `${URL}/stages/${props.request}/${props.subRequest}`,\r\n { headers: customHeaders.headers }\r\n );\r\n titleRef.current = `Request stages for submission num ${props.request}.${props.subRequest}`;\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n\r\n const stages = body.results;\r\n setData(stages);\r\n reseracherID.current = {\r\n key: body.researcherID,\r\n value: \"Request's reseracher\",\r\n };\r\n \r\n };\r\n const getAllStatusForDDL = async () => {\r\n const customHeaders = tokenConfig(userContext.token);\r\n const response = await fetch(`${URL}/status/statusJson`, {\r\n headers: customHeaders.headers,\r\n });\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n\r\n const status = body.results;\r\n //console.log(status);\r\n setStatusList(status);\r\n };\r\n\r\n const initReceiversBguID = (members) => {\r\n let newObj = {};\r\n members.forEach((item) => {\r\n newObj[item.key] = false;\r\n });\r\n let updatedCurrItem = { ...currItem };\r\n updatedCurrItem.receiverBguID = newObj;\r\n setCurrItem(updatedCurrItem);\r\n };\r\n\r\n const convertMapToArrString = (myMap) => {\r\n let newArr = [];\r\n for (let [key, value] of Object.entries(myMap)) {\r\n if (value) {\r\n newArr.push(key);\r\n }\r\n }\r\n return newArr.join();\r\n };\r\n const submit = (e) => {\r\n e.preventDefault();\r\n //remove the \"userID\" field from the json that will be sent\r\n let receiversArr = convertMapToArrString(currItem.receiverBguID);\r\n const obj = { ...currItem, receiverBguID: receiversArr };\r\n const jsonObj = JSON.stringify(obj);\r\n const customHeaders = tokenConfig(userContext.token);\r\n fetch(\r\n `${URL}/requests/requestStatusStage/${props.request}/${props.subRequest}`,\r\n {\r\n method: \"put\",\r\n headers: customHeaders.headers,\r\n body: jsonObj,\r\n }\r\n )\r\n .then((response) => response.json())\r\n .then((item) => {\r\n if (item) {\r\n props.updateState(item);\r\n props.toggle();\r\n } else {\r\n console.log(\"failure\");\r\n //TODO\r\n //להציג הודעת שגיאה\r\n //לסגור את הפופ אפ\r\n }\r\n })\r\n .catch((err) => console.log(err));\r\n };\r\n\r\n useEffect(() => {\r\n doFetch();\r\n }, []);\r\n return (\r\n \r\n {titleRef.current}\r\n
\r\n \r\nRequests not found
\r\n )}\r\n {isLoading &&{error}
}\r\n \r\n\r\n
\r\n {titleRef.current}\r\n
\r\n \r\nRequests not found
\r\n )}\r\n {isLoading &&{error}
}\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {dictionary.consentToParticipate.title}
\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 {myContext.state.consentToParticipate.q3comments &&\r\n {myContext.state.consentToParticipate.q3comments}}\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 {myContext.state.consentToParticipate.q5comments &&\r\n {myContext.state.consentToParticipate.q5comments}}\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 {myContext.state.consentToParticipate.q2comments &&\r\n {myContext.state.consentToParticipate.q2comments}}\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 Step2;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\n\r\nconst Step3 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n {/**/}\r\n {myContext.state.consentToParticipate.q6comments &&\r\n {myContext.state.consentToParticipate.q6comments}}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Step3;\r\n","import React, { useContext } from 'react'\r\nimport FormContext from '../../context/FormContext'\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\n\r\nconst Step4=()=>{\r\n\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n
\r\n \r\n
\r\n {dictionary.discomfort.title}
\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 {myContext.state.discomfort.q7and8comments &&\r\n {myContext.state.discomfort.q7and8comments}}\r\n
\r\n \r\n {/*
\r\n
\r\n );\r\n}\r\n\r\nexport default Step4","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step5 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n
\r\n \r\n
\r\n {dictionary.deception.title}
\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 {myContext.state.deception.q9and10comments &&\r\n {myContext.state.deception.q9and10comments}}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Step5;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step6 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n
\r\n \r\n
\r\n {dictionary.feedbackToTheSubject.title}
\r\n\r\n
\r\n \r\n \r\n {\" \"}\r\n {dictionary.feedbackToTheSubject.note}\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 {myContext.state.feedbackToTheSubject.q11and12comments &&\r\n {myContext.state.feedbackToTheSubject.q11and12comments}}\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n {dictionary.compensationForParticipation.title}
\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 {myContext.state.compensationForParticipation.q13comments &&\r\n {myContext.state.compensationForParticipation.q13comments}}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Step6;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step7 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n \r\n {/**/}\r\n {myContext.state.compensationForParticipation.q14comments &&\r\n {myContext.state.compensationForParticipation.q14comments}}\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n {dictionary.privacy.title}
\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 {myContext.state.privacy.q16commentsA &&\r\n {myContext.state.privacy.q16commentsA}}\r\n
\r\n \r\n \r\n \r\n {/* */}\r\n {myContext.state.privacy.q16commentsB &&\r\n {myContext.state.privacy.q16commentsB}}\r\n
\r\n \r\n \r\n \r\n {/**/}\r\n {myContext.state.privacy.q16commentsC &&\r\n {myContext.state.privacy.q16commentsC}}\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Step7;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step9 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {dictionary.researchEquipment.title}
\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\nexport default Step9;\r\n","import React, { useContext } from \"react\";\r\nimport FormContext from \"../../context/FormContext\";\r\nimport dictionary from \"../../config/dictionary.json\";\r\n\r\nconst Step10 = () => {\r\n const myContext = useContext(FormContext);\r\n return (\r\n \r\n \r\n {/**/}\r\n {myContext.state.researchEquipment.q20comments &&\r\n {myContext.state.researchEquipment.q20comments}}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Step10;\r\n","import React, { useEffect, useState, useRef, useContext } from \"react\";\r\nimport PdfContainer from \"../PDF/PdfContainer\";\r\nimport Doc from \"../PDF/DocService\";\r\nimport { FormProvider } from \"../../context/FormContext\";\r\nimport { URL } from \"../../config/Constants\";\r\nimport Step1 from \"./Step1\";\r\nimport Step2ForPDF from \"./Step2ForPDF\";\r\nimport Step3ForPDF from \"./Step3ForPDF\";\r\nimport Step4ForPDF from \"./Step4ForPDF\";\r\nimport Step5ForPDF from \"./Step5ForPDF\";\r\nimport Step6ForPDF from \"./Step6ForPDF\";\r\nimport Step7ForPDF from \"./Step7ForPDF\";\r\nimport Step8 from \"./Step8\";\r\nimport Step9ForPDF from \"./Step9ForPDF\";\r\nimport Step10ForPDF from \"./Step10ForPDF\"\r\nimport { tokenConfig } from \"../../config/tokenConfig\";\r\nimport UserContext from \"../../context/UserContext\";\r\n\r\nconst PDFform = (props) => {\r\n const userContext = useContext(UserContext);\r\n\r\n const [formState, setFormState] = useState({\r\n currentStep: 1,\r\n isSubmmited: false,\r\n submittedMessageHeader: \"\",\r\n submittedMessageMainContent: \"\",\r\n submittedMessageSecondaryContent: \"\",\r\n hasError: false,\r\n //step 1\r\n reserachDetails: {\r\n researchName: \"\",\r\n agency: \"\",\r\n firstInvestigatorName: \"\",\r\n firstInvestigatorDepartment: \"\",\r\n firstInvestigatorAcademicDegree: \"Select\",\r\n firstInvestigatorPhone: \"\",\r\n firstInvestigatorEmail: \"\",\r\n secondInvestigatorName: \"\",\r\n secondInvestigatorDepartment: \"\",\r\n secondInvestigatorAcademicDegree: \"Select\",\r\n secondInvestigatorPhone: \"\",\r\n secondInvestigatorEmail: \"\",\r\n firstConductorName: \"\",\r\n firstConductorDepartment: \"\",\r\n firstConductorAcademicDegree: \"Select\",\r\n firstConductorPhone: \"\",\r\n firstConductorEmail: \"\",\r\n secondConductorName: \"\",\r\n secondConductorDepartment: \"\",\r\n secondConductorAcademicDegree: \"Select\",\r\n secondConductorPhone: \"\",\r\n secondConductorEmail: \"\",\r\n },\r\n //step 2\r\n consentToParticipate: {\r\n q1: null,\r\n q2: null,\r\n q3: null,\r\n q4: null,\r\n q5: null,\r\n q2comments: \"\",\r\n q3comments: \"\",\r\n q5comments: \"\",\r\n q6comments: \"\",\r\n },\r\n //step 3\r\n discomfort: {\r\n q7: null,\r\n q8: null,\r\n q7and8comments: \"\",\r\n },\r\n //step 4\r\n deception: {\r\n q9: null,\r\n q10: null,\r\n q9and10comments: \"\",\r\n },\r\n //step 5\r\n feedbackToTheSubject: {\r\n q11: null,\r\n q12: null,\r\n q11and12comments: \"\",\r\n },\r\n //step 6\r\n compensationForParticipation: {\r\n q13: null,\r\n q13comments: \"\",\r\n q14comments: \"\",\r\n },\r\n //step 7\r\n privacy: {\r\n q15: null,\r\n q15A: null,\r\n q16: null,\r\n q16commentsA: \"\",\r\n q16commentsB: \"\",\r\n q16commentsC: \"\",\r\n },\r\n //step 8\r\n withdrawelFromTheStudy: {\r\n q17: null,\r\n q18: null,\r\n q18A: null,\r\n },\r\n //step 9\r\n researchEquipment: {\r\n q19: null,\r\n q19A: null,\r\n q20comments: \"\",\r\n },\r\n //step 10\r\n researchProtocol: {\r\n protocolText: \"\",\r\n },\r\n });\r\n const titleRef = useRef(\"\");\r\n titleRef.current = `Request num ${props.request}.${props.subRequest}`;\r\n\r\n const getRequestDetails = async () => {\r\n try {\r\n const customHeaders = tokenConfig(userContext.token);\r\n\r\n const response = await fetch(\r\n `${URL}/requests/${props.request}/${props.subRequest}`,\r\n { headers: customHeaders.headers }\r\n );\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n //TODO- if there is no row in the DB for this request and subrequest, because this is the begining of the submisiion of the request of the researcher, what should be here?\r\n const formStepsAnswers = body.results[0];\r\n setFormState((prevState) => {\r\n return { ...prevState, ...formStepsAnswers };\r\n });\r\n } catch (error) {}\r\n };\r\n\r\n const createPdf = (html) => Doc.createPdf(html);\r\n\r\n const onFormInputChangeHandler = (event) => {\r\n let { name, value } = event.target;\r\n const type = event.target.getAttribute(\"type\");\r\n if (type === \"radio\") value = value === \"true\";\r\n\r\n const nameArr = name.split(\".\");\r\n if (nameArr.length === 2) {\r\n //this is object\r\n const newState = { ...formState };\r\n newState[nameArr[0]][nameArr[1]] = value;\r\n setFormState(newState);\r\n } else {\r\n //this is string\r\n setFormState((prevState) => {\r\n return { ...prevState, name: value };\r\n });\r\n }\r\n };\r\n useEffect(() => {\r\n getRequestDetails();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {dictionary.researchProtocol.title}
\r\n\r\n
\r\n \r\n
\r\n \r\n The research protocol should contain a full description of\r\n the project stages that pertain to the experimental method and all\r\n interaction with human subjects.
If the project contains a series\r\n of experiments, describe the variations.
Include a description of\r\n type and number of subjects and the subject recruitment method.
If\r\n this type of protocol is one commonly used and/or if a similar\r\n protocol and method have been used and published in the literature,\r\n please add references.
\r\n \r\n Do not submit the project proposal that was submitted to the funding agency.\r\n \r\n
\r\n
\r\n
\r\n \r\n {/**/}\r\n {myContext.state.researchProtocol.protocolText &&\r\n {myContext.state.researchProtocol.protocolText}}\r\n
\r\n \r\n {titleRef.current}\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 Human Subjects Research Committee\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n Sincerely,\r\n
Chairman of the Human Subject Research Committee\r\n \r\n
\r\n \r\n \r\n {format(new Date(data.aprrovedInDate), \"dd/MM/yyyy\")}\r\n
\r\n \r\n \r\n {data.fullName}\r\n
\r\n \r\n \r\n \r\n Chairperson, Human Subjects Research Committee of Ben-Gurion\r\n University\r\n \r\n
\r\n \r\n \r\n Application for ethics approval for research project\r\n
\r\n \r\n \r\n {data.requestFullNumber}\r\n
\r\n \r\n \r\n {data.researchName}\r\n
\r\n \r\n \r\n
\r\n \r\n After discussion, the HSR committee of Ben-Gurion University has\r\n approved your request.\r\n
Conditions: None\r\n \r\n
\r\n \r\n \r\n After discussion, the HSR committee of Ben-Gurion University has\r\n approved your request.\r\n
Conditions: None\r\n \r\n
\r\n\r\n
\r\n Notice: (1) Any appreciable change to the research protocol (that\r\n might be relevant to its ethical status) requires resubmission to\r\n the HSR Committee for re-approval.
\r\n (2) Any unexpected adverse effect to research subjects must be\r\n immediately reported to the HSR Committee.\r\n
\r\n
\r\n Note: The decision of this committee pertains only to ethical\r\n considerations involved in the conduct of the research\r\n
\r\n\r\n Sincerely,\r\n
\r\n \r\n
\r\n \r\n Prof. Golan Shachar\r\n Chairman of the Human Subject Research Committee\r\n \r\n
\r\n {button}\r\n \r\n \r\n {title}\r\n \r\n {modalContent} \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ModalForm;\r\n","import React, { useEffect, useState, useContext } from \"react\";\r\nimport { saveAs } from \"file-saver\";\r\nimport { Button } from \"reactstrap\";\r\nimport JSZip from \"jszip\";\r\nimport JSZipUtils from \"../../utils/JSZipUtils\";\r\nimport { tokenConfig } from \"../../config/tokenConfig\";\r\nimport { URL } from \"../../config/Constants\";\r\nimport UserContext from \"../../context/UserContext\";\r\n\r\nconst ZipDownload = (props) => {\r\n const [urlsArray, setUrlsArray] = useState([]);\r\n const userContext = useContext(UserContext);\r\n\r\n const download = async() => {\r\n const urls = urlsArray;\r\n if(urls.length===0){\r\n alert(\"There are no files to download\");\r\n return;\r\n }\r\n const zip = new JSZip();\r\n let count = 0;\r\n const folderName = props.request + \"_\" + props.subRequst;\r\n const zipFilename = folderName + \".zip\";\r\n urls.forEach(async function (urlElem) {\r\n const fileName = urlElem.name;\r\n try {\r\n const customHeaders = tokenConfig(userContext.token);\r\n const response = await fetch(`${URL}/files/${folderName}/${fileName}`, {\r\n headers: customHeaders.headers,\r\n });\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n \r\n const newUrl = response.url;\r\n const file = await JSZipUtils.getBinaryContent(newUrl);\r\n zip.file(fileName, file, { binary: true });\r\n count++;\r\n if (count === urls.length) {\r\n zip.generateAsync({ type: \"blob\" }).then(function (content) {\r\n saveAs(content, zipFilename);\r\n });\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n });\r\n };\r\n\r\n const getAllFilesOfRequest = async () => {\r\n try {\r\n //`${URL}/requests/requestFiles/${props.request}/${props.subRequst}`\r\n const customHeaders = tokenConfig(userContext.token);\r\n const folderName = `${props.request}_${props.subRequst}`;\r\n const response = await fetch(\r\n `${URL}/files/${folderName}`,\r\n {\r\n headers: customHeaders.headers,\r\n }\r\n );\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n setUrlsArray(body);\r\n } catch (error) {}\r\n };\r\n useEffect(() => {\r\n getAllFilesOfRequest();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ZipDownload;\r\n","import React, { useContext } from \"react\";\r\nimport { useTable, useSortBy, useFilters, usePagination } from \"react-table\";\r\nimport { Table, Row, Col, Button, Input, CustomInput } from \"reactstrap\";\r\nimport { Filter, DefaultColumnFilter } from \"./TableFilters\";\r\nimport ModalForm from \"../UI/Bootstrap/ModalForm/ModalForm\";\r\nimport {\r\n statusMapForEdit,\r\n statusMapForDelete,\r\n} from \"../../config/RequestStatus\";\r\nimport { URL } from \"../../config/Constants\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { tokenConfig } from \"../../config/tokenConfig\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport ZipDownload from \"../ZipDownload/ZipDownload\";\r\n\r\nconst TableContainer = ({\r\n columns,\r\n data,\r\n headersInputConfig,\r\n updateState,\r\n deleteItemFromState,\r\n type,\r\n rowID,\r\n}) => {\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n prepareRow,\r\n // below new props related to 'usePagination' hook\r\n canPreviousPage,\r\n canNextPage,\r\n pageOptions,\r\n pageCount,\r\n gotoPage,\r\n nextPage,\r\n previousPage,\r\n setPageSize,\r\n state: { pageIndex, pageSize },\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n defaultColumn: { Filter: DefaultColumnFilter },\r\n initialState: { pageIndex: 0, pageSize: 10 },\r\n },\r\n useFilters,\r\n useSortBy,\r\n usePagination\r\n );\r\n\r\n const history = useHistory();\r\n const userContext = useContext(UserContext);\r\n\r\n const generateSortingIndicator = (column) => {\r\n return column.isSorted ? (column.isSortedDesc ? \" 🔽\" : \" 🔼\") : \"\";\r\n };\r\n\r\n const onChangeInSelect = (event) => {\r\n setPageSize(Number(event.target.value));\r\n };\r\n\r\n const onChangeInInput = (event) => {\r\n const page = event.target.value ? Number(event.target.value) - 1 : 0;\r\n gotoPage(page);\r\n };\r\n\r\n const deleteRowFromTable = (id) => {\r\n let url = \"\";\r\n switch (type) {\r\n case \"members\":\r\n url = `${URL}/members/${id}`;\r\n break;\r\n case \"meetings\":\r\n url = `${URL}/meetings/${id}`;\r\n break;\r\n\r\n default:\r\n url = null;\r\n }\r\n const customHeaders = tokenConfig(userContext.token);\r\n fetch(url, {\r\n method: \"delete\",\r\n headers: customHeaders.headers,\r\n })\r\n .then((response) => response.json())\r\n .then((item) => {\r\n if (item.returnValue === 1) {\r\n //ok\r\n //row has changed in DB\r\n deleteItemFromState(id);\r\n } else {\r\n //console.log(\"failure\");\r\n }\r\n })\r\n .catch((err) => console.log(err));\r\n };\r\n\r\n const deleteRequestFromTable = (id, subID) => {\r\n let url = `${URL}/requests/${id}/${subID}`;\r\n const customHeaders = tokenConfig(userContext.token);\r\n fetch(url, {\r\n method: \"delete\",\r\n headers: customHeaders.headers,\r\n })\r\n .then((response) => response.json())\r\n .then((item) => {\r\n if (item) {\r\n //ok\r\n //row has changed in DB\r\n deleteItemFromState(item);\r\n } else {\r\n console.log(\"failure\");\r\n }\r\n })\r\n .catch((err) => console.log(err));\r\n };\r\n\r\n const generateCustomColumns = (row) => {\r\n switch (type) {\r\n case \"requests\":\r\n return (\r\n \r\n
\r\n \r\n
\r\n | \r\n \r\n {column.render(\"Header\")}\r\n {generateSortingIndicator(column)}\r\n \r\n | \r\n ))}\r\n
|---|
| {cell.render(\"Cell\")} | \r\n );\r\n })}\r\n {generateCustomColumns(row)}\r\n
\r\n
\r\n );\r\n },\r\n },*/\r\n ],\r\n []\r\n );\r\n\r\n const doFetch = async () => {\r\n setIsLoading(true);\r\n setError(null);\r\n try {\r\n const customHeaders = tokenConfig(userContext.token);\r\n const response = await fetch(`${URL}/members`, {\r\n headers: customHeaders.headers,\r\n }); //https://randomuser.me/api/?results=100\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n\r\n const contacts = body.results;\r\n //console.log(contacts);\r\n setData(contacts);\r\n } catch (error) {\r\n setError(error.message);\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n useEffect(() => {\r\n doFetch();\r\n }, []);\r\n\r\n const updateState = (item) => {\r\n const itemIndex = data.findIndex((row) => row.userID === item.userID);\r\n const newArray = [\r\n // destructure all items from beginning to the indexed item\r\n ...data.slice(0, itemIndex),\r\n // add the updated item to the array\r\n item,\r\n // add the rest of the items to the array from the index after the replaced item\r\n ...data.slice(itemIndex + 1),\r\n ];\r\n setData(newArray);\r\n };\r\n\r\n const addItemToState = (item) => {\r\n setData((prevState) => [...prevState, item]);\r\n };\r\n\r\n const deleteItemFromState = (id) => {\r\n var updatedData = [...data];\r\n\r\n const updatedItems = updatedData.filter((item) => item.userID !== id);\r\n setData(updatedItems);\r\n };\r\n\r\n return (\r\n Members
\r\n \r\nMembers not found
\r\n )}\r\n {isLoading &&{error}
}\r\n \r\nMeeting table
\r\n \r\nMeetings not found
\r\n )}\r\n {isLoading &&{error}
}\r\n \r\nNo data available.
\r\n \r\n return\r\n
\r\n );\r\n};\r\n\r\nexport default Home;\r\n","import React, { useEffect, useState, useMemo, useContext } from \"react\";\r\nimport TableContainer from \"../Tables/TableContainer\";\r\nimport { Container, Row, Col, Button } from \"reactstrap\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { URL } from \"../../config/Constants\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport { COMMITTEE_ID } from \"../../config/Constants\";\r\nimport { tokenConfig } from \"../../config/tokenConfig\";\r\nimport {\r\n SelectColumnFilter,\r\n DefaultColumnFilter,\r\n Filter,\r\n} from \"../Tables/TableFilters\";\r\nimport ModalForm from \"../UI/Bootstrap/ModalForm/ModalForm\";\r\nimport classes from \"../Meetings/Meetings.module.css\";\r\nimport Spinner from \"../UI/Spinner/Spinner\";\r\nimport { format } from \"date-fns\";\r\n\r\n//TODO https://medium.com/we-code-we-write/consume-rest-apis-in-your-react-app-like-a-pro-using-services-983a6271494f\r\nconst Requests = () => {\r\n const [data, setData] = useState([]);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [error, setError] = useState(null);\r\n const history = useHistory();\r\n const userContext = useContext(UserContext);\r\n\r\n const headersInputConfig = [\r\n {\r\n elementType: \"input\",\r\n elementConfig: {\r\n type: \"text\",\r\n id: \"committeeMeetingID\",\r\n name: \"committeeMeetingID\",\r\n disabled: true,\r\n },\r\n labelConfig: {\r\n dbField: \"committeeMeetingID\",\r\n title: \"Meeting ID\",\r\n },\r\n wrapperConfig: {\r\n display: \"none\",\r\n },\r\n },\r\n {\r\n elementType: \"input\",\r\n elementConfig: {\r\n type: \"date\",\r\n id: \"committeeMeetingDate\",\r\n name: \"committeeMeetingDate\",\r\n },\r\n labelConfig: {\r\n dbField: \"committeeMeetingDate\",\r\n title: \"Date\",\r\n },\r\n wrapperConfig: {},\r\n },\r\n {\r\n elementType: \"input\",\r\n elementConfig: {\r\n type: \"text\",\r\n id: \"committeeLocation\",\r\n name: \"committeeLocation\",\r\n },\r\n labelConfig: {\r\n dbField: \"committeeLocation\",\r\n title: \"Location\",\r\n },\r\n wrapperConfig: {},\r\n },\r\n {\r\n elementType: \"textarea\",\r\n elementConfig: {\r\n id: \"committeeSubject\",\r\n name: \"committeeSubject\",\r\n rows: 4,\r\n cols: 50,\r\n },\r\n labelConfig: {\r\n dbField: \"committeeSubject\",\r\n title: \"Subject\",\r\n },\r\n wrapperConfig: {},\r\n },\r\n ];\r\n\r\n // Those columns dont need to be changed in every rerendering\r\n // but, because it is an array, and arry it is an object. it will be rendered.\r\n // we are avoiding it, by using \"useMemo\" hook, that doing mempoization to this const.\r\n const columns = useMemo(\r\n () => [\r\n {\r\n id: \"requestNumber\",\r\n Header: \"Submission number\",\r\n accessor: \"requestNumber\",\r\n disableSortBy: true,\r\n Filter: DefaultColumnFilter,\r\n show: true,\r\n },\r\n {\r\n id: \"requestSubNumber\",\r\n Header: \"Submission sub-number\",\r\n accessor: \"requestSubNumber\",\r\n disableSortBy: true,\r\n Filter: DefaultColumnFilter,\r\n },\r\n {\r\n id: \"requestInsertDate\",\r\n Header: \"Submission date\",\r\n accessor: \"requestInsertDate\",\r\n Cell: ({ value }) => {\r\n return format(new Date(value), \"dd/MM/yyyy\");\r\n },\r\n },\r\n {\r\n id: \"bguID\",\r\n Header: \"BGU user name\",\r\n accessor: \"bguID\",\r\n },\r\n {\r\n id: \"statusDescription\",\r\n Header: \"Request status\",\r\n accessor: \"statusDescription\",\r\n Filter: SelectColumnFilter,\r\n },\r\n {\r\n id: \"hasCertification\",\r\n Header: \"Approved by HSR\",\r\n accessor: \"hasCertification\",\r\n Cell: (row) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\t\t\tהאתר מיועד לבקשות שהוגשו עד לתאריך 1.10.2024\r\n\t\t\t
\r\n\t\t\t במידה ומדובר בבקשה חדשה יש לפנות לאתר החדש-\r\n\t\t\t
\r\n\t\t\t https://k2prod.bgu.ac.il/Runtime/Runtime/form/CommitteeSelectionForm\r\n\t\t\t
Human Subjects Research Committee Website
\r\n\r\n Research using human subjects has the potential to contribute\r\n significantly to the understanding of cognitive, behavioral,\r\n emotional, and social processes.\r\n
When conducting such research, the researcher is\r\n responsible for adhering to the code of ethics geared to\r\n protecting participants.\r\n
More specifically, the researcher is responsible for\r\n making sure that participants understand the nature of the study\r\n and what will be asked of them, what they will or will not receive\r\n as compensation for their participation, for treating participants\r\n respectfully, ensuring their well-being, and honoring their right\r\n to privacy.
When proposing research with human subjects,\r\n researchers are required to provide accurate information about\r\n their research and to obtain institutional approval before\r\n conducting the research.
In this website, you can find\r\n information about the Committee's function and what is needed in\r\n order to submit a request for approval for the research.
\r\n The entire approval request process is carried out via this\r\n website.\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n Our other committees
\r\n \r\n\r\n
\r\n \r\n
\r\n Departmental Ethics Committees
\r\n\r\n The Departmental Committees are responsible for evaluating all\r\n studies that are not funded or submitted to external granting\r\n institutions and that do not include the collection of\r\n biological samples (such as blood, cells, urine, semen, stool,\r\n sputum, tissues) or any invasive physical procedures including\r\n the intake of substances (e.g., alcohol, drugs).\r\n
\r\n
\r\n All research that is eligible for expedited review is to be\r\n submitted to the respective Departmental Ethics Committee\r\n for approval.\r\n \r\n Research may be considered for expedited review if it involves\r\n no more than minimal risk, does not include intentional\r\n deception, does not include vulnerable populations, does not\r\n address sensitive topics, and includes appropriate consent\r\n procedures.\r\n \r\n Minimal risk means that the probability and magnitude of\r\n psychological harm or discomfort anticipated in the research is\r\n not greater than those encountered in daily life and routine\r\n behavior. This includes, but is not limited to financial risk,\r\n employment risk, criminal/civil liability, stigmatization,\r\n insurability, emotional distress, embarrassment, and more.\r\n Sensitive populations include, but are not limited to, children,\r\n prisoners, etc. Sensitive topics include, but are not limited\r\n to, questions about clinical symptoms, sexuality, etc.\r\n
\r\n
\r\n Helsinki Ethics Committee
\r\n\r\n Evaluates studies that include the collection of biological\r\n samples (such as blood, cells, urine, semen, stool, sputum,\r\n tissues and/or any invasive physical procedures including the\r\n intake of substances (e.g., alcohol, drugs). The committee\r\n evaluates proposals based on the standards promoted by the\r\n Helsinki Declaration (1964). Currently, the university Helsinki\r\n Committee is based at Soroka Hospital.\r\n
\r\n
\r\n
\r\n );\r\n },\r\n },\r\n ],\r\n []\r\n );\r\n\r\n //todo\r\n //https://medium.com/trabe/using-renderless-components-in-react-to-handle-data-4c55f1e94dd4\r\n const doFetch = async () => {\r\n setIsLoading(true);\r\n setError(null);\r\n try {\r\n const customHeaders = tokenConfig(userContext.token);\r\n const response = await fetch(`${URL}/requests/`, {\r\n headers: customHeaders.headers,\r\n });\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n\r\n const requests = body.results;\r\n //console.log(requests);\r\n setData(requests);\r\n } catch (error) {\r\n setError(error.message);\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n useEffect(() => {\r\n doFetch();\r\n }, []);\r\n\r\n const deleteItemFromState = (item) => {\r\n const itemIndex = data.findIndex(\r\n (row) =>\r\n row.requestNumber === item.requestNumber &&\r\n row.requestSubNumber === item.requestSubNumber\r\n );\r\n const newArray = [\r\n // destructure all items from beginning to the indexed item\r\n ...data.slice(0, itemIndex),\r\n // add the updated item to the array\r\n item,\r\n // add the rest of the items to the array from the index after the replaced item\r\n ...data.slice(itemIndex + 1),\r\n ];\r\n setData(newArray);\r\n\r\n //todo - in DB- after we delete the row- should we insert this new status to the requestStageTable?\r\n };\r\n\r\n const handleRoute = () => {\r\n let urlState = {\r\n pathname: \"/form\",\r\n state: {\r\n request: null,\r\n subRequest: 1,\r\n isNewRequest: true,\r\n originalSubRequest: 1,\r\n },\r\n };\r\n history.push(urlState);\r\n };\r\n return (\r\n Your requests
\r\n \r\nRequests not found
\r\n )}\r\n {isLoading &&{error}
}\r\n \r\nAll requests
\r\n \r\nRequests not found
\r\n )}\r\n {isLoading &&{error}
}\r\n \r\n\r\n
\r\n )\r\n}\r\nexport default NotFound; ","import React, { useState, useEffect, useContext } from \"react\";\r\nimport { URL } from \"../../config/Constants\";\r\nimport classes from \"../NavbarAndDrawer/NavbarAndDrawer.module.css\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport TinySpinner from \"../UI/Spinner/TinySpinner\";\r\n\r\nconst Test = (props) => {\r\n const [userLoginDetails, setUserLoginDetails] = useState({\r\n userName: \"\",\r\n userPassword: \"\",\r\n userID: \"\",\r\n });\r\n\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [isLogIn, setIsLogin] = useState(false);\r\n const [isCompanyMember, setIsCompanyMember] = useState(false);\r\n const [error, setError] = useState(false);\r\n const [message, setMessage] = useState(\"\");\r\n const userContext = useContext(UserContext);\r\n const userAuth = userContext.authed;\r\n\r\n const onChangeHandler = (e) => {\r\n let { name, value } = e.target;\r\n let updatedState = { ...userLoginDetails };\r\n updatedState[name] = value;\r\n setUserLoginDetails(updatedState);\r\n };\r\n\r\n const padLeadingZeros = (num, size) => {\r\n var updatedNum = num + \"\";\r\n while (updatedNum.length < size) updatedNum = \"0\" + updatedNum;\r\n return updatedNum;\r\n };\r\n\r\n const convertIntUserTypeToString = (num) => {\r\n const adminsTypes = [1, 3]; //1=Head of committee, 3= Administrative assistant\r\n if (num === 0) {\r\n return \"Researcher\";\r\n } else if (adminsTypes.includes(num)) {\r\n return \"AdministrativeAssistant\";\r\n } else {\r\n return \"MemberOfCommittee\";\r\n }\r\n };\r\n\r\n const getUserType = async () => {\r\n let idWithLeadingZeros = padLeadingZeros(userLoginDetails.userID, 9);\r\n const bodyContent = {\r\n userName: userLoginDetails.userName,\r\n };\r\n const response = await fetch(`${URL}/members/${idWithLeadingZeros}`, {\r\n method: \"post\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify(bodyContent),\r\n credentials: \"include\",\r\n });\r\n if (!response.ok) {\r\n setError(true);\r\n setIsLoading(false);\r\n setMessage(\"something went wrong! try again!\");\r\n return;\r\n }\r\n const body = await response.json();\r\n const userTypeStr = convertIntUserTypeToString(body.data.result);\r\n userContext.handleChange(userTypeStr, true, userLoginDetails.userName);\r\n setIsLogin(true);\r\n setError(false);\r\n setIsLoading(false);\r\n setMessage(\"\");\r\n };\r\n\r\n const submitLogOut = async (e) => {\r\n e.preventDefault();\r\n fetch(`${URL}/login/logout/`, { credentials: \"include\" })\r\n .then((response) => {\r\n return response.json();\r\n })\r\n .then((response) => {\r\n console.log(response);\r\n userContext.handleChange(\"NoUser\", false, \"\");\r\n })\r\n .catch();\r\n };\r\n const submitHandler = async (e) => {\r\n e.preventDefault();\r\n setIsLoading(true);\r\n setError(false);\r\n fetch(`http://apps4cloud19.auth.ad.bgu.ac.il:84/api/AuthGen`, {\r\n method: \"post\",\r\n json: true,\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n UserName: userLoginDetails.userName,\r\n PassWord: userLoginDetails.userPassword,\r\n Id: userLoginDetails.userID,\r\n }),\r\n })\r\n .then((response) => {\r\n return response.json();\r\n })\r\n .then((response) => {\r\n //The combination of user, id and password is correct!\r\n if (response) {\r\n //getUserType();\r\n setIsCompanyMember(true);\r\n } else {\r\n //The combination of user, id and password is wrong!\r\n setError(true);\r\n setIsLoading(false);\r\n setMessage(\"combination of user,id an password didnt work!\");\r\n }\r\n })\r\n //unexpected problem...\r\n .catch(() => {\r\n setError(true);\r\n setIsLoading(false);\r\n setMessage(\"connection problem\");\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n fetch(`${URL}/login/`, { credentials: \"include\" })\r\n .then((response) => {\r\n return response.json();\r\n })\r\n .then((response) => {\r\n console.log(response);\r\n if (response.data.loggedIn === true) {\r\n setIsLogin(true);\r\n setError(false);\r\n setMessage(\"\");\r\n const userTypeStr = convertIntUserTypeToString(\r\n response.data.userType\r\n );\r\n userContext.handleChange(userTypeStr, true, response.data.userName);\r\n }\r\n })\r\n .catch();\r\n return () => {\r\n //for cleanup\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (isCompanyMember) {\r\n getUserType();\r\n }\r\n }, [isCompanyMember]);\r\n return (\r\n Oops... You have no permissions to this page...
\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 {/*{userAuth && (\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 Test;\r\n","import React, { useEffect, useState, useMemo, useContext } from \"react\";\r\nimport TableContainer from \"../Tables/TableContainer\";\r\nimport { Container, Row, Col, Button } from \"reactstrap\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { URL } from \"../../config/Constants\";\r\nimport {\r\n SelectColumnFilter,\r\n DefaultColumnFilter,\r\n Filter,\r\n} from \"../Tables/TableFilters\";\r\nimport ModalForm from \"../UI/Bootstrap/ModalForm/ModalForm\";\r\nimport classes from \"../Meetings/Meetings.module.css\";\r\nimport Spinner from \"../UI/Spinner/Spinner\";\r\nimport { format } from \"date-fns\";\r\nimport UserContext from \"../../context/UserContext\";\r\nimport { tokenConfig } from \"../../config/tokenConfig\";\r\n\r\nconst CommitteeMemberRequests = () => {\r\n const userContext = useContext(UserContext);\r\n const [data, setData] = useState([]);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [error, setError] = useState(null);\r\n const history = useHistory();\r\n\r\n const headersInputConfig = [\r\n {\r\n elementType: \"input\",\r\n elementConfig: {\r\n type: \"text\",\r\n id: \"committeeMeetingID\",\r\n name: \"committeeMeetingID\",\r\n disabled: true,\r\n },\r\n labelConfig: {\r\n dbField: \"committeeMeetingID\",\r\n title: \"Meeting ID\",\r\n },\r\n wrapperConfig: {\r\n display: \"none\",\r\n },\r\n },\r\n {\r\n elementType: \"input\",\r\n elementConfig: {\r\n type: \"date\",\r\n id: \"committeeMeetingDate\",\r\n name: \"committeeMeetingDate\",\r\n },\r\n labelConfig: {\r\n dbField: \"committeeMeetingDate\",\r\n title: \"Date\",\r\n },\r\n wrapperConfig: {},\r\n },\r\n {\r\n elementType: \"input\",\r\n elementConfig: {\r\n type: \"text\",\r\n id: \"committeeLocation\",\r\n name: \"committeeLocation\",\r\n },\r\n labelConfig: {\r\n dbField: \"committeeLocation\",\r\n title: \"Location\",\r\n },\r\n wrapperConfig: {},\r\n },\r\n {\r\n elementType: \"textarea\",\r\n elementConfig: {\r\n id: \"committeeSubject\",\r\n name: \"committeeSubject\",\r\n rows: 4,\r\n cols: 50,\r\n },\r\n labelConfig: {\r\n dbField: \"committeeSubject\",\r\n title: \"Subject\",\r\n },\r\n wrapperConfig: {},\r\n },\r\n ];\r\n\r\n // Those columns dont need to be changed in every rerendering\r\n // but, because it is an array, and arry it is an object. it will be rendered.\r\n // we are avoiding it, by using \"useMemo\" hook, that doing mempoization to this const.\r\n const columns = useMemo(\r\n () => [\r\n {\r\n id: \"requestNumber\",\r\n Header: \"Submission number\",\r\n accessor: \"requestNumber\",\r\n disableSortBy: true,\r\n Filter: DefaultColumnFilter,\r\n },\r\n {\r\n id: \"requestSubNumber\",\r\n Header: \"Submission sub-number\",\r\n accessor: \"requestSubNumber\",\r\n disableSortBy: true,\r\n Filter: DefaultColumnFilter,\r\n },\r\n {\r\n id: \"finalRequestStatusDescription\",\r\n Header: \"Request status\",\r\n accessor: \"finalRequestStatusDescription\",\r\n disableSortBy: true,\r\n Filter: SelectColumnFilter,\r\n },\r\n ],\r\n []\r\n );\r\n\r\n const doFetch = async () => {\r\n setIsLoading(true);\r\n setError(null);\r\n try {\r\n const customHeaders = tokenConfig(userContext.token);\r\n const response = await fetch(`${URL}/requests/CommitteeMemberRequests`, {\r\n headers: customHeaders.headers,\r\n });\r\n if (!response.ok) {\r\n throw new Error(\"something went wrong!\");\r\n }\r\n const body = await response.json();\r\n\r\n const requests = body.results;\r\n //console.log(requests);\r\n setData(requests);\r\n } catch (error) {\r\n setError(error.message);\r\n }\r\n setIsLoading(false);\r\n };\r\n\r\n useEffect(() => {\r\n doFetch();\r\n }, []);\r\n\r\n const updateState = (item) => {\r\n const itemIndex = data.findIndex(\r\n (row) =>\r\n row.requestNumber === item.requestNumber &&\r\n row.requestSubNumber === item.requestSubNumber\r\n );\r\n const newArray = [\r\n // destructure all items from beginning to the indexed item\r\n ...data.slice(0, itemIndex),\r\n // add the updated item to the array\r\n item,\r\n // add the rest of the items to the array from the index after the replaced item\r\n ...data.slice(itemIndex + 1),\r\n ];\r\n setData(newArray);\r\n };\r\n\r\n const addItemToState = (item) => {\r\n setData((prevState) => [...prevState, item]);\r\n };\r\n\r\n const deleteItemFromState = (id) => {\r\n var updatedData = [...data];\r\n\r\n const updatedItems = updatedData.filter(\r\n (item) => item.committeeMeetingID !== id\r\n );\r\n setData(updatedItems);\r\n };\r\n\r\n const handleRoute = () => {\r\n history.push(\"/form\");\r\n };\r\n return (\r\n Request to review
\r\n \r\nRequests not found
\r\n )}\r\n {isLoading &&{error}
}\r\n \r\n\r\n \r\n {/*Private routes*/}\r\n {allowedRoutes.map(({ component, url }) => (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PrivateAndPublicRoutes;\r\n","import React, { Component, Suspense, useState, useEffect } from \"react\";\r\nimport Footer from \"./components/Footer/Footer\";\r\nimport Container from \"./components/Container/Container\";\r\nimport NavbarAndDrawer from \"./components/NavbarAndDrawer/NavbarAndDrawer\";\r\nimport DrawerNavigation from \"./components/DrawerNavigation/DrawerNavigation\";\r\nimport Backdrop from \"./components/UI/Backdrop/Backdrop\";\r\nimport PrivateAndPublicRoutes from \"./routes/PrivateAndPublicRoutes\";\r\nimport { UserProvider } from \"./context/UserContext\";\r\n\r\nimport classes from \"./App.module.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nfunction App() {\r\n const [showSideDrawer, setShowSideDrawer] = useState(false);\r\n const [authed, setAuthed] = useState(false);\r\n const [userRole, setUserRole] = useState(\"NoUser\");\r\n const [token, setToken] = useState(localStorage.getItem(\"token\"));\r\n const [userBguName, setUserBguName] = useState(\"\");\r\n const history = useHistory();\r\n\r\n const sideDrawerClosedHandler = () => {\r\n setShowSideDrawer(false);\r\n };\r\n\r\n const sideDrawerToggleHandler = () => {\r\n setShowSideDrawer((prevState) => {\r\n return !prevState;\r\n });\r\n };\r\n\r\n const handleChange = (role, auth, name, token) => {\r\n setUserRole(role);\r\n setAuthed(auth);\r\n setUserBguName(name);\r\n setToken(token);\r\n\r\n if (!auth) {\r\n //there was a logout action\r\n history.push(\"/home\");\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n console.log(token);\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import { createBrowserHistory } from \"history\";\r\n\r\nexport default createBrowserHistory({});\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport App from \"./App\";\r\nimport reportWebVitals from \"./reportWebVitals\";\r\nimport axios from \"axios\";\r\nimport {BrowserRouter} from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport \"./index.css\";\r\nimport history from \"./utils/history\";\r\n\r\nconst app=(\r\n