\r\n \r\n \r\n {badge ? (\r\n {text} \r\n { history.push(buttonLink); }}\r\n >\r\n {buttonLabel}\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default AdminDashboardCard;\r\n\r\nAdminDashboardCard.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n text: PropTypes.string.isRequired,\r\n icon: PropTypes.string,\r\n history: HistoryPropType.isRequired,\r\n buttonLabel: PropTypes.string.isRequired,\r\n badge: PropTypes.shape({\r\n text: PropTypes.string,\r\n variant: PropTypes.string,\r\n }),\r\n buttonLink: PropTypes.string.isRequired,\r\n};\r\n\r\nAdminDashboardCard.defaultProps = {\r\n badge: {},\r\n icon: null,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport uuidv1 from \"uuid/v1\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport { HistoryPropType } from \"../../../customPropTypes\";\r\nimport AdminSidebar from \"../AdminSidebar\";\r\nimport AdminDashboardCard from \"./AdminDashboardCard\";\r\nimport Content from \"../../../content/AdminTextContent\";\r\n\r\nfunction AdminDashboard({ history, newEntriesCount, newSubjectsCount }) {\r\n const getBadges = (badgeText, itemsCount) => {\r\n switch (itemsCount) {\r\n case \"entries\":\r\n return newEntriesCount > 0 ? {\r\n text: `${badgeText} ${newEntriesCount}`,\r\n variant: \"success\",\r\n } : {};\r\n case \"subjects\":\r\n return newSubjectsCount > 0 ? {\r\n text: `${badgeText} ${newSubjectsCount}`,\r\n variant: \"success\",\r\n } : {};\r\n default:\r\n return {};\r\n }\r\n };\r\n\r\n const cardsContent = Content.dashboard;\r\n\r\n return (\r\n \r\n \r\n {badge.text}\r\n \r\n
\r\n ) : null\r\n }\r\n {title}
\r\n {icon && }\r\n\r\n \r\n {Object.keys(cardsContent).map((card) => (\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default AdminDashboard;\r\n\r\nAdminDashboard.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n newEntriesCount: PropTypes.number.isRequired,\r\n newSubjectsCount: PropTypes.number.isRequired,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Moment from \"react-moment\";\r\n\r\nfunction CroatianDateFormat({ date }) {\r\n return (\r\n \r\n \r\n \r\n \r\n ) : null }\r\n { order < totalEntriesNumber ? (\r\n \r\n \r\n \r\n ) : null }\r\n
\r\n \r\n {`\u001c${order}/${totalEntriesNumber}`}\r\n
\r\n { order > 1 ? (\r\n{entry.title}
\r\n\r\n \r\n \r\n {Content.exhibitionEntries.newEntries.contactUserTitle}\r\n \r\n \r\n
\r\n {Content.exhibitionEntries.newEntries.userNameTitle}
\r\n{entry.userName}
\r\n \r\n{Content.exhibitionEntries.newEntries.dateTitle}
\r\n{Content.exhibitionEntries.newEntries.descriptionTitle}
\r\n{entry.description}
\r\n \r\n\r\n onApproveClicked(entry)}\r\n >\r\n {Content.exhibitionEntries.newEntries.approveButton}\r\n \r\n onRejectClicked(entry)}\r\n >\r\n {Content.exhibitionEntries.newEntries.rejectButton}\r\n \r\n
\r\n \r\n \r\n \r\n {buttonText}\r\n \r\n \r\n \r\n {modalTitle} \r\n \r\n \r\n {modalText}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default RejectButton;\r\n\r\nRejectButton.propTypes = {\r\n onRejectCallback: PropTypes.func.isRequired,\r\n modalTitle: PropTypes.string.isRequired,\r\n buttonText: PropTypes.string.isRequired,\r\n modalText: PropTypes.string.isRequired,\r\n executeButtonLabel: PropTypes.string.isRequired,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\n\r\nfunction ApproveButton({ onApproveCallbabck, entryTitle }) {\r\n const [showModal, setShowModal] = React.useState(false);\r\n\r\n const handleClose = () => setShowModal(false);\r\n const handleShow = () => setShowModal(true);\r\n\r\n return (\r\n \r\n \r\n Prihvati\r\n \r\n \r\n \r\n {entryTitle} \r\n \r\n \r\n Jeste li sigurni da želite promijeniti status na "PRIHVAĆEN"?\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ApproveButton;\r\n\r\nApproveButton.propTypes = {\r\n onApproveCallbabck: PropTypes.func.isRequired,\r\n entryTitle: PropTypes.string.isRequired,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport uuidv1 from \"uuid/v1\";\r\nimport Table from \"react-bootstrap/Table\";\r\nimport { ExhibitionEntryPropType } from \"../../../customPropTypes\";\r\nimport Content from \"../../../content/AdminTextContent\";\r\nimport MediaModal from \"../../common/MediaModal\";\r\nimport CroatianDateFormat from \"../../common/CroatianDateFormat\";\r\nimport { checkImageURL, checkVideoURL, checkAudioURL } from \"../../../helpers/files\";\r\nimport RejectButton from \"../../common/RejectButton\";\r\nimport ApproveButton from \"./ApproveButton\";\r\n\r\nfunction AdminExhibitionEntriesList({\r\n data, showApproveButton, showRejectButton, onApproveClicked, onRejectClicked,\r\n}) {\r\n const { approvedEntries } = Content.exhibitionEntries;\r\n const [contentModalShow, setContentModalShow] = React.useState(false);\r\n const [contentModalUrl, setContentModalUrl] = React.useState(\"\");\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n setContentModalShow(false)}\r\n />\r\n
\r\n );\r\n}\r\n\r\nexport default AdminExhibitionEntriesList;\r\n\r\nAdminExhibitionEntriesList.propTypes = {\r\n data: PropTypes.arrayOf(ExhibitionEntryPropType).isRequired,\r\n showApproveButton: PropTypes.bool,\r\n showRejectButton: PropTypes.bool,\r\n onApproveClicked: PropTypes.func,\r\n onRejectClicked: PropTypes.func,\r\n};\r\n\r\nAdminExhibitionEntriesList.defaultProps = {\r\n showApproveButton: false,\r\n showRejectButton: false,\r\n onApproveClicked: () => {},\r\n onRejectClicked: () => {},\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Tabs from \"react-bootstrap/Tabs\";\r\nimport Tab from \"react-bootstrap/Tab\";\r\nimport { ExhibitionEntryPropType, HistoryPropType, PagePropType } from \"../../../customPropTypes\";\r\nimport AdminSidebar from \"../AdminSidebar\";\r\nimport Content from \"../../../content/AdminTextContent\";\r\nimport AdminExhibitionNewEntry from \"./AdminExhibitionNewEntry\";\r\nimport AdminExhibitionEntriesList from \"./AdminExhibitionEntriesList\";\r\n\r\nfunction AdminExhibitionEntries({\r\n title, defaultActiveKey, newEntries, approvedEntries, rejectedEntries, history,\r\n approveEntry, rejectEntry, approveRejectedEntry, rejectApprovedEntry,\r\n activePage,\r\n}) {\r\n const [currentNewEntryIndex, setCurrentNewEntryIndex] = React.useState(0);\r\n\r\n const onNextEntryClicked = () => setCurrentNewEntryIndex(currentNewEntryIndex + 1);\r\n const onPreviousEntryClicked = () => setCurrentNewEntryIndex(currentNewEntryIndex - 1);\r\n const resetNewEntriesList = () => {\r\n if (currentNewEntryIndex > 0) {\r\n onPreviousEntryClicked();\r\n }\r\n };\r\n\r\n const tabsContent = Content.exhibitionEntries.tabs;\r\n\r\n let currentTitle;\r\n\r\n currentTitle = activePage && activePage.alias ? `${title} \"${activePage.alias}\"` : title;\r\n\r\n return (\r\n | {approvedEntries.orderTitle} | \r\n{approvedEntries.dateTitle} | \r\n{approvedEntries.usernameTitle} | \r\n{approvedEntries.entryTitleTitle} | \r\n{approvedEntries.descriptionTitle} | \r\n{approvedEntries.fileTitle} | \r\n{approvedEntries.actionTitle} | \r\n{approvedEntries.votesTitle} | \r\n
|---|---|---|---|---|---|---|---|
| {index + 1} | \r\n{entry.userName} | \r\n{entry.title} | \r\n{entry.description} | \r\n\r\n | \r\n \r\n {showApproveButton ? (\r\n | \r\n {entry.votes} | \r\n
\r\n \r\n \r\n {newEntries.length > 0 ? (\r\n {\r\n approveEntry(entry);\r\n resetNewEntriesList();\r\n }}\r\n onRejectClicked={(entry) => {\r\n rejectEntry(entry);\r\n resetNewEntriesList();\r\n }}\r\n />\r\n ) : null}\r\n \r\n \r\n {approvedEntries.length > 0 ?\r\n (\r\n \r\n \r\n {rejectedEntries.length > 0 ?\r\n (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default AdminExhibitionEntries;\r\n\r\nAdminExhibitionEntries.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n defaultActiveKey: PropTypes.string.isRequired,\r\n newEntries: PropTypes.arrayOf(ExhibitionEntryPropType),\r\n approvedEntries: PropTypes.arrayOf(PropTypes.shape({})),\r\n approveEntry: PropTypes.func.isRequired,\r\n rejectEntry: PropTypes.func.isRequired,\r\n rejectedEntries: PropTypes.arrayOf(PropTypes.shape({})),\r\n approveRejectedEntry: PropTypes.func.isRequired,\r\n rejectApprovedEntry: PropTypes.func.isRequired,\r\n history: HistoryPropType.isRequired,\r\n // activePage: PropTypes.string.isRequired,\r\n activePage: PagePropType.isRequired,\r\n};\r\n\r\nAdminExhibitionEntries.defaultProps = {\r\n newEntries: [],\r\n approvedEntries: [],\r\n rejectedEntries: [],\r\n};\r\n","let backendHost;\r\n\r\nconst hostname = window && window.location && window.location.hostname;\r\n\r\n\r\nif (hostname.includes(\"muzejbuducnosti.eu\")) {\r\n backendHost = \"https://muzejbuducnosti.eu\";\r\n} else {\r\n backendHost = process.env.REACT_APP_BACKEND_HOST || \"https://localhost:5001\";\r\n}\r\n\r\nconst API_ROOT = `${backendHost}/api`;\r\n\r\nexport default API_ROOT;\r\n","const ACCESS_TOKEN_NAME = \"access_token\";\r\nconst EXPIRATION_NAME = \"expiration\";\r\n\r\nconst isValid = () => {\r\n const now = new Date(Date.now());\r\n const expDate = new Date(localStorage.getItem(EXPIRATION_NAME));\r\n const validity = now < expDate;\r\n if (validity) {\r\n return validity;\r\n }\r\n localStorage.removeItem(ACCESS_TOKEN_NAME);\r\n localStorage.removeItem(EXPIRATION_NAME);\r\n return validity;\r\n};\r\n\r\nexport const setToken = (token) => {\r\n localStorage.setItem(ACCESS_TOKEN_NAME, token);\r\n};\r\n\r\nexport const getToken = () => localStorage.getItem(ACCESS_TOKEN_NAME);\r\n\r\nexport const setExpirationDate = (date) => {\r\n const utcDate = new Date(date);\r\n localStorage.setItem(EXPIRATION_NAME, utcDate);\r\n};\r\n\r\nexport const IsAuthenticated = () => {\r\n if (localStorage.getItem(ACCESS_TOKEN_NAME) && isValid()) {\r\n return true;\r\n }\r\n return false;\r\n};\r\n","import { getToken } from \"../services/auth\";\r\nimport API_ROOT from \"../services/api-config\";\r\n\r\nexport const BASIC_HEADERS = {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n};\r\n\r\nexport const AUTH_HEADERS = {\r\n ...BASIC_HEADERS,\r\n Authorization: `Bearer ${getToken()}`,\r\n};\r\n\r\nexport const ENDPOINTS = {\r\n exhibtionEntries: {\r\n all: `${API_ROOT}/ExhibitionEntrys/`,\r\n one: `${API_ROOT}/ExhibitionEntry/`,\r\n },\r\n login: `${API_ROOT}/Authenticate/login/`,\r\n surveys: {\r\n one: `${API_ROOT}/Survey/`,\r\n all: `${API_ROOT}/Surveys/`,\r\n },\r\n map: `${API_ROOT}/Map/`,\r\n exhibitionSubjects: {\r\n all: `${API_ROOT}/ExhibitionSubjects/`,\r\n one: `${API_ROOT}/ExhibitionSubject/`,\r\n },\r\n pages: `${API_ROOT}/Page/`,\r\n};\r\n\r\nexport const GA_ID = \"UA-149413301-1\";\r\n\r\nexport const PUBLIC_DOMAIN = \"https://muzejbuducnosti.eu/\";\r\nexport const PUBLIC_DOMAIN_INSECURE = \"http://muzejbuducnosti.eu/\";\r\n\r\nexport const EXHIBITION_ENTRY_STATUS = {\r\n NEW: 1,\r\n APPROVED: 2,\r\n REJECTED: 3,\r\n};\r\n\r\nexport const EXHIBITION_SUBJECT_STATUS = {\r\n NEW: 1,\r\n APPROVED: 2,\r\n REJECTED: 3,\r\n};\r\n\r\nexport const ANSWER_TYPES = {\r\n NONE: 0,\r\n PREDEFINED: 1,\r\n CUSTOM: 2,\r\n};\r\n\r\nexport const SURVEY_STATUS = {\r\n NONE: 0,\r\n ACTIVE: 1,\r\n INACTIVE: 2,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Card from \"react-bootstrap/Card\";\r\nimport Badge from \"react-bootstrap/Badge\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport OverlayTrigger from \"react-bootstrap/OverlayTrigger\";\r\nimport Tooltip from \"react-bootstrap/Tooltip\";\r\nimport Toggle from \"react-bootstrap-toggle\";\r\nimport Content from \"../../../content/AdminTextContent\";\r\nimport CroatianDateFormat from \"../../common/CroatianDateFormat\";\r\nimport { SURVEY_STATUS } from \"../../../helpers/constants\";\r\nimport { SurveyPropType, HistoryPropType } from \"../../../customPropTypes\";\r\nimport RejectButton from \"../../common/RejectButton\";\r\n\r\nfunction AdminSurveyCard({\r\n history, numberOfVotes, buttonLabel, buttonLink, survey, onChangeSurveyStatus, editLink, onDeleteSurvey,\r\n}) {\r\n const [showModal, setShowModal] = React.useState(false);\r\n\r\n const handleClose = () => setShowModal(false);\r\n const handleShow = () => setShowModal(true);\r\n\r\n const onToggleClick = () => {\r\n handleShow();\r\n };\r\n\r\n const handleSurveyStatusChange = () => {\r\n let newSurveyStatus;\r\n if (survey.status === SURVEY_STATUS.ACTIVE) {\r\n newSurveyStatus = SURVEY_STATUS.INACTIVE;\r\n } else {\r\n newSurveyStatus = SURVEY_STATUS.ACTIVE;\r\n }\r\n\r\n onChangeSurveyStatus(survey, newSurveyStatus);\r\n handleClose();\r\n };\r\n\r\n const text = Content.surveys.card;\r\n const SURVEY_ACTIVITY_LOCALE = {\r\n [SURVEY_STATUS.ACTIVE]: text.status.inactive.toUpperCase(),\r\n [SURVEY_STATUS.INACTIVE]: text.status.active.toUpperCase(),\r\n };\r\n\r\n const STATUS_CHANGE_EXPLANATION = {\r\n [SURVEY_STATUS.ACTIVE]: text.statusChange.popupExplanationInactive,\r\n [SURVEY_STATUS.INACTIVE]: text.statusChange.popupExplanationActive,\r\n };\r\n\r\n\r\n return (\r\n {currentTitle}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {survey.title} \r\n \r\n \r\n {`${text.statusChange.popupQuestionStatic} ${SURVEY_ACTIVITY_LOCALE[survey.status]}?`}\r\n
\r\n {STATUS_CHANGE_EXPLANATION[survey.status]}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default AdminSurveyCard;\r\n\r\nAdminSurveyCard.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n numberOfVotes: PropTypes.number,\r\n buttonLabel: PropTypes.string.isRequired,\r\n buttonLink: PropTypes.string.isRequired,\r\n survey: SurveyPropType.isRequired,\r\n onChangeSurveyStatus: PropTypes.func.isRequired,\r\n};\r\n\r\nAdminSurveyCard.defaultProps = {\r\n numberOfVotes: 0,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport uuidv1 from \"uuid/v1\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport AdminSidebar from \"../AdminSidebar\";\r\nimport AdminSurveyCard from \"./AdminSurveyCard\";\r\nimport Content from \"../../../content/AdminTextContent\";\r\nimport { SurveyListPropType, HistoryPropType } from \"../../../customPropTypes\";\r\n\r\nfunction AdminSurveys({ history, data, onChangeSurveyStatus, onDeleteSurvey }) {\r\n const getLinkToSurveyResults = (survey) => `/admin/ankete/anketa${survey.id}`;\r\n const getLinkToEditSurvey = (survey) => `/admin/ankete/editiraj/anketa${survey.id}`;\r\n\r\n return (\r\n \r\n \r\n {text.statusChange.tooltip}\r\n \r\n )}\r\n >\r\n
\r\n {survey.title}
\r\n\r\n {text.startDate}\r\n
\r\n {text.endDate}\r\n
\r\n {text.numberOfVotesTitle}\r\n \r\n {numberOfVotes}\r\n \r\n
\r\n )}\r\n \r\n { history.push(buttonLink); }}\r\n >\r\n {buttonLabel}\r\n \r\n { history.push(editLink); }}\r\n >\r\n Editiraj\r\n \r\n onDeleteSurvey(survey.id)}\r\n modalTitle={survey.title}\r\n modalText=\"Jeste li sigurni da želite pobrisati ovu anketu?\"\r\n buttonText=\"Pobriši\"\r\n executeButtonLabel=\"Pobriši\"\r\n />\r\n
\r\n \r\n {STATUS_CHANGE_EXPLANATION[survey.status]}\r\n
\r\n \r\n {Content.surveys.title}\r\n \r\n
\r\n \r\n {data.length > 0 && data.map((survey) => (\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default AdminSurveys;\r\n\r\nAdminSurveys.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n data: SurveyListPropType,\r\n onChangeSurveyStatus: PropTypes.func.isRequired,\r\n};\r\n\r\nAdminSurveys.defaultProps = {\r\n data: [],\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport uuidv1 from \"uuid/v1\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport Table from \"react-bootstrap/Table\";\r\nimport Content from \"../../../content/AdminTextContent\";\r\nimport { SomethingElseAnswersPropType } from \"../../../customPropTypes\";\r\n\r\nfunction AdminSurveyCustomAnswersModal({\r\n show, onHide, title, answers,\r\n}) {\r\n const popupContent = Content.surveys.surveyResults.somethingElseAnswers.popup;\r\n\r\n return (\r\n \r\n {Content.surveys.title}\r\n \r\n {}}\r\n className=\"admin-add-new-button no-style-button\"\r\n >\r\n \r\n \r\n \r\n
\r\n | {popupContent.answer} | \r\n{popupContent.numberOfVotes} | \r\n
| {answer.text} | \r\n{answer.votes} | \r\n
\r\n \r\n \r\n
\r\n setModalShow(false)}\r\n answers={somethingElseAnswers}\r\n title={textContent.somethingElseAnswers.popup.title}\r\n />\r\n
\r\n ) : null\r\n );\r\n}\r\n\r\nexport default AdminSurveyResults;\r\n\r\nAdminSurveyResults.propTypes = {\r\n survey: SurveyPropType,\r\n history: HistoryPropType.isRequired,\r\n};\r\n\r\nAdminSurveyResults.defaultProps = {\r\n survey: null,\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport AdminSurveyResults from \"../../../components/admin/survey/AdminSurveyResults\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const surveyId = parseInt(ownProps.match.params.id, 10);\r\n const currentSurvey = state.surveys.find((current) => current.id === surveyId);\r\n\r\n return {\r\n survey: currentSurvey,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(AdminSurveyResults);\r\n","import moment from \"moment\";\r\n\r\nexport function stringToDate(stringDate) {\r\n const w = moment(stringDate).format();\r\n return new Date(w);\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Form from \"react-bootstrap/Form\";\r\nimport Col from \"react-bootstrap/Col\";\r\n\r\nfunction CustomFormLabel({ text, disclaimer, customStyle }) {\r\n return (\r\n {textContent.bigTitle}
\r\n{survey.title}
\r\n| {textContent.question} | \r\n{textContent.answer} | \r\n{textContent.numberOfVotes} | \r\n{textContent.specialAnswersTitle} | \r\n\r\n {answer.text}\r\n | \r\n{answer.votes} | \r\n {index === 0 && (\r\n
|---|
\r\n
\r\n )}\r\n />\r\n );\r\n };\r\n\r\n const getQuestionTitle = (questionIndex) => `${formContent.questionText} ${questionIndex + 1}`;\r\n\r\n const getQuestionFieldArray = (arrayHelpers, index) => {\r\n const key = `question-${index + 1}`;\r\n\r\n return (\r\n \r\n {(answers && answers.length > 0) ?\r\n answers.map((friend, index) => renderAnswer(arrayHelpers, questionIndex, index)) :\r\n renderAnswer(arrayHelpers, questionIndex, 0)}\r\n
\r\n \r\n \r\n arrayHelpers.remove(index)} />\r\n }\r\n \r\n {getAnswersFieldArray(index)}\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\nexport const handleSubmit = (values, { props }) => {\r\n props.onEditSurvey(values, props.history, props.surveyEdited.id, props.surveyEdited.status);\r\n};\r\n\r\nexport default withFormik({\r\n mapPropsToValues: (props) => {\r\n if (props.surveyEdited) {\r\n const survey = props.surveyEdited;\r\n\r\n return {\r\n title: survey.title,\r\n startDate: stringToDate(survey.startDate),\r\n endDate: stringToDate(survey.endDate),\r\n questions: survey.questions.map((question) => ({\r\n text: question.text,\r\n allowCustomAnswer: question.allowCustomAnswer,\r\n answers: question.answers.map((answer) => ({ text: answer.text, votes: answer.votes, type: answer.type })),\r\n })),\r\n };\r\n }\r\n return {\r\n title: \"\",\r\n startDate: new Date(),\r\n endDate: new Date(),\r\n questions: [{ text: \"\", answers: [{ text: \"\", votes: 0, type: 1 }], allowCustomAnswer: false }],\r\n };\r\n },\r\n validationSchema: validationSchemas.addNewSurveyForm,\r\n handleSubmit,\r\n enableReinitialize: true,\r\n})(AdminSurveyEditFormInner);\r\n\r\nAdminSurveyEditFormInner.propTypes = {\r\n values: PropTypes.shape({\r\n title: PropTypes.string,\r\n startDate: PropTypes.instanceOf(Date),\r\n endDate: PropTypes.instanceOf(Date),\r\n questions: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.string,\r\n answers: PropTypes.arrayOf(PropTypes.shape({\r\n text: PropTypes.string,\r\n votes: PropTypes.number,\r\n type: PropTypes.number,\r\n })),\r\n })),\r\n }).isRequired,\r\n errors: PropTypes.shape({\r\n title: PropTypes.string,\r\n }).isRequired,\r\n handleSubmit: PropTypes.func.isRequired,\r\n handleChange: PropTypes.func.isRequired,\r\n setFieldValue: PropTypes.func.isRequired,\r\n history: HistoryPropType.isRequired,\r\n surveyEdited: SurveyPropType,\r\n};\r\n\r\nAdminSurveyEditFormInner.defaultProps = {\r\n surveyEdited: null,\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport AdminSurveyEdit from \"../../../components/admin/survey/AdminSurveyEdit\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const surveyId = parseInt(ownProps.match.params.id, 10);\r\n const currentSurvey = state.surveys.find((current) => current.id === surveyId);\r\n\r\n return {\r\n surveyEdited: currentSurvey,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(AdminSurveyEdit);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Form from \"react-bootstrap/Form\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport { withFormik, FieldArray, Field } from \"formik\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport validationSchemas from \"../../../helpers/validation\";\r\nimport CustomFormLabel from \"../../common/CustomFormLabel\";\r\nimport ButtonAdd from \"../../common/ButtonAdd\";\r\nimport AdminButtonRemove from \"./AdminButtonRemove\";\r\nimport AdminSidebar from \"../AdminSidebar\";\r\nimport { HistoryPropType } from \"../../../customPropTypes\";\r\nimport Content from \"../../../content/AdminTextContent\";\r\n\r\nexport function AdminSurveyAddNewFormInner({\r\n handleSubmit,\r\n handleChange,\r\n values,\r\n errors,\r\n setFieldValue,\r\n history,\r\n}) {\r\n const formContent = Content.surveys.addNew.formElements;\r\n const [selectedStartDate, setSelectedStartDate] = React.useState(new Date());\r\n const [selectedEndDate, setSelectedEndDate] = React.useState(new Date());\r\n\r\n const renderAnswer = (arrayHelpers, questionIndex, index) => {\r\n const key = `question-${questionIndex + 1}-answer-${index + 1}`;\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 const getQuestionTitle = (questionIndex) => `${formContent.questionText} ${questionIndex + 1}`;\r\n\r\n const getQuestionFieldArray = (arrayHelpers, index) => {\r\n const key = `question-${index + 1}`;\r\n\r\n return (\r\n \r\n {(answers && answers.length > 0) ?\r\n answers.map((friend, index) => renderAnswer(arrayHelpers, questionIndex, index)) :\r\n renderAnswer(arrayHelpers, questionIndex, 0)}\r\n
\r\n \r\n \r\n arrayHelpers.remove(index)} />\r\n }\r\n \r\n {getAnswersFieldArray(index)}\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\nexport const handleSubmit = (values, { props }) => {\r\n props.onAddNewSurvey(values, props.history);\r\n};\r\n\r\nexport default withFormik({\r\n mapPropsToValues: () => ({\r\n title: \"\",\r\n startDate: new Date(),\r\n endDate: new Date(),\r\n questions: [{ text: \"\", answers: [{ text: \"\", votes: 0, type: 1 }], allowCustomAnswer: false }],\r\n }),\r\n validationSchema: validationSchemas.addNewSurveyForm,\r\n handleSubmit,\r\n})(AdminSurveyAddNewFormInner);\r\n\r\nAdminSurveyAddNewFormInner.propTypes = {\r\n values: PropTypes.shape({\r\n title: PropTypes.string,\r\n startDate: PropTypes.instanceOf(Date),\r\n endDate: PropTypes.instanceOf(Date),\r\n questions: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.string,\r\n answers: PropTypes.arrayOf(PropTypes.shape({\r\n text: PropTypes.string,\r\n votes: PropTypes.number,\r\n type: PropTypes.number,\r\n })),\r\n })),\r\n }).isRequired,\r\n errors: PropTypes.shape({\r\n title: PropTypes.string,\r\n }).isRequired,\r\n handleSubmit: PropTypes.func.isRequired,\r\n handleChange: PropTypes.func.isRequired,\r\n setFieldValue: PropTypes.func.isRequired,\r\n history: HistoryPropType.isRequired,\r\n};\r\n","const EXHIBITION_ENTRY_CAN_VOTE = \"exhibition_entry_can_vote\";\r\nconst EXHIBITION_SUBJECT_CAN_VOTE = \"exhibition_subject_can_vote\";\r\nconst SURVEY_ID_CAN_VOTE = \"survey_id_can_vote\";\r\n\r\nexport function setExhibitionEntryVote(id) {\r\n localStorage.setItem(`${EXHIBITION_ENTRY_CAN_VOTE}_${id}`, \"no\");\r\n}\r\n\r\nexport function resetExhibitionEntryVote(id) {\r\n localStorage.setItem(`${EXHIBITION_ENTRY_CAN_VOTE}_${id}`, \"yes\");\r\n}\r\n\r\nexport function canExhibitionEntryVote(id) {\r\n return localStorage.getItem(`${EXHIBITION_ENTRY_CAN_VOTE}_${id}`) || \"yes\";\r\n}\r\n\r\nexport function setSurveyIdVote(id) {\r\n localStorage.setItem(`${SURVEY_ID_CAN_VOTE}_${id}`, \"no\");\r\n}\r\n\r\nexport function canSurveyIdVote(id) {\r\n return localStorage.getItem(`${SURVEY_ID_CAN_VOTE}_${id}`) || \"yes\";\r\n}\r\n\r\nexport function canExhibitionSubjectVote(id) {\r\n return localStorage.getItem(`${EXHIBITION_SUBJECT_CAN_VOTE}_${id}`) || \"yes\";\r\n}\r\n\r\nexport function setExhibitionSubjectVote(id) {\r\n localStorage.setItem(`${EXHIBITION_SUBJECT_CAN_VOTE}_${id}`, \"no\");\r\n}\r\n\r\nexport function resetExhibitionSubjectVote(id) {\r\n localStorage.setItem(`${EXHIBITION_SUBJECT_CAN_VOTE}_${id}`, \"yes\");\r\n}\r\n","const EXTRA_SETTINGS_HIDE_BACKGROUNDS = \"extra_hide_backgrounds\";\r\nconst EXTRA_SETTINGS_INCREASED_FONTSIZE = \"extra_increase_fontsize\";\r\nconst EXTRA_SETTINGS_COOKIES = \"extra_accept_cookies\";\r\n\r\nexport function storeHideBackgrounds() {\r\n localStorage.setItem(EXTRA_SETTINGS_HIDE_BACKGROUNDS, \"yes\");\r\n}\r\n\r\nexport function storeShowBackgrounds() {\r\n localStorage.setItem(EXTRA_SETTINGS_HIDE_BACKGROUNDS, \"no\");\r\n}\r\n\r\nexport function getExtraSettingsBackgroundsData() {\r\n return localStorage.getItem(EXTRA_SETTINGS_HIDE_BACKGROUNDS) || \"no\";\r\n}\r\n\r\nexport function storeIncreaseFontSize() {\r\n localStorage.setItem(EXTRA_SETTINGS_INCREASED_FONTSIZE, \"yes\");\r\n}\r\n\r\nexport function storeResetFontSize() {\r\n localStorage.setItem(EXTRA_SETTINGS_INCREASED_FONTSIZE, \"no\");\r\n}\r\n\r\nexport function getExtraSettingsFontsizeData() {\r\n return localStorage.getItem(EXTRA_SETTINGS_INCREASED_FONTSIZE) || \"no\";\r\n}\r\n\r\nexport function acceptCookiesUsage() {\r\n localStorage.setItem(EXTRA_SETTINGS_COOKIES, \"yes\");\r\n}\r\n\r\nexport function getExtraSettingsCookies() {\r\n return localStorage.getItem(EXTRA_SETTINGS_COOKIES) || \"no\";\r\n}\r\n","const exhibitionEntryVoteActions = {\r\n vote: (id, votes) => (dispatch) => {\r\n dispatch({\r\n type: \"ENTRY_UPVOTE\",\r\n payload: { id, votes },\r\n });\r\n },\r\n unVote: (id, votes) => (dispatch) => {\r\n dispatch({\r\n type: \"ENTRY_DOWNVOTE\",\r\n payload: { id, votes },\r\n });\r\n },\r\n getVotes: (entryVotes) => (dispatch) => {\r\n dispatch({\r\n type: \"GET_VOTES\",\r\n payload: { ...entryVotes },\r\n });\r\n },\r\n};\r\n\r\nexport default exhibitionEntryVoteActions;\r\n","const exhibitionSubjectVoteActions = {\r\n vote: (id, votes) => (dispatch) => {\r\n dispatch({\r\n type: \"SUBJECT_UPVOTE\",\r\n payload: { id, votes },\r\n });\r\n },\r\n unVote: (id, votes) => (dispatch) => {\r\n dispatch({\r\n type: \"SUBJECT_DOWNVOTE\",\r\n payload: { id, votes },\r\n });\r\n },\r\n getVotes: (subjectVotes) => (dispatch) => {\r\n dispatch({\r\n type: \"GET_SUBJECT_VOTES\",\r\n payload: { ...subjectVotes },\r\n });\r\n },\r\n};\r\n\r\nexport default exhibitionSubjectVoteActions;\r\n","const surveyActions = {\r\n addNew: (survey) => (dispatch) => {\r\n dispatch({\r\n type: \"ADD_NEW_SURVEY\",\r\n payload: survey,\r\n });\r\n },\r\n fetchSurveysSuccess: (surveys) => (dispatch) => {\r\n dispatch({\r\n type: \"FETCH_SURVEYS\",\r\n payload: [...surveys],\r\n });\r\n },\r\n updateSurvey: (survey) => (dispatch) => {\r\n dispatch({\r\n type: \"UPDATE_SURVEY\",\r\n payload: survey,\r\n });\r\n },\r\n delete: (id) => (dispatch) => {\r\n dispatch({\r\n type: \"DELETE_SURVEY\",\r\n payload: id,\r\n });\r\n },\r\n};\r\n\r\nexport default surveyActions;\r\n","const votingActions = {\r\n setExhibitionEntries: (id, canVote) => (dispatch) => {\r\n dispatch({\r\n type: \"EXHIBITION_ENTRY_VOTE\",\r\n payload: { id, canVote },\r\n });\r\n },\r\n setExhibitionSubjects: (id, canVote) => (dispatch) => {\r\n dispatch({\r\n type: \"EXHIBITION_SUBJECT_VOTE\",\r\n payload: { id, canVote },\r\n });\r\n },\r\n fetchExhibitionEntryVotes: (votes) => (dispatch) => {\r\n dispatch({\r\n type: \"FETCH_EXHIBITION_ENTRIES_VOTES\",\r\n payload: { ...votes },\r\n });\r\n },\r\n fetchExhibitionSubjectVotes: (votes) => (dispatch) => {\r\n dispatch({\r\n type: \"FETCH_EXHIBITION_SUBJECTS_VOTES\",\r\n payload: { ...votes },\r\n });\r\n },\r\n fetchSurveyVotes: (votes) => (dispatch) => {\r\n dispatch({\r\n type: \"FETCH_SURVEY_VOTES\",\r\n payload: { ...votes },\r\n });\r\n },\r\n};\r\n\r\nexport default votingActions;\r\n","const extraSettingsActions = {\r\n hideBackgrounds: () => (dispatch) => {\r\n dispatch({\r\n type: \"HIDE_BACKGROUNDS\",\r\n payload: true,\r\n });\r\n },\r\n showBackgrounds: () => (dispatch) => {\r\n dispatch({\r\n type: \"HIDE_BACKGROUNDS\",\r\n payload: false,\r\n });\r\n },\r\n increaseFontSize: () => (dispatch) => {\r\n dispatch({\r\n type: \"INCREASE_FONT_SIZE\",\r\n payload: true,\r\n });\r\n },\r\n resetFontSize: () => (dispatch) => {\r\n dispatch({\r\n type: \"INCREASE_FONT_SIZE\",\r\n payload: false,\r\n });\r\n },\r\n acceptCookies: () => (dispatch) => {\r\n dispatch({\r\n type: \"ACCEPT_COOKIES\",\r\n payload: true,\r\n });\r\n },\r\n};\r\n\r\nexport default extraSettingsActions;\r\n","const mapPinsActions = {\r\n fetchMapPinsSuccess: (pins) => (dispatch) => {\r\n dispatch({\r\n type: \"FETCH_MAP_PINS\",\r\n payload: pins,\r\n });\r\n },\r\n assignRandomPinArrows: () => (dispatch) => {\r\n dispatch({\r\n type: \"ASSIGN_RANDOM_PIN_ARROWS\",\r\n });\r\n },\r\n deletePinById: (id) => (dispatch) => {\r\n dispatch({\r\n type: \"DELETE_PIN_BY_ID\",\r\n payload: id,\r\n });\r\n },\r\n addPin: (pin) => (dispatch) => {\r\n // debugger;\r\n // dispatch({\r\n // type: \"ADD_NEW_PIN\",\r\n // payload: pin,\r\n // });\r\n },\r\n};\r\n\r\nexport default mapPinsActions;\r\n","import moment from \"moment\";\r\nimport { setToken, setExpirationDate } from \"./auth\";\r\nimport {\r\n setExhibitionEntryVote, canExhibitionEntryVote, resetExhibitionEntryVote,\r\n setSurveyIdVote, canSurveyIdVote,\r\n canExhibitionSubjectVote, setExhibitionSubjectVote, resetExhibitionSubjectVote,\r\n} from \"./voting\";\r\nimport {\r\n storeHideBackgrounds, storeShowBackgrounds, getExtraSettingsBackgroundsData, storeIncreaseFontSize,\r\n getExtraSettingsFontsizeData, storeResetFontSize, acceptCookiesUsage, getExtraSettingsCookies,\r\n} from \"./extraSettings\";\r\nimport {\r\n BASIC_HEADERS, AUTH_HEADERS, ENDPOINTS, EXHIBITION_ENTRY_STATUS, EXHIBITION_SUBJECT_STATUS,\r\n} from \"../helpers/constants\";\r\nimport exhibitionActions from \"../action-creators/admin/exhibitionActions\";\r\nimport exhibitionEntryVoteActions from \"../action-creators/exhibitionEntryVoteActions\";\r\nimport exhibitionSubjectVoteActions from \"../action-creators/exhibitionSubjectVoteActions\";\r\nimport surveyActions from \"../action-creators/admin/surveyActions\";\r\nimport votingActions from \"../action-creators/votingActions\";\r\nimport extraSettingsActions from \"../action-creators/extraSettingsActions\";\r\nimport mapPinsActions from \"../action-creators/mapPinsActions\";\r\nimport exhibitionSubjectActions from \"../action-creators/exhibitionSubjectActions\";\r\nimport archiveActions from \"../action-creators/archiveActions\";\r\n\r\nconst checkStatus = (res) => {\r\n if (!res.ok) {\r\n // throw new Error(res.statusText);\r\n throw res;\r\n }\r\n return res;\r\n};\r\n\r\nexport const extraSettings = {\r\n hideBackgrounds: () => (dispatch) => {\r\n storeHideBackgrounds();\r\n dispatch(extraSettingsActions.hideBackgrounds());\r\n },\r\n showBackgrounds: () => (dispatch) => {\r\n storeShowBackgrounds();\r\n dispatch(extraSettingsActions.showBackgrounds());\r\n },\r\n getBackgroundsData: () => (dispatch) => {\r\n const hideBackgrounds = getExtraSettingsBackgroundsData();\r\n if (hideBackgrounds === \"yes\") dispatch(extraSettingsActions.hideBackgrounds());\r\n if (hideBackgrounds === \"no\") dispatch(extraSettingsActions.showBackgrounds());\r\n },\r\n increaseFontSize: () => (dispatch) => {\r\n storeIncreaseFontSize();\r\n dispatch(extraSettingsActions.increaseFontSize());\r\n },\r\n getFontSizeData: () => (dispatch) => {\r\n const increaseFontSize = getExtraSettingsFontsizeData();\r\n if (increaseFontSize === \"yes\") dispatch(extraSettingsActions.increaseFontSize());\r\n },\r\n resetFontSize: () => (dispatch) => {\r\n storeResetFontSize();\r\n dispatch(extraSettingsActions.resetFontSize());\r\n },\r\n acceptCookies: () => (dispatch) => {\r\n acceptCookiesUsage();\r\n dispatch(extraSettingsActions.acceptCookies());\r\n },\r\n getCookiesData: () => (dispatch) => {\r\n const cookiesAccepted = getExtraSettingsCookies();\r\n if (cookiesAccepted === \"yes\") dispatch(extraSettingsActions.acceptCookies());\r\n },\r\n};\r\n\r\nexport const getExhibitionEntriesVotingData = (listOfEntryIds) => (dispatch) => {\r\n let list = {};\r\n if (listOfEntryIds && listOfEntryIds.length > 0) {\r\n list = listOfEntryIds.reduce((accum, currentId) => {\r\n return { ...accum, [currentId]: canExhibitionEntryVote(currentId) };\r\n }, {});\r\n dispatch(votingActions.fetchExhibitionEntryVotes(list));\r\n }\r\n};\r\n\r\nexport const getExhibitionSubjectsVotingData = (listOfSubjectIds) => (dispatch) => {\r\n let list = {};\r\n if (listOfSubjectIds && listOfSubjectIds.length > 0) {\r\n list = listOfSubjectIds.reduce((accum, currentId) => {\r\n return { ...accum, [currentId]: canExhibitionSubjectVote(currentId) };\r\n }, {});\r\n dispatch(votingActions.fetchExhibitionSubjectVotes(list));\r\n }\r\n};\r\n\r\nconst getSurveyVotingData = (listOfSurveyIds) => (dispatch) => {\r\n let list = {};\r\n if (listOfSurveyIds && listOfSurveyIds.length > 0) {\r\n list = listOfSurveyIds.reduce((accum, currentId) => {\r\n return { ...accum, [currentId]: canSurveyIdVote(currentId) };\r\n }, {});\r\n dispatch(votingActions.fetchSurveyVotes(list));\r\n }\r\n};\r\n\r\nexport const survey = {\r\n add: (values, history) => (dispatch) => {\r\n const valuesEdited = JSON.stringify({\r\n ...values,\r\n startDate: moment(values.startDate).format(),\r\n endDate: moment(values.endDate).format(),\r\n status: 0,\r\n });\r\n fetch(ENDPOINTS.surveys.one, {\r\n method: \"POST\",\r\n headers: AUTH_HEADERS,\r\n body: valuesEdited,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((id) => {\r\n fetch(`${ENDPOINTS.surveys.one}${id}`, {\r\n method: \"GET\",\r\n headers: AUTH_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(surveyActions.addNew(r));\r\n history.push(\"/admin/ankete\");\r\n });\r\n })\r\n .catch((error) => {\r\n return Promise.reject();\r\n });\r\n },\r\n changeStatus: (values, status) => (dispatch) => {\r\n const updatedSurvey = { ...values, status };\r\n fetch(ENDPOINTS.surveys.one, {\r\n method: \"PUT\",\r\n headers: AUTH_HEADERS,\r\n body: JSON.stringify(updatedSurvey),\r\n }).then(checkStatus)\r\n .then((res) => res.json)\r\n .then(() => {\r\n dispatch(surveyActions.updateSurvey(updatedSurvey));\r\n })\r\n .catch((error) => {\r\n Promise.reject(error);\r\n });\r\n },\r\n update: (values, history, surveyId, surveyStatus) => (dispatch) => {\r\n const valuesEdited = {\r\n ...values,\r\n id: surveyId,\r\n status: surveyStatus,\r\n startDate: moment(values.startDate).format(),\r\n endDate: moment(values.endDate).format(),\r\n };\r\n fetch(ENDPOINTS.surveys.one, {\r\n method: \"PUT\",\r\n headers: AUTH_HEADERS,\r\n body: JSON.stringify(valuesEdited),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((id) => {\r\n fetch(`${ENDPOINTS.surveys.one}${id}`, {\r\n method: \"GET\",\r\n headers: AUTH_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then(() => {\r\n dispatch(surveyActions.updateSurvey(valuesEdited));\r\n history.push(\"/admin/ankete\");\r\n });\r\n })\r\n .catch((err) => {\r\n err.json().then((errorMessage) => {\r\n console.error(errorMessage);\r\n });\r\n });\r\n },\r\n delete: (surveyId) => (dispatch) => {\r\n fetch(`${ENDPOINTS.surveys.one}${surveyId}`, {\r\n method: \"DELETE\",\r\n headers: AUTH_HEADERS,\r\n }).then(checkStatus)\r\n .then(() => {})\r\n .then(() => {\r\n dispatch(surveyActions.delete(surveyId));\r\n });\r\n },\r\n getAll: () => (dispatch) => {\r\n fetch(ENDPOINTS.surveys.all, {\r\n method: \"GET\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(surveyActions.fetchSurveysSuccess(r));\r\n const listOfIds = r.reduce((accum, current) => [...accum, current.id], []);\r\n dispatch(getSurveyVotingData(listOfIds));\r\n });\r\n },\r\n vote: (surveyId, votesData, setStatus) => {\r\n fetch(`${ENDPOINTS.surveys.one}Vote`, {\r\n method: \"PUT\",\r\n headers: BASIC_HEADERS,\r\n body: JSON.stringify({\r\n id: surveyId,\r\n votes: [...votesData],\r\n }),\r\n }).then(checkStatus)\r\n // .then((res) => res.json())\r\n .then((r) => {\r\n setStatus({ type: \"success\", message: \"Hvala na glasanju!\" });\r\n setSurveyIdVote(surveyId);\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n Promise.reject(error);\r\n });\r\n },\r\n};\r\n\r\nexport const map = {\r\n getAll: () => (dispatch) => {\r\n fetch(`${ENDPOINTS.map}PINS`, {\r\n method: \"GET\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(mapPinsActions.fetchMapPinsSuccess(r));\r\n dispatch(mapPinsActions.assignRandomPinArrows());\r\n });\r\n },\r\n upload: (acceptedFile, successCallback, setStatus, failureCallback) => {\r\n const formData = new FormData();\r\n formData.append(\"file\", acceptedFile, acceptedFile.name);\r\n\r\n fetch(`${ENDPOINTS.map}Upload/Pin/Content/`, {\r\n method: \"POST\",\r\n body: formData,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n setStatus({ type: \"upload_success\" });\r\n successCallback(r);\r\n })\r\n .catch((err) => {\r\n err.json().then((errorMessage) => {\r\n setStatus({ type: \"error\", message: `Server Error: ${errorMessage}` });\r\n failureCallback();\r\n });\r\n });\r\n },\r\n deleteContent: (fileName) => {\r\n fetch(`${ENDPOINTS.map}Pin/Content/${fileName}/`, {\r\n method: \"DELETE\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then(() => {\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n return Promise.reject();\r\n });\r\n },\r\n addNew: (values, setStatus) => (dispatch) => {\r\n fetch(`${ENDPOINTS.map}Pin`, {\r\n method: \"POST\",\r\n headers: BASIC_HEADERS,\r\n body: JSON.stringify({\r\n ...values,\r\n id: 0,\r\n }),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n setStatus({ type: \"success\", message: \"Uspješno poslano!\" });\r\n // dispatch(mapPinsActions.addPin(r));\r\n })\r\n .catch((error) => {\r\n setStatus({ type: \"error\", message: error.message });\r\n return Promise.reject();\r\n });\r\n },\r\n deletePinById: (pinId) => (dispatch) => {\r\n fetch(`${ENDPOINTS.map}Pin/${pinId}`, {\r\n method: \"DELETE\",\r\n headers: AUTH_HEADERS,\r\n }).then(checkStatus)\r\n .then(() => {\r\n dispatch(mapPinsActions.deletePinById(pinId));\r\n })\r\n .catch((error) => {\r\n return Promise.reject();\r\n });\r\n },\r\n};\r\n\r\nexport const exhibitionEntry = {\r\n getAll: () => (dispatch, getState) => {\r\n fetch(ENDPOINTS.exhibtionEntries.all, {\r\n method: \"GET\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(exhibitionActions.fetchEntriesSuccess(r));\r\n const entryVotes = getState().exhibitionEntries.approved.reduce((accum, current) => {\r\n return { ...accum, [current.id]: current.votes };\r\n }, {});\r\n dispatch(exhibitionEntryVoteActions.getVotes(entryVotes));\r\n });\r\n },\r\n getAllApproved: () => (dispatch, getState) => {\r\n fetch(`${ENDPOINTS.exhibtionEntries.all}Approved`, {\r\n method: \"GET\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(exhibitionActions.fetchApprovedEntriesSuccess(r));\r\n const entryVotes = getState().exhibitionEntries.approved.reduce((accum, current) => {\r\n return { ...accum, [current.id]: current.votes };\r\n }, {});\r\n dispatch(exhibitionEntryVoteActions.getVotes(entryVotes));\r\n });\r\n },\r\n // getEntriesByPageId: (pageId) => (dispatch) => {\r\n // fetch(`${ENDPOINTS.exhibtionEntries.all}page/${pageId}`, {\r\n // method: \"GET\",\r\n // headers: BASIC_HEADERS,\r\n // }).then(checkStatus)\r\n // .then((res) => res.json())\r\n // .then((r) => {\r\n // dispatch(archiveActions.fetchArchive(r));\r\n // // dispatch();\r\n // // dispatch(exhibitionActions.fetchApprovedEntriesSuccess(r));\r\n // // const entryVotes = getState().exhibitionEntries.approved.reduce((accum, current) => {\r\n // // return { ...accum, [current.id]: current.votes };\r\n // // }, {});\r\n // // dispatch(exhibitionEntryVoteActions.getVotes(entryVotes));\r\n // });\r\n // },\r\n approve: (entry, action) => (dispatch) => {\r\n fetch(ENDPOINTS.exhibtionEntries.one, {\r\n method: \"PUT\",\r\n headers: AUTH_HEADERS,\r\n body: JSON.stringify({\r\n ...entry,\r\n status: EXHIBITION_ENTRY_STATUS.APPROVED,\r\n }),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then(() => {\r\n dispatch(action(entry.id));\r\n });\r\n },\r\n reject: (entry, action) => (dispatch) => {\r\n fetch(ENDPOINTS.exhibtionEntries.one, {\r\n method: \"PUT\",\r\n headers: AUTH_HEADERS,\r\n body: JSON.stringify({\r\n ...entry,\r\n status: EXHIBITION_ENTRY_STATUS.REJECTED,\r\n }),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then(() => {\r\n dispatch(action(entry.id));\r\n });\r\n },\r\n vote: (id) => (dispatch, getState) => {\r\n const currentVotes = getState().exhibitionEntryVotes[id];\r\n\r\n fetch(`${ENDPOINTS.exhibtionEntries.one}Vote/${id}`, {\r\n method: \"PUT\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then(() => {\r\n setExhibitionEntryVote(id);\r\n dispatch(exhibitionEntryVoteActions.vote(id, currentVotes + 1));\r\n dispatch(votingActions.setExhibitionEntries(id, \"no\"));\r\n });\r\n },\r\n unvote: (id) => (dispatch, getState) => {\r\n const currentVotes = getState().exhibitionEntryVotes[id];\r\n\r\n fetch(`${ENDPOINTS.exhibtionEntries.one}Unvote/${id}`, {\r\n method: \"PUT\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then(() => {\r\n resetExhibitionEntryVote(id);\r\n dispatch(exhibitionEntryVoteActions.unVote(id, currentVotes - 1));\r\n dispatch(votingActions.setExhibitionEntries(id, \"yes\"));\r\n });\r\n },\r\n addNew: (values, setStatus) => (dispatch, getState) => {\r\n fetch(ENDPOINTS.exhibtionEntries.one, {\r\n method: \"POST\",\r\n headers: BASIC_HEADERS,\r\n body: JSON.stringify({\r\n ...values,\r\n exhibitionYear: 2020, // TODO dinamicki odluciti koja godina\r\n status: 1,\r\n pageId: getState().exhibitionEntries.pages.current.id,\r\n }),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then(() => {\r\n setStatus({ type: \"success\", message: \"Uspješno poslano!\" });\r\n })\r\n .catch((error) => {\r\n setStatus({ type: \"error\", message: error.message });\r\n return Promise.reject();\r\n });\r\n },\r\n upload: (acceptedFile, successCallback, setStatus, failureCallback) => {\r\n const formData = new FormData();\r\n formData.append(\"file\", acceptedFile, acceptedFile.name);\r\n\r\n fetch(`${ENDPOINTS.exhibtionEntries.one}Upload/Content/`, {\r\n method: \"POST\",\r\n body: formData,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n setStatus({ type: \"upload_success\" });\r\n successCallback(r);\r\n })\r\n .catch((err) => {\r\n err.json().then((errorMessage) => {\r\n setStatus({ type: \"error\", message: `Server Error: ${errorMessage}` });\r\n failureCallback();\r\n });\r\n });\r\n },\r\n deleteContent: (fileName) => {\r\n fetch(`${ENDPOINTS.exhibtionEntries.one}Content/${fileName}/`, {\r\n method: \"DELETE\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then(() => {\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n return Promise.reject();\r\n });\r\n },\r\n getPages: () => (dispatch) => {\r\n fetch(`${ENDPOINTS.exhibtionEntries.one}Pages`, {\r\n method: \"GET\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(exhibitionActions.fetchPagesSuccess(r));\r\n });\r\n },\r\n};\r\n\r\nexport const exhibitionSubject = {\r\n getAll: () => (dispatch, getState) => {\r\n fetch(ENDPOINTS.exhibitionSubjects.all, {\r\n method: \"GET\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(exhibitionSubjectActions.fetchSubjectsSuccess(r));\r\n const subjectVotes = getState().exhibitionSubjects.approved.reduce((accum, current) => {\r\n return { ...accum, [current.id]: current.votes };\r\n }, {});\r\n dispatch(exhibitionSubjectVoteActions.getVotes(subjectVotes));\r\n });\r\n },\r\n getAllApproved: () => (dispatch, getState) => {\r\n fetch(`${ENDPOINTS.exhibitionSubjects.all}Approved`, {\r\n method: \"GET\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(exhibitionSubjectActions.fetchApprovedSubjectsSuccess(r));\r\n const subjectVotes = getState().exhibitionSubjects.approved.reduce((accum, current) => {\r\n return { ...accum, [current.id]: current.votes };\r\n }, {});\r\n dispatch(exhibitionSubjectVoteActions.getVotes(subjectVotes));\r\n });\r\n },\r\n approve: (subject, action) => (dispatch) => {\r\n fetch(ENDPOINTS.exhibitionSubjects.one, {\r\n method: \"PUT\",\r\n headers: AUTH_HEADERS,\r\n body: JSON.stringify({\r\n ...subject,\r\n status: EXHIBITION_SUBJECT_STATUS.APPROVED,\r\n }),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then(() => {\r\n dispatch(action(subject.id));\r\n });\r\n },\r\n reject: (subject, action) => (dispatch) => {\r\n fetch(ENDPOINTS.exhibitionSubjects.one, {\r\n method: \"PUT\",\r\n headers: AUTH_HEADERS,\r\n body: JSON.stringify({\r\n ...subject,\r\n status: EXHIBITION_SUBJECT_STATUS.REJECTED,\r\n }),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then(() => {\r\n dispatch(action(subject.id));\r\n });\r\n },\r\n vote: (id) => (dispatch, getState) => {\r\n const currentVotes = getState().exhibitionSubjectVotes[id];\r\n\r\n fetch(`${ENDPOINTS.exhibitionSubjects.one}Vote/${id}`, {\r\n method: \"PUT\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then(() => {\r\n setExhibitionSubjectVote(id);\r\n dispatch(exhibitionSubjectVoteActions.vote(id, currentVotes + 1));\r\n dispatch(votingActions.setExhibitionSubjects(id, \"no\"));\r\n });\r\n },\r\n unvote: (id) => (dispatch, getState) => {\r\n const currentVotes = getState().exhibitionSubjectVotes[id];\r\n\r\n fetch(`${ENDPOINTS.exhibitionSubjects.one}Unvote/${id}`, {\r\n method: \"PUT\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then(() => {\r\n resetExhibitionSubjectVote(id);\r\n dispatch(exhibitionSubjectVoteActions.unVote(id, currentVotes - 1));\r\n dispatch(votingActions.setExhibitionSubjects(id, \"yes\"));\r\n });\r\n },\r\n addNew: (values, setStatus) => (dispatch, getState) => {\r\n fetch(ENDPOINTS.exhibitionSubjects.one, {\r\n method: \"POST\",\r\n headers: BASIC_HEADERS,\r\n body: JSON.stringify({\r\n ...values,\r\n exhibitionYear: 2020,\r\n status: 1,\r\n pageId: getState().exhibitionSubjects.pages.current.id,\r\n }),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then(() => {\r\n setStatus({ type: \"success\", message: \"Uspješno poslano!\" });\r\n })\r\n .catch((error) => {\r\n setStatus({ type: \"error\", message: error.message });\r\n return Promise.reject();\r\n });\r\n },\r\n getPages: () => (dispatch) => {\r\n fetch(`${ENDPOINTS.exhibitionSubjects.one}Pages`, {\r\n method: \"GET\",\r\n headers: BASIC_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(exhibitionSubjectActions.fetchPagesSuccess(r));\r\n });\r\n },\r\n};\r\n\r\nexport const pages = {\r\n addNew: (values, setStatus) => (dispatch) => {\r\n fetch(ENDPOINTS.pages, {\r\n method: \"POST\",\r\n headers: AUTH_HEADERS,\r\n body: JSON.stringify({\r\n ...values,\r\n }),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then(() => {\r\n setStatus({ type: \"success\", message: \"Uspješno kreirano!\" });\r\n dispatch(exhibitionEntry.getPages());\r\n })\r\n .catch((error) => {\r\n setStatus({ type: \"error\", message: error.message });\r\n return Promise.reject();\r\n });\r\n },\r\n updateEntries: (values, pageId, setStatus) => (dispatch) => {\r\n const valuesEdited = {\r\n ...values,\r\n id: pageId,\r\n startDate: moment(values.activeFrom).format(),\r\n endDate: moment(values.activeTo).format(),\r\n };\r\n\r\n fetch(ENDPOINTS.pages, {\r\n method: \"PUT\",\r\n headers: AUTH_HEADERS,\r\n body: JSON.stringify(valuesEdited),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((id) => {\r\n fetch(`${ENDPOINTS.pages}${id}`, {\r\n method: \"GET\",\r\n headers: AUTH_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(exhibitionActions.updatePage(r));\r\n setStatus({ type: \"success\", message: \"Uspješno editirano!\" });\r\n });\r\n })\r\n .catch((err) => {\r\n err.json().then((errorMessage) => {\r\n setStatus({ type: \"error\", message: errorMessage });\r\n });\r\n });\r\n },\r\n updateSubjects: (values, pageId, setStatus) => (dispatch) => {\r\n const valuesEdited = {\r\n ...values,\r\n id: pageId,\r\n startDate: moment(values.activeFrom).format(),\r\n endDate: moment(values.activeTo).format(),\r\n };\r\n\r\n fetch(ENDPOINTS.pages, {\r\n method: \"PUT\",\r\n headers: AUTH_HEADERS,\r\n body: JSON.stringify(valuesEdited),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((id) => {\r\n fetch(`${ENDPOINTS.pages}${id}`, {\r\n method: \"GET\",\r\n headers: AUTH_HEADERS,\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n dispatch(exhibitionSubjectActions.updatePage(r));\r\n setStatus({ type: \"success\", message: \"Uspješno editirano!\" });\r\n });\r\n })\r\n .catch((err) => {\r\n err.json().then((errorMessage) => {\r\n setStatus({ type: \"error\", message: errorMessage });\r\n });\r\n });\r\n },\r\n delete: (pageId) => (dispatch) => {\r\n fetch(`${ENDPOINTS.pages}${pageId}`, {\r\n method: \"DELETE\",\r\n headers: AUTH_HEADERS,\r\n }).then(checkStatus)\r\n .then(() => {\r\n dispatch(exhibitionActions.deletePage(pageId));\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n return Promise.reject();\r\n });\r\n },\r\n // getById: (id) => {\r\n // fetch(`${ENDPOINTS.pages2}${id}`, {\r\n // method: \"GET\",\r\n // headers: AUTH_HEADERS,\r\n // }).then(checkStatus)\r\n // .then((res) => res.json())\r\n // .then((r) => {\r\n // return r;\r\n // });\r\n // },\r\n};\r\n\r\nexport const adminLogin = (values, props, setStatus) => {\r\n fetch(ENDPOINTS.login, {\r\n method: \"POST\",\r\n headers: BASIC_HEADERS,\r\n body: JSON.stringify({\r\n Username: values.username,\r\n Password: values.password,\r\n }),\r\n }).then(checkStatus)\r\n .then((res) => res.json())\r\n .then((r) => {\r\n setToken(r.token);\r\n setExpirationDate(r.expiration);\r\n props.history.push(\"/admin/dashboard\");\r\n })\r\n .catch((error) => {\r\n setStatus({ type: \"error\", message: error.message });\r\n return Promise.reject();\r\n });\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Card from \"react-bootstrap/Card\";\r\nimport Badge from \"react-bootstrap/Badge\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport Content from \"../../../content/AdminTextContent\";\r\nimport CroatianDateFormat from \"../../common/CroatianDateFormat\";\r\n\r\nfunction AdminSubjectNewEntry({\r\n entry, order, totalEntriesNumber,\r\n onNextEntryClicked, onPreviousEntryClicked, onApproveClicked, onRejectClicked,\r\n}) {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n ) : null }\r\n { order < totalEntriesNumber ? (\r\n \r\n \r\n \r\n ) : null }\r\n
\r\n \r\n {`\u001c${order}/${totalEntriesNumber}`}\r\n
\r\n { order > 1 ? (\r\n{entry.title}
\r\n\r\n \r\n \r\n {Content.exhibitionSubjects.newSubjects.contactUserTitle}\r\n \r\n \r\n
\r\n {Content.exhibitionSubjects.newSubjects.userNameTitle}
\r\n{entry.userName}
\r\n \r\n{Content.exhibitionSubjects.newSubjects.dateTitle}
\r\n{Content.exhibitionSubjects.newSubjects.descriptionTitle}
\r\n{entry.description}
\r\n \r\n\r\n onApproveClicked(entry)}\r\n >\r\n {Content.exhibitionSubjects.newSubjects.approveButton}\r\n \r\n onRejectClicked(entry)}\r\n >\r\n {Content.exhibitionSubjects.newSubjects.rejectButton}\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 AdminExhibitionSubjectsList;\r\n\r\nAdminExhibitionSubjectsList.propTypes = {\r\n // data: PropTypes.arrayOf(ExhibitionEntryPropType).isRequired,\r\n showApproveButton: PropTypes.bool,\r\n showRejectButton: PropTypes.bool,\r\n onApproveClicked: PropTypes.func,\r\n onRejectClicked: PropTypes.func,\r\n};\r\n\r\nAdminExhibitionSubjectsList.defaultProps = {\r\n showApproveButton: false,\r\n showRejectButton: false,\r\n onApproveClicked: () => {},\r\n onRejectClicked: () => {},\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Tabs from \"react-bootstrap/Tabs\";\r\nimport Tab from \"react-bootstrap/Tab\";\r\nimport { ExhibitionEntryPropType, HistoryPropType, PagePropType } from \"../../../customPropTypes\";\r\nimport AdminSidebar from \"../AdminSidebar\";\r\nimport Content from \"../../../content/AdminTextContent\";\r\nimport AdminSubjectNewEntry from \"./AdminSubjectNewEntry\";\r\nimport AdminExhibitionSubjectsList from \"./AdminExhibitionSubjectsList\";\r\n\r\nfunction AdminExhibitionSubjects({\r\n title, defaultActiveKey, newSubjects, approvedSubjects, rejectedSubjects, history,\r\n approveSubject, rejectSubject, approveRejectedSubject, rejectApprovedSubject,\r\n activePage,\r\n}) {\r\n const [currentNewEntryIndex, setCurrentNewEntryIndex] = React.useState(0);\r\n\r\n const onNextEntryClicked = () => setCurrentNewEntryIndex(currentNewEntryIndex + 1);\r\n const onPreviousEntryClicked = () => setCurrentNewEntryIndex(currentNewEntryIndex - 1);\r\n const resetNewEntriesList = () => {\r\n if (currentNewEntryIndex > 0) {\r\n onPreviousEntryClicked();\r\n }\r\n };\r\n\r\n const tabsContent = Content.exhibitionEntries.tabs;\r\n\r\n let currentTitle;\r\n\r\n currentTitle = activePage && activePage.alias ? `${title} \"${activePage.alias}\"` : title;\r\n\r\n return (\r\n | {approvedSubjects.orderTitle} | \r\n{approvedSubjects.dateTitle} | \r\n{approvedSubjects.usernameTitle} | \r\n{approvedSubjects.entryTitleTitle} | \r\n{approvedSubjects.descriptionTitle} | \r\n{approvedSubjects.actionTitle} | \r\n{approvedSubjects.votesTitle} | \r\n
|---|---|---|---|---|---|---|
| {index + 1} | \r\n{subject.userName} | \r\n{subject.title} | \r\n{subject.description} | \r\n\r\n {showApproveButton ? (\r\n | \r\n {subject.votes} | \r\n
\r\n \r\n \r\n {newSubjects.length > 0 ? (\r\n {\r\n approveSubject(subject);\r\n resetNewEntriesList();\r\n }}\r\n onRejectClicked={(subject) => {\r\n rejectSubject(subject);\r\n resetNewEntriesList();\r\n }}\r\n />\r\n ) : null}\r\n \r\n \r\n {approvedSubjects.length > 0 ?\r\n (\r\n \r\n \r\n {rejectedSubjects.length > 0 ?\r\n (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default AdminExhibitionSubjects;\r\n\r\nAdminExhibitionSubjects.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n defaultActiveKey: PropTypes.string.isRequired,\r\n newSubjects: PropTypes.arrayOf(ExhibitionEntryPropType),\r\n approvedSubjects: PropTypes.arrayOf(PropTypes.shape({})),\r\n approveSubject: PropTypes.func.isRequired,\r\n rejectSubject: PropTypes.func.isRequired,\r\n rejectedSubjects: PropTypes.arrayOf(PropTypes.shape({})),\r\n approveRejectedSubject: PropTypes.func.isRequired,\r\n rejectApprovedSubject: PropTypes.func.isRequired,\r\n history: HistoryPropType.isRequired,\r\n activePage: PagePropType.isRequired,\r\n};\r\n\r\nAdminExhibitionSubjects.defaultProps = {\r\n newSubjects: [],\r\n approvedSubjects: [],\r\n rejectedSubjects: [],\r\n};\r\n","/* eslint max-len: 0 */\r\n\r\nimport React from \"react\";\r\n\r\nconst ICON = `M20.2,15.7L20.2,15.7c1.1-1.6,1.8-3.6,1.8-5.7c0-5.6-4.5-10-10-10S2,4.5,2,10c0,2,0.6,3.9,1.6,5.4c0,0.1,0.1,0.2,0.2,0.3\r\n c0,0,0.1,0.1,0.1,0.2c0.2,0.3,0.4,0.6,0.7,0.9c2.6,3.1,7.4,7.6,7.4,7.6s4.8-4.5,7.4-7.5c0.2-0.3,0.5-0.6,0.7-0.9\r\n C20.1,15.8,20.2,15.8,20.2,15.7z`;\r\n\r\nconst pinStyle = {\r\n fill: \"#d00\",\r\n stroke: \"none\",\r\n cursor: \"pointer\",\r\n};\r\n\r\nfunction Pin({ onClick }) {\r\n const size = 30;\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default Pin;\r\n","/* eslint max-len: 0 */\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst ORIGINAL_WIDTH = 12.305;\r\nconst ORIGINAL_HEIGHT = 11.547;\r\n\r\nfunction SVG({ scale }) {\r\n const width = ORIGINAL_WIDTH * scale;\r\n const height = ORIGINAL_HEIGHT * scale;\r\n const widthString = `${width}px`;\r\n const heightString = `${height}px`;\r\n\r\n return (\r\n {currentTitle}
\r\n\r\n {info[currentPinEntryIndex] && (\r\n
\r\n );\r\n}\r\n\r\nexport default AdminPinInfo;\r\n\r\nAdminPinInfo.propTypes = {\r\n info: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.string,\r\n description: PropTypes.string,\r\n imageUrl: PropTypes.string,\r\n })).isRequired,\r\n};\r\n","/* eslint max-len: 0 */\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport MapGL, {\r\n Marker, Popup, NavigationControl, GeolocateControl,\r\n} from \"react-map-gl\";\r\nimport Pin from \"../../website/map/Pin\";\r\nimport AdminPinInfo from \"./AdminPinInfo\";\r\nimport AdminSidebar from \"../AdminSidebar\";\r\nimport { HistoryPropType } from \"../../../customPropTypes\";\r\n\r\nconst TOKEN = \"pk.eyJ1IjoiYW5kcmVhc3ZhZ2xpYyIsImEiOiJjazF3NHBxc3kwMTB5M2hwaXJia2Rzd21nIn0.eH2gEkuXqqsNlhdOD62b-Q\"; // Set your mapbox token here\r\nconst navStyle = {\r\n position: \"absolute\",\r\n bottom: 36,\r\n right: 0,\r\n};\r\nconst initialViewport = {\r\n width: \"110%\",\r\n height: 600,\r\n latitude: 45.367588,\r\n longitude: 14.614826,\r\n zoom: 8,\r\n};\r\nconst geolocateStyle = {\r\n position: \"absolute\",\r\n borderRadius: \"50%\",\r\n boxShadow: \"none\",\r\n bottom: 120,\r\n right: 0,\r\n};\r\n\r\nfunction InteractiveMap({ history, customPins, getAllMapPins, deletePinById }) {\r\n const [viewport, setViewport] = React.useState(initialViewport);\r\n const [popupInfo, setPopupInfo] = React.useState(null);\r\n const [pinIdActive, setPinIdActive] = React.useState(null);\r\n\r\n const isPinActive = (id) => pinIdActive === id;\r\n\r\n const updateViewport = (newViewport) => {\r\n const updatedViewport = { ...viewport, ...newViewport, width: \"100%\" };\r\n setViewport(updatedViewport);\r\n };\r\n const renderCityMarker = (pin, index) => {\r\n return (\r\n \r\n deletePinById(info[currentPinEntryIndex].id)}\r\n modalTitle={info[currentPinEntryIndex].title}\r\n modalText=\"Jeste li sigurni da želite pobrisati ovaj doživljaj?\"\r\n buttonText=\"Pobriši\"\r\n executeButtonLabel=\"Pobriši\"\r\n />\r\n {info.length > 1 && (currentPinEntryIndex === info.length - 1) && (\r\n setCurrentPinEntryIndex(currentPinEntryIndex - 1)}\r\n className=\"no-style-button\"\r\n >\r\n Prethodni pin\r\n \r\n )}\r\n {info.length > 1 && (currentPinEntryIndex < info.length - 1) && (\r\n setCurrentPinEntryIndex(currentPinEntryIndex + 1)}\r\n className=\"no-style-button\"\r\n >\r\n ![{info[currentPinEntryIndex].title}]({info[currentPinEntryIndex].imageUrl})
\r\n
\r\n )}\r\n {info[currentPinEntryIndex].title}
\r\n{info[currentPinEntryIndex].description}
\r\n\r\n {\r\n setPopupInfo(null);\r\n setPinIdActive(null);\r\n }}\r\n >\r\n
\r\n )\r\n );\r\n };\r\n\r\n React.useEffect(() => {\r\n getAllMapPins();\r\n }, [getAllMapPins]);\r\n\r\n React.useEffect(() => {\r\n setPopupInfo(null);\r\n setPinIdActive(null);\r\n }, [customPins]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default InteractiveMap;\r\n\r\nInteractiveMap.propTypes = {\r\n getAllMapPins: PropTypes.func.isRequired,\r\n history: HistoryPropType.isRequired,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Button from \"react-bootstrap/Button\";\r\n\r\nfunction GoBackButton({ onClickCallback }) {\r\n return (\r\n \r\n \r\n {customPins.map(renderCityMarker)}\r\n
\r\n \r\n
\r\n \r\n history.push(\"/admin/dashboard\")} />\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default PagesOverview;\r\n\r\nPagesOverview.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n // pages: PagesPropType.isRequired,\r\n pages: PropTypes.shape().isRequired,\r\n activePage: PropTypes.oneOf(Object.keys(POSSIBLE_ACTIVE_PAGES)).isRequired,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { HistoryPropType, PagesPropType } from \"../../../../customPropTypes\";\r\nimport PagesOverview, { POSSIBLE_ACTIVE_PAGES } from \"../common/PagesOverview\";\r\n\r\nfunction ExhibitionEntriesPages({ history, pages, getExhibitionEntryPages }) {\r\n React.useEffect(() => {\r\n getExhibitionEntryPages();\r\n }, [getExhibitionEntryPages]);\r\n\r\n return (\r\n \r\n {\r\n history.push(\"/admin/natjecaji/predmeti\");\r\n }}\r\n className=\"custom-list-item-pages\"\r\n >\r\n Natječaji za prikupljanje predmeta\r\n \r\n {activePageEntries && (\r\n \r\n {}}\r\n className=\"admin-add-new-button no-style-button\"\r\n >\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {\r\n history.push(\"/admin/natjecaji/programi\");\r\n }}\r\n variant={activePageSubjects ? \"primary\" : \"default\"}\r\n className=\"custom-list-item-pages\"\r\n >\r\n Natječaji za prikupljanje prijedloga programa\r\n \r\n {activePageSubjects && (\r\n \r\n {}}\r\n className=\"admin-add-new-button no-style-button\"\r\n >\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {currentPage && (\r\n \r\n history.push(`${activePageCopy.editLink}${currentPage.id}`)}\r\n >\r\n Editiraj tekstove\r\n \r\n history.push(activePageCopy.seeItemsLink)}\r\n >\r\n Pogledaj prijedloge\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {activePageCopy.plannedPages.heading} \r\n { history.push(activePageCopy.plannedPages.link); }}\r\n >\r\n Pogledaj/Editiraj\r\n \r\n \r\n \r\n \r\n \r\n \r\n {activePageCopy.archivedPages.heading} \r\n { history.push(activePageCopy.archivedPages.link); }}\r\n >\r\n Pogledaj\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n {activePageCopy.heading}
\r\n{currentPage.alias}
\r\n\r\n Od \r\n
Budući natječaji
\r\nProšli natječaji
\r\n\r\n \r\n \r\n {text.title} \r\n \r\n \r\n {status && status.type === \"success\" ?\r\n (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nCreateEditFormInner.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n values: PropTypes.shape({\r\n type: PropTypes.number,\r\n alias: PropTypes.string,\r\n activeFrom: PropTypes.instanceOf(Date),\r\n activeTo: PropTypes.instanceOf(Date),\r\n content: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n tag: PropTypes.string,\r\n })),\r\n }).isRequired,\r\n errors: PropTypes.shape({\r\n type: PropTypes.number,\r\n alias: PropTypes.string,\r\n activeFrom: PropTypes.instanceOf(Date),\r\n activeTo: PropTypes.instanceOf(Date),\r\n content: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n tag: PropTypes.string,\r\n })),\r\n }).isRequired,\r\n touched: PropTypes.shape({\r\n type: PropTypes.bool,\r\n alias: PropTypes.bool,\r\n activeFrom: PropTypes.shape(),\r\n activeTo: PropTypes.shape(),\r\n content: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.bool,\r\n text: PropTypes.bool,\r\n tag: PropTypes.bool,\r\n })),\r\n }).isRequired,\r\n handleSubmit: PropTypes.func.isRequired,\r\n handleChange: PropTypes.func.isRequired,\r\n handleBlur: PropTypes.func.isRequired,\r\n setFieldValue: PropTypes.func.isRequired,\r\n status: FormStatusPropType,\r\n getPages: PropTypes.func.isRequired,\r\n text: PropTypes.shape({\r\n title: PropTypes.string,\r\n aliasTitle: PropTypes.string,\r\n aliasExplanation: PropTypes.string,\r\n content: {\r\n mainPageTextTitle: PropTypes.string,\r\n },\r\n startDateTitle: PropTypes.string,\r\n startDateExplanation: PropTypes.string,\r\n endDateTitle: PropTypes.string,\r\n submitButton: PropTypes.string,\r\n cancelButton: PropTypes.string,\r\n }).isRequired,\r\n};\r\n\r\nCreateEditFormInner.defaultProps = {\r\n status: null,\r\n};\r\n","import { withFormik } from \"formik\";\r\nimport validationSchemas from \"../../../../helpers/validation\";\r\nimport CreateEditFormInner from \"../common/CreateEditFormInner\";\r\n\r\nconst handleSubmit = (values, { props, setStatus }) => {\r\n props.onSubmit(values, setStatus);\r\n};\r\n\r\nexport default withFormik({\r\n mapPropsToValues: () => ({\r\n type: 4,\r\n alias: \"\",\r\n activeFrom: new Date(),\r\n activeTo: new Date(),\r\n content: [{\r\n title: \"Main page text\",\r\n text: \"\",\r\n tag: \"\",\r\n }],\r\n }),\r\n validationSchema: validationSchemas.addNewExhibitionEntriesPage,\r\n handleSubmit,\r\n})(CreateEditFormInner);\r\n","import { connect } from \"react-redux\";\r\nimport CreatePage from \"../../../../components/admin/pages/subjects/CreatePage\";\r\nimport { pages, exhibitionSubject } from \"../../../../services/requests\";\r\nimport Copy from \"../../../../content/AdminTextContent\";\r\n\r\nconst mapStateToProps = () => ({\r\n text: Copy.pages.exhibitionSubjects.addNew,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getPages: () => dispatch(exhibitionSubject.getPages()),\r\n onSubmit: (values, setStatus) => dispatch(pages.addNew(values, setStatus)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CreatePage);\r\n","import { withFormik } from \"formik\";\r\nimport { stringToDate } from \"../../../../helpers/datetime\";\r\nimport validationSchemas from \"../../../../helpers/validation\";\r\nimport CreateEditFormInner from \"../common/CreateEditFormInner\";\r\n\r\nconst handleSubmit = (values, { props, setStatus }) => {\r\n props.editPage(values, props.pageId, setStatus);\r\n};\r\n\r\nexport default withFormik({\r\n mapPropsToValues: (props) => {\r\n if (props.pageEdited && Object.keys(props.pageEdited).length > 0) {\r\n const page = props.pageEdited;\r\n\r\n return {\r\n type: page.type,\r\n alias: page.alias,\r\n activeFrom: stringToDate(page.activeFrom),\r\n activeTo: stringToDate(page.activeTo),\r\n content: [...page.contents],\r\n\r\n };\r\n }\r\n return {\r\n type: 4,\r\n alias: \"\",\r\n activeFrom: new Date(),\r\n activeTo: new Date(),\r\n content: [{\r\n title: \"Main page text\",\r\n text: \"\",\r\n tag: \"\",\r\n }],\r\n };\r\n },\r\n validationSchema: validationSchemas.addNewExhibitionEntriesPage,\r\n handleSubmit,\r\n enableReinitialize: true,\r\n})(CreateEditFormInner);\r\n","import { connect } from \"react-redux\";\r\nimport EditPage from \"../../../../components/admin/pages/subjects/EditPage\";\r\nimport { pages, exhibitionSubject } from \"../../../../services/requests\";\r\nimport Copy from \"../../../../content/AdminTextContent\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const pageId = parseInt(ownProps.match.params.pageId, 10);\r\n\r\n const subjectsPages = state.exhibitionSubjects.pages;\r\n const allPages = Object.keys(subjectsPages).length > 1 ?\r\n [subjectsPages.current, ...subjectsPages.archived, ...subjectsPages.planned] :\r\n [];\r\n\r\n const pageEdited = allPages.length > 0 ? allPages.find((p) => p.id === pageId) : null;\r\n\r\n return {\r\n pageId,\r\n pageEdited,\r\n text: Copy.pages.exhibitionSubjects.edit,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n editPage: (values, pageId, setStatus) => dispatch(pages.updateSubjects(values, pageId, setStatus)),\r\n getPages: () => dispatch(exhibitionSubject.getPages()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EditPage);\r\n","import { withFormik } from \"formik\";\r\nimport { stringToDate } from \"../../../../helpers/datetime\";\r\nimport validationSchemas from \"../../../../helpers/validation\";\r\nimport CreateEditFormInner from \"../common/CreateEditFormInner\";\r\n\r\nconst handleSubmit = (values, { props, setStatus }) => {\r\n props.editPage(values, props.pageId, setStatus);\r\n};\r\n\r\nexport default withFormik({\r\n mapPropsToValues: (props) => {\r\n if (props.pageEdited && Object.keys(props.pageEdited).length > 0) {\r\n const page = props.pageEdited;\r\n\r\n return {\r\n type: page.type,\r\n alias: page.alias,\r\n activeFrom: stringToDate(page.activeFrom),\r\n activeTo: stringToDate(page.activeTo),\r\n content: [...page.contents],\r\n\r\n };\r\n }\r\n return {\r\n type: 2,\r\n alias: \"\",\r\n activeFrom: new Date(),\r\n activeTo: new Date(),\r\n content: [{\r\n title: \"Main page text\",\r\n text: \"\",\r\n tag: \"\",\r\n }],\r\n };\r\n },\r\n validationSchema: validationSchemas.addNewExhibitionEntriesPage,\r\n handleSubmit,\r\n enableReinitialize: true,\r\n})(CreateEditFormInner);\r\n","import { connect } from \"react-redux\";\r\nimport EditPage from \"../../../../components/admin/pages/entries/EditPage\";\r\nimport { pages, exhibitionEntry } from \"../../../../services/requests\";\r\nimport Copy from \"../../../../content/AdminTextContent\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const pageId = parseInt(ownProps.match.params.pageId, 10);\r\n\r\n const entriesPages = state.exhibitionEntries.pages;\r\n const allPages = Object.keys(entriesPages).length > 1 ?\r\n [entriesPages.current, ...entriesPages.archived, ...entriesPages.planned] :\r\n [];\r\n\r\n const pageEdited = allPages.length > 0 ? allPages.find((p) => p.id === pageId) : null;\r\n\r\n return {\r\n pageId,\r\n pageEdited,\r\n text: Copy.pages.exhibitionEntries.edit,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n editPage: (values, pageId, setStatus) => dispatch(pages.updateEntries(values, pageId, setStatus)),\r\n getPages: () => dispatch(exhibitionEntry.getPages()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EditPage);\r\n","import { withFormik } from \"formik\";\r\nimport validationSchemas from \"../../../../helpers/validation\";\r\nimport CreateEditFormInner from \"../common/CreateEditFormInner\";\r\n\r\nconst handleSubmit = (values, { props, setStatus }) => {\r\n props.onSubmit(values, setStatus);\r\n};\r\n\r\nexport default withFormik({\r\n mapPropsToValues: () => ({\r\n type: 2,\r\n alias: \"\",\r\n activeFrom: new Date(),\r\n activeTo: new Date(),\r\n content: [{\r\n title: \"Main page text\",\r\n text: \"\",\r\n tag: \"\",\r\n }],\r\n }),\r\n validationSchema: validationSchemas.addNewExhibitionEntriesPage,\r\n handleSubmit,\r\n})(CreateEditFormInner);\r\n","import { connect } from \"react-redux\";\r\nimport CreatePage from \"../../../../components/admin/pages/entries/CreatePage\";\r\nimport { pages, exhibitionEntry } from \"../../../../services/requests\";\r\nimport Copy from \"../../../../content/AdminTextContent\";\r\n\r\nconst mapStateToProps = () => ({\r\n text: Copy.pages.exhibitionEntries.addNew,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getPages: () => dispatch(exhibitionEntry.getPages()),\r\n onSubmit: (values, setStatus) => dispatch(pages.addNew(values, setStatus)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CreatePage);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport uuidv1 from \"uuid/v1\";\r\nimport Table from \"react-bootstrap/Table\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport AdminSidebar from \"../../AdminSidebar\";\r\nimport CroatianDateFormat from \"../../../common/CroatianDateFormat\";\r\nimport { HistoryPropType, PagePropType } from \"../../../../customPropTypes\";\r\nimport GoBackButton from \"../../common/GoBackButton\";\r\n\r\nfunction PageList({\r\n history, pages, editPage, deletePage, seeUserEntries, title, onDeleteClicked, baseLink,\r\n}) {\r\n const [showModal, setShowModal] = React.useState(false);\r\n const [currentPageId, setCurrentPageId] = React.useState(null);\r\n const handleClose = () => setShowModal(false);\r\n const handleShow = () => setShowModal(true);\r\n\r\n return (\r\n \r\n
\r\n ) :\r\n (\r\n \r\n )}\r\n {status.message}
\r\n \r\n history.push(baseLink)} />\r\n {pages.length > 0 ? (\r\n
\r\n );\r\n}\r\n\r\nexport default PageList;\r\n\r\nPageList.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n pages: PropTypes.arrayOf(PagePropType).isRequired,\r\n title: PropTypes.string.isRequired,\r\n editPage: PropTypes.bool,\r\n deletePage: PropTypes.bool,\r\n seeUserEntries: PropTypes.bool,\r\n onDeleteClicked: PropTypes.func,\r\n baseLink: PropTypes.string.isRequired,\r\n};\r\n\r\nPageList.defaultProps = {\r\n editPage: false,\r\n deletePage: false,\r\n seeUserEntries: false,\r\n onDeleteClicked: () => {},\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { HistoryPropType, PagePropType } from \"../../../../customPropTypes\";\r\nimport PageList from \"../common/PageList\";\r\n\r\nfunction PlannedEntriesPages({\r\n history, pages, getExhibitionEntryPages, onPageDeleteClicked,\r\n}) {\r\n React.useEffect(() => {\r\n getExhibitionEntryPages();\r\n }, [getExhibitionEntryPages]);\r\n\r\n return (\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Brisanje natječaja \r\n \r\n \r\n Jeste li sigurni da želite pobrisati ovaj natječaj?\r\n \r\n \r\n \r\n {\r\n onDeleteClicked(currentPageId);\r\n handleClose();\r\n }}\r\n >\r\n Pobriši\r\n \r\n \r\n \r\n
\r\n ) : (\r\n {title}
\r\n\r\n
\r\n
| Redni broj | \r\nPočetak natječaja | \r\nKraj natječaja | \r\nInterni naziv natječaja | \r\nGlavni tekst na stranici | \r\nAkcije | \r\n
|---|---|---|---|---|---|
| {index + 1} | \r\n{page.alias} | \r\n{page.contents.length > 0 && page.contents[0].text} | \r\n\r\n { editPage && (\r\n | \r\n
Ne postoji niti jedan natječaj.
\r\n )}\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default PlannedEntriesPages;\r\n\r\nPlannedEntriesPages.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n pages: PropTypes.arrayOf(PagePropType),\r\n getExhibitionEntryPages: PropTypes.func.isRequired,\r\n onPageDeleteClicked: PropTypes.func.isRequired,\r\n};\r\n\r\nPlannedEntriesPages.defaultProps = {\r\n pages: [],\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport { exhibitionEntry, pages } from \"../../../../services/requests\";\r\nimport PlannedEntriesPages from \"../../../../components/admin/pages/entries/Planned\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n pages: state.exhibitionEntries.pages.planned,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getExhibitionEntryPages: () => dispatch(exhibitionEntry.getPages()),\r\n onPageDeleteClicked: (pageId) => dispatch(pages.delete(pageId)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PlannedEntriesPages);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { HistoryPropType, PagePropType } from \"../../../../customPropTypes\";\r\nimport PageList from \"../common/PageList\";\r\n\r\nfunction PlannedEntriesPages({\r\n history, pages, getExhibitionSubjectPages, onPageDeleteClicked,\r\n}) {\r\n React.useEffect(() => {\r\n getExhibitionSubjectPages();\r\n }, [getExhibitionSubjectPages]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default PlannedEntriesPages;\r\n\r\nPlannedEntriesPages.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n pages: PropTypes.arrayOf(PagePropType),\r\n getExhibitionSubjectPages: PropTypes.func.isRequired,\r\n onPageDeleteClicked: PropTypes.func.isRequired,\r\n};\r\n\r\nPlannedEntriesPages.defaultProps = {\r\n pages: [],\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport { exhibitionSubject, pages } from \"../../../../services/requests\";\r\nimport PlannedSubjectsPage from \"../../../../components/admin/pages/subjects/Planned\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n pages: state.exhibitionSubjects.pages.planned,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getExhibitionSubjectPages: () => dispatch(exhibitionSubject.getPages()),\r\n onPageDeleteClicked: (pageId) => dispatch(pages.delete(pageId)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PlannedSubjectsPage);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { HistoryPropType, PagePropType } from \"../../../../customPropTypes\";\r\nimport PageList from \"../common/PageList\";\r\n\r\nfunction ArchivedEntriesPages({ history, pages, getExhibitionEntryPages }) {\r\n React.useEffect(() => {\r\n getExhibitionEntryPages();\r\n }, [getExhibitionEntryPages]);\r\n\r\n return (\r\n \r\n history.push(\"/admin/natjecaji/predmeti/arhivirani\")} />\r\n \r\n \r\n {approvedEntries && approvedEntries.length > 0 ?\r\n (\r\n \r\n \r\n {rejectedEntries && rejectedEntries.length > 0 ?\r\n (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ArchivedItems;\r\n\r\nArchivedItems.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n getExhibitionEntryPages: PropTypes.func.isRequired,\r\n entries: PropTypes.arrayOf(ExhibitionEntryPropType).isRequired,\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport { exhibitionEntry } from \"../../../../services/requests\";\r\nimport ArchivedItems from \"../../../../components/admin/pages/entries/ArchivedItems\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const pageId = parseInt(ownProps.match.params.pageId, 10);\r\n const entries = state.exhibitionEntries.pages.archived && state.exhibitionEntries.pages.archived.find(\r\n (page) => page.id === pageId\r\n ).exhibitionEntries;\r\n\r\n return {\r\n entries,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getExhibitionEntryPages: () => dispatch(exhibitionEntry.getPages()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ArchivedItems);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Tabs from \"react-bootstrap/Tabs\";\r\nimport Tab from \"react-bootstrap/Tab\";\r\nimport { ExhibitionSubjectPropType, HistoryPropType } from \"../../../../customPropTypes\";\r\nimport AdminSidebar from \"../../AdminSidebar\";\r\nimport Content from \"../../../../content/AdminTextContent\";\r\nimport AdminExhibitionSubjectsList from \"../../subjects/AdminExhibitionSubjectsList\";\r\nimport { EXHIBITION_SUBJECT_STATUS } from \"../../../../helpers/constants\";\r\nimport GoBackButton from \"../../common/GoBackButton\";\r\n\r\nfunction ArchivedItems({ history, items, getExhibitionSubjectPages }) {\r\n React.useEffect(() => {\r\n getExhibitionSubjectPages();\r\n }, [getExhibitionSubjectPages]);\r\n\r\n const approvedItems = items && items.reduce((accum, current) => {\r\n if (current.status === EXHIBITION_SUBJECT_STATUS.APPROVED) {\r\n return [...accum, current];\r\n }\r\n return accum;\r\n }, []);\r\n\r\n const rejectedItems = items && items.reduce((accum, current) => {\r\n if (current.status === EXHIBITION_SUBJECT_STATUS.REJECTED) {\r\n return [...accum, current];\r\n }\r\n return accum;\r\n }, []);\r\n\r\n return (\r\n \r\n Pregled arhiviranih natječaja za prikupljanje predmeta: lista predmeta\r\n
\r\n\r\n history.push(\"/admin/natjecaji/programi/arhivirani\")} />\r\n \r\n \r\n {approvedItems && approvedItems.length > 0 ?\r\n (\r\n \r\n \r\n {rejectedItems && rejectedItems.length > 0 ?\r\n (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ArchivedItems;\r\n\r\nArchivedItems.propTypes = {\r\n history: HistoryPropType.isRequired,\r\n getExhibitionSubjectPages: PropTypes.func.isRequired,\r\n items: PropTypes.arrayOf(ExhibitionSubjectPropType).isRequired,\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport { exhibitionSubject } from \"../../../../services/requests\";\r\nimport ArchivedItems from \"../../../../components/admin/pages/subjects/ArchivedItems\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const pageId = parseInt(ownProps.match.params.pageId, 10);\r\n const items = state.exhibitionSubjects.pages.archived && state.exhibitionSubjects.pages.archived.find(\r\n (page) => page.id === pageId\r\n ).exhibitionSubjects;\r\n\r\n return {\r\n items,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getExhibitionSubjectPages: () => dispatch(exhibitionSubject.getPages()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ArchivedItems);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Route, Redirect } from \"react-router\";\r\nimport \"../../css/App.css\";\r\nimport Container from \"react-bootstrap/Container\";\r\nimport {\r\n SurveyListPropType, ExhibitionEntryListPropType, HistoryPropType, MatchPropType,\r\n ExhibitionSubjectListPropType, MapPinListPropType,\r\n} from \"../../customPropTypes\";\r\nimport AdminNavbar from \"./AdminNavbar\";\r\nimport AdminLoginForm from \"./AdminLoginForm\";\r\nimport AdminDashboard from \"./dashboard/AdminDashboard\";\r\nimport AdminExhibitionEntries from \"./exhibition/AdminExhibitionEntries\";\r\nimport AdminSurveys from \"./survey/AdminSurveys\";\r\nimport AdminSurveyResultsContainer from \"../../containers/admin/survey/AdminSurveyResultsContainer\";\r\nimport AdminSurveyEditContainer from \"../../containers/admin/survey/AdminSurveyEditContainer\";\r\nimport Content from \"../../content/AdminTextContent\";\r\nimport { IsAuthenticated } from \"../../services/auth\";\r\nimport AdminSurveyAddNew from \"./survey/AdminSurveyAddNew\";\r\nimport { adminLogin } from \"../../services/requests\";\r\nimport AdminExhibitionSubjects from \"./subjects/AdminExhibitionSubjects\";\r\nimport AdminMap from \"./map/AdminMap\";\r\nimport ExhibitionEntriesPagesContainer from \"../../containers/admin/pages/entries/OverviewContainer\";\r\nimport ExhibitionSubjectsPagesContainer from \"../../containers/admin/pages/subjects/OverviewContainer\";\r\nimport SubjectsPageCreateContainer from \"../../containers/admin/pages/subjects/CreateContainer\";\r\nimport SubjectsPageEditContainer from \"../../containers/admin/pages/subjects/EditContainer\";\r\nimport EntriesPageEditContainer from \"../../containers/admin/pages/entries/EditContainer\";\r\nimport EntriesPageCreateContainer from \"../../containers/admin/pages/entries/CreateContainer\";\r\nimport PlannedEntriesPagesContainer from \"../../containers/admin/pages/entries/PlannedContainer\";\r\nimport PlannedSubjectPagesContainer from \"../../containers/admin/pages/subjects/PlannedContainer\";\r\nimport ArchivedEntriesPagesContainer from \"../../containers/admin/pages/entries/ArchivedContainer\";\r\nimport ArchivedSubjectPagesContainer from \"../../containers/admin/pages/subjects/ArchivedContainer\";\r\nimport ArchivedEntryItemsContainer from \"../../containers/admin/pages/entries/ArchivedItemsContainer\";\r\nimport ArchivedSubjectItemsContainer from \"../../containers/admin/pages/subjects/ArchivedItemsContainer\";\r\n\r\nfunction AdminApp({\r\n match,\r\n exhibitionEntries, getEntries, onApproveEntry, onRejectEntry,\r\n onApproveRejectedEntry, onRejectApprovedEntry,\r\n surveys, onAddNewSurvey, getSurveys, onChangeSurveyStatus, onEditSurvey, onDeleteSurvey,\r\n exhibitionSubjects, getSubjects, onApproveSubject, onRejectSubject,\r\n onRejectApprovedSubject, onApproveRejectedSubject,\r\n mapPins, getAllMapPins, deletePinById, getExhibitionEntryPages, getExhibitionSubjectPages,\r\n}) {\r\n React.useEffect(() => {\r\n getEntries();\r\n }, [getEntries]);\r\n\r\n React.useEffect(() => {\r\n getSurveys();\r\n }, [getSurveys]);\r\n\r\n React.useEffect(() => {\r\n getSubjects();\r\n }, [getSubjects]);\r\n \r\n React.useEffect(() => {\r\n getExhibitionEntryPages();\r\n }, [getExhibitionEntryPages]);\r\n \r\n React.useEffect(() => {\r\n getExhibitionSubjectPages();\r\n }, [getExhibitionSubjectPages]);\r\n\r\n const newEntriesCount = exhibitionEntries.new.length;\r\n const newSubjectsCount = exhibitionSubjects.new.length;\r\n\r\n const activeEntriesPage = exhibitionEntries.pages && exhibitionEntries.pages.current;\r\n const activeSubjectsPage = exhibitionSubjects.pages && exhibitionSubjects.pages.current;\r\n \r\n return (\r\n \r\n Pregled arhiviranih natječaja za prikupljanje ideja za programe: lista ideja\r\n
\r\n\r\n \r\n (\r\n IsAuthenticated() ? (\r\n (\r\n IsAuthenticated() ? (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ? (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n IsAuthenticated() ?\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n IsAuthenticated() ? (\r\n (\r\n IsAuthenticated() ?\r\n (\r\n (\r\n IsAuthenticated() ? (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default AdminApp;\r\n\r\nAdminApp.propTypes = {\r\n match: MatchPropType.isRequired,\r\n exhibitionEntries: ExhibitionEntryListPropType.isRequired,\r\n onApproveEntry: PropTypes.func.isRequired,\r\n onRejectEntry: PropTypes.func.isRequired,\r\n onApproveRejectedEntry: PropTypes.func.isRequired,\r\n onRejectApprovedEntry: PropTypes.func.isRequired,\r\n surveys: SurveyListPropType,\r\n getEntries: PropTypes.func.isRequired,\r\n getSurveys: PropTypes.func.isRequired,\r\n onAddNewSurvey: PropTypes.func.isRequired,\r\n onChangeSurveyStatus: PropTypes.func.isRequired,\r\n history: HistoryPropType.isRequired,\r\n getAllMapPins: PropTypes.func.isRequired,\r\n onEditSurvey: PropTypes.func.isRequired,\r\n onDeleteSurvey: PropTypes.func.isRequired,\r\n exhibitionSubjects: ExhibitionSubjectListPropType.isRequired,\r\n getSubjects: PropTypes.func.isRequired,\r\n onApproveSubject: PropTypes.func.isRequired,\r\n onRejectSubject: PropTypes.func.isRequired,\r\n onRejectApprovedSubject: PropTypes.func.isRequired,\r\n onApproveRejectedSubject: PropTypes.func.isRequired,\r\n deletePinById: PropTypes.func.isRequired,\r\n mapPins: MapPinListPropType.isRequired,\r\n getExhibitionEntryPages: PropTypes.func.isRequired,\r\n getExhibitionSubjectPages: PropTypes.func.isRequired,\r\n};\r\n\r\nAdminApp.defaultProps = {\r\n surveys: [],\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport \"../../css/App.css\";\r\nimport exhibitionActions from \"../../action-creators/admin/exhibitionActions\";\r\nimport exhibitionSubjectActions from \"../../action-creators/exhibitionSubjectActions\";\r\nimport AdminApp from \"../../components/admin/AdminApp\";\r\nimport {\r\n exhibitionEntry, survey, exhibitionSubject, map,\r\n} from \"../../services/requests\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n ...state,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n onApproveEntry: (entry) => dispatch(\r\n exhibitionEntry.approve(entry, exhibitionActions.approveEntryById)\r\n ),\r\n onRejectEntry: (entry) => dispatch(\r\n exhibitionEntry.reject(entry, exhibitionActions.rejectEntryById)\r\n ),\r\n onRejectApprovedEntry: (entry) => dispatch(\r\n exhibitionEntry.reject(entry, exhibitionActions.rejectApprovedEntryById)\r\n ),\r\n onApproveRejectedEntry: (entry) => dispatch(\r\n exhibitionEntry.approve(entry, exhibitionActions.approveRejectedEntryById)\r\n ),\r\n onAddNewSurvey: (values, history) => dispatch(survey.add(values, history)),\r\n getEntries: () => dispatch(exhibitionEntry.getAll()),\r\n getSurveys: () => dispatch(survey.getAll()),\r\n onChangeSurveyStatus: (data, status) => dispatch(survey.changeStatus(data, status)),\r\n onEditSurvey: (values, history, surveyId, surveyStatus) => dispatch(survey.update(values, history, surveyId, surveyStatus)),\r\n onDeleteSurvey: (id) => dispatch(survey.delete(id)),\r\n // exhibition subjects\r\n getSubjects: () => dispatch(exhibitionSubject.getAll()),\r\n onApproveSubject: (subject) => dispatch(\r\n exhibitionSubject.approve(subject, exhibitionSubjectActions.approveSubjectById)\r\n ),\r\n onRejectSubject: (subject) => dispatch(\r\n exhibitionSubject.reject(subject, exhibitionSubjectActions.rejectSubjectById)\r\n ),\r\n onRejectApprovedSubject: (entry) => dispatch(\r\n exhibitionSubject.reject(entry, exhibitionSubjectActions.rejectApprovedSubjectById)\r\n ),\r\n onApproveRejectedSubject: (entry) => dispatch(\r\n exhibitionSubject.approve(entry, exhibitionSubjectActions.approveRejectedSubjectById)\r\n ),\r\n getAllMapPins: () => dispatch(map.getAll()),\r\n deletePinById: (id, successCallback) => dispatch(map.deletePinById(id, successCallback)),\r\n getExhibitionEntryPages: () => dispatch(exhibitionEntry.getPages()),\r\n getExhibitionSubjectPages: () => dispatch(exhibitionSubject.getPages()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AdminApp);\r\n","/* eslint max-len: 0 */\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst ORIGINAL_WIDTH = 240.34;\r\nconst ORIGINAL_HEIGHT = 62.392;\r\n\r\nfunction SVG({ scale }) {\r\n const width = ORIGINAL_WIDTH * scale;\r\n const height = ORIGINAL_HEIGHT * scale;\r\n const widthString = `${width}px`;\r\n const heightString = `${height}px`;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default TopBar;\r\n\r\nTopBar.propTypes = {\r\n navWrapperClassName: PropTypes.string.isRequired,\r\n hideBackgrounds: PropTypes.func.isRequired,\r\n showBackgrounds: PropTypes.func.isRequired,\r\n increaseFontSize: PropTypes.func.isRequired,\r\n resetFontSize: PropTypes.func.isRequired,\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport TopBar from \"../../components/website/common/TopBar\";\r\nimport { extraSettings } from \"../../services/requests\";\r\n\r\nconst mapStateToProps = () => ({});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n hideBackgrounds: () => dispatch(extraSettings.hideBackgrounds()),\r\n showBackgrounds: () => dispatch(extraSettings.showBackgrounds()),\r\n increaseFontSize: () => dispatch(extraSettings.increaseFontSize()),\r\n resetFontSize: () => dispatch(extraSettings.resetFontSize()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TopBar);\r\n","import React from \"react\";\r\n\r\nfunction SVG({\r\n style = {},\r\n fill = \"#000\",\r\n width = \"100%\",\r\n className = \"\",\r\n viewBox = \"0 0 40 26\"\r\n}) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default LogoLink;\r\n\r\nLogoLink.propTypes = {\r\n customClassName: PropTypes.string,\r\n};\r\n\r\nLogoLink.defaultProps = {\r\n customClassName: \"custom-logo-wrapper\",\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport LogoLink from \"./LogoLink\";\r\n\r\nconst styles = {\r\n sidebar: {\r\n width: 230,\r\n height: \"100%\",\r\n overflowY: \"hidden\",\r\n },\r\n divider: {\r\n margin: \"8px 0\",\r\n height: 1,\r\n backgroundColor: \"#757575\",\r\n },\r\n content: {\r\n padding: \"16px\",\r\n height: \"100%\",\r\n backgroundColor: \"white\",\r\n },\r\n};\r\n\r\nconst SideBarContent = ({ onClickItem }) => (\r\n \r\n
\r\n);\r\n\r\nSideBarContent.propTypes = {\r\n onClickItem: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default SideBarContent;\r\n","import React from \"react\";\r\nimport Sidebar from \"react-sidebar\";\r\nimport SidebarContent from \"./SideBarContent\";\r\n\r\nconst styles = {\r\n contentHeaderMenuLink: {\r\n textDecoration: \"none\",\r\n color: \"black\",\r\n padding: 8,\r\n fontSize: \"24px\",\r\n background: \"white\",\r\n },\r\n content: {\r\n padding: \"16px\",\r\n },\r\n};\r\n\r\nconst mql = window.matchMedia(\"(min-width: 800px)\");\r\n\r\nfunction SideBar() {\r\n const [docked, setDocked] = React.useState(mql.matches);\r\n const [open, setOpen] = React.useState(false);\r\n\r\n const mediaQueryChanged = () => {\r\n setDocked(mql.matches);\r\n setOpen(false);\r\n };\r\n\r\n const toggleOpen = (ev) => {\r\n setOpen(!open);\r\n\r\n if (ev) {\r\n ev.preventDefault();\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n mql.addListener(mediaQueryChanged);\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n O projektu\r\n \r\n \r\n \r\n \r\n Predloži predmet\r\n \r\n \r\n \r\n \r\n Predloži program\r\n \r\n \r\n \r\n \r\n Podijeli doživljaj\r\n \r\n \r\n
\r\n \r\n Projekt je sufinancirala Europska unija iz Europskog socijalnog fonda. Izradu mrežnih stranica sufinancirala je Europska unija iz Europskog socijalnog fonda. Sadržaj mrežnih stranica isključiva je odgovornost Pomorskog i povijesnog muzeja Hrvatskog primorja Rijeka.\r\n
\r\n \r\n \r\n {!docked && (\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default SideBar;\r\n","/* eslint max-len: 0 */\r\nimport React from \"react\";\r\n\r\nfunction SVG() {\r\n return (\r\n \r\n Projekt Muzej budućnosti - Građansko muzejsko vijeće kao model sudioničkog upravljanja (UP.04.2.1.04.0182) provodi se u okviru Europskog socijalnog fonda, Operativnog programa Učinkoviti ljudski potencijali 2014. – 2020., prioritetne osi 4. Dobro upravljanje. Projekt je usmjeren na razvoj dobrog upravljanja u kulturi jačanjem suradnje organizacija civilnog društva i javnog sektora.\r\n
\r\n \r\n Trajanje projekta: 29. 10. 2018. – 29. 6. 2020.\r\n
\r\n \r\n Ukupna vrijednost projekta: 742.896,03 HRK\r\n
\r\n \r\n Projekt je sufinanciran od strane Europske unije u iznosu od 631.461,63 kuna, odnosno 85 % bespovratnih sredstava.\r\n
\r\n \r\n Kontakt osoba projekta: Vana Gović, viša kustosica, vana@ppmhp.hr.\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default GMVtext;\r\n","import React from \"react\";\r\n\r\nfunction SVG() {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default SVG;\r\n","import React from \"react\";\r\n\r\nfunction SVG() {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default SVG;\r\n","import React from \"react\";\r\n\r\nfunction SVG() {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default SVG;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport uuidv1 from \"uuid/v1\";\r\nimport Form from \"react-bootstrap/Form\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport { withFormik } from \"formik\";\r\nimport { SurveyPropType } from \"../../../customPropTypes\";\r\nimport SVGsend from \"../../../media/svgs/survey/send\";\r\nimport SVGsendDisabled from \"../../../media/svgs/survey/send-disabled\";\r\nimport SVGsendHover from \"../../../media/svgs/survey/send-hover\";\r\n\r\n// move this out\r\nimport { survey } from \"../../../services/requests\";\r\n\r\nexport function Survey({\r\n data, values, handleSubmit, handleChange, setFieldValue, status, canVoteSurvey,\r\n onNextQuestionClicked, onPreviousQuestionClicked,\r\n surveyIndex,\r\n}) {\r\n const [activeQuestionIndex, setActiveQuestionIndex] = React.useState(0);\r\n const [customAnswersArray, setCustomAnswersArray] = React.useState(data.questions.map(() => \"\"));\r\n const [isSendButtonHovering, setIsSendButtonHovering] = React.useState(false);\r\n\r\n function showNextQuestion() {\r\n if ((activeQuestionIndex + 1) < data.questions.length) {\r\n const newQuestionIndex = activeQuestionIndex + 1;\r\n setActiveQuestionIndex(newQuestionIndex);\r\n onNextQuestionClicked();\r\n }\r\n }\r\n\r\n function allowShowingNextQuestion() {\r\n return values.answers[activeQuestionIndex].answer !== \"\";\r\n }\r\n\r\n function showPreviousQuestion() {\r\n const newQuestionIndex = activeQuestionIndex - 1;\r\n setActiveQuestionIndex(newQuestionIndex);\r\n onPreviousQuestionClicked();\r\n }\r\n\r\n function getPredefinedAnswers(answers) {\r\n return answers.reduce((accum, current) => {\r\n if (current.type === 1) {\r\n return [...accum, current];\r\n }\r\n return accum;\r\n }, []);\r\n }\r\n\r\n function storeCustomAnswer(questionIndex, value) {\r\n const newArray = [...customAnswersArray];\r\n newArray[questionIndex] = value;\r\n\r\n setCustomAnswersArray(newArray);\r\n }\r\n\r\n const hasVoted = canVoteSurvey === \"no\" || (status && status.type === \"success\");\r\n const numberOfQuestions = data.questions.length;\r\n\r\n const thankYouNoteTextLines = [\"Hvala na ispunjavanju ankete!\", \"Svojim ste odgovorima unaprijedili izložbu Građanskog muzejskog vijeća naziva “(Ne)vidljive granice”.\", \"Izložbom se propituju ograničenja (manje ili više vidljiva) s kojima se naše udruge - članice Vijeća - susreću u radu.\", \"Otvorenje izložbe je 15. 1. 2020. u Pomorskom i povijesnom muzeju Hrvatskog primorja Rijeka.\", \"Zabilježite datum i vidimo se!\"];\r\n\r\n return (\r\n \r\n Organizacije građanskog društva u članstvu Građanskog muzejskog vijeća:\r\n
\r\nCentar za poticanje darovitost
\r\n \r\nMatica umirovljenika Grada Rijeke
\r\n \r\n \r\n\r\n {hasVoted ? (\r\n
\r\n );\r\n}\r\n\r\nexport const handleSubmit = (values, { props, setStatus }) => {\r\n survey.vote(props.data.id, values.answers, setStatus);\r\n};\r\n\r\n// export default Survey;\r\nexport default withFormik({\r\n mapPropsToValues: (props) => ({\r\n answers: props.data.questions.map((question) => ({\r\n question: question.text,\r\n answer: \"\",\r\n isCustomAnswer: false,\r\n })),\r\n }),\r\n // validationSchema: validationSchemas.addNewExhibitionEntry,\r\n handleSubmit,\r\n})(Survey);\r\n\r\nSurvey.propTypes = {\r\n data: SurveyPropType.isRequired,\r\n values: PropTypes.shape({\r\n answers: PropTypes.arrayOf(PropTypes.shape({\r\n question: PropTypes.string,\r\n answer: PropTypes.string,\r\n isCustomAnswer: PropTypes.bool,\r\n })),\r\n }).isRequired,\r\n handleSubmit: PropTypes.func.isRequired,\r\n handleChange: PropTypes.func.isRequired,\r\n onNextQuestionClicked: PropTypes.func.isRequired,\r\n onPreviousQuestionClicked: PropTypes.func.isRequired,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Card from \"react-bootstrap/Card\";\r\nimport Accordion from \"react-bootstrap/Accordion\";\r\nimport { SurveyPropType } from \"../../../customPropTypes\";\r\nimport Survey from \"./Survey\";\r\nimport SVGarrowDown from \"../../../media/svgs/common/arrow-down\";\r\nimport SVGarrowUp from \"../../../media/svgs/common/arrow-up\";\r\n\r\nfunction SurveyAccordion({ survey, surveyVoting, surveyIndex }) {\r\n const [surveyCollapsed, setSurveyCollapsed] = React.useState(false);\r\n const [currentQuestionOrder, setCurrentQuestionOrder] = React.useState(1);\r\n\r\n function hasVoted() {\r\n return surveyVoting[survey.id] === \"yes\";\r\n }\r\n\r\n return (\r\n {thankYouNoteTextLines.map((line) =>
\r\n ) : (\r\n \r\n )}\r\n {line}
)}\r\n
\r\n );\r\n\r\n return (\r\n {content.title}
\r\n\r\n {content.text}\r\n
\r\n \r\n {content.linkText}\r\n >\r\n \r\n
\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {textContent.aboutPlatformTitle}
\r\n{textContent.aboutPlatformText}
\r\n \r\n\r\n
\r\n \r\n {textContent.survey.title}
\r\n{textContent.survey.text}
\r\n {activeSurveys.length > 0 && activeSurveys.map((survey, index) => (\r\n\r\n {textContent.aboutCivilCouncil.titleBold}\r\n
\r\n
\r\n {textContent.aboutCivilCouncil.text}\r\n
\r\n
\r\n Arhiva predloženih predmeta:\r\n
\r\n {archiveEntriesPages && archiveEntriesPages.map((archive) => (\r\n
\r\n
\r\n Arhiva predloženih programa:\r\n
\r\n {archiveSubjectsPages && archiveSubjectsPages.map((archive) => (\r\n
{textContent.projectResults.title}
\r\n{textContent.projectResults.text.point1}
\r\n{textContent.projectResults.text.point2}
\r\n{textContent.projectResults.text.point3}
\r\n \r\n{textContent.aboutProjectTitle}
\r\n{textContent.aboutProjectText}
\r\n\r\n {disabled ? (\r\n \r\n {!disabled ? setIsButtonHovering(true)}\r\n onMouseLeave={() => setIsButtonHovering(false)}\r\n >\r\n {isButtonHovering && !disabled ?
\r\n );\r\n}\r\n\r\nexport default SendFormButton;\r\n\r\nSendFormButton.propTypes = {\r\n disabled: PropTypes.bool,\r\n};\r\n\r\nSendFormButton.defaultProps = {\r\n disabled: false,\r\n};\r\n","import React from \"react\";\r\n\r\nfunction SVG() {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default SVG;\r\n","import React from \"react\";\r\n\r\nfunction SVG() {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default SVG;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport SVGgiveUp from \"../../media/svgs/exhibition-entries/give-up\";\r\nimport SVGgiveUpHover from \"../../media/svgs/exhibition-entries/give-up-hover\";\r\n\r\nfunction GiveUpButton({ onClickCallback }) {\r\n const [isButtonHovering, setIsButtonHovering] = React.useState(false);\r\n\r\n return (\r\n \r\n setIsButtonHovering(true)}\r\n onMouseLeave={() => setIsButtonHovering(false)}\r\n >\r\n {isButtonHovering ?
\r\n );\r\n}\r\n\r\nexport default GiveUpButton;\r\n\r\nGiveUpButton.propTypes = {\r\n onClickCallback: PropTypes.func.isRequired,\r\n};\r\n\r\nGiveUpButton.defaultProps = {\r\n};\r\n","import React, { useCallback } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport Form from \"react-bootstrap/Form\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport { withFormik } from \"formik\";\r\nimport validationSchemas from \"../../../helpers/validation\";\r\nimport { extractFileName } from \"../../../helpers/files\";\r\nimport CustomFormLabel from \"../../common/CustomFormLabel\";\r\nimport ButtonRemove from \"../../common/ButtonRemove\";\r\nimport FormTooltip from \"../FormTooltip\";\r\nimport SendFormButton from \"../SendFormButton\";\r\nimport GiveUpButton from \"../GiveUpButton\";\r\nimport { FormStatusPropType } from \"../../../customPropTypes\";\r\n\r\nexport function ExhibitionEntryAddNewInner({\r\n show, onHideCallback, handleSubmit, touched,\r\n handleChange, values, errors, status, setFieldValue, handleBlur, onUpload, setStatus, handleReset,\r\n onDeleteFile,\r\n}) {\r\n const [uploadedSuccessfully, setUploadedSuccessfully] = React.useState(false);\r\n const [contentUrl, setContentUrl] = React.useState(null);\r\n const [fileType, setFileType] = React.useState(\"\");\r\n const [uploadErrorMessage, setUploadErrorMessage] = React.useState(null);\r\n\r\n const onDropRejected = useCallback(() => {\r\n setUploadErrorMessage(\"Vaša datoteka je prevelika.\");\r\n }, []);\r\n\r\n const onDropAccepted = useCallback((acceptedFiles) => {\r\n if (acceptedFiles.length > 0) {\r\n setUploadedSuccessfully(true);\r\n setUploadErrorMessage(null);\r\n\r\n const acceptedFile = acceptedFiles[0];\r\n switch (acceptedFile.type) {\r\n // fulfill with all accepted types\r\n case \"image/png\":\r\n setFileType(\"image\");\r\n break;\r\n case \"video/mp4\":\r\n setFileType(\"video\");\r\n break;\r\n case \"video/quicktime\":\r\n setFileType(\"video\");\r\n break;\r\n case \"image/jpeg\":\r\n setFileType(\"image\");\r\n break;\r\n case \"audio/mp3\":\r\n setFileType(\"audio\");\r\n break;\r\n case \"audio/wav\":\r\n setFileType(\"audio\");\r\n break;\r\n case \"audio/ogg\":\r\n setFileType(\"audio\");\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n const successCallback = (response) => {\r\n setContentUrl(response.url);\r\n setFieldValue(\"contentUrl\", response.url);\r\n };\r\n\r\n const failureCallback = () => {\r\n // acceptedFiles.length = 0;\r\n acceptedFiles.splice(0, acceptedFiles.length);\r\n setContentUrl(null);\r\n setFieldValue(\"contentUrl\", \"\");\r\n // debugger;\r\n };\r\n\r\n onUpload(acceptedFile, successCallback, setStatus, failureCallback);\r\n }\r\n }, [setFieldValue, onUpload, setStatus]);\r\n\r\n const { acceptedFiles, getRootProps, getInputProps, isDragActive } = useDropzone({\r\n onDropAccepted, onDropRejected, accept: \"image/*, video/*, audio/*\", maxSize: 10000000,\r\n });\r\n\r\n const showPreview = () => {\r\n if (fileType === \"image\") {\r\n return (\r\n Preview datotete nemoguć.
;\r\n };\r\n\r\n // const dragDropClassName = errors.contentUrl ? \"drag-drop drag-drop-error\" : \"drag-drop\";\r\n const dragDropClassName = \"drag-drop\";\r\n const isSubmitButtonDisabled = () => ((Object.keys(touched).length === 0) ||\r\n (Object.keys(errors).length !== 0) ||\r\n (status && status.type === \"error\"));\r\n\r\n const removeAllFiles = () => {\r\n if (contentUrl) {\r\n const fileName = extractFileName(contentUrl);\r\n\r\n acceptedFiles.length = 0;\r\n acceptedFiles.splice(0, acceptedFiles.length);\r\n onDeleteFile(fileName);\r\n setContentUrl(null);\r\n setFieldValue(\"contentUrl\", \"\");\r\n }\r\n };\r\n\r\n const onHideForm = () => {\r\n onHideCallback();\r\n handleReset();\r\n if (contentUrl) {\r\n acceptedFiles.length = 0;\r\n acceptedFiles.splice(0, acceptedFiles.length);\r\n setContentUrl(null);\r\n setFieldValue(\"contentUrl\", \"\");\r\n }\r\n };\r\n\r\n const modalTitle = (status && status.type === \"success\") ? \"Vaš prijedlog je poslan!\" : \"Predlažem\";\r\n\r\n return (\r\n \r\n
\r\n ) :\r\n (\r\n \r\n )}\r\n \r\n Hvala na sudjelovanju!\r\n
\r\n \r\n {canVote === \"yes\" && (\r\n onVoteCallback(entryId)}\r\n className=\"no-style-button\"\r\n onMouseEnter={() => setIsVoteButtonHovering(true)}\r\n onMouseLeave={() => setIsVoteButtonHovering(false)}\r\n >\r\n {isVoteButtonHovering ? onUnvoteCallback(entryId)}\r\n className=\"no-style-button\"\r\n >\r\n
\r\n );\r\n}\r\n\r\nexport default EntryVoteButton;\r\n\r\nEntryVoteButton.propTypes = {\r\n entryId: PropTypes.number.isRequired,\r\n onVoteCallback: PropTypes.func.isRequired,\r\n onUnvoteCallback: PropTypes.func.isRequired,\r\n extraSettings: ExtraSettingsPropType.isRequired,\r\n};\r\n\r\nEntryVoteButton.defaultProps = {\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport EntryVoteButton from \"../../components/website/common/EntryVoteButton\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n votingData: state.voting.exhibitionEntries,\r\n extraSettings: state.extraSettings,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EntryVoteButton);\r\n","import React from \"react\";\r\n\r\nfunction SVG() {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default SVG;\r\n","import React from \"react\";\r\n\r\nfunction SVG() {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default SVG;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport { HistoryPropType, ExhibitionEntryPropType } from \"../../../customPropTypes\";\r\nimport EntryVoteButtonContainer from \"../../../containers/website/EntryVoteButtonContainer\";\r\nimport SVGxButton from \"../../../media/svgs/common/x\";\r\nimport SVGxButtonHover from \"../../../media/svgs/common/x-hover\";\r\nimport { checkImageURL, checkVideoURL, checkAudioURL } from \"../../../helpers/files\";\r\n\r\nfunction ExhibitionEntry({\r\n history, entry, voteEntry, unvoteEntry,\r\n}) {\r\n const onHideCallback = () => {\r\n history.push(\"/prijedlozi\");\r\n };\r\n const [isCloseButtonHovering, setIsCloseButtonHovering] = React.useState(false);\r\n\r\n return (\r\n entry ? (\r\n Hvala na glasanju!
\r\n )}\r\n \r\n \r\n {checkImageURL(entry.contentUrl) && 
}\r\n {checkVideoURL(entry.contentUrl) && (\r\n \r\n )}\r\n {checkAudioURL(entry.contentUrl) && (\r\n \r\n )}\r\n setIsCloseButtonHovering(true)}\r\n onMouseLeave={() => setIsCloseButtonHovering(false)}\r\n >\r\n {isCloseButtonHovering ?
\r\n ) : null\r\n );\r\n}\r\n\r\nexport default ExhibitionEntry;\r\n\r\nExhibitionEntry.propTypes = {\r\n entry: ExhibitionEntryPropType,\r\n history: HistoryPropType.isRequired,\r\n voteEntry: PropTypes.func.isRequired,\r\n unvoteEntry: PropTypes.func.isRequired,\r\n};\r\n\r\nExhibitionEntry.defaultProps = {\r\n entry: null,\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport { exhibitionEntry } from \"../../services/requests\";\r\nimport ExhibitionEntry from \"../../components/website/exhibition-entries/ExhibitionEntry\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const entryId = parseInt(ownProps.match.params.id, 10);\r\n const currentEntry = state.exhibitionEntries.approved.find((current) => current.id === entryId);\r\n\r\n return {\r\n entry: currentEntry,\r\n canVote: state.voting.exhibitionEntries[entryId],\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n voteEntry: (id) => dispatch(exhibitionEntry.vote(id)),\r\n unvoteEntry: (id) => dispatch(exhibitionEntry.unvote(id)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ExhibitionEntry);\r\n","import React from \"react\";\r\nimport uuidv1 from \"uuid/v1\";\r\nimport PropTypes from \"prop-types\";\r\nimport Card from \"react-bootstrap/Card\";\r\nimport Accordion from \"react-bootstrap/Accordion\";\r\nimport SVGarrowDown from \"../../media/svgs/common/arrow-down\";\r\nimport SVGarrowUp from \"../../media/svgs/common/arrow-up\";\r\n\r\nfunction TextAccordion({ opened, data, wrapperClassName }) {\r\n const [accordionCollapsed, setAccordionCollapsed] = React.useState(false);\r\n const defaultActiveKey = opened ? \"1\" : null;\r\n\r\n return (\r\n {entry.title}
\r\n{entry.description}
\r\n {/*\r\n
*/}\r\n \r\n\r\n {paragraph}
\r\n ))}\r\n \r\n \r\n FILTRIRAJ PREDMETE PO:\r\n \r\n onSortClicked(FILTERS.MOST_VOTES)}\r\n >\r\n onSortClicked(FILTERS.FEWEST_VOTES)}\r\n >\r\n onSortClicked(FILTERS.NEWEST)}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {FILTERS.MOST_VOTES.text}\r\n
\r\n \r\n
\r\n \r\n \r\n {FILTERS.FEWEST_VOTES.text}\r\n
\r\n \r\n
\r\n \r\n \r\n {FILTERS.NEWEST.text}\r\n
\r\n \r\n {isButtonHovered ?
\r\n \r\n );\r\n}\r\n\r\nexport default EnlargeEntryButton;\r\n\r\nEnlargeEntryButton.propTypes = {\r\n entryId: PropTypes.number.isRequired,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Card from \"react-bootstrap/Card\";\r\nimport {\r\n FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon,\r\n} from \"react-share\";\r\nimport EntryVoteButtonContainer from \"../../../containers/website/EntryVoteButtonContainer\";\r\nimport EntryVoteContainer from \"../../../containers/website/EntryVotesContainer\";\r\nimport { checkImageURL, checkVideoURL, checkAudioURL } from \"../../../helpers/files\";\r\nimport EnlargeEntryButton from \"./EnlargeEntryButton\";\r\n\r\nfunction ExhibitionEntryCard({\r\n title, description, contentUrl, onVoteEntry, id, onUnvoteEntry, isPageActive,\r\n}) {\r\n const shareUrl = `${window.location.host}/prijedlozi/prijedlog${id}`;\r\n const shareTitle = `Podrži i ti prijedlog \"${title}\" za Civilnu muzejsku zbirku!`;\r\n\r\n return (\r\n \r\n PODIJELI NA\r\n \r\n \r\n
\r\n \r\n
\r\n ))}\r\n \r\n {rightColumnEntries.length > 0 && (\r\n \r\n
\r\n ))}\r\n \r\n )}\r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n )}\r\n {!extraSettings.hideBackgrounds && browserContentHeight > 2000 && (\r\n \r\n
\r\n )}\r\n {!extraSettings.hideBackgrounds && browserContentHeight > 2500 && (\r\n \r\n
\r\n )}\r\n {!extraSettings.hideBackgrounds && browserContentHeight > 3000 && (\r\n \r\n
\r\n )}\r\n {!extraSettings.hideBackgrounds && browserContentHeight > 3500 && (\r\n \r\n
\r\n )}\r\n {currentEntriesPage.contents.find((content) => content.title === \"Main page text\").text}
}\r\n {archivedContent &&{archivedContent.text}
}\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {canVote === \"yes\" && (\r\n onVoteCallback(entryId)}\r\n className=\"no-style-button\"\r\n onMouseEnter={() => setIsVoteButtonHovering(true)}\r\n onMouseLeave={() => setIsVoteButtonHovering(false)}\r\n >\r\n {isVoteButtonHovering ? onUnvoteCallback(entryId)}\r\n className=\"no-style-button\"\r\n >\r\n
\r\n );\r\n}\r\n\r\nexport default SubjectVoteButton;\r\n\r\nSubjectVoteButton.propTypes = {\r\n entryId: PropTypes.number.isRequired,\r\n onVoteCallback: PropTypes.func.isRequired,\r\n onUnvoteCallback: PropTypes.func.isRequired,\r\n extraSettings: ExtraSettingsPropType.isRequired,\r\n};\r\n\r\nSubjectVoteButton.defaultProps = {\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport SubjectVoteButton from \"../../components/website/exhibition-subjects/SubjectVoteButton\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n votingData: state.voting.exhibitionSubjects,\r\n extraSettings: state.extraSettings,\r\n});\r\n\r\nconst mapDispatchToProps = () => ({\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SubjectVoteButton);\r\n","import { connect } from \"react-redux\";\r\nimport VotesNumber from \"../../components/website/common/VotesNumber\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n votesData: state.exhibitionSubjectVotes,\r\n});\r\n\r\nconst mapDispatchToProps = () => ({});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VotesNumber);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Card from \"react-bootstrap/Card\";\r\nimport {\r\n FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon,\r\n} from \"react-share\";\r\nimport SubjectVoteButtonContainer from \"../../../containers/website/SubjectVoteButtonContainer\";\r\nimport SubjectVotesContainer from \"../../../containers/website/SubjectVotesContainer\";\r\n\r\nfunction ExhibitionSubjectCard({\r\n title, description, onVoteSubject, id, onUnvoteSubject,\r\n}) {\r\n const shareUrl = `${window.location.host}/programi/program${id}`;\r\n const shareTitle = `Podrži i ti prijedlog programa \"${title}\" za Muzej budućnosti!`;\r\n\r\n return (\r\n Hvala na glasanju!
\r\n )}\r\n \r\n PODIJELI NA\r\n \r\n \r\n
\r\n \r\n \r\n setIsCloseButtonHovering(true)}\r\n onMouseLeave={() => setIsCloseButtonHovering(false)}\r\n >\r\n {isCloseButtonHovering ?
\r\n ) : null\r\n );\r\n}\r\n\r\nexport default ExhibitionSubject;\r\n\r\nExhibitionSubject.propTypes = {\r\n // subject: ExhibitionSubjectPropType,\r\n history: HistoryPropType.isRequired,\r\n voteSubject: PropTypes.func.isRequired,\r\n unvoteSubject: PropTypes.func.isRequired,\r\n};\r\n\r\nExhibitionSubject.defaultProps = {\r\n // entry: null,\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport { exhibitionSubject } from \"../../services/requests\";\r\nimport ExhibitionSubject from \"../../components/website/exhibition-subjects/ExhibitionSubject\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const subjectId = parseInt(ownProps.match.params.id, 10);\r\n const currentSubject = state.exhibitionSubjects.approved.find((current) => current.id === subjectId);\r\n\r\n return {\r\n subject: currentSubject,\r\n canVote: state.voting.exhibitionSubjects[subjectId],\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n voteSubject: (id) => dispatch(exhibitionSubject.vote(id)),\r\n unvoteSubject: (id) => dispatch(exhibitionSubject.unvote(id)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ExhibitionSubject);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport Form from \"react-bootstrap/Form\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport { withFormik } from \"formik\";\r\nimport validationSchemas from \"../../../helpers/validation\";\r\nimport CustomFormLabel from \"../../common/CustomFormLabel\";\r\nimport FormTooltip from \"../FormTooltip\";\r\nimport SendFormButton from \"../SendFormButton\";\r\nimport GiveUpButton from \"../GiveUpButton\";\r\n\r\nexport function ExhibitionSubjectAddNewInner({\r\n show, onHideCallback, handleSubmit, touched,\r\n handleChange, values, errors, status, handleBlur, handleReset,\r\n}) {\r\n const isSubmitButtonDisabled = () => ((Object.keys(touched).length === 0) ||\r\n (Object.keys(errors).length !== 0) ||\r\n (status && status.type === \"error\"));\r\n\r\n const onHideForm = () => {\r\n onHideCallback();\r\n handleReset();\r\n };\r\n\r\n const modalTitle = (status && status.type === \"success\") ? \"Vaš prijedlog je poslan!\" : \"Predlažem\";\r\n\r\n return (\r\n {subject.title}
\r\n{subject.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 Hvala na sudjelovanju!\r\n
\r\n \r\n
\r\n )}\r\n {!extraSettings.hideBackgrounds && (\r\n \r\n
\r\n )}\r\n {paragraph}
\r\n{Copy.exhibitionSubjectsPage.intro2}
\r\n\r\n Osim predlaganja, oznakom \r\n sviđa mi se\r\n možete podržati i prijedloge drugih korisnika. Prijedlozi s najviše oznaka \r\n sviđa mi se\r\n predstavljat će vrijedne smjernice Građanskom muzejskom vijeću u kreiranju muzejskih sadržaja po vašoj mjeri.\r\n
\r\n \r\n\r\n
\r\n ))}\r\n \r\n {rightColumnEntries.length > 0 && (\r\n \r\n
\r\n ))}\r\n \r\n )}\r\n \r\n { acceptCookies(); }}\r\n className=\"no-style-button no-style-button-white\"\r\n >\r\n Zatvori\r\n \r\n
\r\n )\r\n );\r\n}\r\n\r\nexport default CookiesPopup;\r\n","import { connect } from \"react-redux\";\r\nimport CookiesPopup from \"../../components/website/CookiesPopup\";\r\nimport { extraSettings } from \"../../services/requests\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n extraSettings: state.extraSettings,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getCookiesAcceptanceData: () => dispatch(extraSettings.getCookiesData()),\r\n acceptCookies: () => dispatch(extraSettings.acceptCookies()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CookiesPopup);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport ArrowRight from \"../../../media/svgs/common/arrow-right\";\r\n\r\nfunction PinInfo({ info }) {\r\n const [currentPinEntryIndex, setCurrentPinEntryIndex] = React.useState(0);\r\n\r\n React.useEffect(() => {\r\n setCurrentPinEntryIndex(0);\r\n }, [info]);\r\n\r\n return (\r\n \r\n Muzejbuducnosti.eu koristi kolačiće za pružanje boljeg korisničkog iskustva i funkcionalnosti. Cookie postavke mogu se kontrolirati i konfigurirati u Vašem web pregledniku. Nastavkom pregleda web stranica muzejbuducnosti.eu slažete se s korištenjem kolačića.\r\n
\r\n\r\n {info[currentPinEntryIndex] && (\r\n
\r\n );\r\n}\r\n\r\nexport default PinInfo;\r\n\r\nPinInfo.propTypes = {\r\n info: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.string,\r\n description: PropTypes.string,\r\n imageUrl: PropTypes.string,\r\n })).isRequired,\r\n};\r\n","import React from \"react\";\r\nimport Card from \"react-bootstrap/Card\";\r\nimport Accordion from \"react-bootstrap/Accordion\";\r\nimport SVGarrowDown from \"../../../media/svgs/common/arrow-down\";\r\nimport SVGarrowUp from \"../../../media/svgs/common/arrow-up\";\r\n\r\nfunction InfoAccordion() {\r\n const [accordionCollapsed, setAccordionCollapsed] = React.useState(false);\r\n\r\n return (\r\n \r\n \r\n {info.length > 1 && (currentPinEntryIndex === info.length - 1) && (\r\n setCurrentPinEntryIndex(currentPinEntryIndex - 1)}\r\n className=\"no-style-button\"\r\n >\r\n Prethodni pin\r\n \r\n )}\r\n {info.length > 1 && (currentPinEntryIndex < info.length - 1) && (\r\n setCurrentPinEntryIndex(currentPinEntryIndex + 1)}\r\n className=\"no-style-button\"\r\n >\r\n
\r\n )}\r\n {info[currentPinEntryIndex].title}
\r\n{info[currentPinEntryIndex].description}
\r\n\r\n Označite mjesto na karti i u nekoliko riječi podijelite s nama svoj doživljaj. Zanima nas saznati, ali i označiti ona mjesta našeg kraja koja imaju potencijal trgnuti nas iz svakodnevice i oplemeniti nam trenutak. Radujemo se istražiti našu sposobnost pronalaska ljepote, nadahnuća ili iznenađenja na najmanje očekivanim mjestima.\r\n
\r\n \r\n Tko zna, možda pritom označimo i neki baštinski objekt.\r\n
\r\n \r\n A možda i povežemo označena mjesta u sasvim neobične i individualizirane tematske puteve.\r\n
\r\n \r\n
\r\n Preview datotete nemoguć.
;\r\n };\r\n\r\n const updateLocation = (latitude, longitude) => {\r\n setFieldValue(\"latitude\", latitude);\r\n setFieldValue(\"longitude\", longitude);\r\n };\r\n\r\n const dragDropClassName = \"drag-drop\";\r\n const modalTitle = (status && status.type === \"success\") ? \"Vaš doživljaj je spremljen!\" : \"PODIJELI DOŽIVLJAJ\";\r\n\r\n return (\r\n \r\n
\r\n ) :\r\n (\r\n \r\n )}\r\n \r\n Hvala na sudjelovanju!\r\n
\r\n \r\n {\r\n setPopupInfo(null);\r\n setPinIdActive(null);\r\n }}\r\n >\r\n
\r\n )\r\n );\r\n };\r\n\r\n React.useEffect(() => {\r\n getAllMapPins();\r\n }, [getAllMapPins]);\r\n\r\n React.useEffect(() => {\r\n setPopupInfo(null);\r\n setPinIdActive(null);\r\n }, [customPins]);\r\n\r\n return (\r\n \r\n {!extraSettings.hideBackgrounds && (\r\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 InteractiveMap;\r\n\r\nInteractiveMap.propTypes = {\r\n extraSettings: ExtraSettingsPropType.isRequired,\r\n onUpload: PropTypes.func.isRequired,\r\n onDeleteFile: PropTypes.func.isRequired,\r\n getAllMapPins: PropTypes.func.isRequired,\r\n customPins: MapPinListPropType.isRequired,\r\n onSubmitNew: PropTypes.func.isRequired,\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Card from \"react-bootstrap/Card\";\r\nimport { checkImageURL, checkVideoURL, checkAudioURL } from \"../../../helpers/files\";\r\n\r\nfunction ExhibitionEntryCard({\r\n title, description, contentUrl, votes,\r\n}) {\r\n return (\r\n \r\n
\r\n )}\r\n Sigurno ste barem jednom doživjeli trenutak u kojem vam je neki prizor iz neposrednog okruženja zadržao pažnju i nakratko zaustavio misli. Krajičkom oka uhvaćeni detalj pročelja zgrade, barke na vezu, klupice na neočekivanom mjestu, uspio vas je nadahnuti, podsjetiti na nešto, ispuniti osjećajem ugode. Iako ste se ubrzo opet našli u vrtlogu misli, ostala je slatka spoznaja da ste na trenutak doživjeli nešto vrijedno.
\r\nOva je karta posvećena vašim osobnim prostornim “otkrićima” - vašim magičnim mjestima s prostora Primorsko-goranske županije.
\r\n \r\n\r\n \r\n {customPins.map(renderCityMarker)}\r\n
\r\n \r\n
\r\n \r\n {renderCard(item)}\r\n
\r\n ))}\r\n \r\n {middleColumnEntries.length > 0 && (\r\n \r\n {renderCard(item)}\r\n
\r\n ))}\r\n \r\n )}\r\n {rightColumnEntries.length > 0 && (\r\n \r\n {renderCard(item)}\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n {renderCard(item)}\r\n
\r\n ))}\r\n \r\n {rightColumnEntries.length > 0 && (\r\n \r\n {renderCard(item)}\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n {isEntries ? (\r\n
\r\n ))}\r\n \r\n \r\n {Object.keys(archive).length > 0 && (\r\n
\r\n );\r\n}\r\n\r\nexport default ExhibitionEntriesArchive;\r\n\r\nExhibitionEntriesArchive.propTypes = {\r\n archive: PropTypes.shape({\r\n alias: PropTypes.string,\r\n activeFrom: PropTypes.string,\r\n activeTo: PropTypes.string,\r\n contents: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n tag: PropTypes.string,\r\n })),\r\n exhibitionEntries: PropTypes.arrayOf(ExhibitionEntryPropType),\r\n }),\r\n};\r\n\r\nExhibitionEntriesArchive.defaultProps = {\r\n archive: {},\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport ExhibitionEntriesArchive from \"../../components/website/archives/ExhibitionEntriesArchive\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const pageAlias = ownProps.match.params.alias;\r\n let matchedPage;\r\n\r\n const removeSpaces = (str) => str.replace(/ /g, \"\");\r\n\r\n if (Object.keys(state.exhibitionEntries.pages).length > 0) {\r\n const archives = state.exhibitionEntries.pages.archived;\r\n matchedPage = archives.find((page) => removeSpaces(page.alias) === pageAlias);\r\n }\r\n\r\n return {\r\n archive: matchedPage,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = () => ({});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ExhibitionEntriesArchive);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport { ExhibitionSubjectPropType } from \"../../../customPropTypes\";\r\nimport ThreeColumnList from \"./ThreeColumnList\";\r\nimport TwoColumnList from \"./TwoColumnList\";\r\nimport OneColumnList from \"./OneColumnList\";\r\n\r\nfunction ExhibitionEntriesArchive({ archive }) {\r\n let approvedItems;\r\n let sortedItems;\r\n let firstFive;\r\n let theRest;\r\n\r\n if (Object.keys(archive).length > 0) {\r\n approvedItems = archive.exhibitionSubjects && archive.exhibitionSubjects.reduce((accum, current) => {\r\n if (current.status === 2) {\r\n return [...accum, current];\r\n }\r\n return accum;\r\n }, []);\r\n\r\n sortedItems = approvedItems.sort((a, b) => {\r\n if (a.votes > b.votes) return -1;\r\n if (a.votes < b.votes) return 1;\r\n return 0;\r\n });\r\n\r\n firstFive = sortedItems.slice(0, 5);\r\n theRest = sortedItems.slice(5, sortedItems.length);\r\n }\r\n\r\n const [screenWidth, setScreenWidth] = React.useState(window.innerWidth);\r\n\r\n React.useEffect(() => {\r\n function handleResize() {\r\n setScreenWidth(window.innerWidth);\r\n }\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n }, []);\r\n\r\n const mainPageText = archive && archive.contents && archive.contents.find((content) => content.title === \"Main page text\");\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {(screenWidth > 991 || (screenWidth > 599 && screenWidth < 800)) && (\r\n \r\n
\r\n {screenWidth > 991 &&
\r\n )}\r\n \r\n Arhiva predmeta\r\n
\r\n {archive.alias}\r\n
\r\n \r\n {archive.alias}\r\n
{mainPageText && mainPageText.text}
\r\n \r\nOdabrani predmeti
\r\nOstali predloženi predmeti
\r\n\r\n {Object.keys(archive).length > 0 && (\r\n
\r\n );\r\n}\r\n\r\nexport default ExhibitionEntriesArchive;\r\n\r\nExhibitionEntriesArchive.propTypes = {\r\n archive: PropTypes.shape({\r\n alias: PropTypes.string,\r\n activeFrom: PropTypes.string,\r\n activeTo: PropTypes.string,\r\n contents: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n tag: PropTypes.string,\r\n })),\r\n exhibitionSubjects: PropTypes.arrayOf(ExhibitionSubjectPropType),\r\n }),\r\n};\r\n\r\nExhibitionEntriesArchive.defaultProps = {\r\n archive: {},\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport ExhibitionSubjectsArchive from \"../../components/website/archives/ExhibitionSubjectsArchive\";\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const pageAlias = ownProps.match.params.alias;\r\n let matchedPage;\r\n\r\n const removeSpaces = (str) => str.replace(/ /g, \"\");\r\n\r\n if (Object.keys(state.exhibitionSubjects.pages).length > 0) {\r\n const archives = state.exhibitionSubjects.pages.archived;\r\n matchedPage = archives.find((page) => removeSpaces(page.alias) === pageAlias);\r\n }\r\n\r\n return {\r\n archive: matchedPage,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = () => ({});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ExhibitionSubjectsArchive);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Route, Redirect } from \"react-router\";\r\nimport {\r\n ExhibitionEntryPropType, HistoryPropType, MatchPropType, ExtraSettingsPropType, MapPinListPropType,\r\n ExhibitionSubjectPropType,\r\n} from \"../../customPropTypes\";\r\nimport TopBarContainer from \"../../containers/website/TopBarContainer\";\r\nimport SideBar from \"./common/SideBar\";\r\nimport LogoLink from \"./common/LogoLink\";\r\nimport HomepageContainer from \"../../containers/website/HomepageContainer\";\r\nimport ExhibitionEntriesListContainer from \"../../containers/website/ExhibitionEntriesListContainer\";\r\nimport ExhibitionSubjectsListContainer from \"../../containers/website/ExhibitionSubjectsListContainer\";\r\nimport { exhibitionEntry, map } from \"../../services/requests\";\r\nimport CookiesPopupContainer from \"../../containers/website/CookiesPopupContainer\";\r\nimport InteractiveMap from \"./map/InteractiveMap\";\r\nimport ExhibitionEntriesArchiveContainer from \"../../containers/website/ExhibitionEntriesArchiveContainer\";\r\nimport ExhibitionSubjectsArchiveContainer from \"../../containers/website/ExhibitionSubjectsArchiveContainer\";\r\n\r\nfunction App({\r\n pathname,\r\n approvedEntries, voteEntry, addNewEntry, getExhibitionEntryPages,\r\n sortEntries, unvoteEntry,\r\n extraSettings, getExtraSettingsBackgroundsData, getFontSizeData,\r\n addNewMapPin, customPins, getAllMapPins,\r\n voteSubject, unvoteSubject, addNewSubject, approvedSubjects, sortSubjects,\r\n getExhibitionSubjectPages,\r\n}) {\r\n React.useEffect(() => {\r\n getExtraSettingsBackgroundsData();\r\n }, [getExtraSettingsBackgroundsData]);\r\n\r\n React.useEffect(() => {\r\n getFontSizeData();\r\n }, [getFontSizeData]);\r\n\r\n React.useEffect(() => {\r\n getExhibitionEntryPages();\r\n }, [getExhibitionEntryPages]);\r\n\r\n React.useEffect(() => {\r\n getExhibitionSubjectPages();\r\n }, [getExhibitionSubjectPages]);\r\n\r\n const increaseFontSize = extraSettings && extraSettings.increaseFontSize;\r\n let pageWrapperClassName = increaseFontSize ?\r\n \"custom-page-wrapper increased-font-size\" : \"custom-page-wrapper\";\r\n let navWrapperClassName = \"custom-nav-wrapper\";\r\n const appWrapperClassName = increaseFontSize ? \"increased-font-size\" : \"\";\r\n\r\n if (pathname.includes(\"arhiva\")) {\r\n pageWrapperClassName = pageWrapperClassName.concat(\" archive\");\r\n navWrapperClassName = navWrapperClassName.concat(\" archive\");\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {(screenWidth > 991 || (screenWidth > 599 && screenWidth < 800)) && (\r\n \r\n
\r\n {screenWidth > 991 &&
\r\n )}\r\n \r\n Arhiva programa\r\n
\r\n {archive.alias}\r\n
\r\n \r\n {archive.alias}\r\n
{mainPageText && mainPageText.text}
\r\n \r\nOdabrani programi
\r\nOstali predloženi programi
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n\r\nApp.propTypes = {\r\n approvedEntries: PropTypes.arrayOf(ExhibitionEntryPropType),\r\n history: HistoryPropType.isRequired,\r\n match: MatchPropType.isRequired,\r\n voteEntry: PropTypes.func.isRequired,\r\n addNewEntry: PropTypes.func.isRequired,\r\n sortEntries: PropTypes.func.isRequired,\r\n unvoteEntry: PropTypes.func.isRequired,\r\n addNewMapPin: PropTypes.func.isRequired,\r\n voteSubject: PropTypes.func.isRequired,\r\n unvoteSubject: PropTypes.func.isRequired,\r\n addNewSubject: PropTypes.func.isRequired,\r\n getAllMapPins: PropTypes.func.isRequired,\r\n pathname: PropTypes.string.isRequired,\r\n getExhibitionEntryPages: PropTypes.func.isRequired,\r\n extraSettings: ExtraSettingsPropType.isRequired,\r\n getExtraSettingsBackgroundsData: PropTypes.func.isRequired,\r\n getFontSizeData: PropTypes.func.isRequired,\r\n customPins: MapPinListPropType.isRequired,\r\n approvedSubjects: PropTypes.arrayOf(ExhibitionSubjectPropType).isRequired,\r\n sortSubjects: PropTypes.func.isRequired,\r\n getExhibitionSubjectPages: PropTypes.func.isRequired,\r\n};\r\n\r\nApp.defaultProps = {\r\n approvedEntries: [],\r\n};\r\n","import { connect } from \"react-redux\";\r\nimport App from \"../../components/website/App\";\r\nimport { exhibitionEntry, extraSettings, map, exhibitionSubject } from \"../../services/requests\";\r\nimport { sortData, sortSubjects } from \"../../helpers/sorting\";\r\n\r\nconst mapStateToProps = (state) => ({\r\n approvedEntries: state.exhibitionEntries.approved,\r\n extraSettings: state.extraSettings,\r\n customPins: state.mapPins,\r\n approvedSubjects: state.exhibitionSubjects.approved,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getExtraSettingsBackgroundsData: () => dispatch(extraSettings.getBackgroundsData()),\r\n getFontSizeData: () => dispatch(extraSettings.getFontSizeData()),\r\n\r\n voteEntry: (id) => dispatch(exhibitionEntry.vote(id)),\r\n unvoteEntry: (id) => dispatch(exhibitionEntry.unvote(id)),\r\n addNewEntry: (values, setStatusCallback) => dispatch(exhibitionEntry.addNew(values, setStatusCallback)),\r\n sortEntries: (sortFn) => dispatch(sortData(sortFn)),\r\n getExhibitionEntryPages: () => dispatch(exhibitionEntry.getPages()),\r\n\r\n addNewMapPin: (values, setStatusCallback) => dispatch(map.addNew(values, setStatusCallback)),\r\n getAllMapPins: () => dispatch(map.getAll()),\r\n\r\n voteSubject: (id) => dispatch(exhibitionSubject.vote(id)),\r\n unvoteSubject: (id) => dispatch(exhibitionSubject.unvote(id)),\r\n addNewSubject: (values, setStatusCallback) => dispatch(exhibitionSubject.addNew(values, setStatusCallback)),\r\n getExhibitionSubjects: () => dispatch(exhibitionSubject.getAll()),\r\n sortSubjects: (sortFn) => dispatch(sortSubjects(sortFn)),\r\n getExhibitionSubjectPages: () => dispatch(exhibitionSubject.getPages()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(App);\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === \"localhost\" ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === \"[::1]\" ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then((registration) => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === \"installed\") {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n \"New content is available and will be used when all \" +\r\n \"tabs for this page are closed. See https://bit.ly/CRA-PWA.\"\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It\"s the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log(\"Content is cached for offline use.\");\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch((error) => {\r\n console.error(\"Error during service worker registration:\", error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can\"t reload the page.\r\n fetch(swUrl)\r\n .then((response) => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get(\"content-type\");\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf(\"javascript\") === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then((registration) => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n \"No internet connection found. App is running in offline mode.\"\r\n );\r\n });\r\n}\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won\"t work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener(\"load\", () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let\"s check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n \"This web app is being served cache-first by a service \" +\r\n \"worker. To learn more, visit https://bit.ly/CRA-PWA\"\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport function unregister() {\r\n if (\"serviceWorker\" in navigator) {\r\n navigator.serviceWorker.ready.then((registration) => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { Provider } from \"react-redux\";\r\nimport { Route, Switch } from \"react-router\";\r\nimport { ConnectedRouter } from \"connected-react-router\";\r\nimport ReactGA from \"react-ga\";\r\nimport configureStore, { history } from \"./store\";\r\nimport \"./index.css\";\r\nimport AdminAppContainer from \"./containers/admin/AdminAppContainer\";\r\nimport AppContainer from \"./containers/website/AppContainer\";\r\nimport * as serviceWorker from \"./serviceWorker\";\r\nimport \"@fortawesome/fontawesome-free/css/all.css\";\r\nimport \"@trendmicro/react-sidenav/dist/react-sidenav.css\";\r\nimport \"./css/custom-bootstrap.scss\";\r\nimport \"react-bootstrap-toggle/dist/bootstrap2-toggle.css\";\r\nimport \"./css/custom-admin.scss\";\r\nimport \"./css/custom-website.scss\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { GA_ID } from \"./helpers/constants\";\r\n\r\nReactGA.initialize(GA_ID);\r\nReactGA.pageview(window.location.pathname + window.location.search);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n\r\nReactDOM.render(\r\n \r\n (\r\n (\r\n (\r\n (\r\n (\r\n
\r\n