- \r\n {React.Children.toArray(children).filter(\r\n (child) =>\r\n !value || child.props.children.toLowerCase().startsWith(value),\r\n )}\r\n
\r\n
\r\n )\r\n}\r\nexport default BootstrapNavbar","import React from 'react'\r\n\r\nconst useViewport = () => {\r\n const [width, setWidth] = React.useState(window.innerWidth);\r\n // Add a second state variable \"height\" and default it to the current window height\r\n const [height, setHeight] = React.useState(window.innerHeight);\r\n \r\n React.useEffect(() => {\r\n const handleWindowResize = () => {\r\n setWidth(window.innerWidth);\r\n // Set the height in state as well as the width\r\n setHeight(window.innerHeight);\r\n }\r\n \r\n window.addEventListener(\"resize\", handleWindowResize);\r\n return () => window.removeEventListener(\"resize\", handleWindowResize);\r\n }, []);\r\n \r\n // Return both the height and width\r\n return { width, height };\r\n }\r\n export default useViewport","export default __webpack_public_path__ + \"static/media/mdShulInside.20c7a5be.jpg\";","import helperUtil from 'util'\r\nimport authenticationService from './authentication.service'\r\nimport dateFnsFormat from 'date-fns/format';\r\n\r\nconst SERVER_URL = process.env.REACT_APP_SERVER_URL;\r\nconst SHUL = process.env.REACT_APP_SHUL;\r\n\r\nexport const utilService = {\r\n markPage,\r\n getAccount,\r\n modifyProfile,\r\n getDateFormatted,\r\n getAddress,\r\n isJsonString,\r\n isEmailPatternValid,\r\n getVariableForEntity,\r\n getDonatePhysicalAddress\r\n};\r\n\r\nasync function markPage(title, description) {\r\n let url = 'api/ConfigVariable/updateHomePageCounter/Generic/CounterMD/IndexPage';\r\n if(SHUL === 'OS'){\r\n url = 'api/ConfigVariable/UpdateHomePageCounter';\r\n }\r\n\r\n await fetch(SERVER_URL + url)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).catch(function(error) {\r\n console.log(error);\r\n });\r\n}\r\n\r\nasync function getVariableForEntity(configName, prop1) {\r\n let url = 'api/ConfigVariable/getVariableByCombination/' + configName + '/' + prop1 + '/' + SHUL;\r\n console.log('about to call ' + SERVER_URL + url);\r\n let configVar = null;\r\n\r\n await fetch(SERVER_URL + url)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n if(data !== null && data.configVar !== null){\r\n configVar = data.configVar.valueStr;\r\n }\r\n console.log(data);\r\n }).catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return configVar;\r\n}\r\n\r\nasync function getAccount() {\r\n const id = authenticationService.getUserID();\r\n let accountInfo = {};\r\n\r\n await fetch(SERVER_URL + 'api/SourceContact/getContactByID/' + id)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){ \r\n return response.json();\r\n }).then(function(data) {\r\n accountInfo = data;\r\n console.log(data);\r\n }).catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return accountInfo;\r\n}\r\n\r\nasync function modifyProfile(firstName, \r\n lastName,\r\n telephone,\r\n address,\r\n jewishName,\r\n id,\r\n email){\r\n const data = JSON.stringify({ \r\n id: id,\r\n firstName: firstName, \r\n lastName: lastName, \r\n telephone: telephone, \r\n email: email, \r\n address: address,\r\n jewishName: jewishName});\r\n \r\n let result = false;\r\n\r\n await fetch(SERVER_URL + 'api/SourceContact/ModifySourceContact', { method: 'POST', body: data, headers: {\r\n 'Content-Type': 'application/json',\r\n }}).then(helperUtil.handleErrors)\r\n .then(function(response) { \r\n console.log(response);\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n if(data.status){\r\n result = true; \r\n } \r\n }).catch(function(error) {\r\n console.log(error);\r\n result = false;\r\n });\r\n \r\n return result;\r\n}\r\n\r\nfunction getDateFormatted(date) {\r\n if(!date){\r\n return '';\r\n }\r\n var lclDate = new Date(date);\r\n const format = 'MM-dd-yyyy';\r\n return dateFnsFormat(lclDate, format);\r\n}\r\n\r\nasync function getAddress() {\r\n console.log('about to call getAddress ' + SERVER_URL + 'api/ConfigVariable/getVariableByCombination/Generic/Address/' + SHUL);\r\n let address;\r\n\r\n await fetch(SERVER_URL + 'api/ConfigVariable/getVariableByCombination/Generic/Address/' + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return '';\r\n }\r\n\r\n console.log(data);\r\n console.log(data.configVar.valueStr);\r\n address = data.configVar.valueStr;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return address;\r\n}\r\n\r\nasync function getDonatePhysicalAddress(){\r\n console.log('about to call getAddress ' + SERVER_URL + 'api/ConfigVariable/getVariableByCombination/Generic/DonatePhysicalAddress/' + SHUL);\r\n let address;\r\n\r\n await fetch(SERVER_URL + 'api/ConfigVariable/getVariableByCombination/Generic/DonatePhysicalAddress/' + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return '';\r\n }\r\n\r\n console.log(data);\r\n console.log(data.configVar.valueStr);\r\n address = data.configVar.valueStr;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return address;\r\n}\r\n\r\nfunction isEmailPatternValid(emailValue){\r\n var pattern = new RegExp(/^((\"[\\w-\\s]+\")|([\\w-]+(?:\\.[\\w-]+)*)|(\"[\\w-\\s]+\")([\\w-]+(?:\\.[\\w-]+)*))(@((?:[\\w-]+\\.)*\\w[\\w-]{0,66})\\.([a-z]{2,6}(?:\\.[a-z]{2})?)$)|(@\\[?((25[0-5]\\.|2[0-4][0-9]\\.|1[0-9]{2}\\.|[0-9]{1,2}\\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\\]?$)/i);\r\n if(!emailValue || emailValue === undefined || emailValue === null || emailValue.length < 4){\r\n return false;\r\n }\r\n\r\n if (!pattern.test(emailValue)) {\r\n return false;\r\n }\r\n\r\n return true; \r\n}\r\n\r\nfunction isJsonString(str){\r\n try {\r\n JSON.parse(str);\r\n } catch (e) {\r\n return false;\r\n }\r\n return true;\r\n}\r\n\r\nexport default utilService;","export default __webpack_public_path__ + \"static/media/future_shul.0a996360.jpg\";","import helperUtil from 'util'\r\n\r\nconst LONGITUDE = process.env.REACT_APP_LONGITUDE;\r\nconst LATITUDE = process.env.REACT_APP_LATITUDE;\r\nconst TZID = process.env.REACT_APP_TZID;\r\nconst SERVER_URL = process.env.REACT_APP_SERVER_URL;\r\nconst ZIP = process.env.REACT_APP_ZIP;\r\nconst SHUL = process.env.REACT_APP_SHUL;\r\n\r\nexport const hebcalAPIservice = {\r\n getDateTimes,\r\n getDateZmanim,\r\n getWeeklySchedule\r\n};\r\n\r\nasync function getWeeklySchedule(date) {\r\n console.log('about to call getDateTimes ' + SERVER_URL + 'api/ShulSchedule/getWeeklySchedule/' + SHUL + '/' + date);\r\n let scheduleEvents = {};\r\n\r\n await fetch(SERVER_URL + 'api/ShulSchedule/getWeeklySchedule/' + SHUL + '/' + date)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n if(data.isObjectQualityGood)\r\n {\r\n scheduleEvents = data;\r\n }\r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return scheduleEvents;\r\n}\r\n\r\nasync function getDateTimes(date, format) {\r\n console.log('about to call getDateTimes ' + SERVER_URL + 'api/JewishTimes/getJDateInfo/' + date + '/' + format + '/' + LONGITUDE + '/' + LATITUDE + '/' + TZID);\r\n let dayFormattedString = '';\r\n\r\n //await fetch(SERVER_URL + 'api/JewishTimes/getJDateInfo/' + '09-11-2021' + '/' + format)\r\n await fetch(SERVER_URL + 'api/JewishTimes/getJDateInfo/' + date + '/' + format + '/' + LONGITUDE + '/' + LATITUDE + '/' + TZID)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n //console.log(data);\r\n if(data.isObjectQualityGood)\r\n {\r\n dayFormattedString = data.jBasicDateInfo;\r\n }\r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return dayFormattedString;\r\n}\r\n\r\nasync function getDateZmanim(date) {\r\n console.log('about to call getJDateZmanim ' + SERVER_URL + 'api/JewishTimes/getJDateZmanim/' + date + '/' + ZIP);\r\n let zmanim = null;\r\n\r\n //await fetch(SERVER_URL + 'api/JewishTimes/getJDateInfo/' + '09-11-2021' + '/' + format)\r\n await fetch(SERVER_URL + 'api/JewishTimes/getJDateZmanim/' + date + '/' + ZIP)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n if(data.isObjectQualityGood)\r\n {\r\n zmanim = data;\r\n }\r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return zmanim;\r\n}\r\n\r\nexport default hebcalAPIservice","import Modal from 'react-bootstrap/Modal'\r\nimport dateFnsFormat from 'date-fns/format';\r\nimport Table from 'react-bootstrap/Table'\r\nimport {TableRow, TableCell} from '@material-ui/core';\r\n\r\nexport function ZmanimDlg({onClose, showModal, zmanim, currentDate}) {\r\n \r\n const closeModal = () => {\r\n console.log('closeModal');\r\n onClose();\r\n }\r\n\r\n const formatDayDate = (date) => {\r\n if(!date){\r\n return '';\r\n }\r\n var lclDate = new Date(date);\r\n const format = 'MM-dd-yyyy EEEE';\r\n return dateFnsFormat(lclDate, format);\r\n }\r\n\r\n return (\r\n \r\n
\r\n {renderHome()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Tap the date for detailed zmanin, arrows to move between days. \r\n \r\n
\r\n }\r\n\r\n const renderZmanimDlg = () => {\r\n return \r\n {renderZmanimDlg()}\r\n {renderCurrentDayInfo()}\r\n {renderZmanim()}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n const onDefault = async () => {\r\n onDefaultColorPicked();\r\n }\r\n\r\n const onSubmit = async () => {\r\n onColorPicked(color);\r\n }\r\n\r\n return (\r\n \r\n {INLINE_STYLES.map((type) =>\r\n \r\n );\r\n };\r\n\r\n const onDefaultColorPicked = (color) => {\r\n const newState = RichUtils.toggleInlineStyle(editorState, 'HIGHLIGHT');\r\n setEditorState(newState);\r\n setShowColorPickerDlg(false);\r\n if(onRichTextEditorStateChanged === null || onRichTextEditorStateChanged === undefined){\r\n return;\r\n }\r\n\r\n onRichTextEditorStateChanged(newState);\r\n }\r\n\r\n const onColorPicked = (color) => {\r\n console.log(color)\r\n console.log(color.hex)\r\n let code = 'HIGHLIGHT';\r\n\r\n switch(color.hex)\r\n {\r\n case '#f44336':\r\n code = 'RED'\r\n break;\r\n case '#e91e63':\r\n code = 'RED1'\r\n break;\r\n case '#9c27b0':\r\n code = 'PURPLE'\r\n break;\r\n case '#673ab7':\r\n code = 'PURPLE1'\r\n break;\r\n case '#3f51b5':\r\n code = 'BLUE'\r\n break;\r\n case '#2196f3':\r\n code = 'BLUE1'\r\n break;\r\n case '#03a9f4':\r\n code = 'BLUE2'\r\n break;\r\n case '#00bcd4':\r\n code = 'OLDHUE'\r\n break;\r\n case '#009688':\r\n code = 'OLDHUE1'\r\n break;\r\n case '#4caf50':\r\n code = 'GREEN'\r\n break;\r\n case '#8bc34a':\r\n code = 'GREEN1'\r\n break;\r\n case '#cddc39':\r\n code = 'GREEN2'\r\n break;\r\n case '#ffeb3b':\r\n code = 'YELLOW'\r\n break;\r\n case '#ffc107':\r\n code = 'YELLOW1'\r\n break;\r\n case '#ff9800':\r\n code = 'YELLOW2'\r\n break;\r\n case '#ff5722':\r\n code = 'MARS'\r\n break;\r\n case '#795548':\r\n code = 'BROWN'\r\n break;\r\n case '#607d8b':\r\n code = 'GREY'\r\n break;\r\n default:\r\n code = 'HIGHLIGHT'\r\n break;\r\n }\r\n\r\n setShowColorPickerDlg(false);\r\n const newState = RichUtils.toggleInlineStyle(editorState, code);\r\n setEditorState(newState);\r\n if(onRichTextEditorStateChanged === null || onRichTextEditorStateChanged === undefined){\r\n return;\r\n }\r\n\r\n onRichTextEditorStateChanged(newState);\r\n }\r\n\r\n const fontSizes = [\r\n { value: '12px', label: '12' },\r\n { value: '14px', label: '14' },\r\n { value: '16px', label: '16' },\r\n { value: '18px', label: '18' },\r\n { value: '20px', label: '20' },\r\n { value: '22px', label: '22' },\r\n { value: '24px', label: '24' },\r\n { value: '26px', label: '26' },\r\n { value: '28px', label: '28' },\r\n { value: '30px', label: '30' },\r\n { value: '36px', label: '36' },\r\n { value: '42px', label: '42' },\r\n { value: '48px', label: '48' },\r\n ]\r\n\r\n const handleFontSizeChange = value => {\r\n console.log(value);\r\n let code = '';\r\n focusEditor();\r\n\r\n switch(value.label)\r\n {\r\n case '12':\r\n code = 'FONT_SIZE_12'\r\n break;\r\n case '14':\r\n code = 'FONT_SIZE_14'\r\n break;\r\n case '16':\r\n code = 'FONT_SIZE_16'\r\n break;\r\n case '18':\r\n code = 'FONT_SIZE_18'\r\n break;\r\n case '20':\r\n code = 'FONT_SIZE_20'\r\n break;\r\n case '22':\r\n code = 'FONT_SIZE_22'\r\n break;\r\n case '24':\r\n code = 'FONT_SIZE_24'\r\n break;\r\n case '26':\r\n code = 'FONT_SIZE_26'\r\n break;\r\n case '28':\r\n code = 'FONT_SIZE_28'\r\n break;\r\n case '30':\r\n code = 'FONT_SIZE_30'\r\n break;\r\n case '36':\r\n code = 'FONT_SIZE_36'\r\n break;\r\n case '42':\r\n code = 'FONT_SIZE_42'\r\n break;\r\n case '48':\r\n code = 'FONT_SIZE_48'\r\n break;\r\n default:\r\n code = 'HIGHLIGHT'\r\n break;\r\n }\r\n\r\n const newState = RichUtils.toggleInlineStyle(editorState, code);\r\n setEditorState(newState);\r\n if(onRichTextEditorStateChanged === null || onRichTextEditorStateChanged === undefined){\r\n return;\r\n }\r\n\r\n onRichTextEditorStateChanged(newState);\r\n };\r\n\r\n const rendrFontSize = () => {\r\n return (\r\n \r\n );\r\n }\r\n\r\n const rendrPickColor = () => {\r\n return (\r\n 
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n {renderImage()}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default ShowImageDlg;","import React, {useState } from 'react';\r\nimport { View } from 'react-native';\r\nimport ShowImageDlg from './ShowImageDlg'\r\nimport ArrowForwardIos from '@material-ui/icons/ArrowForwardIos';\r\nimport ArrowBackIos from '@material-ui/icons/ArrowBackIos';\r\n\r\nexport function ImageViewer({images}) {\r\n const [width, setWidth] = useState(window.innerWidth);\r\n const [imageIdToShow, setImageIdToShow] = useState('');\r\n const [isShowImgDlg, setIsShowImgDlg] = useState(false);\r\n const [imageIndex, setImageIndex] = useState(0);\r\n \r\n const isMobile = width <= 768;\r\n\r\n function handleWindowSizeChange() {\r\n setWidth(window.innerWidth);\r\n }\r\n\r\n React.useEffect(() => {\r\n window.addEventListener('resize', handleWindowSizeChange);\r\n setImageIndex(0);\r\n\r\n return () => {\r\n window.removeEventListener('resize', handleWindowSizeChange);\r\n }\r\n }, [images]);\r\n\r\n const renderShowImgDlg = () => {\r\n return \r\n }\r\n\r\n function onShowImgDlgClose() {\r\n setIsShowImgDlg(false);\r\n }\r\n\r\n const onShowPicture = (imageId) => {\r\n setImageIdToShow(imageId);\r\n setIsShowImgDlg(true); \r\n };\r\n\r\n const handleNextPic = async () => {\r\n if(imageIndex < images.length){\r\n setImageIndex(imageIndex + 1);\r\n }\r\n }\r\n\r\n const handlePrevPic = async () => {\r\n if(imageIndex > 0){\r\n setImageIndex(imageIndex - 1);\r\n }\r\n }\r\n\r\n const renderCurrentImage = () => {\r\n if(!images || images === null || images === undefined || images.length === 0){\r\n return;\r\n }\r\n\r\n let width = isMobile ? 300 : 600;\r\n\r\n return(\r\n \r\n \r\n {renderPrevBtn()}\r\n \r\n \r\n \r\n {renderNextBtn()} \r\n \r\n \r\n );\r\n \r\n }\r\n\r\n const renderNextBtn = () => {\r\n let iLength = 0;\r\n if(images && images !== null && images !== undefined && images.length > 1){\r\n iLength = images.length;\r\n }\r\n\r\n if(iLength === 0){\r\n return;\r\n }\r\n\r\n if(imageIndex >= iLength - 1){\r\n return;\r\n }\r\n \r\n return(\r\n );\r\n }\r\n\r\n const renderPrevBtn = () => {\r\n if(imageIndex <= 0){\r\n return;\r\n }\r\n\r\n return(\r\n );\r\n }\r\n\r\n return (\r\n {postedAd.description} \r\n }\r\n\r\n if (postedAd.isHTML && !postedAd.isEditor) {\r\n console.log(\"dangerouslySetInnerHTML\");\r\n return ();\r\n }\r\n\r\n const contentState = convertFromRaw(JSON.parse(postedAd.description));\r\n const editorState = EditorState.createWithContent(contentState);\r\n\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n const renderName = (postedAd) => {\r\n return (\r\n \r\n \r\n {postedAd.firstName} {postedAd.lastName}\r\n \r\n : \r\n \r\n );\r\n }\r\n\r\n const renderAdmindAd = (postedAd) => {\r\n if (postedAd === undefined || postedAd === null || !postedAd.isAdminPost) {\r\n return;\r\n }\r\n\r\n return (\r\n : ;\r\n}\r\n\r\nfunction IsMobile() {\r\n const { width } = useViewport();\r\n const breakpoint = 620;\r\n\r\n return width < breakpoint;\r\n}\r\n\r\nfunction renderWelcomeName() {\r\n if (!authenticationService.isUserLoggedIn()) {\r\n return;\r\n }\r\n\r\n return \r\n \r\n )\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n container: {\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n logo: {\r\n height: 400,\r\n },\r\n});\r\n\r\nfunction DesktopHome(props) {\r\n const [showLogoPicture, setShowLogoPicture] = useState(false);\r\n\r\n const onFetchedPosts = async (areThereValidPosts) => {\r\n setShowLogoPicture(!areThereValidPosts);\r\n }\r\n\r\n return (\r\n \r\n 
\r\n );\r\n }\r\n\r\n return (\r\n \r\n 
\r\n );\r\n}\r\n\r\nexport default Home\r\n","import React, { useState, useMemo } from 'react';\r\nimport {PayPalButton} from \"react-paypal-button-v2\"\r\nimport './PayPal.css';\r\nimport CurrencyInput from 'react-currency-input-field';\r\nimport Dropdown from 'react-bootstrap/Dropdown';\r\nimport Select from 'react-select'\r\nimport useViewport from '../shared/ViewportProvider'\r\nimport Table from 'react-bootstrap/Table'\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport { View, SafeAreaView, StyleSheet, Text, TextInput } from 'react-native';\r\nimport {Link } from \"react-router-dom\";\r\nimport utilService from '../shared/services/utilservice';\r\nimport { Navigate } from \"react-router-dom\";\r\n\r\nconst SHUL = process.env.REACT_APP_SHUL;\r\n\r\nfunction PayPal() {\r\n const [donationValue, setDonationValue] = useState('');\r\n const [isDonationValueValid, setIsDonationValueValid] = useState(true);\r\n const [isFractionalSubscription, setFractionalSubscription] = useState(false);\r\n const [isDonationTooSmall, setIsDonationTooSmall] = useState(false);\r\n const [isDonationEmpty, setIsDonationEmpty] = useState(false);\r\n const [isPurposeValid, setPurposeValid] = useState(true);\r\n const [purpose, setPurpose] = useState('');\r\n const [isRecurring, setIsRecurring] = useState(false);\r\n const [isReurringMonthly, setIsRecurringMonthly] = useState(true);\r\n const [isReurringYearly, setIsRecurringYearly] = useState(false);\r\n const [purposes, setPurposes] = useState({});\r\n const [isOtherPurposeSelected, setOtherPurposeSelected] = useState(false);\r\n const [donatePhysicalAddress, setDonatePhysicalAddress] = useState(null);\r\n const [isOnPayPalApprove, setOnPayPalApprove] = useState(false);\r\n const [approvedOrderDetails, setApprovedOrderDetails] = useState({});\r\n\r\n const defaultOptions = useMemo(() => {\r\n const options = [\r\n { value: 'general', label: 'Support the shul' },\r\n { value: 'membership', label: 'Membership' },\r\n { value: 'kiddush', label: 'Kiddush' },\r\n { value: 'misheberach', label: 'Misheberach' },\r\n { value: 'aliya', label: 'Aliya' },\r\n { value: 'highHolidaysPledge', label: 'High Holidays pledge' },\r\n { value: 'maintenance', label: 'Maintenance' },\r\n { value: 'misheberachLeCholim', label: 'Misheberach leCholim' },\r\n { value: 'shalachManos', label: 'Mishloach Manos' },\r\n { value: 'maosChitim', label: 'Maos Chitim' },\r\n { value: 'highHolidaySeat', label: 'High Holidays Seating' },\r\n { value: 'supportWebSite', label: 'Support the Web Site' },\r\n { value: 'other', label: 'Other' }\r\n ]\r\n\r\n return options;\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n utilService.markPage();\r\n \r\n async function fetchData() {\r\n try{\r\n var lclOptions = await utilService.getVariableForEntity('PayPal', 'PurposeBox');\r\n if(lclOptions !== undefined && lclOptions !== null && lclOptions.length > 1){\r\n var jsonObj = JSON.parse(lclOptions);\r\n\r\n setPurposes(jsonObj);\r\n }\r\n\r\n try{\r\n var donatePhysAddress = await utilService.getDonatePhysicalAddress();\r\n setDonatePhysicalAddress(donatePhysAddress);\r\n console.log(donatePhysAddress);\r\n } catch (ex) {\r\n console.log(ex);\r\n setDonatePhysicalAddress(null);\r\n }\r\n\r\n setPurposes(defaultOptions);\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n setPurposes(defaultOptions);\r\n }\r\n }\r\n fetchData();\r\n}, [defaultOptions]);\r\n\r\n const checkPurpose = () => {\r\n setPurposeValid(purpose);\r\n return purpose; \r\n }\r\n\r\n function IsMobile(){\r\n const { width } = useViewport();\r\n const breakpoint = 620;\r\n \r\n return width < breakpoint;\r\n }\r\n\r\n const checkDonationValue = () => {\r\n console.log('donationValue ' + donationValue);\r\n if(isNaN(donationValue) && (!donationValue || donationValue.trim() === \"\")){\r\n console.log('donationValue empty');\r\n return false;\r\n }\r\n\r\n const donation = Number(donationValue);\r\n if(donation > 0 && donation < 1){\r\n return false;\r\n }\r\n\r\n if(donation < 1){\r\n return false;\r\n }\r\n\r\n console.log('donationValue ' + donationValue);\r\n return true;\r\n }\r\n\r\n const handlePriceChange = async(value) => {\r\n setDonationValue(value);\r\n setFractionalSubscription(false);\r\n\r\n if(!value || value.trim() === \"\"){\r\n setIsDonationEmpty(true);\r\n setIsDonationValueValid(false);\r\n return;\r\n }\r\n\r\n setIsDonationEmpty(false);\r\n\r\n const donation = Number(value);\r\n if(donation > 0 && donation < 1)\r\n {\r\n setIsDonationValueValid(false);\r\n setIsDonationTooSmall(true);\r\n return;\r\n }\r\n\r\n if(donation < 1)\r\n {\r\n setIsDonationValueValid(false);\r\n setIsDonationTooSmall(false);\r\n return;\r\n }\r\n\r\n setIsDonationValueValid(true);\r\n setIsDonationTooSmall(false);\r\n }\r\n\r\n const handleOrderClicked = event => {\r\n refreshDonationTooSmall();\r\n }\r\n\r\n const refreshDonationTooSmall = () => { \r\n console.log('setting refreshDonationTooSmall ' + donationValue)\r\n if(isNaN(donationValue)){\r\n if(!donationValue || donationValue.trim() === \"\") {\r\n console.log('setting empty')\r\n setIsDonationEmpty(true);\r\n return;\r\n }\r\n }\r\n else{\r\n if(donationValue < 1){\r\n setIsDonationEmpty(true); \r\n return;\r\n }\r\n }\r\n\r\n setIsDonationEmpty(false);\r\n\r\n if(Number(donationValue) < 1){\r\n console.log('refreshDonationTooSmall true');\r\n setIsDonationTooSmall(true);\r\n return;\r\n }\r\n\r\n setIsDonationTooSmall(false);\r\n }\r\n\r\n const checkFractionalSubscription = () => {\r\n return !isDecimal(donationValue);\r\n }\r\n\r\n const renderFractionalSubscription = () => {\r\n if(isFractionalSubscription){\r\n return ;\r\n }\r\n }\r\n\r\n const styles = StyleSheet.create({\r\n leftRowView: {\r\n flex: 1,\r\n flexDirection: \"row\",\r\n justifyContent: \"flex-start\"\r\n },\r\n centerViewBelow: {\r\n flex: 0.5,\r\n flexDirection: \"row\",\r\n justifyContent: \"center\"\r\n },\r\n centerViewTop: {\r\n flex: 1,\r\n flexDirection: \"row\",\r\n justifyContent: \"center\"\r\n }\r\n});\r\n\r\n\r\n const renderDonationIsTooSmallLabel = () => {\r\n if(isDonationEmpty){\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n if(isDonationTooSmall){\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return ;\r\n }\r\n\r\n const renderPurposeValidLabel = () => {\r\n if(!isPurposeValid){\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return;\r\n}\r\n\r\n const renderCurrencyInput = () => {\r\n if(isDonationTooSmall){\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n if(!donationValue){\r\n return (\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 const handleAmountSelection = async (amount) => {\r\n console.log('amount ' + amount);\r\n setDonationValue(amount);\r\n setIsDonationEmpty(false);\r\n setIsDonationTooSmall(false);\r\n }\r\n\r\n const handlePurposeChange = value => {\r\n \r\n if(!value || value.label === undefined || value.label === null || value.label.length < 2){\r\n setOtherPurposeSelected(false);\r\n return;\r\n }\r\n\r\n var isOtherPuspose = value.label === 'Other';\r\n setOtherPurposeSelected(isOtherPuspose);\r\n\r\n if(isOtherPuspose){\r\n setPurpose(null);\r\n setPurposeValid(true);\r\n return;\r\n }\r\n\r\n setPurpose(value.label);\r\n setPurposeValid(true);\r\n };\r\n\r\n const handleRecurrencyChange = event => {\r\n const target = event.target;\r\n const value = target.type === 'checkbox' ? target.checked : target.value;\r\n setIsRecurring(value);\r\n };\r\n\r\n const renderSuggestedDonations = () => {\r\n if(SHUL === 'OS'){\r\n return (\r\n \r\n \r\n \r\n \r\n Suggested donations\r\n \r\n\r\n \r\n handleAmountSelection(18)}>Chai: $18.00 \r\n handleAmountSelection(26)}>Membership: $26.00 \r\n handleAmountSelection(36)}>2 x Chai: $36.00 \r\n handleAmountSelection(54)}>3 x Chai: $54.00 \r\n handleAmountSelection(72)}>4 x Chai: $72 \r\n handleAmountSelection(90)}>5 x Chai: $90 \r\n handleAmountSelection(120)}>Ad Meah veEsrim: $120 \r\n handleAmountSelection(150)}>Sponsor a kiddush $150 \r\n handleAmountSelection(180)}>10 x Chai: $180 \r\n handleAmountSelection(360)}>20 x Chai: $360 \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n Suggested donations\r\n \r\n\r\n \r\n handleAmountSelection(18)}>$18.00 \r\n handleAmountSelection(36)}>$36.00 \r\n handleAmountSelection(72)}>$72.00 \r\n handleAmountSelection(160)}>Sponsor a kiddush $160.00 \r\n handleAmountSelection(180)}>$180.00 \r\n handleAmountSelection(360)}>$360.00 \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n const handleOtherPurposeChange = async(value) => {\r\n console.log(\"purpose \" + value);\r\n setPurpose(value);\r\n\r\n if(!value || value === undefined || value === null || value.length < 1){\r\n setPurposeValid(false);\r\n return;\r\n }\r\n\r\n setPurposeValid(true);\r\n}\r\n\r\n const renderOtherPurposeBox = () => {\r\n if(!isOtherPurposeSelected){\r\n return;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n const renderPurposes = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n const renderPhysicalAddress = () => {\r\n if(!donatePhysicalAddress || donatePhysicalAddress === null || donatePhysicalAddress === undefined || donatePhysicalAddress.length ===0){\r\n return;\r\n }\r\n\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n const renderPayPalButtons = () => {\r\n if(isRecurring){\r\n console.log('recurring');\r\n return (\r\n \r\n );\r\n }\r\n console.log('non recurring');\r\n return (\r\n \r\n );\r\n }\r\n\r\n const paypalOnError = (err) => {\r\n console.log(\"Error: \" + err)\r\n }\r\n\r\n const renderPayPalOnApprove = () => {\r\n if (isOnPayPalApprove) {\r\n let amount = 0;\r\n let currency_code = 'USD';\r\n if(approvedOrderDetails.purchase_units != null && approvedOrderDetails.purchase_units.length > 0){\r\n amount = approvedOrderDetails.purchase_units[0].amount.value;\r\n currency_code = approvedOrderDetails.purchase_units[0].amount.currency_code;\r\n }\r\n\r\n return
\r\n
\r\n );\r\n}\r\n\r\nexport default hebrewDayInfo;","import dateFnsFormat from 'date-fns/format';\r\nimport helperUtil from 'util'\r\nimport uuid from 'react-native-uuid';\r\nimport axios from \"axios\";\r\n\r\nconst SERVER_URL = process.env.REACT_APP_SERVER_URL;\r\nconst SHUL = process.env.REACT_APP_SHUL;\r\n\r\nexport const postAdService = {\r\n postAd,\r\n getPostAd,\r\n getActivePosts,\r\n approve,\r\n getApprovedPosts,\r\n confirmPost,\r\n getPostAdUnauthenticated,\r\n getUnauthenticatedPosts,\r\n addImageAuthenticated,\r\n deleteImage,\r\n loadImage,\r\n getAllPostAdImagesExceptFirstAuthenticated,\r\n repostAd\r\n};\r\n\r\nasync function postAd(usertID, duration, startDate, description, isHTML, email, isEditor, isAdminPost, name, isAuthenticated, token) {\r\n let postAdObject = getPostAdObject(usertID, duration, startDate, description, isHTML, email, isEditor, isAdminPost, name, isAuthenticated, token);\r\n\r\n const apiResponse = {\r\n status: false,\r\n error: null\r\n };\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/PostAd', {\r\n method: 'POST', body: postAdObject, headers: {\r\n 'Content-Type': 'application/json',\r\n }\r\n }).then(helperUtil.handleErrors)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(data.errors){\r\n apiResponse.status = false;\r\n }\r\n else{\r\n apiResponse.status = data.status;\r\n apiResponse.error = data.error;\r\n }\r\n }).catch(function (error) {\r\n console.log(error);\r\n apiResponse.status = false;\r\n apiResponse.error = 'Server request error';\r\n });\r\n\r\n return apiResponse;\r\n}\r\n\r\nasync function getPostAdUnauthenticated(token){\r\n let postAd = null;\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/GetPostAdUnauthenticated/' + token)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n postAd = data;\r\n postAd.durationDays = getDurationDays(postAd);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return postAd;\r\n}\r\n\r\nasync function getPostAd(usertID) {\r\n let postAd = null;\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/GetPostAd/' + usertID + '/' + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n postAd = data;\r\n postAd.durationDays = getDurationDays(postAd);\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return postAd;\r\n}\r\n\r\nasync function getUnauthenticatedPosts(){\r\n let postAds = null;\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/GetUnauthenticatedAds/' + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n postAds = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return postAds;\r\n}\r\n\r\nasync function repostAd(postAd){\r\n const dataToSend = getPostAdObjectFromRespose(postAd);\r\n\r\n const apiResponse = {\r\n status: false,\r\n error: null\r\n };\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/RePostAd', {\r\n method: 'POST', body: dataToSend, headers: {\r\n 'Content-Type': 'application/json',\r\n }\r\n }).then(helperUtil.handleErrors)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(data.errors){\r\n apiResponse.status = false;\r\n }\r\n else{\r\n apiResponse.status = data.status;\r\n apiResponse.error = data.error;\r\n }\r\n }).catch(function (error) {\r\n console.log(error);\r\n apiResponse.status = false;\r\n apiResponse.error = 'Server request error';\r\n });\r\n\r\n return apiResponse;\r\n}\r\n\r\nasync function getAllPostAdImagesExceptFirstAuthenticated(postAd){\r\n let postAds = null;\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/GetAllImagesExceptFirstAuthenticated/' + postAd.id + '/' + postAd.contactID + '/' + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n postAds = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return postAds;\r\n}\r\n\r\nasync function loadImage(imageId) {\r\n let image = null;\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/getImage/' + imageId)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n image = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n image = null;\r\n });\r\n\r\n return image;\r\n}\r\n\r\nasync function getActivePosts() {\r\n let postAds = null;\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/GetActiveAds/' + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n postAds = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return postAds;\r\n}\r\n\r\nasync function approve(postedAd, isApproved) {\r\n postedAd.isAdminApproved = isApproved;\r\n\r\n const data = getPostAdObjectFromRespose(postedAd);\r\n\r\n const apiResponse = {\r\n status: false,\r\n error: null\r\n };\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/ApproveAd', {\r\n method: 'POST', body: data, headers: {\r\n 'Content-Type': 'application/json',\r\n }\r\n }).then(helperUtil.handleErrors)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n apiResponse.status = data.status;\r\n apiResponse.error = data.error;\r\n }).catch(function (error) {\r\n console.log(error);\r\n apiResponse.status = false;\r\n apiResponse.error = 'Server request error';\r\n });\r\n\r\n return apiResponse;\r\n}\r\n\r\nasync function getApprovedPosts() {\r\n let postAds = null;\r\n\r\n await fetch(SERVER_URL + 'api/PostPageAd/GetApprovedAds/' + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n postAds = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return postAds;\r\n}\r\n\r\nasync function confirmPost(id, name, email) {\r\n const formData = new FormData();\r\n formData.append(\"email\", email);\r\n formData.append(\"token\", id);\r\n formData.append(\"name\", name);\r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/PostPageAd/ConfirmPost', formData);\r\n if(res.data){\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response confirmPost');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nconst getDurationDays = (postAd) => {\r\n try {\r\n const startDate = new Date(postAd.startDate);\r\n const endDate = new Date(postAd.endDate);\r\n\r\n var timeDiff = endDate.getTime() - startDate.getTime();\r\n\r\n // To calculate the no. of days between two dates\r\n var daysDiff = timeDiff / (1000 * 3600 * 24);\r\n\r\n return daysDiff + 1;\r\n }\r\n catch (e) {\r\n\r\n }\r\n\r\n return 1;\r\n}\r\n\r\nconst getStartEndDates = (startDate, duration) => {\r\n const endDate = new Date(startDate);\r\n endDate.setDate(startDate.getDate() + (duration - 1));\r\n\r\n const startDateFormatted = formatDayDate(startDate);\r\n const endDateFormatted = formatDayDate(endDate);\r\n\r\n return [startDateFormatted, endDateFormatted];\r\n}\r\n\r\nconst getPostAdObjectFromRespose = (postedAd) => {\r\n const data = JSON.stringify({\r\n startDate: postedAd.startDate,\r\n endDate: postedAd.endDate,\r\n contactID: postedAd.contactID,\r\n description: postedAd.description,\r\n isHTML: postedAd.isHTML,\r\n entity: SHUL,\r\n userEmail: postedAd.userEmail,\r\n isEditor: postedAd.isEditor,\r\n isAdminApproved: postedAd.isAdminApproved,\r\n lastName: postedAd.lastName,\r\n firstName: postedAd.firstName,\r\n id: postedAd.id,\r\n isActive: postedAd.isActive,\r\n isAdminPost: postedAd.isAdminPost,\r\n isAuthenticated: postedAd.isAuthenticated,\r\n email: postedAd.email\r\n });\r\n\r\n return data;\r\n}\r\n\r\nconst getPostAdObject = (usertID, duration, startDate, description, isHTML, email, isEditor, isAdminPost, name, isAuthenticated, token) => {\r\n const dateRange = getStartEndDates(startDate, duration);\r\n const contactId = !usertID || usertID === null || usertID === undefined ? '' : usertID;\r\n\r\n var id = isAuthenticated ? uuid.v1() : token;\r\n if(id === undefined || id === null || id.length < 1){\r\n id = uuid.v1();\r\n }\r\n\r\n const data = JSON.stringify({\r\n startDate: dateRange[0],\r\n endDate: dateRange[1],\r\n contactID: contactId,\r\n description: description,\r\n isHTML: isHTML,\r\n entity: SHUL,\r\n email: email,\r\n isEditor: isEditor,\r\n isAdminPost: isAdminPost,\r\n name: name,\r\n isAuthenticated: isAuthenticated,\r\n id: id,\r\n url: window.location.origin.toString()\r\n });\r\n \r\n return data;\r\n}\r\n\r\nasync function addImageAuthenticated(usertID, email, file) {\r\n \r\n const formData = new FormData();\r\n formData.append(\"file\", file);\r\n formData.append(\"email\", email);\r\n formData.append(\"usertID\", usertID);\r\n formData.append(\"entity\", SHUL);\r\n formData.append(\"id\", uuid.v1()); \r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/PostPageAd/AddImageAuthenticated', formData);\r\n if(res.data){\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nasync function deleteImage(id) {\r\n const formData = new FormData();\r\n formData.append(\"id\", id); \r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/PostPageAd/DeleteImage', formData);\r\n if(res.data){\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nconst formatDayDate = (date) => {\r\n if (!date) {\r\n return '';\r\n }\r\n var lclDate = new Date(date);\r\n const format = 'MM-dd-yyyy';\r\n return dateFnsFormat(lclDate, format);\r\n}\r\nexport default postAdService;","import Modal from 'react-bootstrap/Modal'\r\nimport { View, Text, StyleSheet } from 'react-native';\r\nimport { CirclePicker } from 'react-color';\r\nimport '../../pages/Home.css';\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport Button from 'react-bootstrap/Button';\r\n\r\nexport function ColorPickerDlg({onClose, showModal, onColorPicked, onDefaultColorPicked}) {\r\n const [color, setColor] = useState('#fff');\r\n const ref = useRef(null);\r\n const [modalWidth, setModalWidth] = useState(0);\r\n\r\n useEffect(() => {\r\n setModalWidth(ref.current.offsetWidth);\r\n }, []);\r\n\r\n const closeModal = () => {\r\n onClose();\r\n }\r\n\r\n const handleChangeComplete = (pickedColor) => {\r\n //console.log(pickedColor)\r\n setColor(pickedColor);\r\n };\r\n\r\n const styles = StyleSheet.create({ \r\n text: {\r\n fontSize: 14,\r\n lineHeight: 16,\r\n fontWeight: 'bold',\r\n letterSpacing: 0.2,\r\n color: 'white',\r\n },\r\n });\r\n\r\n const renderPickBtn = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Pick color\r\n \r\n \r\n \r\n \r\n \r\n {renderPickBtn()}\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ColorPickerDlg;","import React, { useState } from 'react';\r\nimport { Editor, EditorState, RichUtils } from 'draft-js';\r\nimport { View } from 'react-native';\r\nimport './PostAdEditor.css';\r\nimport 'draft-js/dist/Draft.css';\r\nimport ColorPickerDlg from './ColorPickerDlg'\r\nimport Select from 'react-select'\r\n\r\nfunction PostAdEditor({onRichTextEditorStateChanged, initialEditorState, isReadOnly}) {\r\n const [showColorPickerDlg, setShowColorPickerDlg] = useState(false); \r\n const [editorState, setEditorState] = React.useState(EditorState.createEmpty());\r\n\r\n const editor = React.useRef(null);\r\n \r\n function focusEditor() {\r\n editor.current.focus();\r\n }\r\n\r\n React.useEffect(() => {\r\n focusEditor();\r\n \r\n if(initialEditorState !== null && initialEditorState !== undefined && initialEditorState){\r\n setEditorState(initialEditorState)\r\n }\r\n \r\n }, [initialEditorState]);\r\n\r\n const styleMap = {\r\n 'HIGHLIGHT': {\r\n 'color': '#17202A',\r\n },\r\n 'RED': {\r\n 'color': '#f44336',\r\n },\r\n 'RED1': {\r\n 'color': '#e91e63',\r\n },\r\n 'PURPLE': {\r\n 'color': '#9c27b0',\r\n },\r\n 'PURPLE1': {\r\n 'color': '#673ab7',\r\n },\r\n 'BLUE': {\r\n 'color': '#3f51b5',\r\n },\r\n 'BLUE1': {\r\n 'color': '#2196f3',\r\n },\r\n 'BLUE2': {\r\n 'color': '#03a9f4',\r\n },\r\n 'OLDHUE': {\r\n 'color': '#00bcd4',\r\n },\r\n 'OLDHUE1': {\r\n 'color': '#009688',\r\n },\r\n 'GREEN': {\r\n 'color': '#4caf50',\r\n },\r\n 'GREEN1': {\r\n 'color': '#8bc34a',\r\n },\r\n 'GREEN2': {\r\n 'color': '#cddc39',\r\n },\r\n 'YELLOW': {\r\n 'color': '#ffeb3b',\r\n },\r\n 'YELLOW1': {\r\n 'color': '#ffc107',\r\n },\r\n 'YELLOW2': {\r\n 'color': '#ff9800',\r\n },\r\n 'MARS': {\r\n 'color': '#ff5722',\r\n },\r\n 'BROWN': {\r\n 'color': '#795548',\r\n },\r\n 'GREY': {\r\n 'color': '#607d8b',\r\n },\r\n 'FONT_SIZE_12': {\r\n 'fontSize': '12px'\r\n },\r\n 'FONT_SIZE_14': {\r\n 'fontSize': '14px'\r\n },\r\n 'FONT_SIZE_16': {\r\n 'fontSize': '16px'\r\n },\r\n 'FONT_SIZE_18': {\r\n 'fontSize': '18px'\r\n },\r\n 'FONT_SIZE_20': {\r\n 'fontSize': '20px'\r\n },\r\n 'FONT_SIZE_22': {\r\n 'fontSize': '22px'\r\n },\r\n 'FONT_SIZE_24': {\r\n 'fontSize': '24px'\r\n },\r\n 'FONT_SIZE_26': {\r\n 'fontSize': '26px'\r\n },\r\n 'FONT_SIZE_28': {\r\n 'fontSize': '28px'\r\n },\r\n 'FONT_SIZE_30': {\r\n 'fontSize': '30px'\r\n },\r\n 'FONT_SIZE_36': {\r\n 'fontSize': '36px'\r\n },\r\n 'FONT_SIZE_42': {\r\n 'fontSize': '42px'\r\n },\r\n 'FONT_SIZE_48': {\r\n 'fontSize': '48px'\r\n },\r\n CODE: {\r\n backgroundColor: 'rgba(0, 0, 0, 0.05)',\r\n fontFamily: '\"Inconsolata\", \"Menlo\", \"Consolas\", monospace',\r\n fontSize: 16,\r\n padding: 2,\r\n }\r\n };\r\n\r\n const toggleBlockType = async (blockType) => {\r\n const newState = RichUtils.toggleBlockType(editorState, blockType);\r\n setEditorState(newState);\r\n if(onRichTextEditorStateChanged === null || onRichTextEditorStateChanged === undefined){\r\n return;\r\n }\r\n\r\n onRichTextEditorStateChanged(newState)\r\n }\r\n\r\n const toggleInlineStyle = async (inlineStyle) => {\r\n console.log('toggleInlineStyle ' + inlineStyle);\r\n\r\n if(inlineStyle === 'COLOR') {\r\n pickColorClick();\r\n return;\r\n }\r\n\r\n const newState = RichUtils.toggleInlineStyle(editorState, inlineStyle);\r\n setEditorState(newState);\r\n if(onRichTextEditorStateChanged === null || onRichTextEditorStateChanged === undefined){\r\n return;\r\n }\r\n\r\n onRichTextEditorStateChanged(newState);\r\n }\r\n\r\n function BlockButton(props) {\r\n const onToggle = async (e) => {\r\n e.preventDefault();\r\n props.onToggle(props.style)\r\n }\r\n \r\n const renderBlockBtn = () => {\r\n let className = 'RichEditor-styleButton';\r\n if (props.active) {\r\n className += ' RichEditor-activeButton';\r\n }\r\n\r\n return (\r\n \r\n {props.label}\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {renderBlockBtn()}\r\n
\r\n );\r\n }\r\n\r\n const getBlockStyle = (block) => {\r\n switch (block.getType()) {\r\n case 'blockquote':\r\n return 'RichEditor-blockquote';\r\n default: return null;\r\n }\r\n }\r\n\r\n var INLINE_STYLES = [\r\n {label: 'Bold', style: 'BOLD'},\r\n {label: 'Italic', style: 'ITALIC'},\r\n {label: 'Underline', style: 'UNDERLINE'},\r\n {label: 'Monospace', style: 'CODE'},\r\n {label: 'Color', style: 'COLOR'},\r\n ];\r\n\r\n const BLOCK_TYPES = [\r\n {label: 'H1', style: 'header-one'},\r\n {label: 'H2', style: 'header-two'},\r\n {label: 'H3', style: 'header-three'},\r\n {label: 'H4', style: 'header-four'},\r\n {label: 'H5', style: 'header-five'},\r\n {label: 'H6', style: 'header-six'},\r\n {label: 'Blockquote', style: 'blockquote'},\r\n {label: 'UL', style: 'unordered-list-item'},\r\n {label: 'OL', style: 'ordered-list-item'},\r\n {label: 'Code Block', style: 'code-block'},\r\n ];\r\n\r\n const BlockStyleControls = (props) => {\r\n const {editorState} = props;\r\n if(!editorState || editorState === undefined || editorState === null){\r\n return;\r\n }\r\n const selection = editorState.getSelection();\r\n const blockType = editorState\r\n .getCurrentContent()\r\n .getBlockForKey(selection.getStartKey())\r\n .getType();\r\n \r\n return (\r\n \r\n \r\n {BLOCK_TYPES.map((type) =>\r\n \r\n
\r\n );\r\n };\r\n\r\n const InlineStyleControls = (props) => {\r\n if(!editorState || editorState === undefined || editorState === null){\r\n return;\r\n }\r\n\r\n const currentStyle = editorState.getCurrentInlineStyle();\r\n \r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n const pickColorClick = () => {\r\n setShowColorPickerDlg(true);\r\n }\r\n\r\n const onColorPickerDlgClose = () => {\r\n console.log('calling onColorPickerDlgClose');\r\n setShowColorPickerDlg(false);\r\n }\r\n\r\n const renderEitor = () => {\r\n let className = 'RichEditor-editor';\r\n if(!editorState || editorState === undefined || editorState === null){\r\n return;\r\n }\r\n var contentState = editorState.getCurrentContent();\r\n if (!contentState.hasText()) {\r\n if (contentState.getBlockMap().first().getType() !== 'unstyled') {\r\n className += ' RichEditor-hidePlaceholder';\r\n }\r\n }\r\n\r\n if(isReadOnly){\r\n return(\r\n \r\n {setEditorState(editorState)\r\n if(onRichTextEditorStateChanged != null){\r\n onRichTextEditorStateChanged(editorState)\r\n }\r\n }}\r\n readOnly={isReadOnly}/>\r\n
\r\n );\r\n }\r\n\r\n return(\r\n \r\n
\r\n );\r\n }\r\n\r\n const renderEitorHeader = () => {\r\n if(isReadOnly){\r\n return;\r\n }\r\n\r\n return (\r\n \r\n {setEditorState(editorState)\r\n if(onRichTextEditorStateChanged != null){\r\n onRichTextEditorStateChanged(editorState)\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {rendrFontSize()}\r\n \r\n \r\n {rendrPickColor()}\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {renderEitorHeader()}\r\n {renderEitor()}\r\n
\r\n );\r\n}\r\n\r\nexport default PostAdEditor;","import axios from \"axios\";\r\nimport helperUtil from 'util'\r\n\r\nconst SERVER_URL = process.env.REACT_APP_SERVER_URL;\r\nconst SHUL = process.env.REACT_APP_SHUL;\r\n\r\nexport const classifiedAdService = {\r\n addNewImage,\r\n cleanupIntermediaryAd,\r\n loadImage,\r\n deleteImage,\r\n postAd,\r\n confirmAd,\r\n fetchClassifiedsForAdmin,\r\n approveAd,\r\n getForEdit,\r\n deleteAd,\r\n getFirstInCategories,\r\n getAd,\r\n getAllImagesExceptFirst,\r\n getAllForCategory\r\n};\r\n\r\nasync function loadImage(imageId){\r\n console.log('about to call loadImage ' + SERVER_URL + 'api/Classified/getImage/' + imageId);\r\n let image = null;\r\n\r\n await fetch(SERVER_URL + 'api/Classified/getImage/' + imageId)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n\r\n image = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return image;\r\n}\r\n\r\nasync function deleteImage(adId, imgId){\r\n console.log('about to call deleteImage ' + adId + ' imgId ' + imgId);\r\n\r\n const formData = new FormData();\r\n formData.append(\"adId\", adId);\r\n formData.append(\"imageId\", imgId);\r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/Classified/DeleteAdImage', formData);\r\n if(res.data){\r\n console.log('ok response');\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nasync function cleanupIntermediaryAd(adId){\r\n console.log('about to call cleanupIntermediaryAd adId ' + adId);\r\n\r\n const formData = new FormData();\r\n formData.append(\"adId\", adId); \r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/Classified/CleanupIntermidearyAd', formData);\r\n if(res.data){\r\n console.log('ok response');\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nasync function addNewImage(file, adId, imageId) {\r\n console.log('about to call postImage ' + adId);\r\n \r\n const formData = new FormData();\r\n formData.append(\"file\", file);\r\n formData.append(\"adId\", adId);\r\n formData.append(\"imageId\", imageId);\r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/Classified/ImportFile', formData);\r\n if(res.data){\r\n console.log('ok response');\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nasync function postAd(title, \r\n shortDescription,\r\n data,\r\n pageId,\r\n telephone,\r\n email,\r\n userId,\r\n duration,\r\n category) {\r\n \r\n let contactId = userId === undefined ? '' : userId;\r\n\r\n const postData = JSON.stringify({\r\n pageId: pageId,\r\n title: title,\r\n shortDescription: shortDescription,\r\n editorState: data,\r\n telephone: telephone,\r\n email: email,\r\n contactId: contactId,\r\n entity: SHUL,\r\n duration: duration,\r\n url: window.location.origin.toString(),\r\n category: category\r\n });\r\n\r\n let result = false;\r\n\r\n try {\r\n await fetch(SERVER_URL + 'api/Classified/PostAd', {\r\n method: 'POST', body: postData, headers: {\r\n 'Content-Type': 'application/json',\r\n }\r\n }).then(helperUtil.handleErrors)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n result = data;\r\n console.log(result);\r\n }).catch(function (error) {\r\n console.log(error);\r\n });\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n result = false;\r\n }\r\n\r\n return result;\r\n}\r\n\r\nasync function confirmAd(email, token) {\r\n const formData = new FormData();\r\n formData.append(\"email\", email);\r\n formData.append(\"token\", token);\r\n \r\n console.log('token');\r\n console.log(token);\r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/Classified/ConfirmAd', formData);\r\n if(res.data){\r\n console.log('ok response confirmAd');\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response confirmAd');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nasync function fetchClassifiedsForAdmin(){\r\n console.log('about to call loadImage ' + SERVER_URL + 'api/Classified/getForAdmin/' + SHUL);\r\n let ads;\r\n\r\n await fetch(SERVER_URL + 'api/Classified/getForAdmin/' + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n\r\n ads = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return ads;\r\n}\r\n\r\nasync function approveAd(adId){\r\n console.log('about to call approveAd adId ' + adId);\r\n\r\n const formData = new FormData();\r\n formData.append(\"adId\", adId); \r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/Classified/ApproveAd', formData);\r\n if(res.data){\r\n console.log('ok response');\r\n return res.data.isAdminApproved;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nasync function getForEdit(adId){\r\n console.log('about to call loadImage ' + SERVER_URL + 'api/Classified/getForEdit/' + adId);\r\n let ad;\r\n\r\n await fetch(SERVER_URL + 'api/Classified/getForEdit/' + adId)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n\r\n ad = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return ad;\r\n}\r\n\r\nasync function deleteAd(adId){\r\n console.log('about to call deleteAd adId ' + adId);\r\n\r\n const formData = new FormData();\r\n formData.append(\"adId\", adId); \r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/Classified/DeleteAd', formData);\r\n if(res.data){\r\n console.log('ok response');\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nasync function getFirstInCategories(){\r\n console.log('about to call getFirstInCategories ' + SERVER_URL + 'api/Classified/getFirstInCategory/' + SHUL);\r\n let ads;\r\n\r\n await fetch(SERVER_URL + 'api/Classified/getFirstInCategory/' + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n\r\n ads = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return ads;\r\n}\r\n\r\nasync function getAd(id){\r\n console.log('about to call getAd ' + SERVER_URL + 'api/Classified/getAd/' + id);\r\n let ad;\r\n\r\n await fetch(SERVER_URL + 'api/Classified/getAd/' + id)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n\r\n ad = data;\r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return ad;\r\n}\r\n\r\nasync function getAllImagesExceptFirst(id){\r\n console.log('about to call getAllImagesExceptFirst ' + SERVER_URL + 'api/Classified/getAllImagesExceptFirst/' + id);\r\n let images;\r\n\r\n await fetch(SERVER_URL + 'api/Classified/getAllImagesExceptFirst/' + id)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n\r\n images = data; \r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return images;\r\n}\r\n\r\nasync function getAllForCategory(category){\r\n console.log('about to call getAllForCategory ' + SERVER_URL + 'api/Classified/getAllInCategory/' + category + \"/\" + SHUL);\r\n\r\n let ads;\r\n\r\n await fetch(SERVER_URL + 'api/Classified/getAllInCategory/' + category + \"/\" + SHUL)\r\n .then(function (response) {\r\n return response.json();\r\n }).then(function (data) {\r\n if(!data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n\r\n ads = data; \r\n })\r\n .catch(function (error) {\r\n console.log(error);\r\n });\r\n\r\n return ads;\r\n}\r\n\r\nexport default classifiedAdService","import Modal from 'react-bootstrap/Modal'\r\nimport classifiedAdService from '../../shared/services/classifiedAdService'\r\nimport postAdService from '../../shared/services/postAdService'\r\nimport { useState } from 'react';\r\nimport './ShowImageDlg.css';\r\n\r\nexport function ShowImageDlg({ showModal, onClose, imageIdToShow, source}) {\r\n const [title, setTitle] = useState('');\r\n const [imageToShow, setImageToShow] = useState('');\r\n \r\n const closeModal = () => {\r\n setImageToShow('');\r\n onClose();\r\n }\r\n\r\n const onShowModal = async () => {\r\n if(!imageIdToShow || imageIdToShow.length === 0)\r\n {\r\n setTitle('Nothing to load');\r\n return;\r\n }\r\n\r\n setTitle('Loading Image');\r\n var image = source === \"classifieds\" ? await classifiedAdService.loadImage(imageIdToShow) : \r\n await postAdService.loadImage(imageIdToShow);\r\n if(!image || image === null || image === undefined){\r\n onClose();\r\n return;\r\n }\r\n setImageToShow(image.image);\r\n setTitle('');\r\n }\r\n\r\n const renderImage = () => {\r\n if(!imageToShow || imageToShow.length < 2){\r\n return;\r\n }\r\n\r\n return(\r\n {renderCurrentImage()}\r\n {renderShowImgDlg()}\r\n
\r\n );\r\n}\r\n\r\nexport default ImageViewer;","import React, { useCallback, useState } from 'react';\r\nimport postAdService from '../../shared/services/postAdService'\r\nimport { View, Text } from 'react-native';\r\nimport { convertFromRaw } from 'draft-js';\r\nimport { EditorState } from 'draft-js';\r\nimport PostAdEditor from '../../shared/Controls/PostAdEditor'\r\nimport ImageViewer from './ImageViewer'\r\n\r\nfunction MainPageAdsDisplay({ onFetchedPosts }) {\r\n const [activePosts, setActivePosts] = useState([]);\r\n \r\n const getNumberOfPosts = useCallback((posts) => {\r\n if (!posts || posts === undefined || posts === null) {\r\n onFetchedPosts(false);\r\n return;\r\n }\r\n\r\n let isThereAValidPost = posts.length > 0;\r\n onFetchedPosts(isThereAValidPost);\r\n }, [onFetchedPosts])\r\n\r\n const getAllImages = useCallback(async(posts) => {\r\n if(!posts || posts === null || posts === undefined || posts.length === 0){\r\n return;\r\n }\r\n\r\n console.log('calling useCallback MainPageAdsDisplay')\r\n \r\n for(var i = 0; i < posts.length; i++){\r\n var ad = posts[i];\r\n if(ad.numberOfImages === ad.images.length){\r\n continue;\r\n }\r\n\r\n var addImages = await postAdService.getAllPostAdImagesExceptFirstAuthenticated(ad)\r\n if(!addImages || addImages === null || addImages.length === 0){\r\n return;\r\n }\r\n\r\n for(var n = 0; n < posts.length; n++){\r\n if(ad.id === posts[n].id){\r\n var postImages = [...posts[n].images, ...addImages];\r\n posts[n].images = postImages; \r\n } \r\n }\r\n }\r\n setActivePosts(posts);\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n async function fetchData() {\r\n try {\r\n console.log('use effect')\r\n let posts = await postAdService.getApprovedPosts();\r\n if(!posts || posts === null){\r\n setActivePosts(null)\r\n return;\r\n }\r\n getNumberOfPosts(posts);\r\n setActivePosts(posts);\r\n await getAllImages(posts); \r\n }\r\n catch(e){\r\n console.log(e);\r\n }\r\n }\r\n fetchData();\r\n return () => { \r\n }\r\n }, [getNumberOfPosts,getAllImages]);\r\n\r\n const renderPostedAdDescription = (postedAd) => {\r\n if (!postedAd.isEditor && !postedAd.isHTML) {\r\n return \r\n {renderPostedAdDescription(postedAd)}\r\n \r\n
\r\n );\r\n }\r\n\r\n const renderPostedAd = (postedAd, index) => {\r\n if (postedAd === undefined || postedAd === null || postedAd.isAdminPost) {\r\n return;\r\n }\r\n\r\n return (\r\n \r\n {renderName(postedAd)}\r\n {renderPostedAdDescription(postedAd)} \r\n
\r\n );\r\n }\r\n\r\n const isAdminAd = (activePost) => activePost.isAdminPost;\r\n\r\n const getAdminPosts = () => {\r\n return activePosts.filter(isAdminAd);\r\n }\r\n\r\n const renderAdminPosts = () => {\r\n if (!activePosts || activePosts.length === 0) {\r\n return;\r\n }\r\n\r\n const adminPosts = getAdminPosts();\r\n \r\n return (\r\n \r\n \r\n \r\n {adminPosts.map(renderAdmindAd)}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n const areThereNonAdminPosts = () => {\r\n if (!activePosts || activePosts.length === 0) {\r\n return false;\r\n }\r\n\r\n const adminPosts = getAdminPosts();\r\n if(adminPosts === null || adminPosts.length === 0){\r\n return true;\r\n }\r\n\r\n return adminPosts.length !== activePosts.length;\r\n }\r\n\r\n const renderPosts = () => {\r\n if (!activePosts || activePosts.length === 0) {\r\n return;\r\n }\r\n\r\n if(areThereNonAdminPosts()){\r\n return (\r\n \r\n \r\n \r\n Our mispallelim say \r\n \r\n \r\n \r\n \r\n {activePosts.map(renderPostedAd)}\r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n {renderAdminPosts()}\r\n {renderPosts()}\r\n
\r\n );\r\n}\r\n\r\nexport default MainPageAdsDisplay","import React, { useState } from 'react';\r\nimport logo from './images/mdShulInside.jpg';\r\nimport './Home.css';\r\nimport useViewport from '../shared/ViewportProvider'\r\nimport { Text, StyleSheet, View } from 'react-native';\r\nimport utilService from '../shared/services/utilservice'\r\nimport authenticationService from '../shared/services/authentication.service'\r\nimport futureShul from './images/future_shul.jpg'\r\nimport { Link } from \"react-router-dom\";\r\nimport hebrewDayInfo from '../shared/homeComponents/HebrewDateInfo'\r\nimport 'react-day-picker/lib/style.css';\r\nimport MainPageAdsDisplay from '../pages/ads/MainPageAdsDisplay'\r\n\r\nconst SHUL = process.env.REACT_APP_SHUL;\r\n\r\nfunction Home() {\r\n const [entity, setEntity] = useState(false);\r\n const [address, setAddress] = useState(false);\r\n\r\n React.useEffect(() => {\r\n utilService.markPage();\r\n setEntity(SHUL === 'OS' ? 'Our Shul נצח ישראל' : 'Mountaindale Shul');\r\n\r\n async function fetchData() {\r\n let address = await utilService.getAddress();;\r\n setAddress(address);\r\n }\r\n fetchData();\r\n }, []);\r\n\r\n return IsMobile() ? Hello {authenticationService.getUserFirstName()}
;\r\n}\r\n\r\nfunction renderWelcomeHebrew() {\r\n if (!authenticationService.isUserLoggedIn()) {\r\n return!ברוכים הבאים
;\r\n }\r\n\r\n return!ברוך הבא
;\r\n}\r\n\r\nconst renderAddress = (address) => {\r\n if (SHUL === 'MD') {\r\n return (\r\n Hebrew Congregation of Mountaindale \r\n {address} \r\n
);\r\n }\r\n\r\n return (\r\n Our Shul \r\n {address} \r\n
);\r\n}\r\n\r\nconst renderHebrewDay = () => {\r\n return (\r\n
);\r\n}\r\n\r\nconst renderMemo = () => {\r\n return (\r\n \r\n \r\n Please click on the Donate link below to help the shul\r\n \r\n
\r\n );\r\n}\r\n\r\nconst renderScheduleLink = () => {\r\n return Schedule;\r\n}\r\n\r\nconst renderStatusBar = () => {\r\n if (SHUL === 'MD') {\r\n return (\r\n
\r\n );\r\n }\r\n\r\n return (- \r\n
- Contact Us at Mounaindale Shul \r\n
\r\n
\r\n );\r\n}\r\n\r\nfunction MobileHome(props) {\r\n const [showLogoPicture, setShowLogoPicture] = useState(false);\r\n\r\n const onFetchedPosts = async (areThereValidPosts) => {\r\n setShowLogoPicture(!areThereValidPosts);\r\n }\r\n\r\n return (\r\n - \r\n
- Contact Us \r\n
\r\n
\r\n {renderMemo()}\r\n
\r\n
\r\n
\r\n \r\n {renderScheduleLink()}\r\n {renderHebrewDay()}\r\n {renderWelcomeName()}\r\n {renderWelcomeHebrew()}\r\n
\r\n {renderAddress(props.address)}\r\n \r\n {renderMemo()}\r\n
\r\n Donate\r\n
\r\n \r\n \r\n Classifieds\r\n
\r\n \r\n
\r\n Post on Main Page\r\n
\r\n \r\n
\r\n
\r\n {renderMemo()}\r\n
\r\n
\r\n {renderStatusBar()}\r\n
\r\n )\r\n}\r\n\r\nfunction HousePic({ showLogoPicture }) {\r\n \r\n const height1 = IsMobile() ? \"80\" : \"120\";\r\n if (SHUL === 'MD') {\r\n return (\r\n \r\n {renderScheduleLink()}\r\n
\r\n \r\n {renderHebrewDay()}\r\n
\r\n \r\n {renderWelcomeName()}\r\n {renderWelcomeHebrew()}\r\n {renderAddress(props.address)}\r\n
\r\n \r\n
\r\n \r\n {renderMemo()}\r\n
\r\n Donate\r\n
\r\n \r\n Classifieds\r\n
\r\n \r\n Post on Main Page\r\n
\r\n \r\n
\r\n {renderStatusBar()}\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\n \r\n
\r\n );\r\n }\r\n\r\n if(isRecurring && isMobile){\r\n if(SHUL === 'MD'){\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 return ( \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n } \r\n\r\n const renderRecurringCheckBox = () => {\r\n return (\r\n
);\r\n }\r\n\r\n const renderMemo = () => {\r\n if(SHUL === 'MD'){\r\n return (\r\n \r\n \r\n Please help us to continue our unbroken mesorah\r\n \r\n
\r\n );\r\n } \r\n }\r\n\r\n const renderStatusBar = () => { \r\n if(SHUL === 'OS'){\r\n return (\r\n
\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n Our Shul is a 501(c)(3) organization and all donations are tax-deductible.\r\n
\r\n - \r\n
- Contact Us \r\n
\r\n {renderMemo()}\r\n {renderCurrencyInput()}\r\n {renderPurposeValidLabel()}\r\n {renderDonationIsTooSmallLabel()}\r\n {renderFractionalSubscription()} \r\n {renderSuggestedDonations()} \r\n
\r\n
\r\n {renderPurposes()}\r\n \r\n
\r\n \r\n {renderRecurringCheckBox()}\r\n {renderRecurringOptions()}\r\n
\r\n \r\n {renderOtherPurposeBox()}\r\n \r\n There was an error processing your transaction \r\n \r\n );\r\n }\r\n\r\n if(parsed.currency_code !== 'USD'){\r\n currSign = '';\r\n }\r\n\r\n return (\r\n \r\n Your donation of {currSign}{parsed.amount} has been received \r\n It will be applied toward {parsed.purpose} \r\n Thank you {parsed.name} for your support! \r\n \r\n );\r\n \r\n } \r\n\r\n return (\r\n Your email has been successfully confirmed ;\r\n }\r\n \r\n if (isParseSuccess && !isTokenExpired && status) {\r\n return We are trying to activate your account. Please stand by ;\r\n }\r\n\r\n if(isTokenExpired){\r\n return Your token has expired\r\n }\r\n\r\n if(!isParseSuccess || !isConfirmationSuccess) {\r\n return There was an error during the activation. Please try again after some time or try to re-register\r\n }\r\n }\r\n\r\n const onPageLoad = () => {\r\n const queryString = require('query-string');\r\n const parsed = queryString.parse(window.location.search);\r\n console.log(parsed);\r\n\r\n if(!parsed || !parsed.email || !parsed.token) {\r\n setIsParseSuccess(false);\r\n return;\r\n }\r\n\r\n setIsParseSuccess(true);\r\n\r\n const data = JSON.stringify({ email: parsed.email, token: parsed.token, password: ''});\r\n\r\n fetch(SERVER_URL + 'api/RegisterUser/ActivateEmail/', { method: 'POST', body: data, headers: {\r\n 'Content-Type': 'application/json',\r\n }}).then(helperUtil.handleErrors)\r\n .then(function(response) { \r\n console.log(response); \r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n if(data.isTokenExpired){\r\n setTokenExpired(true);\r\n setStatus(false);\r\n return;\r\n }\r\n \r\n if(!data.isEmailConfirmed) {\r\n setTokenExpired(false);\r\n setIsConfirmationSuccess(false);\r\n setStatus(false);\r\n return;\r\n }\r\n\r\n if(!data.status)\r\n {\r\n setIsConfirmationSuccess(false);\r\n setStatus(false);\r\n setTokenExpired(false);\r\n console.log(data.status);\r\n return;\r\n }\r\n\r\n console.log(data.status);\r\n setTokenExpired(false);\r\n setIsConfirmationSuccess(true);\r\n setStatus(true);\r\n handleLogin();\r\n \r\n }).catch(function(error) {\r\n console.log(error);\r\n setStatus(false);\r\n });\r\n }\r\n\r\n return (\r\n {\r\n if(moment.isDate(day)){\r\n setStartDate(day)\r\n } \r\n }\r\n } />; \r\n }\r\n\r\n const renderEndtDate = () => {\r\n const FORMAT = 'MM/dd/yyyy';\r\n return {\r\n if(moment.isDate(day)){\r\n setEndDate(day)\r\n }\r\n console.log(endDate)\r\n }\r\n } />; \r\n }\r\n\r\n const renderDonation = (donation, index) => {\r\n return (\r\n \r\n ${donation.amount} \r\n {formatReturnedDate(donation.date)} \r\n \r\n );\r\n }\r\n\r\n const renderTable = () => {\r\n if(serverError){\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\nexport default ContactUsComponent;","import React from 'react'\r\nimport { Text } from 'react-native';\r\nimport {Link } from \"react-router-dom\";\r\n\r\nclass HelpComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n \r\n } \r\n }\r\n\r\n handleSubmit = async(event) => {\r\n event.preventDefault();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n We would certainly like to help you with any of your questions please click on the link below to contact us and somebody will get back to you \r\n \r\n );\r\n }\r\n}\r\nexport default HelpComponent;","import React from 'react'\r\n\r\nclass ContactUsSuccess extends React.Component {\r\n render () {\r\n return (\r\n \r\n handleRole(role.id)}>{role.id} \r\n handleRole(role.id)}>{role.name} \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n const handleRole = (id) => {\r\n console.log(\"looking for \" + id)\r\n setSelectedRole(id);\r\n console.log('Selected role ');\r\n console.log( selectedRole);\r\n }\r\n\r\n const renderUsersInRole = () => {\r\n if(!selectedRole){\r\n return;\r\n }\r\n console.log('Trying to redirect to usersInRole');\r\n return \r\n {index + 1} \r\n {user.userName} \r\n {user.email} \r\n \r\n )\r\n }\r\n\r\n return ( \r\n \r\n {user.firstName} \r\n {user.email} \r\n \r\n );\r\n }\r\n showProjects(user) {\r\n console.log(user);\r\n \r\n \r\n }\r\n\r\n render() {\r\n if(!authenticationService.isAdministrator()){\r\n return \r\n Menage Projects\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MenageProjects;","import React from 'react'\r\nimport authenticationService from '../../shared/services/authentication.service'\r\nimport { Navigate } from \"react-router-dom\";\r\n\r\nclass Projects extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n firstName : '',\r\n email : ''\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n console.log(this.props.location.state.user);\r\n let user = this.props.location.state.user;\r\n this.setState({\r\n firstName : user.firstName\r\n });\r\n }\r\n\r\n renderWelcomeHeader() { \r\n return (\r\n \r\n {this.renderWelcomeHeader()}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Projects;","import React from 'react'\r\nimport authenticationService from '../../../shared/services/authentication.service'\r\nimport { Navigate } from \"react-router-dom\";\r\nimport Table from 'react-bootstrap/Table'\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport AddCircle from '@material-ui/icons/AddCircle';\r\n\r\nclass MenageUserProjects extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n firstName : '',\r\n email : '',\r\n isAddNewProject: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n console.log(this.props.location.state.user);\r\n let user = this.props.location.state.user;\r\n this.setState({\r\n firstName : user.firstName\r\n });\r\n }\r\n\r\n renderWelcomeHeader() { \r\n return (\r\n \r\n {this.renderWelcomeHeader()}\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MenageUserProjects;","import React, { useState } from 'react';\r\nimport Table from 'react-bootstrap/Table'\r\nimport '../MenageRoles.css'\r\nimport AddCircle from '@material-ui/icons/AddCircle';\r\nimport Textarea from 'react-expanding-textarea'\r\nimport Button from 'react-bootstrap/Button'\r\nimport projectsService from '../../../shared/services/projectsService'\r\nimport Delete from '@material-ui/icons/Delete';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport { confirmAlert } from 'react-confirm-alert';\r\nimport authenticationService from '../../../shared/services/authentication.service'\r\nimport { Navigate } from \"react-router-dom\";\r\n\r\nfunction ContractorProjects() {\r\n const [projects, setProjects] = useState([]);\r\n const [isAddProject, setIsAddProject] = useState(false);\r\n const [newProject, setNewProject] = useState('');\r\n const [projectDescription, setProjectDescription] = useState('');\r\n\r\n const handleAddProject = () => {\r\n setIsAddProject(true);\r\n }\r\n\r\n const handleNewProjectChange = async(event) => {\r\n let newProject = event.target.value;\r\n setNewProject(newProject); \r\n }\r\n\r\n const handleDescriptionChange = async(event) => {\r\n let projectDescription = event.target.value;\r\n setProjectDescription(projectDescription); \r\n }\r\n\r\n const renderDescriptionTextArea = () => {\r\n return (\r\n \r\n handleProject(project.id)}>{project.title} \r\n handleProject(project.id)}>{project.description} \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n\r\n const handleProject = (id) => {\r\n console.log(\"looking for \" + id)\r\n \r\n }\r\n\r\n const handleDelete = async (id, title) => {\r\n confirmAlert({\r\n title: 'Confirm deletion',\r\n message: 'Are you sure to delete ' + title + ' project?',\r\n buttons: [\r\n {\r\n label: 'Yes',\r\n onClick: () => {deleteProject(id)}\r\n },\r\n {\r\n label: 'No',\r\n onClick: () => {console.log('no deletion called`')}\r\n }\r\n ]\r\n });\r\n }\r\n\r\n const deleteProject = async (id) => {\r\n console.log(\"deleting \" + id);\r\n let result = await projectsService.deleteContractorProject(id);\r\n if(result)\r\n {\r\n window.location.reload(); \r\n }\r\n }\r\n\r\n const renderMainPage = (id) => {\r\n if(!authenticationService.isAdministrator()){\r\n return \r\n {\r\n setEventTime(newValue);\r\n }}\r\n renderInput={(params) => \r\n );\r\n }\r\n\r\n return (\r\n \r\n {\r\n setEventTime(newValue);\r\n }}\r\n renderInput={(params) => \r\n );\r\n }\r\n\r\n const isSubmitValid = () => {\r\n if(!title || title.length === 0){\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n function IsMobile(){\r\n const { width } = useViewport();\r\n const breakpoint = 620;\r\n \r\n return width < breakpoint;\r\n }\r\n\r\n const formatEventTime = (eventTime) => {\r\n if(!eventTime){\r\n return '';\r\n }\r\n var lclDate = new Date(eventTime);\r\n const format = 'HH:mm';\r\n return dateFnsFormat(lclDate, format);\r\n }\r\n\r\n const getFullDateTimeFormatted = () => {\r\n let date = getFullDateTime();\r\n if(!date){\r\n return null;\r\n }\r\n \r\n const format = 'MM/dd/yyyy HH:mm:ss';\r\n return dateFnsFormat(date, format);\r\n }\r\n\r\n const onSubmit = async () => {\r\n const formattedEventInfo = {\r\n action: eventInfo.action,\r\n ID: eventInfo.Id,\r\n title: title,\r\n eventTime: formatEventTime(eventTime),\r\n eventDate: getFullDateTime(),\r\n dateTimeStr: getFullDateTimeFormatted(),\r\n description: description };\r\n\r\n onDayEventSubmit(formattedEventInfo)\r\n }\r\n\r\n const renderUpdateBtn = () => {\r\n if(!IsMobile()){\r\n return \r\n }\r\n\r\n return \r\n }\r\n\r\n const styles = StyleSheet.create({\r\n input: {\r\n height: 300,\r\n borderWidth: 1,\r\n padding: 10,\r\n },\r\n text: {\r\n fontSize: 14,\r\n lineHeight: 16,\r\n fontWeight: 'bold',\r\n letterSpacing: 0.2,\r\n color: 'white',\r\n },\r\n });\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {dlgTitle}\r\n \r\n \r\n \r\n \r\n Title: \r\n \r\n \r\n \r\n \r\n \r\n Event time: \r\n \r\n \r\n {renderTimeControl()}\r\n \r\n \r\n Description: \r\n \r\n \r\n \r\n \r\n \r\n \r\n {renderUpdateBtn()}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default DayEventDlg;","import helperUtil from 'util'\r\nimport uuid from 'react-native-uuid';\r\n\r\nconst SERVER_URL = process.env.REACT_APP_SERVER_URL;\r\nconst SHUL = process.env.REACT_APP_SHUL;\r\n\r\nexport const schedulerService = {\r\n addDayEvent,\r\n getDaySchedule,\r\n deleteEvent,\r\n updateDayEvent,\r\n updateWeekEvent,\r\n getWeeklyEvent,\r\n copyDayEvents\r\n};\r\n\r\nasync function addDayEvent(eventInfo) {\r\n const data = JSON.stringify({ \r\n id: eventInfo.ID,\r\n date: eventInfo.dateTimeStr, \r\n description: eventInfo.description, \r\n title: eventInfo.title, \r\n eventTime: eventInfo.eventTime, \r\n isCancelled: eventInfo.iscancelled,\r\n isAllDay: eventInfo.isallday,\r\n source: SHUL,\r\n isWeek: false,\r\n isHTML: false});\r\n\r\n let result = false;\r\n\r\n await fetch(SERVER_URL + 'api/ShulSchedule/AddEvent', { method: 'POST', body: data, headers: {\r\n 'Content-Type': 'application/json',\r\n }}).then(helperUtil.handleErrors)\r\n .then(function(response) { \r\n console.log(response);\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n if(data.status){\r\n result = true; \r\n } \r\n }).catch(function(error) {\r\n console.log(error);\r\n result = false;\r\n });\r\n \r\n return result;\r\n}\r\n\r\nasync function getDaySchedule(date) {\r\n console.log('about to call getDaySchedule ' + SERVER_URL + 'api/ShulSchedule/getDaySchedule/' + SHUL + '/' + date);\r\n let scheduleEvents = {};\r\n\r\n await fetch(SERVER_URL + 'api/ShulSchedule/getDaySchedule/' + SHUL + '/' + date)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n scheduleEvents = data; \r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return scheduleEvents;\r\n}\r\n\r\nasync function deleteEvent(id) {\r\n let result = false;\r\n\r\n console.log('about to call getDaySchedule ' + SERVER_URL + 'api/ShulSchedule/DeleteEvent/' + id);\r\n \r\n await fetch(SERVER_URL + 'api/ShulSchedule/DeleteEvent/' + id)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response) { \r\n console.log(response);\r\n return response;\r\n }).then(function(data) {\r\n console.log(data);\r\n result = data; \r\n }).catch(function(error) {\r\n console.log(error);\r\n result = false;\r\n });\r\n\r\n return result;\r\n}\r\n\r\nasync function updateDayEvent(eventInfo) {\r\n const data = JSON.stringify({ \r\n id: eventInfo.ID,\r\n date: eventInfo.dateTimeStr, \r\n description: eventInfo.description, \r\n title: eventInfo.title, \r\n eventTime: eventInfo.eventTime, \r\n isCancelled: eventInfo.iscancelled,\r\n isAllDay: eventInfo.isallday,\r\n source: SHUL,\r\n isWeek: false,\r\n isHTML: false});\r\n\r\n console.log(data)\r\n\r\n let result = false;\r\n\r\n await fetch(SERVER_URL + 'api/ShulSchedule/UpdateEvent', { method: 'POST', body: data, headers: {\r\n 'Content-Type': 'application/json',\r\n }}).then(helperUtil.handleErrors)\r\n .then(function(response) { \r\n console.log(response);\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n if(data.status){\r\n result = true; \r\n } \r\n }).catch(function(error) {\r\n console.log(error);\r\n result = false;\r\n });\r\n \r\n return result;\r\n}\r\n\r\nasync function updateWeekEvent(text, startDate, endDate, isHTML) {\r\n console.log(text + ' ' + startDate + ' ' + endDate + ' ' + isHTML);\r\n const data = JSON.stringify({ \r\n id: uuid.v1(),\r\n date: '', \r\n description: text, \r\n title: '', \r\n eventTime: '', \r\n isCancelled: false,\r\n isAllDay: false,\r\n source: SHUL,\r\n isWeek: true,\r\n isHTML: isHTML,\r\n startDate: startDate,\r\n endDate: endDate});\r\n\r\n console.log(data)\r\n\r\n let result = false;\r\n\r\n await fetch(SERVER_URL + 'api/ShulSchedule/ManageWeeklyEvent', { method: 'POST', body: data, headers: {\r\n 'Content-Type': 'application/json',\r\n }}).then(helperUtil.handleErrors)\r\n .then(function(response) { \r\n console.log(response);\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n if(data.status){\r\n result = true; \r\n } \r\n }).catch(function(error) {\r\n console.log(error);\r\n result = false;\r\n });\r\n \r\n return result;\r\n}\r\n\r\nasync function getWeeklyEvent(startDate, endDate) {\r\n console.log('about to call getWeeklyEvent ' + SERVER_URL + 'api/ShulSchedule/getWeeklyEvent/' + startDate + '/' + endDate + '/' + SHUL);\r\n let scheduleEvent = null;\r\n\r\n await fetch(SERVER_URL + 'api/ShulSchedule/getWeeklyEvent/' + startDate + '/' + endDate + '/' + SHUL)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n console.log('getWeeklyEvent');\r\n console.log(data);\r\n scheduleEvent = data; \r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return scheduleEvent;\r\n}\r\n\r\nasync function copyDayEvents(date, data) {\r\n console.log('copyDayEvents');\r\n console.log('about to call api/ShulSchedule/DayEventsCopy ');\r\n\r\n const dataDayEventsCopy = JSON.stringify({ \r\n fromDate: date,\r\n toDate: data,\r\n entity: SHUL\r\n });\r\n\r\n let result = false;\r\n\r\n await fetch(SERVER_URL + 'api/ShulSchedule/DayEventsCopy', { method: 'POST', body: dataDayEventsCopy, headers: {\r\n 'Content-Type': 'application/json',\r\n }}).then(helperUtil.handleErrors)\r\n .then(function(response) { \r\n console.log(response);\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n if(data){\r\n result = true; \r\n } \r\n }).catch(function(error) {\r\n console.log(error);\r\n result = false;\r\n });\r\n \r\n return result;\r\n}\r\nexport default schedulerService;","import Modal from 'react-bootstrap/Modal'\r\nimport dateFnsFormat from 'date-fns/format';\r\nimport React, { useState } from 'react';\r\nimport helperUtil from '../../../shared/Util'\r\nimport Button from 'react-bootstrap/Button';\r\nimport UpdateSharp from '@material-ui/icons/UpdateOutlined';\r\nimport { StyleSheet, Text, View } from 'react-native';\r\nimport SkipNext from '@material-ui/icons/SkipNext';\r\n\r\nexport function CopyDayEventsDlg({ showModal, onClose, date, onSubmit}) {\r\n const [datesArray, setDatesArray] = useState([]);\r\n const [, updateState] = React.useState();\r\n const forceUpdate = React.useCallback(() => updateState({}), []);\r\n\r\n const closeModal = () => {\r\n onClose();\r\n }\r\n\r\n const onShowModal = () => {\r\n buildForwardCalendarArray(date); \r\n }\r\n\r\n const getDlgTitle = () => {\r\n if (!date) {\r\n return 'Copy Day Events';\r\n }\r\n var lclDate = new Date(date);\r\n const format = 'MM/dd/yyyy';\r\n var dateFormatted = dateFnsFormat(lclDate, format);\r\n return 'Copy Events from ' + dateFormatted;\r\n }\r\n\r\n const buildForwardCalendarArray = (startDate) => {\r\n setDatesArray([]);\r\n var list = []\r\n var addedDate = new Date(startDate)\r\n const format = 'dd yyyy';\r\n for (var i = 0; i < 7; i++) {\r\n addedDate.setDate(addedDate.getDate() + 1);\r\n \r\n var dayOfWeek = helperUtil.getDayOfTheWeek(addedDate); \r\n var shortMonth = addedDate.toLocaleString('en-us', { month: 'short' });\r\n var dateFormatted = dateFnsFormat(addedDate, format);\r\n var title = dayOfWeek + ' ' + shortMonth + ' ' + dateFormatted;\r\n\r\n const data = {\r\n title: title,\r\n date: addedDate,\r\n checked: false,\r\n copied: false,\r\n isError: false\r\n };\r\n\r\n list.push(data);\r\n addedDate = new Date(addedDate);\r\n }\r\n setDatesArray(list); \r\n }\r\n \r\n const onCopyDateChecked = (copyDate, index) => {\r\n copyDate.checked = !copyDate.checked;\r\n if(!copyDate.checked) {\r\n copyDate.copied = false;\r\n copyDate.isError = false;\r\n }\r\n forceUpdate();\r\n }\r\n \r\n const renderDate = (date, index) => {\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 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 return (\r\n \r\n \r\n \r\n \r\n {getDlgTitle()}\r\n \r\n \r\n \r\n {renderDates()}\r\n {renderButtons()}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default CopyDayEventsDlg;","import React, { useState, useCallback } from 'react';\r\nimport dateFnsFormat from 'date-fns/format';\r\nimport '../../Home.css';\r\nimport { View, SafeAreaView, StyleSheet, TextInput, Text } from 'react-native';\r\nimport Button from 'react-bootstrap/Button';\r\nimport DayEventDlg from './DayEventDlg'\r\nimport AddCircle from '@material-ui/icons/AddCircle';\r\nimport UpdateSharp from '@material-ui/icons/UpdateOutlined';\r\nimport uuid from 'react-native-uuid';\r\nimport schedulerService from '../../../shared/services/schedulerService'\r\nimport Delete from '@material-ui/icons/Delete';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport { confirmAlert } from 'react-confirm-alert';\r\nimport helperUtil from '../../../shared/Util'\r\nimport FileCopyRoundedIcon from '@material-ui/icons/FileCopyRounded';\r\nimport CopyDayEventsDlg from './CopyDayEventsDlg';\r\n\r\nexport const dayScheduler = {\r\n DayScheduler\r\n};\r\n\r\nexport function DayScheduler({ isDaySchedule, date }) {\r\n const [text, onChangeText] = React.useState(\"\");\r\n const [showDayEventDlg, setShowDayEventDlg] = useState(false);\r\n const [eventAction, setEventAction] = useState('');\r\n const [events, setEvents] = useState([]);\r\n const [currentEvent, setCurrentEvent] = useState({});\r\n const [fullDayEventId, setFullDayEventId] = useState('');\r\n const [showCopyDayEventsDlg, setShowCopyDayEventsDlg] = useState(false);\r\n \r\n const getEvents = useCallback(async () => {\r\n try {\r\n let shulEvents = await schedulerService.getDaySchedule(formatDayDate(date));\r\n setEvents(shulEvents);\r\n\r\n let allDay = shulEvents.find((e) => e.isAllDay === true);\r\n if (allDay) {\r\n onChangeText(allDay.description)\r\n }\r\n }\r\n catch (e) {\r\n\r\n }\r\n }, [date])\r\n\r\n React.useEffect(() => {\r\n async function fetchData() {\r\n await getEvents()\r\n }\r\n fetchData();\r\n\r\n }, [getEvents]);\r\n\r\n const renderAddBtn = () => {\r\n if (!helperUtil.IsMobile()) {\r\n return \r\n }\r\n\r\n return \r\n }\r\n\r\n const renderCopyEventsBtn = () => {\r\n if (!helperUtil.IsMobile()) {\r\n return \r\n }\r\n\r\n return \r\n }\r\n\r\n const onDayEventDlgSubmit = async (eventInfo) => {\r\n setShowDayEventDlg(false);\r\n\r\n switch (eventInfo.action) {\r\n case 'add':\r\n await schedulerService.addDayEvent(eventInfo);\r\n break;\r\n case 'edit':\r\n console.log('editting event')\r\n console.log(eventInfo)\r\n await schedulerService.updateDayEvent(eventInfo)\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n await getEvents();\r\n console.log(events);\r\n }\r\n\r\n const renderUpdateBtn = () => {\r\n if (!helperUtil.IsMobile()) {\r\n return \r\n }\r\n\r\n return \r\n }\r\n\r\n const renderEvent = (dayEvent) => {\r\n return (\r\n \r\n }\r\n\r\n const handleDayEventClick = async (act, dayEvent) => {\r\n setEventAction(act);\r\n\r\n switch (act) {\r\n case 'add':\r\n handleEditAdd(act);\r\n return;\r\n case 'edit':\r\n handleEditEvent(act, dayEvent);\r\n return;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n const handleCopyDayEventsClick = async () => {\r\n setShowCopyDayEventsDlg(true);\r\n }\r\n \r\n const handleEditAdd = (act) => {\r\n let lclEventId;\r\n lclEventId = uuid.v1();\r\n const currEnentInfo = {\r\n Id: lclEventId,\r\n action: act,\r\n description: '',\r\n date: date\r\n };\r\n\r\n setCurrentEvent(currEnentInfo);\r\n setShowDayEventDlg(true);\r\n }\r\n\r\n const handleEditEvent = (act, dayEvent) => {\r\n dayEvent.action = act;\r\n console.log(dayEvent.date);\r\n console.log(dayEvent.eventTime);\r\n var editDate = new Date(dayEvent.date + ' ' + dayEvent.eventTime);\r\n\r\n const currEnentInfo = {\r\n Id: dayEvent.id,\r\n action: act,\r\n description: dayEvent.description,\r\n date: dayEvent.date,\r\n eventTime: dayEvent.eventTime,\r\n isAllDay: dayEvent.isAllDay,\r\n isCancelled: dayEvent.isCancelled,\r\n source: dayEvent.source,\r\n title: dayEvent.title,\r\n editDate: editDate\r\n };\r\n\r\n setCurrentEvent(currEnentInfo);\r\n setShowDayEventDlg(true);\r\n }\r\n\r\n const getDateTimeFormatted = () => {\r\n const format = 'MM/dd/yyyy HH:mm:ss';\r\n return dateFnsFormat(date, format);\r\n }\r\n\r\n const deleteEvent = async (id) => {\r\n console.log(\"deleting event \" + id)\r\n let result = await schedulerService.deleteEvent(id);\r\n console.log(result);\r\n await getEvents();\r\n }\r\n\r\n const handleDeleteEvent = async (id, title) => {\r\n confirmAlert({\r\n title: 'Confirm deletion',\r\n message: 'Are you sure to delete ' + title + '?',\r\n buttons: [\r\n {\r\n label: 'Yes',\r\n onClick: () => { deleteEvent(id) }\r\n },\r\n {\r\n label: 'No',\r\n onClick: () => { console.log('no deletion called`') }\r\n }\r\n ]\r\n });\r\n }\r\n\r\n const handleFullDayEventClick = async () => {\r\n let iscancelled = false;\r\n if (!text || text.length === 0) {\r\n iscancelled = true;\r\n }\r\n\r\n let allDayId = fullDayEventId;\r\n if (!allDayId || allDayId.length === 0) {\r\n allDayId = uuid.v1();\r\n setFullDayEventId(allDayId);\r\n }\r\n\r\n const eventInfo = {\r\n action: 'add',\r\n ID: allDayId,\r\n title: '',\r\n eventTime: '',\r\n eventDate: date,\r\n dateTimeStr: getDateTimeFormatted(),\r\n description: text,\r\n iscancelled: iscancelled,\r\n isallday: true\r\n };\r\n\r\n\r\n await schedulerService.addDayEvent(eventInfo);\r\n }\r\n\r\n function onDayEventDlgClose() {\r\n console.log('calling on close');\r\n setShowDayEventDlg(false);\r\n }\r\n\r\n const onCopyDayEventsSubmit = async (dates) => {\r\n if (!dates) {\r\n return;\r\n }\r\n\r\n for (let i = 0; i < dates.length; i++) {\r\n if(dates[i].checked){\r\n console.log('checked');\r\n console.log(dates[i]);\r\n dates[i].copied = await schedulerService.copyDayEvents(date, dates[i].date);\r\n if(!dates[i].copied){\r\n dates[i].isError = true;\r\n }\r\n }\r\n } \r\n }\r\n\r\n function onCopyDayEventsDlgClose() {\r\n setShowCopyDayEventsDlg(false);\r\n }\r\n\r\n return (\r\n \r\n \r\n Week of: \r\n {startDay} - {endDay} \r\n \r\n \r\n );\r\n }\r\n\r\n const handleUpdateClick = async () => {\r\n let range = helperUtil.getWeekRangeFormatted(date, false);\r\n let startDate = range[0];\r\n let endDate = range[1];\r\n await schedulerService.updateWeekEvent(text, startDate, endDate, isHTML);\r\n await getWeekly()\r\n }\r\n\r\n const handleIsHTML = event => {\r\n const target = event.target;\r\n const value = target.type === 'checkbox' ? target.checked : target.value;\r\n setIsHTML(value);\r\n };\r\n\r\n const renderUpdateBtn = () => {\r\n if(!helperUtil.IsMobile()){\r\n return \r\n }\r\n\r\n return \r\n }\r\n\r\n return (\r\n {\r\n if(moment.isDate(day)){\r\n setScheduledDay(day);\r\n setDaySchedulerKey(daySchedulerKey + 1);\r\n }\r\n console.log('scheduledDay ' + scheduledDay); \r\n }\r\n } />; \r\n }\r\n\r\n const renderTable = () => {\r\n return (;\r\n }\r\n\r\n return ;\r\n }\r\n\r\n const onDayRangeChanged = event => {\r\n setScheduleWeek(false);\r\n setScheduleDay(true);\r\n console.log('Day schedule is on')\r\n };\r\n\r\n const onWeekRangeChanged = event => {\r\n console.log('Week schedule is on')\r\n setScheduleWeek(true);\r\n setScheduleDay(false);\r\n };\r\n\r\n return (\r\n ;\r\n }\r\n }\r\n\r\n const handleSubmit = event => {\r\n setUpdateError(false);\r\n event.preventDefault();\r\n if(!isAddressValid){\r\n confirmAlert({\r\n title: 'Confirm sudmission',\r\n message: 'You may have an invalid address. Are you sure you want to proceed?',\r\n buttons: [\r\n {\r\n label: 'Yes',\r\n onClick: () => {submitChanges()}\r\n },\r\n {\r\n label: 'No',\r\n onClick: () => {console.log('no deletion called`')}\r\n }\r\n ]\r\n });\r\n\r\n return;\r\n }\r\n\r\n submitChanges();\r\n }\r\n\r\n const isFormValidated = () => {\r\n return (isTelephoneValid && isFirstNameValid && isLastNameValid && isJewishNameValid);\r\n }\r\n\r\n const renderAccount = () => { \r\n if(!authenticationService.isUserLoggedIn()){\r\n return \r\n \r\n
\r\n\r\n
\r\n }\r\n\r\n return (\r\n \r\n {renderPayPalButtons()}\r\n {renderPhysicalAddress()}\r\n {renderStatusBar()}\r\n {renderPayPalOnApprove()}\r\n
\r\n );\r\n}\r\n\r\nexport default PayPal\r\n\r\n","import { View, Text } from 'react-native';\r\n\r\nfunction PayPalConfirm() {\r\n const renderConfirm = () => {\r\n const queryString = require('query-string');\r\n const parsed = queryString.parse(window.location.search);\r\n \r\n let isParsed = parsed && parsed.name && parsed.purpose && parsed.amount && parsed.currency_code;\r\n let currSign = '$';\r\n if(!isParsed){\r\n return(\r\n \r\n {renderConfirm()}\r\n
\r\n );\r\n}\r\n\r\nexport default PayPalConfirm","import React from 'react'\r\n\r\nclass RegistrationConfirmationComponent extends React.Component {\r\n render () {\r\n return (\r\n Please check your email to follow a link to activate your registration
\r\n )\r\n }\r\n}\r\nexport default RegistrationConfirmationComponent;","import useViewport from '../shared/ViewportProvider'\r\nimport dateFnsFormat from 'date-fns/format';\r\nimport dateFnsParse from 'date-fns/parse';\r\nimport { DateUtils } from 'react-day-picker';\r\n\r\nexport const helperUtil = {\r\n handleErrors,\r\n getDayOfTheWeek,\r\n getWeekRange,\r\n IsMobile,\r\n getWeekRangeFormatted,\r\n getDateFormatted,\r\n parseDate,\r\n formatDate\r\n};\r\n\r\nfunction handleErrors(response) {\r\n if (!response.ok) {\r\n throw Error(response.statusText);\r\n }\r\n return response;\r\n}\r\n\r\nfunction getDayOfTheWeek(date) {\r\n var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Erev Shabbos','Shabbos'];\r\n \r\n return days[ date.getDay() ];\r\n}\r\n\r\nfunction getWeekRange(date) {\r\n let endDate = new Date(date.getTime());\r\n for(var i = 0; i < 7; i++){\r\n if(endDate.getDay() === 6){\r\n break;\r\n } \r\n endDate.setDate(endDate.getDate() + 1);\r\n }\r\n\r\n let startDate = new Date(date.getTime());\r\n for(i = 0; i < 7; i++){\r\n if(startDate.getDay() === 0){\r\n break;\r\n } \r\n startDate.setDate(startDate.getDate() - 1);\r\n }\r\n\r\n console.log(startDate)\r\n console.log(endDate)\r\n return [startDate, endDate];\r\n}\r\n\r\nfunction getWeekRangeFormatted(date, htmlFormat) {\r\n let range = getWeekRange(date);\r\n const FORMAT = htmlFormat ? 'MM-dd-yyyy' : 'MM/dd/yyyy';\r\n let startDay = dateFnsFormat(range[0], FORMAT);\r\n let endDay = dateFnsFormat(range[1], FORMAT);\r\n return [startDay, endDay];\r\n}\r\n\r\nfunction IsMobile() {\r\n const { width } = useViewport();\r\n const breakpoint = 620;\r\n \r\n return width < breakpoint;\r\n}\r\n\r\nfunction getDateFormatted(date, htmlFormat) {\r\n const FORMAT = htmlFormat ? 'MM-dd-yyyy' : 'MM/dd/yyyy';\r\n return dateFnsFormat(date, FORMAT);\r\n}\r\n\r\nfunction parseDate(str, format, locale) {\r\n const parsed = dateFnsParse(str, format, new Date(), { locale });\r\n if (DateUtils.isDate(parsed)) {\r\n return parsed;\r\n }\r\n return undefined;\r\n}\r\n\r\nfunction formatDate(date, format, locale) {\r\n return dateFnsFormat(date, format, { locale });\r\n}\r\nexport default helperUtil\r\n\r\n","import { useState } from 'react';\r\nimport '../authentication/Register.css';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableRow from '@material-ui/core/TableRow';\r\n\r\nexport const telephoneEntry = {\r\n TelephoneInput\r\n};\r\n\r\nexport function TelephoneInput({onTelephoneChange, telephone, controlsStyle=\"table\"}) {\r\n const [isTelephoneInvalid, setIsTelephoneInvalid] = useState(false);\r\n const [isTelephoneWrongFormat, setIsTelephoneWrongFormat] = useState(false);\r\n const tableStyle = controlsStyle;\r\n\r\n const renderTelephoneWrongFormat = () => {\r\n if (isTelephoneWrongFormat) {\r\n returnTelephone format is invalid
;\r\n }\r\n return ; \r\n }\r\n\r\n const renderTelephoneLabel = () => {\r\n if (isTelephoneInvalid) {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n }\r\n\r\n const handleTelephoneChange = async(event) => {\r\n let value = event.target.value;\r\n setIsTelephoneWrongFormat(false);\r\n \r\n if(!value) {\r\n setIsTelephoneInvalid(false);\r\n onTelephoneChange(value, true);\r\n return;\r\n }\r\n\r\n if(value.length < 10 && value.length > 0){\r\n setIsTelephoneInvalid(true);\r\n onTelephoneChange(value, false);\r\n return;\r\n }\r\n\r\n var pattern = new RegExp(/^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/);\r\n if (!value.match(pattern)) { \r\n setIsTelephoneWrongFormat(true);\r\n setIsTelephoneInvalid(true);\r\n onTelephoneChange(value, false);\r\n return;\r\n }\r\n\r\n onTelephoneChange(value, true);\r\n setIsTelephoneInvalid(false);\r\n }\r\n\r\n const renderTelephoneControls = () => {\r\n \r\n if(tableStyle === \"table\"){\r\n return (\r\n \r\n \r\n \r\n {renderTelephoneLabel()} \r\n \r\n \r\n \r\n \r\n \r\n {renderTelephoneWrongFormat()}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n if(tableStyle === \"Table\"){\r\n return (\r\n \r\n \r\n \r\n {renderTelephoneLabel()} \r\n \r\n \r\n \r\n \r\n \r\n {renderTelephoneWrongFormat()}\r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n {renderTelephoneControls()}\r\n
\r\n );\r\n}\r\n\r\nexport default telephoneEntry;","import React, { useState } from 'react';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableRow from '@material-ui/core/TableRow';\r\n\r\nexport const firstNameEntry = {\r\n FirstNameInput\r\n};\r\n\r\nexport function FirstNameInput({onFirstNameChange, name, controlsStyle=\"table\"}) {\r\n const [isFirstNameValid, setFirstNameValid] = useState(false);\r\n \r\n React.useEffect(() => {\r\n if(name && name.length > 0){\r\n setFirstNameValid(true);\r\n }\r\n }, [name]);\r\n\r\n const tableStyle = controlsStyle;\r\n\r\n const handleFirstNameChange = async(event) => {\r\n let value = event.target.value;\r\n \r\n if(!value){\r\n setFirstNameValid(false);\r\n onFirstNameChange(value, false);\r\n return;\r\n }\r\n \r\n if(value.length > 60){\r\n setFirstNameValid(false);\r\n onFirstNameChange(value, false);\r\n return;\r\n }\r\n var pattern = new RegExp(/^[A-Za-z .]+$/);\r\n if (!pattern.test(value)) {\r\n console.log('non-alpha');\r\n setFirstNameValid(false);\r\n onFirstNameChange(value, false);\r\n return;\r\n }\r\n\r\n setFirstNameValid(true);\r\n onFirstNameChange(value, true);\r\n }\r\n\r\n const renderFirstNameLabel = () => {\r\n if (!isFirstNameValid) {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n }\r\n\r\n const renderFirstNameControls = () => {\r\n \r\n if(tableStyle === \"table\"){\r\n return (\r\n \r\n \r\n \r\n {renderFirstNameLabel()} \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ); \r\n }\r\n\r\n if(tableStyle === \"Table\"){\r\n console.log('super jopa 22');\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {renderFirstNameLabel()} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n {renderFirstNameControls()}\r\n
\r\n );\r\n}\r\n\r\nexport default firstNameEntry;","import React, { useState } from 'react';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableRow from '@material-ui/core/TableRow';\r\n\r\nexport const lastNameEntry = {\r\n LastNameInput\r\n};\r\n\r\nexport function LastNameInput({onLastNameChange, \r\n name, \r\n labelText='Last Name',\r\n controlsStyle=\"table\", \r\n applyRegularExpression=true}) {\r\n const [isLastNameValid, setLastNameValid] = useState(true);\r\n const placeHolder = 'Enter ' + labelText + ' (optional)';\r\n\r\n const tableStyle = controlsStyle;\r\n\r\n const handleLastNameChange = async(event) => {\r\n let value = event.target.value;\r\n \r\n if(!value){\r\n setLastNameValid(true);\r\n onLastNameChange(value, true);\r\n return;\r\n }\r\n \r\n if(value.length > 60){\r\n setLastNameValid(false);\r\n onLastNameChange(value, false);\r\n return;\r\n }\r\n if(applyRegularExpression){\r\n var pattern = new RegExp(/^[A-Za-z .]+$/);\r\n if (!pattern.test(value)) {\r\n console.log('non-alpha');\r\n setLastNameValid(false);\r\n onLastNameChange(value, false);\r\n return;\r\n }\r\n }\r\n\r\n setLastNameValid(true);\r\n onLastNameChange(value, true);\r\n }\r\n\r\n const renderLastNameLabel = () => {\r\n if (!isLastNameValid) {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n }\r\n\r\n const renderLastNameControls = () => { \r\n if(tableStyle === \"table\"){\r\n return (\r\n \r\n \r\n \r\n {renderLastNameLabel()} \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n ); \r\n }\r\n\r\n if(tableStyle === \"Table\"){\r\n console.log('super jopa 22');\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {renderLastNameLabel()} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n {renderLastNameControls()}\r\n
\r\n );\r\n}\r\n\r\nexport default lastNameEntry;","import React, { useState } from 'react';\r\nimport './Register.css';\r\nimport { View } from 'react-native';\r\nimport Button from 'react-bootstrap/Button';\r\nimport helperUtil from '../shared/Util'\r\nimport { Navigate } from \"react-router-dom\";\r\nimport telephoneEntry from '../shared/TelephoneEntry'\r\nimport firstNameEntry from '../shared/FirstNameEntry'\r\nimport lastNameEntry from '../shared/LastNameEntry'\r\n\r\nconst SERVER_URL = process.env.REACT_APP_SERVER_URL;\r\nconst SHUL = process.env.REACT_APP_SHUL;\r\n\r\nfunction Register() {\r\n console.log(SERVER_URL);\r\n \r\n const handleUserIDChange = async(event) => {\r\n let userId = event.target.value;\r\n setUserId(userId); \r\n\r\n if(!userId){\r\n userId = '';\r\n setErrors({userAlreadyPresent: null}) \r\n setErrors({userIdTooShort: null})\r\n setIsUserIdValid(true);\r\n return;\r\n }\r\n\r\n if(userId.length < 4){\r\n setErrors({userAlreadyPresent: null})\r\n setErrors({userIdTooShort: \"User Id should be at least 4 characters long\"})\r\n setIsUserIdValid(false);\r\n return;\r\n }\r\n\r\n setErrors({userIdTooShort: null})\r\n \r\n const result = await fetch(SERVER_URL + 'api/RegisterUser/isUser/' + userId);\r\n const isAlreadyPresent = await result.json();\r\n \r\n console.log('user is already present ' + isAlreadyPresent);\r\n if(isAlreadyPresent){\r\n setErrors({userAlreadyPresent: \"User \" + userId + \" is already present\"})\r\n setIsUserIdValid(false);\r\n return;\r\n }\r\n\r\n setIsUserIdValid(true);\r\n }\r\n\r\n const handleEmailChange = async(event) => {\r\n let email = event.target.value;\r\n setEmail(email); \r\n setErrors({invalidEmail: null});\r\n console.log(\"checking email\");\r\n \r\n if(!email){\r\n email = '';\r\n setIsEmailValid(false);\r\n return;\r\n }\r\n\r\n var pattern = new RegExp(/^((\"[\\w-\\s]+\")|([\\w-]+(?:\\.[\\w-]+)*)|(\"[\\w-\\s]+\")([\\w-]+(?:\\.[\\w-]+)*))(@((?:[\\w-]+\\.)*\\w[\\w-]{0,66})\\.([a-z]{2,6}(?:\\.[a-z]{2})?)$)|(@\\[?((25[0-5]\\.|2[0-4][0-9]\\.|1[0-9]{2}\\.|[0-9]{1,2}\\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\\]?$)/i);\r\n if(email.length < 4){\r\n setErrors({invalidEmail: \"Invalid email\"})\r\n setIsEmailValid(false);\r\n return;\r\n }\r\n\r\n if (!pattern.test(email)) {\r\n setErrors({invalidEmail: \"Invalid email\"})\r\n setIsEmailValid(false);\r\n return;\r\n }\r\n \r\n \r\n console.log(\"checking user response\");\r\n let url = SERVER_URL + 'api/RegisterUser/getUserFromEmailUserIDCombination/' + email + \"/\" + (!userId ? '!' : userId);\r\n console.log(\"url\" + url);\r\n const result = await fetch(url); \r\n const checkUserResponse = await result.json();\r\n\r\n if(!checkUserResponse)\r\n {\r\n setErrors({invalidEmail: \"unfortunately, there seems to be a problem with the server at the moment. Please try again later\"})\r\n setIsEmailValid(false);\r\n return;\r\n }\r\n\r\n if(checkUserResponse[\"emailAlreadyPresent\"])\r\n {\r\n setErrors({invalidEmail: \"There is already an email \" + email + \" registered with us\"});\r\n setIsEmailValid(false);\r\n return;\r\n }\r\n\r\n if(checkUserResponse[\"userIDAlreadyPresent\"])\r\n {\r\n setErrors({invalidEmail: \"There is already a user \" + userId + \" registered with us\"});\r\n setIsUserIdValid(false);\r\n return;\r\n }\r\n\r\n console.log(checkUserResponse);\r\n\r\n setErrors({invalidEmail: null})\r\n setIsEmailValid(true);\r\n }\r\n\r\n const handleConfirmPasswordChange = async(event) => {\r\n let confirmPassword = event.target.value;\r\n setConfirmPassword(confirmPassword);\r\n setErrors({confirmPasswordDoesnotMatch: null});\r\n\r\n if(confirmPassword.length < 7){\r\n setConfirmPasswordValid(false);\r\n return;\r\n }\r\n\r\n if(!doPasswordsMatch(password, confirmPassword)){\r\n setConfirmPasswordValid(false);\r\n setErrors({confirmPasswordDoesnotMatch: 'passwords do not match'});\r\n return;\r\n }\r\n\r\n setConfirmPasswordValid(true);\r\n setErrors({confirmPasswordDoesnotMatch: null});\r\n }\r\n \r\n const doPasswordsMatch = (password, confirmPassword) => {\r\n console.log(password, confirmPassword);\r\n\r\n if(password === confirmPassword){\r\n setErrors({confirmPasswordDonotmatch: null});\r\n return true;\r\n }\r\n\r\n setErrors('Passwords do not match');\r\n return false;\r\n }\r\n\r\n const handlePasswordChange = async(event) => {\r\n let password = event.target.value;\r\n setPassword(password);\r\n setErrors({passwordTooShort: null})\r\n \r\n if(!password){\r\n password = '';\r\n setPasswordValid(false);\r\n return;\r\n }\r\n\r\n if(password.length < 7){\r\n setErrors({passwordTooShort: 'Password is too short'})\r\n setPasswordValid(false);\r\n return;\r\n }\r\n\r\n setPasswordValid(true);\r\n setConfirmPasswordValid(doPasswordsMatch(password, confirmPassword));\r\n }\r\n\r\n const renderUserIdlLabel = () => {\r\n if(!userId){\r\n return ;\r\n }\r\n \r\n if (!isUserIdValid) {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n }\r\n\r\n const renderEmailLabel = () => {\r\n if (!isEmailValid) {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n }\r\n\r\n const renderPasswordLabel = () => {\r\n if (!isPasswordValid) {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n }\r\n\r\n const renderRegistrationConfirmation = () => {\r\n if (isConfirmationRedirect) {\r\n return \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\nexport default Register\r\n","import React, { useState } from 'react';\r\nimport './ForgotCredentials.css';\r\nimport Button from 'react-bootstrap/Button';\r\nimport authenticationService from '../shared/services/authentication.service'\r\nimport { Navigate } from \"react-router-dom\";\r\n\r\nfunction ForgotCredentials(props) {\r\n const [isEmailValid, setIsEmailValid] = useState(false);\r\n const [email, setEmail] = useState('');\r\n const [errors, setErrors] = useState({});\r\n const [isConfirmationRedirect, setConfirmationRedirect] = useState(false); \r\n\r\n const handleEmailChange = async(event) => {\r\n let email = event.target.value;\r\n setEmail(email); \r\n setErrors({invalidEmail: null}); \r\n \r\n if(!email){\r\n email = '';\r\n setIsEmailValid(false);\r\n return;\r\n }\r\n\r\n var pattern = new RegExp(/^((\"[\\w-\\s]+\")|([\\w-]+(?:\\.[\\w-]+)*)|(\"[\\w-\\s]+\")([\\w-]+(?:\\.[\\w-]+)*))(@((?:[\\w-]+\\.)*\\w[\\w-]{0,66})\\.([a-z]{2,6}(?:\\.[a-z]{2})?)$)|(@\\[?((25[0-5]\\.|2[0-4][0-9]\\.|1[0-9]{2}\\.|[0-9]{1,2}\\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\\]?$)/i);\r\n if(email.length < 4) {\r\n setErrors({invalidEmail: \"Invalid email\"})\r\n setIsEmailValid(false);\r\n return;\r\n }\r\n\r\n if (!pattern.test(email)) {\r\n setErrors({invalidEmail: \"Invalid email\"})\r\n setIsEmailValid(false);\r\n return;\r\n }\r\n\r\n setErrors({invalidEmail: null})\r\n setIsEmailValid(true);\r\n }\r\n\r\n const renderEmailLabel = () => {\r\n if (!isEmailValid) {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n }\r\n\r\n const isFormValidated = () => {\r\n return isEmailValid;\r\n }\r\n\r\n const renderRegistrationConfirmation = () => {\r\n if (isConfirmationRedirect) {\r\n return \r\n \r\n
\r\n
\r\n )\r\n }\r\n export default ForgotCredentials","import { useState } from 'react';\r\nimport { Text } from 'react-native';\r\nimport helperUtil from '../shared/Util'\r\nimport LoginComponent from './Login';\r\n\r\nconst SERVER_URL = process.env.REACT_APP_SERVER_URL;\r\n\r\nfunction Activate() {\r\n const [isConfirmationSuccess, setIsConfirmationSuccess] = useState(false); \r\n const [isParseSuccess, setIsParseSuccess] = useState(false);\r\n const [isTokenExpired, setTokenExpired] = useState(false);\r\n const [status, setStatus] = useState(true);\r\n const [showLogin, setShowLogin] = useState(false);\r\n \r\n const handleLogin = event => {\r\n setShowLogin(true);\r\n window.helloComponent.openModal(); \r\n }\r\n\r\n window.onload = function (){\r\n onPageLoad(); \r\n }\r\n\r\n const renderInfo = () => {\r\n if(isConfirmationSuccess){\r\n return Forgot credentials
\r\n {renderEmailLabel()}\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n {errors[\"invalidEmail\"]} \r\n {renderRegistrationConfirmation()}\r\n \r\n
\r\n {renderInfo()}\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default Activate","import helperUtil from 'util'\r\nimport authenticationService from './authentication.service'\r\nimport dateFnsFormat from 'date-fns/format';\r\nimport axios from \"axios\";\r\n\r\nconst SERVER_URL = process.env.REACT_APP_SERVER_URL;\r\nconst SHUL = process.env.REACT_APP_SHUL;\r\n\r\nexport const donationService = {\r\n getDonations,\r\n getPayPalTransations,\r\n getPayPalBalances\r\n};\r\n\r\nfunction formatDate(date) {\r\n const format = 'MM-dd-yyyy';\r\n return dateFnsFormat(date, format);\r\n}\r\n\r\nasync function getDonations(startDate, endDate) {\r\n let clientId = authenticationService.getUserID();\r\n startDate = formatDate(startDate);\r\n endDate = formatDate(endDate);\r\n let donations = undefined;\r\n await fetch(SERVER_URL + 'api/ContactDonations/getDonations/' + clientId + '/' + startDate + \"/\" + endDate + \"/\" + SHUL)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n donations = data;\r\n })\r\n .catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return donations;\r\n}\r\n\r\nasync function getPayPalBalances() {\r\n console.log('getPayPalBalances');\r\n\r\n let clientId = authenticationService.getUserID();\r\n \r\n const formData = new FormData();\r\n formData.append(\"userId\", clientId);\r\n formData.append(\"entity\", SHUL);\r\n\r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/PayPalAdmin/GetBalances', formData);\r\n if(res.data){\r\n console.log('ok response');\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nasync function getPayPalTransations(startDate, endDate) {\r\n console.log('getPayPalTransations');\r\n \r\n let clientId = authenticationService.getUserID();\r\n startDate = formatDate(startDate);\r\n endDate = formatDate(endDate);\r\n \r\n const formData = new FormData();\r\n formData.append(\"userId\", clientId);\r\n formData.append(\"startDate\", startDate);\r\n formData.append(\"endDate\", endDate);\r\n formData.append(\"entity\", SHUL);\r\n \r\n try {\r\n const res = await axios.post(SERVER_URL + 'api/PayPalAdmin/GetTransactions', formData);\r\n if(res.data){\r\n console.log('ok response');\r\n return res.data;\r\n }\r\n\r\n if(!res.data){\r\n console.log('not ok response');\r\n return false;\r\n }\r\n } catch (ex) {\r\n console.log('exception');\r\n console.log(ex);\r\n }\r\n\r\n return false;\r\n}\r\n\r\nexport default donationService","import React, { useState } from 'react';\r\nimport authenticationService from '../../shared/services/authentication.service'\r\nimport { Navigate } from \"react-router-dom\";\r\nimport 'react-day-picker/lib/style.css';\r\nimport DayPickerInput from 'react-day-picker/DayPickerInput'\r\nimport '../Home.css';\r\nimport moment from 'moment'\r\nimport dateFnsFormat from 'date-fns/format';\r\nimport Button from 'react-bootstrap/Button';\r\nimport donationService from '../../shared/services/donationService'\r\nimport Table from 'react-bootstrap/Table'\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport { Text } from 'react-native';\r\nimport {Link } from \"react-router-dom\";\r\nimport helperUtil from '../../shared/Util'\r\n\r\nfunction UserDonations() {\r\n const [firstName, setFirstName] = useState('');\r\n const [startDate, setStartDate] = useState(new Date());\r\n const [endDate, setEndDate] = useState(new Date());\r\n const [donations, setDonations] = useState([]);\r\n const [total, setTotal] = useState(0);\r\n const [serverError, setServerError] = useState(false);\r\n\r\n React.useEffect(() => {\r\n const populateInitialDonations = async () => {\r\n let beginDate = new Date((new Date()).getFullYear(), 0, 1);\r\n let donations = await donationService.getDonations(beginDate, new Date());\r\n setServerError(false);\r\n if(donations === null || donations === undefined){\r\n setServerError(true);\r\n return;\r\n }\r\n setDonations(donations);\r\n let total = donations.reduce((result,v) => result += v.amount , 0 ); \r\n setTotal(total);\r\n }\r\n\r\n async function fetchData() {\r\n let firstName = authenticationService.getUserFirstName();\r\n setFirstName(firstName);\r\n populateInitialDate();\r\n await populateInitialDonations();\r\n }\r\n fetchData();\r\n \r\n }, []);\r\n\r\n const populateInitialDate = () => {\r\n let initialDate = new Date((new Date()).getFullYear(), 0, 1);\r\n setStartDate(initialDate);\r\n }\r\n\r\n const renderWelcomeHeader = () => {\r\n if(!authenticationService.isUserLoggedIn()){\r\n return \r\n {renderInfo()}\r\n
{header} recorded donations
;\r\n }\r\n\r\n const formatReturnedDate = (date) => {\r\n if(!date){\r\n return '';\r\n }\r\n var lclDate = new Date(date);\r\n const format = 'MM-dd-yyyy';\r\n return dateFnsFormat(lclDate, format);\r\n }\r\n\r\n const renderStartDate = () => {\r\n const FORMAT = 'MM/dd/yyyy';\r\n if(!startDate){\r\n return;\r\n }\r\n\r\n return\r\n There seems to be a problem on our end\r\n \r\n Please Contact Us \r\n
\r\n );\r\n }\r\n\r\n if(!donations){\r\n return;\r\n }\r\n\r\n if(donations.length === 0){\r\n return (\r\n \r\n \r\n We currently cannot locate any donations recorded to you within the given date range \r\n \r\n Please try to redefine the date range and try again \r\n \r\n If you still having trouble please Contact Us \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\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {renderHeader()} \r\n
\r\n \r\n \r\n {renderStartDate()}\r\n
\r\n \r\n \r\n {renderEndtDate()}\r\n
\r\n \r\n {renderFilterButton()} \r\n
\r\n \r\n {renderTable()} \r\n
\r\n \r\n {renderWelcomeHeader()}\r\n
\r\n );\r\n}\r\n\r\nexport default UserDonations;","import React, { useState } from 'react';\r\nimport Button from 'react-bootstrap/Button';\r\nimport authenticationService from '../shared/services/authentication.service'\r\nimport LoginComponent from './Login';\r\n\r\nfunction PasswordReset() {\r\n const [password, setPassword] = useState('');\r\n const [isPasswordValid, setPasswordValid] = useState(true);\r\n const [isParseSuccess, setIsParseSuccess] = useState(false);\r\n const [confirmPassword, setConfirmPassword] = useState('');\r\n const [isConfirmPasswordValid, setConfirmPasswordValid] = useState(true);\r\n const [errors, setErrors] = useState({});\r\n const [email, setEmail] = useState('');\r\n const [token, setToken] = useState('');\r\n const [success, setsuccess] = useState(false);\r\n const [showLogin, setShowLogin] = useState(false);\r\n\r\n const handleLogin = event => {\r\n setShowLogin(true);\r\n window.helloComponent.openModal(); \r\n }\r\n\r\n const handlePasswordChange = async(event) => {\r\n let password = event.target.value;\r\n setPassword(password);\r\n setErrors({passwordTooShort: null})\r\n \r\n if(!password){\r\n password = '';\r\n setPasswordValid(true);\r\n return;\r\n }\r\n \r\n if(password.length < 7){\r\n setErrors({passwordTooShort: 'Password is too short'})\r\n setPasswordValid(false);\r\n return;\r\n }\r\n \r\n setPasswordValid(true);\r\n let doMacth = doPasswordsMatch(password, confirmPassword);\r\n if(!doMacth){\r\n setErrors({confirmPasswordDoesnotMatch: \"Passwords do not match\"});\r\n }\r\n setConfirmPasswordValid(doMacth);\r\n }\r\n\r\n const handleConfirmPasswordChange = async(event) => {\r\n let confirmPassword = event.target.value;\r\n setConfirmPassword(confirmPassword);\r\n setErrors({confirmPasswordTooShort: null})\r\n \r\n if(!confirmPassword){\r\n confirmPassword = '';\r\n setConfirmPasswordValid(true);\r\n return;\r\n }\r\n \r\n if(confirmPassword.length < 7){\r\n setErrors({confirmPasswordTooShort: 'Confirm Password is too short'})\r\n setConfirmPasswordValid(false);\r\n return;\r\n }\r\n \r\n setConfirmPasswordValid(true);\r\n let doMacth = doPasswordsMatch(password, confirmPassword);\r\n if(!doMacth){\r\n setErrors({confirmPasswordDoesnotMatch: \"Passwords do not match\"});\r\n }\r\n setConfirmPasswordValid(doMacth);\r\n }\r\n\r\n const doPasswordsMatch = (password, confirmPassword) => {\r\n return password === confirmPassword; \r\n }\r\n\r\n const renderPasswordLabel = () => {\r\n if(!password || password.length === 0)\r\n {\r\n return ;\r\n } \r\n\r\n if (!isPasswordValid) {\r\n return ;\r\n } \r\n \r\n return ;\r\n \r\n }\r\n\r\n const renderSuccess = () => {\r\n if(success){\r\n console.log('renderSuccess');\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n }\r\n\r\n const renderConfirmPasswordLabel = () => {\r\n if(!confirmPassword || confirmPassword.length === 0)\r\n {\r\n return ;\r\n } \r\n\r\n if (!isPasswordValid) {\r\n return ;\r\n } \r\n \r\n return ; \r\n }\r\n\r\n const isFormValidated = () => {\r\n if(!password || !confirmPassword || !isParseSuccess || !email || !token){\r\n return false;\r\n }\r\n\r\n return (isPasswordValid && isConfirmPasswordValid && doPasswordsMatch(password, confirmPassword));\r\n }\r\n\r\n window.onload = function (){\r\n onPageLoad(); \r\n }\r\n\r\n const onPageLoad = () => {\r\n const queryString = require('query-string');\r\n const parsed = queryString.parse(window.location.search);\r\n console.log(parsed);\r\n\r\n if(!parsed || !parsed.email || !parsed.token) {\r\n setIsParseSuccess(false);\r\n return;\r\n }\r\n\r\n setIsParseSuccess(true);\r\n\r\n setEmail(parsed.email);\r\n setToken(parsed.token);\r\n }\r\n\r\n const handleSubmit = async event => {\r\n event.preventDefault();\r\n let result = await authenticationService.resetCredentials(email, token, password);\r\n console.log(result);\r\n if(result.length > 2){\r\n setErrors({failure: result})\r\n return;\r\n }\r\n\r\n setsuccess(true);\r\n handleLogin();\r\n console.log('success changing password');\r\n\r\n }\r\n\r\n return (\r\n Your password was successfuly reset
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default PasswordReset","import React from 'react'\r\n\r\nclass PasswordResetWasSent extends React.Component {\r\n render () {\r\n return (\r\n \r\n
\r\n Reset Password
\r\n \r\nPlease check your email to follow a link to change the password
\r\n )\r\n }\r\n}\r\nexport default PasswordResetWasSent;","import React from 'react'\r\nimport authenticationService from '../shared/services/authentication.service'\r\nimport Textarea from 'react-expanding-textarea'\r\nimport './ContactUs.css';\r\nimport Button from 'react-bootstrap/Button'\r\nimport { Navigate } from \"react-router-dom\";\r\n\r\nclass ContactUsComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isUserLoggedIn : false,\r\n email : '',\r\n error : '',\r\n isEmailValid : false,\r\n subject : '',\r\n isSubjectValid : false,\r\n firstName : '',\r\n isFirstNameValid : false,\r\n contactUsSuccess : false\r\n };\r\n \r\n }\r\n\r\n renderContactUsSuccess = () => {\r\n if (this.state.contactUsSuccess) {\r\n return (\r\n {this.renderEmailLabel()}\r\n
\r\n );\r\n }\r\n\r\n renderFirstNameLabel = () => {\r\n if(this.state.isUserLoggedIn){\r\n return;\r\n }\r\n\r\n if(!this.state.isFirstNameValid){\r\n return (\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderFirstName = () => {\r\n if(this.state.isUserLoggedIn){\r\n return;\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {this.renderFirstNameLabel()}\r\n
\r\n );\r\n }\r\n\r\n isFormValidated = () => {\r\n return (this.state.isEmailValid && this.state.isSubjectValid && this.state.isFirstNameValid);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {this.renderError()}\r\n {this.renderContactUsSuccess()}\r\n - \r\n
- Contact Us \r\n
\r\n
\r\n )\r\n }\r\n}\r\nexport default ContactUsSuccess;","import React, { useState } from 'react';\r\nimport authenticationService from '../../shared/services/authentication.service'\r\nimport './MenageRoles.css' \r\nimport Table from 'react-bootstrap/Table'\r\nimport AddCircle from '@material-ui/icons/AddCircle';\r\nimport Delete from '@material-ui/icons/Delete';\r\nimport Button from 'react-bootstrap/Button';\r\nimport { confirmAlert } from 'react-confirm-alert';\r\nimport 'react-confirm-alert/src/react-confirm-alert.css';\r\nimport { Navigate } from \"react-router-dom\";\r\n\r\nfunction MenageRoles() {\r\n const [roles, setRoles] = useState([]);\r\n const [isAddNewRole, setIsAddNewRole] = useState(false);\r\n const [newRole, setNewRole] = useState('');\r\n const [selectedRole, setSelectedRole] = useState('');\r\n \r\n React.useEffect(() => {\r\n\r\n async function fetchRoles() {\r\n let result = await authenticationService.getAllRoles();\r\n console.log(result);\r\n setRoles(result);\r\n }\r\n \r\n fetchRoles();\r\n }, []);\r\n\r\n const renderRole = (role, index) => {\r\n return (\r\n Your inquiry has been submitted successfully
\r\nSomeone will contact you
\r\nThank you!
\r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n const handleSubmit = async(event) => {\r\n event.preventDefault();\r\n let result = await authenticationService.addRole(newRole);\r\n console.log(result);\r\n window.location.reload();\r\n }\r\n\r\n const isFormValidated = () => {\r\n return newRole;\r\n }\r\n\r\n const handleNewRoleChange = async(event) => {\r\n let newRole = event.target.value;\r\n setNewRole(newRole); \r\n }\r\n\r\n const renderMainPage = (id) => {\r\n if(!authenticationService.isAdministrator()){\r\n return \r\n \r\n
\r\n \r\n {renderMainPage()}\r\n \r\n \r\n
\r\n {renderAddRole()}\r\n {renderUsersInRole()}\r\n
\r\n )\r\n}\r\n\r\nexport default MenageRoles","import React, { useState } from 'react';\r\nimport authenticationService from '../../shared/services/authentication.service'\r\nimport './MenageRoles.css' \r\nimport Table from 'react-bootstrap/Table'\r\nimport 'react-confirm-alert/src/react-confirm-alert.css';\r\n\r\nfunction UsersInRoles(props) {\r\n //console.log(props.location.state.selectedRole);\r\n const [users, setUsers] = useState([]);\r\n let roleId = !props.location.state ? ' ' : props.location.state.selectedRole;\r\n \r\n React.useEffect(() => {\r\n if(!authenticationService.isUserLoggedIn()){\r\n return;\r\n }\r\n\r\n async function fetchUsers() {\r\n let result = await authenticationService.getUsersInRole(roleId);\r\n console.log(result);\r\n setUsers(result);\r\n }\r\n \r\n fetchUsers();\r\n }, [roleId]);\r\n\r\n const renderUser = (user, index) => {\r\n return (\r\n Roles
\r\n| ID | \r\nName | \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 UsersInRoles","import helperUtil from 'util'\r\n\r\nconst SERVER_URL = process.env.REACT_APP_SERVER_URL;\r\n\r\nexport const projectsService = {\r\n getAllUsers,\r\n addContractorProject,\r\n getAllContractorProjects,\r\n deleteContractorProject\r\n};\r\n\r\nasync function getAllUsers() {\r\n let users = {};\r\n\r\n await fetch(SERVER_URL + 'api/SourceContacts/getAll')\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n users = data;\r\n console.log(data);\r\n }).catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return users;\r\n}\r\n\r\nasync function addContractorProject(title, description) {\r\n const data = JSON.stringify({ title: title, description: description});\r\n let result = false;\r\n\r\n await fetch(SERVER_URL + 'api/ContractorProjects/AddContractorProject', { method: 'POST', body: data, headers: {\r\n 'Content-Type': 'application/json',\r\n }}).then(helperUtil.handleErrors)\r\n .then(function(response) { \r\n console.log(response);\r\n return response.json();\r\n }).then(function(data) {\r\n console.log(data);\r\n result = data;\r\n }).catch(function(error) {\r\n console.log('There was an error during submission' + error);\r\n });\r\n\r\n return result;\r\n}\r\n\r\nasync function deleteContractorProject(id) {\r\n let result = false;\r\n\r\n await fetch(SERVER_URL + 'api/ContractorProjects/deleteContractorProject/' + id)\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n result = data;\r\n //console.log(data);\r\n }).catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return result;\r\n}\r\n\r\nasync function getAllContractorProjects() {\r\n let projects = {};\r\n\r\n await fetch(SERVER_URL + 'api/ContractorProjects/getAllContractorProjects/')\r\n .then(helperUtil.handleErrors)\r\n .then(function(response){\r\n return response.json();\r\n }).then(function(data) {\r\n projects = data;\r\n console.log(data);\r\n }).catch(function(error) {\r\n console.log(error);\r\n });\r\n\r\n return projects;\r\n}\r\n\r\nexport default projectsService;","import React from 'react'\r\nimport authenticationService from '../../../shared/services/authentication.service'\r\nimport { Navigate } from \"react-router-dom\";\r\nimport projectsService from '../../../shared/services/projectsService'\r\nimport Table from 'react-bootstrap/Table'\r\nimport '../MenageRoles.css' \r\nimport { Link } from 'react-router-dom'\r\n\r\nclass MenageProjects extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n users : [],\r\n clickcounter: 1\r\n }\r\n \r\n }\r\n\r\n async componentDidMount() {\r\n this.setState({\r\n users : await projectsService.getAllUsers()\r\n });\r\n }\r\n\r\n renderUser = (user, index) => {\r\n return (\r\n Users
\r\n| \r\n | ID | \r\nName | \r\n
|---|
| ID | \r\nName | \r\n
|---|
\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n if(!authenticationService.isUserLoggedIn()){\r\n return {this.state.firstName}'s projects
\r\n\r\n
\r\n );\r\n }\r\n\r\n handleAddProject = () => {\r\n this.setState({isAddNewProject : true});\r\n console.log('handleAddProject');\r\n }\r\n\r\n renderAddNewProject = () => {\r\n if(!this.state.isAddNewProject)\r\n {\r\n return;\r\n }\r\nconsole.log('renderAddNewProject');\r\n return (\r\n Menage {this.state.firstName}'s projects
\r\n\r\n Put your code here\r\n
\r\n )\r\n }\r\n\r\n render() {\r\n if(!authenticationService.isUserLoggedIn() || !authenticationService.isAdministrator()){\r\n return | Title | \r\nDescription | \r\n\r\n \r\n | \r\n
|---|
\r\n \r\n {renderDescriptionTextArea()}\r\n \r\n
\r\n )\r\n }\r\n\r\n React.useEffect(() => {\r\n\r\n async function fetchContractorProjects() {\r\n let result = await projectsService.getAllContractorProjects();\r\n console.log(result);\r\n setProjects(result);\r\n }\r\n \r\n fetchContractorProjects();\r\n }, []);\r\n\r\n const renderProject = (project, index) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n {renderMainPage()}\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default ContractorProjects","import Modal from 'react-bootstrap/Modal'\r\nimport { Text, View, SafeAreaView, StyleSheet, TextInput } from 'react-native';\r\nimport React, { useState } from 'react';\r\nimport useViewport from '../../../shared/ViewportProvider'\r\nimport AdapterDateFns from '@material-ui/lab/AdapterDateFns';\r\nimport LocalizationProvider from '@material-ui/lab/LocalizationProvider';\r\nimport MobileTimePicker from '@material-ui/lab/MobileTimePicker';\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport DesktopTimePicker from '@material-ui/lab/DesktopTimePicker';\r\nimport Button from 'react-bootstrap/Button';\r\nimport UpdateSharp from '@material-ui/icons/UpdateOutlined';\r\nimport dateFnsFormat from 'date-fns/format';\r\n\r\nexport function DayEventDlg({onClose, showModal, dlgTitle, onDayEventSubmit, eventInfo}) {\r\n const titlePlaceHolder = \"Enter the event title\";\r\n const [eventTime, setEventTime] = useState(new Date('2018-01-01T00:00:00.000Z'));\r\n const [description, onChangeDescription] = useState('');\r\n const [title, setTitle] = useState('');\r\n\r\n const closeModal = () => {\r\n onClose();\r\n }\r\n\r\n const onShowModal = () => {\r\n onChangeDescription(eventInfo.description);\r\n if(eventInfo.action === 'edit') {\r\n console.log(eventInfo)\r\n setEventTime(eventInfo.editDate)\r\n setTitle(eventInfo.title)\r\n console.log(title)\r\n }\r\n } \r\n\r\n const handleTitleChange = async(event) => {\r\n let value = event.target.value;\r\n setTitle(value); \r\n }\r\n\r\n const getFullDateTime = () => {\r\n let eventDate = eventInfo.action === 'add' ? eventInfo.date : eventInfo.editDate;\r\n console.log(eventInfo)\r\n console.log(eventInfo.action)\r\n console.log(eventDate)\r\n let newDate = \r\n new Date(eventDate.getFullYear(), \r\n eventDate.getMonth(), \r\n eventDate.getDate(), \r\n eventTime.getHours(), \r\n eventTime.getMinutes(), \r\n eventTime.getSeconds()) \r\n return newDate;\r\n }\r\n\r\n const renderTimeControl = () => {\r\n if(IsMobile()){\r\n return (\r\n Contractor Projects
\r\n| Title | \r\nDescription | \r\n\r\n \r\n | \r\n
|---|
\r\n onCopyDateChecked(date)} />\r\n \r\n
\r\n );\r\n }\r\n\r\n const renderDates = () => {\r\n return ({ datesArray.map(renderDate) }
);\r\n }\r\n\r\n const handleSubmitClick = () => {\r\n for (let i = 0; i < datesArray.length; i++) {\r\n datesArray[i].copied = false;\r\n datesArray[i].isError = false;\r\n }\r\n\r\n var dates = datesArray.filter((d) => d.checked === true);\r\n onSubmit(dates); \r\n }\r\n\r\n const next7DaysClick = () => {\r\n var startDate = datesArray[datesArray.length - 1].date;\r\n buildForwardCalendarArray(startDate);\r\n }\r\n\r\n const isSubmitValid = () => {\r\n var date = datesArray.find((d) => d.checked === true);\r\n return (date);\r\n }\r\n\r\n const styles = StyleSheet.create({\r\n text: {\r\n fontSize: 14,\r\n lineHeight: 16,\r\n fontWeight: 'bold',\r\n letterSpacing: 0.2,\r\n color: 'white',\r\n }\r\n });\r\n\r\n const renderButtons = () => {\r\n if (!helperUtil.IsMobile()) {\r\n return (\r\n \r\n \r\n \r\n \r\n {dayEvent.title} \r\n \r\n \r\n \r\n \r\n {dayEvent.eventTime} \r\n \r\n \r\n \r\n \r\n {dayEvent.description} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n const removeFullDay = (events) => {\r\n try {\r\n return events.filter((e) => e.isAllDay === false)\r\n }\r\n catch (e) {\r\n return null;\r\n }\r\n }\r\n\r\n const renderEvents = () => {\r\n if (!events || events.length === 0) {\r\n return;\r\n }\r\n\r\n let filteredEvents = removeFullDay(events);\r\n if (!filteredEvents || filteredEvents == null) {\r\n return (\r\n \r\n
)\r\n }\r\n\r\n return (\r\n \r\n {filteredEvents.map(renderEvent)}\r\n
)\r\n }\r\n\r\n const renderDaySchedule = () => {\r\n console.log('schedule to the day: ' + date);\r\n if (isDaySchedule) {\r\n return (\r\n \r\n {renderEvents()}\r\n \r\n\r\n \r\n {renderAddBtn()}\r\n \r\n \r\n {renderCopyEventsBtn()}\r\n \r\n \r\n {renderUpdateBtn()}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n return;\r\n }\r\n\r\n const styles = StyleSheet.create({\r\n input: {\r\n height: 300,\r\n marginLeft: 10,\r\n borderWidth: 1,\r\n padding: 10,\r\n },\r\n button: {\r\n alignItems: 'center',\r\n paddingVertical: 12,\r\n justifyContent: \"flex-end\",\r\n paddingHorizontal: 32,\r\n borderRadius: 4,\r\n elevation: 3,\r\n backgroundColor: 'black',\r\n width: 100\r\n },\r\n text: {\r\n fontSize: 14,\r\n lineHeight: 16,\r\n fontWeight: 'bold',\r\n letterSpacing: 0.2,\r\n color: 'white',\r\n },\r\n eventText: {\r\n marginLeft: 10,\r\n textAlign: 'left',\r\n backgroundColor: \"#F2F4F4\"\r\n }\r\n });\r\n\r\n const formatDayDate = (date) => {\r\n if (!date) {\r\n return '';\r\n }\r\n var lclDate = new Date(date);\r\n const format = 'MM-dd-yyyy';\r\n return dateFnsFormat(lclDate, format);\r\n }\r\n\r\n const renderDayEventDlg = () => {\r\n let dlgTitle;\r\n switch (eventAction) {\r\n case 'add':\r\n dlgTitle = 'Add event';\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return \r\n {renderDayEventDlg()}\r\n {renderCopyDayEventsDlg()}\r\n {renderDaySchedule()}\r\n
\r\n );\r\n}\r\n\r\nexport default dayScheduler;","import { View, SafeAreaView, StyleSheet, TextInput, Text } from 'react-native';\r\nimport React, { useState, useCallback } from 'react';\r\nimport helperUtil from '../../../shared/Util'\r\nimport Button from 'react-bootstrap/Button';\r\nimport UpdateSharp from '@material-ui/icons/UpdateOutlined';\r\nimport schedulerService from '../../../shared/services/schedulerService'\r\n\r\nexport const weekScheduler = {\r\n WeekScheduler\r\n};\r\n\r\nexport function WeekScheduler({date}) {\r\n const [text, onChangeText] = React.useState(\"\");\r\n const [isHTML, setIsHTML] = useState(false);\r\n\r\n const styles = StyleSheet.create({\r\n input: {\r\n height: 300,\r\n marginLeft: 10,\r\n borderWidth: 1,\r\n padding: 10,\r\n },\r\n text: {\r\n fontSize: 14,\r\n lineHeight: 16,\r\n fontWeight: 'bold',\r\n letterSpacing: 0.2,\r\n color: 'white',\r\n }\r\n });\r\n\r\n const getWeekly = useCallback(async () => {\r\n try {\r\n let range = helperUtil.getWeekRangeFormatted(date, true);\r\n let startDate = range[0];\r\n let endDate = range[1];\r\n let weeklyEvent = await schedulerService.getWeeklyEvent(startDate, endDate);\r\n if(weeklyEvent){\r\n onChangeText(weeklyEvent.description)\r\n console.log('weeklyEvent.isHTML')\r\n setIsHTML(weeklyEvent.isHTML) \r\n return;\r\n }\r\n\r\n onChangeText(' ')\r\n setIsHTML(false) \r\n }\r\n catch(e) {\r\n onChangeText(' ')\r\n setIsHTML(false)\r\n }\r\n }, [date])\r\n\r\n React.useEffect(() => {\r\n async function fetchData() {\r\n await getWeekly() \r\n }\r\n fetchData();\r\n \r\n }, [getWeekly]);\r\n\r\n const renderRange = () => {\r\n let range = helperUtil.getWeekRangeFormatted(date, false);\r\n console.log(range)\r\n let startDay = range[0];\r\n let endDay = range[1];\r\n\r\n return(\r\n \r\n {renderRange()}\r\n \r\n \r\n {renderUpdateBtn()} \r\n \r\n \r\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 weekScheduler;","import React, { useState } from 'react';\r\nimport authenticationService from '../../../shared/services/authentication.service'\r\nimport { Navigate } from \"react-router-dom\";\r\nimport { RadioButton, Text } from 'react-native-paper';\r\nimport '../../Home.css';\r\nimport 'react-day-picker/lib/style.css';\r\nimport DayPickerInput from 'react-day-picker/DayPickerInput'\r\nimport moment from 'moment'\r\nimport dateFnsFormat from 'date-fns/format';\r\nimport dateFnsParse from 'date-fns/parse';\r\nimport { DateUtils } from 'react-day-picker';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport dayScheduler from './DayScheduler';\r\nimport weekScheduler from './WeekScheduler';\r\nimport { View } from 'react-native';\r\nimport helperUtil from '../../../shared/Util'\r\n\r\nfunction Scheduler() {\r\n const [scheduledDay, setScheduledDay] = useState(new Date());\r\n const [scheduleDay, setScheduleDay] = useState(true);\r\n const [scheduleWeek, setScheduleWeek] = useState(false);\r\n const [daySchedulerKey, setDaySchedulerKey] = useState(1);\r\n \r\n var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];\r\n\r\n React.useEffect(() => {\r\n async function fetchData() {\r\n \r\n }\r\n fetchData();\r\n \r\n }, []);\r\n\r\n const renderMainPage = (id) => {\r\n if(!authenticationService.isAdministrator()){\r\n return \r\n \r\n \r\n {renderScheduledDate()}\r\n \r\n Day \r\n \r\n Week \r\n \r\n \r\n\r\n \r\n \r\n \r\n {renderDayScheduler()}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n const renderDayScheduler = () => {\r\n if(scheduleWeek){\r\n return {getDayName(scheduledDay)} {getMonthName(scheduledDay)} {formatTitleDate(scheduledDay)}
\r\n\r\n {renderMainPage()}\r\n {renderTable()}\r\n
\r\n )\r\n}\r\n\r\nexport default Scheduler","import React, { useState } from 'react';\r\nimport utilService from '../shared/services/utilservice'\r\nimport { Navigate } from \"react-router-dom\";\r\nimport authenticationService from '../shared/services/authentication.service'\r\nimport './Account.css';\r\nimport telephoneEntry from '../shared/TelephoneEntry'\r\nimport Button from 'react-bootstrap/Button';\r\nimport firstNameEntry from '../shared/FirstNameEntry'\r\nimport Geocode from \"react-geocode\";\r\nimport PlacesAutocomplete, {\r\n geocodeByAddress,\r\n getLatLng,\r\n } from 'react-places-autocomplete';\r\nimport lastNameEntry from '../shared/LastNameEntry'\r\nimport { confirmAlert } from 'react-confirm-alert';\r\n\r\nfunction Account() {\r\n const [initialFirstName, setInitialFirstName] = useState('');\r\n const [firstName, setFirstName] = useState('');\r\n const [isFirstNameValid, setFirstNameValid] = useState(false);\r\n const [lastName, setLastName] = useState('');\r\n const [isLastNameValid, setLastNameValid] = useState(true);\r\n const [telephone, setTelephone] = useState('');\r\n const [isTelephoneValid, setTelephoneValid] = useState(true);\r\n const [address, setAddress] = useState(null);\r\n const [jewishName, setJewishName] = useState('');\r\n const [isJewishNameValid, setJewishNameValid] = useState(true);\r\n const [isAddressValid, setIsAddressValid] = useState(true);\r\n const [email, setEmail] = useState('');\r\n const [userId, setUserId] = useState('');\r\n const [isUpdateError, setUpdateError] = useState(false);\r\n\r\n React.useEffect(() => {\r\n async function fetchData() {\r\n const lclAccount = await utilService.getAccount();\r\n\r\n if(!lclAccount || !lclAccount.firstName){\r\n setFirstNameValid(false);\r\n }\r\n\r\n console.log(lclAccount);\r\n setInitialFirstName(lclAccount.firstName);\r\n setFirstName(lclAccount.firstName);\r\n setLastName(lclAccount.lastName);\r\n setTelephone(lclAccount.telephone);\r\n setEmail(lclAccount.email);\r\n setAddress(lclAccount.address);\r\n setUserId(lclAccount.id);\r\n setJewishName(lclAccount.jewishName);\r\n if(lclAccount.firstName && lclAccount.firstName.length > 0){\r\n setFirstNameValid(true);\r\n }\r\n }\r\n fetchData();\r\n \r\n }, []);\r\n\r\n function changeFirstName(name, isValid) {\r\n setFirstName(name);\r\n setFirstNameValid(isValid);\r\n setUpdateError(false);\r\n }\r\n\r\n function changeLastName(name, isValid) {\r\n setLastName(name);\r\n setLastNameValid(isValid);\r\n setUpdateError(false);\r\n }\r\n\r\n function changeJewishName(name, isValid) {\r\n setJewishName(name);\r\n setJewishNameValid(isValid);\r\n setUpdateError(false);\r\n }\r\n\r\n function changeTelephone(phone, isValid) {\r\n setTelephone(phone);\r\n setTelephoneValid(isValid);\r\n setUpdateError(false);\r\n }\r\n\r\n const submitChanges = async () => {\r\n setUpdateError(false);\r\n const result = await utilService.modifyProfile(firstName,\r\n lastName,\r\n telephone,\r\n address,\r\n jewishName,\r\n userId,\r\n email);\r\n\r\n if(!result){\r\n setUpdateError(true);\r\n return;\r\n }\r\n\r\n confirmAlert({\r\n title: 'Confirmation',\r\n message: 'Your update request has been successfuly submitted',\r\n buttons: [\r\n {\r\n label: 'Ok',\r\n onClick: () => {window.location.reload()}\r\n }\r\n ]\r\n });\r\n }\r\n\r\n const renderUpdateError = () => {\r\n if(isUpdateError){\r\n return There was an error during submission
\r\n
\r\n \r\n
\r\n \r\n Your Profile {initialFirstName}\r\n
\r\n| \r\n {renderUpdateError()}\r\n | \r\n
| \r\n \r\n \r\n \r\n | \r\n
\r\n
\r\n \r\n \r\n {renderAccount()}\r\n
\r\n )\r\n}\r\n\r\nexport default Account","import React from 'react';\r\n\r\nfunction TestIPN() {\r\n //