\n \n {Next}\n \n \n this.handleBack()}\n color=\"default\">\n {t('back_btn')}\n \n \n \n )\n } else {\n return (Next)\n }\n };\n\n componentDidMount() {\n this.props.flow(this.parseQuery(this.props.location.search.trim())).catch((err) => {\n });\n\n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n complete: state.flow.complete,\n email: state.flow.complete,\n fields: state.flow.fields,\n message: state.flow.message,\n req: state.flow.req,\n loading: state.flow.loading,\n error: state.flow.error,\n user: state.flow.user,\n initial: state.flow.initial,\n Redirect: state.flow.Redirect,\n url: state.flow.url,\n uploading: state.flow.uploading,\n uploadingDone: state.flow.uploadingDone,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n flow: (data) => dispatch(flow(data)),\n uploadFiles: (files) => dispatch(uploadFiles(files)),\n logUser: (user) => dispatch(changeUser(user)),\n initFlow: () => dispatch(initFlow()),\n }\n};\n\nLogin.serverFetch = (match, store) => store.dispatch(flow({...Get()}));\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withTranslation()(withRouter(Login)));\n\n\n","import React from 'react';\nimport FlowLogin from '../components/login/Login'\nimport Grid from \"@material-ui/core/Grid\";\n\nconst Login = () => {\n return (\n \n \n \n \n );\n};\n\nexport default Login;","import {handleError} from \"../../components/utils/apiErrorHandler\";\nimport {rest, upload} from '@karpeleslab/klbfw'\nimport {\n CMS_ENTRIES_FETCH,\n CMS_ENTRIES_FETCH_DONE,\n CMS_ENTRIES_RESET_PAGING,\n CMS_ENTRIES_SET_FILTERS,\n CMS_ENTRIES_SET_PAGING,\n CMS_ENTRY_DATA_CREATE,\n CMS_ENTRY_DATA_CREATE_DONE,\n CMS_ENTRY_DATA_DELETE,\n CMS_ENTRY_DATA_DELETE_DONE,\n CMS_ENTRY_DATA_FETCH,\n CMS_ENTRY_DATA_FETCH_DONE,\n CMS_ENTRY_DATA_UPDATE,\n CMS_ENTRY_DATA_UPDATE_DONE,\n CMS_ENTRY_DELETE_IMAGE,\n CMS_ENTRY_DELETE_IMAGE_DONE,\n CMS_ENTRY_DELETE_IMAGE_ERROR,\n CMS_ENTRY_FETCH,\n CMS_ENTRY_FETCH_DONE,\n CMS_ENTRY_MANAGE_TAGS,\n CMS_ENTRY_MANAGE_TAGS_DONE,\n CMS_ENTRY_UPLOAD_IMG,\n CMS_ENTRY_UPLOAD_IMG_DONE,\n CMS_ENTRY_UPLOAD_IMG_RUNNING,\n CMS_LOAD_FANCLUB,\n CMS_LOAD_FANCLUB_DONE,\n CMS_LOAD_NEWS,\n CMS_LOAD_NEWS_DONE,\n CMS_LOAD_PAGES,\n CMS_LOAD_PAGES_DONE,\n CMS_SELECT,\n CMS_TAGS_FETCH,\n CMS_TAGS_FETCH_DONE,\n CMS_FETCH,\n CMS_FETCH_DONE,\n CMS_TEMPLATE_CREATE,\n CMS_TEMPLATE_CREATE_DONE,\n CMS_TEMPLATE_DELETE,\n CMS_TEMPLATE_DELETE_DONE,\n CMS_TEMPLATE_FETCH,\n CMS_TEMPLATE_FETCH_DONE,\n CMS_TEMPLATE_UPDATE,\n CMS_TEMPLATE_UPDATE_DONE,\n CMS_TEMPLATES_FETCH,\n CMS_TEMPLATES_FETCH_DONE,\n CMS_TEMPLATES_SET_FILTERS,\n CMS_TEMPLATES_SET_PAGING,\n CMS_NAME_UPDATE,\n CMS_NAME_UPDATE_DONE\n} from \"../reducers/CmsReducer\";\nimport {success} from \"./ToastAction\";\n\nexport const updateCmsName = (name) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_NAME_UPDATE});\n\n const params = {\n Name : name\n };\n\n return rest('Content/Cms/'+ getState().cms.selected.Content_Cms__, 'PATCH', params)\n .then((d) => {\n success('article_edit_success');\n dispatch({type: CMS_NAME_UPDATE_DONE});\n return d.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const loadCms = () => {\n return (dispatch, getState) => {\n dispatch({type: CMS_FETCH});\n\n const params = {\n results_per_page : 150\n };\n\n return rest('Content/Cms','GET',params)\n .then((d) => {\n dispatch({type: CMS_FETCH_DONE, cmss: d.data});\n return d.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const loadNewsCms = (id) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_LOAD_NEWS});\n return rest('Content/Cms/' + id)\n .then((d) => {\n dispatch({type: CMS_LOAD_NEWS_DONE, cms: d.data});\n\n return d.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const loadPagesCms = (id) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_LOAD_PAGES});\n return rest('Content/Cms/' + id)\n .then((d) => {\n dispatch({type: CMS_LOAD_PAGES_DONE, cms: d.data});\n\n return d.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const loadFanClubCms = (id) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_LOAD_FANCLUB});\n return rest('Content/Cms/' + id)\n .then((d) => {\n dispatch({type: CMS_LOAD_FANCLUB_DONE, cms: d.data});\n\n return d.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\n\nexport const fetchAndSelectCms = (id) => {\n return (dispatch, getState) => {\n return rest('Content/Cms/' + id)\n .then((d) => {\n dispatch(selectCms(d.data));\n return d.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\n\nexport const selectCms = (cms) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_SELECT, cms: cms});\n }\n};\n\n\nexport const fetchEntries = () => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRIES_FETCH});\n\n const params = {\n ...getState().cms.entriesFilters,\n ...getState().cms.entriesPaging\n };\n\n return rest('Content/Cms/' + getState().cms.selected.Content_Cms__ + '/Entry', 'GET', params)\n .then(data => {\n dispatch({type: CMS_ENTRIES_FETCH_DONE, entries: data.data, paging: data.paging});\n return data.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const setEntriesFilters = (filters) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRIES_SET_FILTERS, filters: filters});\n }\n};\n\nexport const setEntriesPaging = (paging) => {\n console.log(\"paging\",paging)\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRIES_SET_PAGING, paging: {...getState().cms.entriesPaging, ...paging}});\n }\n};\n\nexport const fetchEntryData = (id) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_DATA_FETCH});\n return rest('Content/Cms/Entry/Data/' + id)\n .then((d) => {\n dispatch({type: CMS_ENTRY_DATA_FETCH_DONE, entryData: d.data});\n return d.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const fetchEntry = (id, params = {}) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_FETCH});\n \n return rest('Content/Cms/Entry/' + id, 'GET', params)\n .then((d) => {\n dispatch({type: CMS_ENTRY_FETCH_DONE, entry: d.data});\n return d.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const fetchTags = (classifyId) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_TAGS_FETCH});\n return rest('Classify/' + classifyId + ':describeAllTags')\n .then((d) => {\n dispatch({type: CMS_TAGS_FETCH_DONE, tags: d.data});\n return d.data;\n })\n }\n};\n\nexport const addTag = (entryId, tagId) => {\n return (dispatch, getState) => {\n return rest('Content/Cms/Entry/' + entryId + ':addTag', {tag: tagId})\n .then((d) => {\n return d.data;\n })\n }\n};\n\nexport const removeTag = (entryId, tagId) => {\n return (dispatch, getState) => {\n return rest('Content/Cms/Entry/' + entryId + ':delTag', {tag: tagId})\n .then((d) => {\n return d.data;\n })\n }\n};\n\nexport const editEntryTags = (entryId, toAdd = [], toDel = []) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_MANAGE_TAGS});\n return new Promise((resolve, reject) => {\n let p = [];\n if (toAdd.length > 0)\n p.push(rest('Content/Cms/Entry/' + entryId + ':addTag', 'POST', {tag: toAdd}));\n if (toDel.length > 0)\n p.push(rest('Content/Cms/Entry/' + entryId + ':delTag', 'POST', {tag: toDel}));\n\n Promise.all(p)\n .then((promisesResults) => {\n //promisesResults will contain an array of the result of all promise, we will take last one to have the more update entry data\n resolve(promisesResults[promisesResults.length - 1]);\n })\n .catch(reject)\n }).then((d) => {\n success('article_tags_updated_success');\n dispatch({type: CMS_ENTRY_MANAGE_TAGS_DONE, entry: d.data});\n return d.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const updateEntryData = (entryDataId, data) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_DATA_UPDATE});\n return rest('Content/Cms/Entry/Data/' + entryDataId, 'PATCH', data)\n .then((d) => {\n success('article_edit_success');\n dispatch({type: CMS_ENTRY_DATA_UPDATE_DONE, entryData: d.data});\n return d.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const setImages = (entryDataId, mainId = undefined, coverId = undefined) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_DATA_UPDATE});\n return new Promise((resolve, reject) => {\n let p = [];\n if (mainId !== undefined)\n p.push(rest('Content/Cms/Entry/Data/' + entryDataId + ':setImage', 'POST', {\n image: mainId,\n type: 'main'\n }));\n if (coverId !== undefined)\n p.push(rest('Content/Cms/Entry/Data/' + entryDataId + ':setImage', 'POST', {\n image: coverId,\n type: 'top'\n }));\n\n Promise.all(p)\n .then((promisesResults) => {\n //promisesResults will contain an array of the result of all promise, we will take last one to have the more update entry data\n resolve(promisesResults[promisesResults.length - 1]);\n })\n .catch(reject)\n }).then((d) => {\n success('article_edit_success');\n dispatch({type: CMS_ENTRY_DATA_UPDATE_DONE, entryData: d.data});\n return d.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const uploadFiles = (entryId, files = [], params = {}) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_UPLOAD_IMG, count: files.length});\n\n upload.onprogress = d => {\n let runningCount = 0;\n let blockTotal = 0;\n let progressTotal = 0;\n d.running.forEach((running) => {\n if (running.status !== 'pending' && running.status !== 'complete') {\n runningCount++;\n progressTotal += running.done;\n blockTotal += running.blocks\n }\n });\n\n const ratio = blockTotal > 0 ? progressTotal / blockTotal : 0;\n\n dispatch({type: CMS_ENTRY_UPLOAD_IMG_RUNNING, count: runningCount, ratio});\n };\n\n for (let i = 0; i < files.length; i++) {\n upload.append('Content/Cms/Entry/' + entryId + ':addImage', files[i], params)\n .then((img) => {\n dispatch({type: CMS_ENTRY_UPLOAD_IMG_DONE, img: img.final})\n })\n }\n\n upload.run();\n }\n};\n\nexport const createEntry = (cmsId, title, language, shortContents = '', contents = '') => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_DATA_CREATE});\n const params = {\n Language__: language,\n Title: title,\n Short_Contents: shortContents,\n Contents: contents\n };\n\n return rest('Content/Cms/' + cmsId + '/Entry', 'POST', params)\n .then(d => {\n success('article_create_success');\n dispatch({type: CMS_ENTRY_DATA_CREATE_DONE});\n return d.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const createEntryData = (entryId, language, title = '', shortContents = '', contents = '') => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_DATA_CREATE});\n\n const params = {\n Title: title,\n Language__: language,\n Short_Contents: shortContents,\n Contents: contents\n };\n\n return rest('Content/Cms/Entry/' + entryId + '/Data', 'POST', params)\n .then(d => {\n success('article_create_success');\n dispatch({type: CMS_ENTRY_DATA_CREATE_DONE});\n return d.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const deleteEntryData = (entryDataId) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_DATA_DELETE});\n return rest('Content/Cms/Entry/Data/' + entryDataId, 'DELETE')\n .then(d => {\n success('article_delete_success');\n dispatch({type: CMS_ENTRY_DATA_DELETE_DONE});\n return d.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const deleteEntryPicture = (entryId, imgId, extraParams = {}) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRY_DELETE_IMAGE});\n return rest('Content/Cms/Entry/' + entryId + ':deleteImage', 'POST', {image: imgId, ...extraParams})\n .then(d => {\n success('article_delete_picture_success');\n dispatch({type: CMS_ENTRY_DELETE_IMAGE_DONE, entry: d.data});\n return d.data;\n }).catch((err) => {\n dispatch({type: CMS_ENTRY_DELETE_IMAGE_ERROR});\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const resetEntriesPaging = () => {\n return (dispatch, getState) => {\n dispatch({type: CMS_ENTRIES_RESET_PAGING});\n }\n};\n\nexport const fetchTemplates = () => {\n return (dispatch, getState) => {\n dispatch({type: CMS_TEMPLATES_FETCH});\n\n const params = {\n ...getState().cms.templatesFilters,\n ...getState().cms.templatesPaging\n };\n\n return rest('Content/Cms/' + getState().cms.selected.Content_Cms__ + '/Template', 'GET', params)\n .then(data => {\n dispatch({type: CMS_TEMPLATES_FETCH_DONE, templates: data.data, paging: data.paging});\n return data.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const setTemplatesFilters = (filters) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_TEMPLATES_SET_FILTERS, filters: filters});\n }\n};\n\nexport const setTemplatesPaging = (paging) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_TEMPLATES_SET_PAGING, paging: {...getState().cms.templatesPaging, ...paging}});\n }\n};\n\nexport const createTemplate = (name, html) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_TEMPLATE_CREATE});\n\n const params = {\n Name: name,\n Html: html\n };\n\n return rest('Content/Cms/' + getState().cms.selected.Content_Cms__ + '/Template', 'POST', params)\n .then(d => {\n success('cms_template_create_success');\n dispatch({type: CMS_TEMPLATE_CREATE_DONE});\n return d.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const updateTemplate = (templateId, name, html) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_TEMPLATE_UPDATE});\n\n const params = {\n Name: name,\n Html: html\n };\n\n return rest('Content/Cms/Template/' + templateId, 'PATCH', params)\n .then(d => {\n success('cms_template_update_success');\n dispatch({type: CMS_TEMPLATE_UPDATE_DONE, template: d.data});\n return d.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const deleteTemplate = (templateId) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_TEMPLATE_DELETE});\n\n return rest('Content/Cms/Template/' + templateId, 'DELETE')\n .then(d => {\n success('cms_template_delete_success');\n dispatch({type: CMS_TEMPLATE_DELETE_DONE});\n return d.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\nexport const fetchTemplate = (templateId) => {\n return (dispatch, getState) => {\n dispatch({type: CMS_TEMPLATE_FETCH});\n return rest('Content/Cms/Template/' + templateId)\n .then(d => {\n dispatch({type: CMS_TEMPLATE_FETCH_DONE, template: d.data});\n return d.data;\n }).catch((err) => {\n handleError(getState, dispatch, err)\n })\n }\n};\n\n","import withStyles from \"@material-ui/core/styles/withStyles\";\nimport MaterialPaper from \"@material-ui/core/Paper\";\n\nexport const Paper = withStyles(theme => {\n return {\n root: {\n padding: theme.spacing(2),\n display: 'flex',\n overflow: 'auto',\n flexDirection: 'column',\n [theme.breakpoints.down(\"sm\")]: {\n //paddingTop: style.theme.spacing(0),\n padding: theme.spacing(0),\n margin: theme.spacing(0),\n width: '100%',\n\n //paddingBottom: style.theme.spacing(0),\n //paddingLeft: style.theme.spacing(0),\n //paddingRight: style.theme.spacing(0),\n\n }\n },\n }\n})(MaterialPaper);","import React from 'react';\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\n\nconst useStyles = makeStyles(theme => {\n const variants = [\n {variant: '1x1', ratio: 1},\n {variant: '4x3', ratio: 1.3333},\n ];\n\n const sizes = [\n {size: 'small', height: 16},\n {size: 'medium', height: 32},\n {size: 'large', height: 48},\n {size: 'x-large', height: 64}\n ];\n\n let c = {\n 'wrapper': {\n position: 'relative',\n }\n };\n variants.forEach((v) => {\n sizes.forEach((s) => {\n c['flag-' + v.variant + '-' + s.size] = {\n width: (s.height * v.ratio) + 'px',\n height: s.height + 'px',\n border: '1px solid #cacaca;',\n '&.disabled': {\n filter: 'grayscale(100%)'\n },\n '&.rounded': {\n borderRadius: '50%',\n }\n };\n c['wrapper-' + v.variant + '-' + s.size] = {\n width: (s.height * v.ratio) + 'px',\n height: s.height + 'px',\n '&.rounded': {\n overflow: 'hidden'\n }\n };\n })\n });\n\n return c;\n\n});\n\n\nconst Flag = React.forwardRef((props, ref) => {\n const {code, ratio = '4x3', size = 'medium', disabled = false, rounded = false} = props;\n const classes = useStyles();\n return \n
\n \n {!display && {entry.Title} }\n \n \n \n\n {!display && \n \n \n \n \n \n }\n )\n\n }\n \n \n \n );\n};\n\n\nexport default Row;","import React, {useEffect} from 'react';\nimport TableHead from \"@material-ui/core/TableHead\";\nimport MaterialTable from \"@material-ui/core/Table\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableContainer from \"@material-ui/core/TableContainer\";\nimport Row from \"./Row\";\nimport {connect} from 'react-redux'\nimport TableFooter from \"@material-ui/core/TableFooter\";\nimport TablePagination from \"@material-ui/core/TablePagination\";\nimport {fetchEntries, setEntriesFilters, setEntriesPaging} from \"../../../../store/actions/CmsAction\";\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport FirstPageIcon from '@material-ui/icons/FirstPage';\nimport KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\nimport LastPageIcon from '@material-ui/icons/LastPage';\nimport PropTypes from 'prop-types';\nimport queryString from \"query-string\";\nimport {useHistory, useLocation} from \"react-router-dom\";\n\nconst useStyles = makeStyles(theme => ({\n root: {\n flexShrink: 0,\n marginLeft: theme.spacing(2.5),\n },\n}))\n\nfunction TablePaginationActions(props) {\n const classes = useStyles();\n const theme = useTheme();\n const { count, page, rowsPerPage, onChangePage } = props;\n \n const handleFirstPageButtonClick = event => {\n onChangePage(event, 0);\n };\n \n const handleBackButtonClick = event => {\n onChangePage(event, page - 1);\n };\n \n const handleNextButtonClick = event => {\n onChangePage(event, page + 1);\n };\n \n const handleLastPageButtonClick = event => {\n onChangePage(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));\n };\n \n return (\n \n \n {theme.direction === 'rtl' ? \n {theme.direction === 'rtl' ? \n = Math.ceil(count / rowsPerPage) - 1}\n aria-label=\"next page\"\n >\n {theme.direction === 'rtl' ? = Math.ceil(count / rowsPerPage) - 1}\n aria-label=\"last page\"\n >\n {theme.direction === 'rtl' ?
\n );\n }\n \n TablePaginationActions.propTypes = {\n count: PropTypes.number.isRequired,\n onChangePage: PropTypes.func.isRequired,\n page: PropTypes.number.isRequired,\n rowsPerPage: PropTypes.number.isRequired,\n };\n\nconst Table = ({entries, fetch, setEntriesFilters, setEntriesPaging, loading, filters, paging, count, disabled = false}) => {\n\n\n const loadingData = [...Array(paging.results_per_page).keys()];\n\n const displayLoading = () => loadingData.map((k) => );\n const displayEntries = () => entries.map((e, idx) => );\n const { t } = useTranslation();\n const history = useHistory();\n const location = useLocation();\n /*const {sort} = filters;\n\n const sortHandler = (property, dir) => {\n let p = {...filters};\n // only 1 sort\n p.sort = {};\n p.sort[property] = dir;\n setEntriesFilters(p);\n };*/\n\n \n \n useEffect(() => {\n const params = queryString.parse(location.search);\n const pNo = 'page_no' in params ? parseInt(params.page_no) : 1;\n \n if(paging.page_no !== pNo )\n setEntriesPaging({page_no:pNo})\n // eslint-disable-next-line\n }, [location]);\n\n\n useEffect(() => {\n if (!disabled) fetch();\n }, [disabled, fetch, filters, paging]);\n\n\n const changePageHandler = (e, newPage) => {\n // The pagination component start at 0;...\n if (loading) return;\n let params = queryString.parse(location.search);\n params.page_no = newPage + 1;\n history.push(location.pathname + '?' + queryString.stringify(params));\n };\n\n const changeResultPerPageHandler = e => {\n if (loading) return;\n setEntriesPaging({results_per_page: e.target.value})\n };\n\n return (\n \n \n \n \n {t('title')} \n {t('language')} \n \n \n \n {(loading || disabled) && displayLoading()}\n {(!loading && !disabled) && displayEntries()}\n \n \n \n \n \n\n \n \n )\n};\n\n\nconst mapStateToProps = (state) => {\n return {\n filters: state.cms.entriesFilters,\n paging: state.cms.entriesPaging,\n count: state.cms.entriesPagingCount,\n loading: state.cms.entriesLoading,\n entries: state.cms.entries\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n fetch: () => dispatch(fetchEntries()),\n setEntriesFilters: (filters) => dispatch(setEntriesFilters(filters)),\n setEntriesPaging: (paging) => dispatch(setEntriesPaging(paging))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Table);","import React, {useEffect, useState} from 'react';\nimport {connect} from 'react-redux'\nimport {fetch} from \"../../../store/actions/LanguageAction\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport {Select} from \"@material-ui/core\";\nimport Skeleton from \"@material-ui/lab/Skeleton\";\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\nimport { useTranslation } from 'react-i18next';\n\nconst Language = ({loading, list, fetch, onChange, defaultValue = '', helperText = '', inputProps = {}, value = undefined, useLocalName = false}) => {\n const languageLabel = React.useRef(null);\n const [languageLabelWidth, setLanguageLabelWidth] = useState(0);\n const { t } = useTranslation();\n\n useEffect(() => {\n setLanguageLabelWidth(languageLabel.current.offsetWidth);\n }, []);\n\n useEffect(() => {\n fetch();\n }, [fetch]);\n\n if (loading) {\n return (\n \n {t('language_lbl')} \n {!loading && \n {list.map((v) =>\n {useLocalName ? v.Local_Name : v.Name_Long} \n )}\n \n }\n {helperText && {helperText} }\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n loading: state.language.loading,\n list: state.language.languages,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n fetch: (data) => dispatch(fetch())\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Language);","import {rest} from \"@karpeleslab/klbfw\";\nimport {handleError} from \"../../components/utils/apiErrorHandler\";\nimport {LANGUAGE_FETCH, LANGUAGE_FETCH_DONE} from \"../reducers/LanguageReducer\";\n\nexport const fetch = (fetch) => {\n return (dispatch, getState) => {\n if (getState().language.languages.length > 0) return; // language won't changes do not reload them\n dispatch({type: LANGUAGE_FETCH});\n return rest('Language')\n .then(data => {\n dispatch({type: LANGUAGE_FETCH_DONE, languages: data.data});\n return data.data;\n })\n .catch((err) => {\n handleError(getState, dispatch, err)\n })\n\n }\n};","import React, {useState} from 'react';\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Language from \"../../inputs/Language\";\nimport {getLocale} from \"@karpeleslab/klbfw\";\nimport TextField from \"@material-ui/core/TextField\";\nimport {connect} from 'react-redux'\nimport {createEntry, createEntryData} from \"../../../../store/actions/CmsAction\";\nimport {useHistory} from \"react-router-dom\";\nimport { useTranslation } from 'react-i18next';\n\nconst CreateDialog = ({open, setOpen, creating, cmsId, entryId = null, createEntryData, createEntry}) => {\n const { t } = useTranslation();\n const [lang, setLang] = useState(getLocale());\n const [title, setTitle] = useState('');\n let history = useHistory();\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleCreateEntry = () => {\n createEntry(cmsId, title, lang)\n .then((entry) => {\n const entryData = entry.Data[Object.keys(entry.Data)[0]];\n history.push('/article/' + entryData.Content_Cms_Entry_Data__)\n }).then(handleClose)\n };\n\n const handleCreateEntryData = () => {\n createEntryData(entryId, lang)\n .then((entryData) => {\n history.push('/article/' + entryData.Content_Cms_Entry_Data__)\n }).then(handleClose)\n };\n\n const handleSubmit = (e) => {\n e.stopPropagation();\n e.preventDefault();\n\n if (!entryId)\n handleCreateEntry();\n else\n handleCreateEntryData();\n };\n\n return (\n\n \n \n \n\n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n creating: state.cms.creatingEntryData\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n createEntry: (cmsId, title, language) => dispatch(createEntry(cmsId, title, language)),\n createEntryData: (entryId, language) => dispatch(createEntryData(entryId, language)),\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CreateDialog);","import React, {useEffect, useState} from 'react';\r\nimport {connect} from 'react-redux'\r\nimport {fetchAndSelectCms, resetEntriesPaging} from \"../store/actions/CmsAction\";\r\nimport {Paper} from \"../components/common/surface/Paper\";\r\nimport AppBarTitle from \"../components/common/typography/AppBarTitle\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {Toolbar} from \"@material-ui/core\";\r\nimport {Title} from \"../components/common/typography/Title\";\r\nimport EntriesTable from \"../components/common/cms/table/Table\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport CreateDialog from \"../components/common/cms/entry/CreateDialog\";\r\nimport {useTranslation} from 'react-i18next';\r\nimport {useParams} from 'react-router'\r\n\r\nconst Cms = ({selectedCms, fetchAndSelectCms, resetEntriesPaging}) => {\r\n const [showTable, setShowTable] = useState(false);\r\n const [showCreate, setShowCreate] = useState(false);\r\n const {t} = useTranslation();\r\n const {cmsId} = useParams();\r\n\r\n useEffect(() => {\r\n if (!cmsId) return;\r\n fetchAndSelectCms(cmsId).then(d => {\r\n setShowTable(true)\r\n })\r\n }, [cmsId, fetchAndSelectCms, setShowTable]);\r\n\r\n useEffect(() => {\r\n resetEntriesPaging()\r\n }, [resetEntriesPaging]);\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n \r\n {t('dashboard_title')} \r\n\r\n } variant='contained' color='primary' onClick={e => setShowCreate(true)}>\r\n {t('create_btn')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {selectedCms && }\r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n selectedCms: state.cms.selected\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchAndSelectCms: (id) => dispatch(fetchAndSelectCms(id)),\r\n resetEntriesPaging: () => dispatch(resetEntriesPaging())\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Cms);","import React, {useEffect, useState} from 'react';\nimport {connect} from 'react-redux'\nimport {fetchAndSelectCms, resetEntriesPaging} from \"../store/actions/CmsAction\";\nimport {Paper} from \"../components/common/surface/Paper\";\nimport AppBarTitle from \"../components/common/typography/AppBarTitle\";\nimport Grid from \"@material-ui/core/Grid\";\nimport {Toolbar} from \"@material-ui/core\";\nimport {Title} from \"../components/common/typography/Title\";\nimport EntriesTable from \"../components/common/cms/table/Table\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport Button from \"@material-ui/core/Button\";\nimport CreateDialog from \"../components/common/cms/entry/CreateDialog\";\nimport {useTranslation} from 'react-i18next';\nimport {useParams} from 'react-router'\n\nconst Cms = ({selectedCms, fetchAndSelectCms, resetEntriesPaging}) => {\n const [showTable, setShowTable] = useState(false);\n const [showCreate, setShowCreate] = useState(false);\n const {t} = useTranslation();\n const {cmsId} = useParams();\n\n\n useEffect(() => {\n if (!cmsId) return;\n fetchAndSelectCms(cmsId).then(d => {\n setShowTable(true)\n })\n }, [cmsId, fetchAndSelectCms, setShowTable]);\n\n return (\n \n \n\n \n \n {t('news_article_title')} \n\n } variant='contained' color='primary' onClick={e => setShowCreate(true)}>\n {t('create_btn')}\n \n \n \n \n \n \n\n {selectedCms && }\n \n\n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n selectedCms: state.cms.selected\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n fetchAndSelectCms: (id) => dispatch(fetchAndSelectCms(id)),\n resetEntriesPaging: () => dispatch(resetEntriesPaging())\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Cms);","import React from 'react';\nimport Typography from \"@material-ui/core/Typography\";\nimport Box from \"@material-ui/core/Box\";\n\nconst Panel = (props) => {\n const { children, value, index, ...other } = props;\n\n return (\n \n {value === index && {children} }\n \n );\n};\n\nexport default Panel;","import React, {useState} from 'react';\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\nimport {IMG_VARIATION} from \"./Gallery\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport Grid from \"@material-ui/core/Grid\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport {Select} from \"@material-ui/core\";\nimport TextField from \"@material-ui/core/TextField\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport {connect} from 'react-redux'\nimport {fetchEntry} from \"../../../../store/actions/CmsAction\";\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles(theme => ({\n imgToInsert: {\n textAlign: 'center'\n },\n}));\n\nconst InsertDialog = ({loading, img, open, setOpen,fetchEntry, onInsert}) => {\n const classes = useStyles();\n const { t } = useTranslation();\n const inputLabel = React.useRef(null);\n const [labelWidth, setLabelWidth] = useState(0);\n\n const [size, setSize] = useState('75x75');\n const [width, setWidth] = useState('');\n const [height, setHeight] = useState('');\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleSubmit = (e) => {\n e.stopPropagation();\n e.preventDefault();\n let variation = 'format=png&strip';\n if(size !== 'origin') {\n let w = 0;\n let h = 0;\n if(size === 'custom') {\n w = width;\n h = height;\n }else\n {\n const sizes = size.split('x');\n w = parseInt(sizes[0]);\n h = parseInt(sizes[1]);\n }\n\n variation+=\"&scale_crop=\"+w+\"x\"+h;\n }\n\n fetchEntry(variation).then((entry) => {\n const generatedImg = entry.Image.filter((i) => i.Drive_Item__ === img.Drive_Item__)[0]\n onInsert(img.Drive_Item__, variation ,generatedImg.Media_Image[variation]);\n setOpen(false);\n })\n\n };\n\n const isCustom = size === 'custom';\n\n return (\n setLabelWidth(inputLabel.current.offsetWidth)}\n >\n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n loading: state.cms.loadingEntry\n }\n};\n\nconst mapDispatchToProps = (dispatch, props) => {\n return {\n fetchEntry: (variation) => dispatch(fetchEntry(props.entry.Content_Cms_Entry__, {image_variation: [IMG_VARIATION, variation]}))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(InsertDialog);","import React from 'react';\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\nimport {IMG_VARIATION} from \"./Gallery\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport Grid from \"@material-ui/core/Grid\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport {connect} from 'react-redux'\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport Typography from \"@material-ui/core/Typography\";\nimport {deleteEntryPicture} from \"../../../../store/actions/CmsAction\";\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles(theme => ({\n imgToInsert: {\n textAlign: 'center'\n },\n}));\n\nconst DeleteDialog = ({img, open, setOpen, deleting, entry, deleteEntryPicture}) => {\n const classes = useStyles();\n const { t } = useTranslation();\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleDelete = () => {\n deleteEntryPicture(entry.Content_Cms_Entry__, img.Drive_Item__)\n .then(handleClose)\n };\n\n return (\n \n {t('confirm_delete_picture_title')} \n \n \n {t('confirm_delete_picture_desc')}\n {t('are_you_sure')} \n \n \n \n \n \n\n \n\n \n \n\n \n \n {t('back_btn')}\n \n } onClick={handleDelete}>\n {t('delete_btn')}\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n deleting: state.cms.deletingImage\n }\n};\n\nconst mapDispatchToProps = (dispatch, props) => {\n return {\n deleteEntryPicture: (entryId, imgId) => dispatch(deleteEntryPicture(entryId, imgId, {image_variation: IMG_VARIATION})),\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteDialog);","import React, {useEffect, useState} from 'react';\nimport GridListTile from \"@material-ui/core/GridListTile\";\nimport Skeleton from \"@material-ui/lab/Skeleton\";\nimport GridList from \"@material-ui/core/GridList\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport {useTheme} from '@material-ui/core/styles';\nimport GridListTileBar from \"@material-ui/core/GridListTileBar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport moment from \"moment\";\nimport AddPhotoAlternateIcon from '@material-ui/icons/AddPhotoAlternate';\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport InsertDialog from \"./InsertDialog\";\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\nimport {Grid, Toolbar} from \"@material-ui/core\";\nimport {Title} from \"../../typography/Title\";\nimport Button from \"@material-ui/core/Button\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport LinearProgress from \"@material-ui/core/LinearProgress\";\nimport Typography from \"@material-ui/core/Typography\";\nimport {connect} from 'react-redux'\nimport {fetchEntry, uploadFiles} from \"../../../../store/actions/CmsAction\";\nimport DeleteDialog from \"./DeleteDialog\";\nimport { useTranslation } from 'react-i18next';\n\nexport const IMG_VARIATION = \"strip&scale_crop=240x180&format=jpeg\";\nconst useStyles = makeStyles(theme => ({\n icon: {\n color: 'rgba(255, 255, 255, 0.54)',\n '&:hover': {\n color: 'rgba(255, 255, 255, 0.8)',\n }\n },\n}));\n\nconst Gallery = ({\n entryId,\n entry,\n loading,\n galleryMode = 'insert',\n onInsert = () => {\n },\n onSelect = () => {\n },\n uploadFiles,\n uploadImgCount,\n uploadImgDoneCount,\n uploadImgRunningCount,\n uploadImgRunningPercent,\n fetchEntry\n }) => {\n\n useEffect(() => {\n if (!entryId) return;\n fetchEntry(entryId);\n }, [entryId, fetchEntry]);\n\n const inputFileRef = React.useRef(null);\n const { t } = useTranslation();\n const classes = useStyles();\n const theme = useTheme();\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n\n const [insertDialogShown, setInsertDialogShown] = useState(false);\n const [deleteDialogShown, setDeleteDialogShown] = useState(false);\n const [selectedImg, setSelectedImg] = useState(null);\n\n const loadingData = [...Array(5).keys()];\n const displayLoading = () => loadingData.map((k) =>\n \n \n );\n\n const displayImages = () => entry.Image.map((img) =>\n \n {\n setSelectedImg(img);\n if (galleryMode === 'select')\n onSelect(img);\n else if (galleryMode === 'insert')\n setInsertDialogShown(true);\n else if (galleryMode === 'manage')\n setDeleteDialogShown(true);\n }\n }>\n {galleryMode === 'insert' && \n );\n\n const displayUpload = uploadImgCount !== uploadImgDoneCount;\n\n let donePercent = 0;\n let bufferPercent = 0;\n\n if (displayUpload) {\n donePercent = (100 * uploadImgDoneCount) / uploadImgCount;\n bufferPercent = (100 * (uploadImgDoneCount + uploadImgRunningCount)) / uploadImgCount;\n // calculate the % of the currently uploading\n donePercent += ((bufferPercent - donePercent) * uploadImgRunningPercent)\n }\n\n const handleFileInputChange = (e) => {\n if (e.target.files.length < 1) {\n return;\n }\n\n uploadFiles(entry.Content_Cms_Entry__, e.target.files)\n };\n\n return (\n \n \n \n {t('gallery_title')} \n\n {entry &&\n }\n className={classes.addBtn}\n onClick={() => {\n inputFileRef.current.click()\n }}\n >\n {t('add_btn')}\n }\n \n \n \n \n {t('gallery_desc')}\n \n \n \n {displayUpload && }\n \n \n \n {!entry && displayLoading()}\n {entry && displayImages()}\n {(selectedImg && galleryMode === 'insert') &&\n }\n\n {(selectedImg && galleryMode === 'manage') &&\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n uploadImgCount: state.cms.uploadImgCount,\n uploadImgDoneCount: state.cms.uploadImgDoneCount,\n uploadImgRunningCount: state.cms.uploadImgRunningCount,\n uploadImgRunningPercent: state.cms.uploadImgRunningPercent,\n entry: state.cms.entry,\n loading: state.cms.loadingEntry,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n uploadFiles: (entryId, files) => dispatch(uploadFiles(entryId, files, {image_variation: IMG_VARIATION})),\n fetchEntry: (id) => dispatch(fetchEntry(id, {image_variation: IMG_VARIATION})),\n }\n};\nexport default connect(mapStateToProps, mapDispatchToProps)(Gallery);","import React from 'react';\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport {useTheme} from '@material-ui/core/styles';\nimport Gallery from \"./Gallery\";\nimport { useTranslation } from 'react-i18next';\n\nconst GalleryDialog = ({\n open,\n setOpen,\n entryId,\n galleryMode = 'insert',\n selectCallback = () => {\n },\n insertCallback = () => {\n }\n }) => {\n const theme = useTheme();\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n const { t } = useTranslation();\n const handleClose = () => {\n setOpen(false);\n };\n\n const onInsert = (id, variation, src) => {\n insertCallback(id, variation, src);\n handleClose();\n };\n\n const onSelect = (img) => {\n selectCallback(img);\n handleClose();\n };\n\n return (\n \n \n \n \n\n \n \n {t('close_btn')}\n \n \n \n );\n};\n\n\nexport default GalleryDialog;","import React from 'react';\nimport TableRow from \"@material-ui/core/TableRow\";\nimport Skeleton from \"@material-ui/lab/Skeleton\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport Button from \"@material-ui/core/Button\";\nimport ArrowForwardIcon from \"@material-ui/icons/ArrowForward\";\nimport {useTranslation} from \"react-i18next\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport SearchIcon from \"@material-ui/icons/Search\";\n\nconst useStyles = makeStyles(theme => ({\n selected: {\n backgroundColor: '#f9fafb',\n },\n selectable: {\n '&:hover': {\n cursor: 'pointer',\n backgroundColor: '#f9fafb',\n }\n },\n}));\n\nconst Row = ({template, value, setValue, mode}) => {\n const {t} = useTranslation();\n const display = template !== null;\n const classes = useStyles();\n const isSelected = template ? (value ? value.Content_Cms_Template__ === template.Content_Cms_Template__ : false) : false;\n\n\n return (\n setValue(template)}>\n \n {!display && {template.Name} }\n \n \n {!display && \n \n );\n};\n\n\nexport default Row;","import React, {useEffect} from 'react';\nimport TableHead from \"@material-ui/core/TableHead\";\nimport MaterialTable from \"@material-ui/core/Table\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableContainer from \"@material-ui/core/TableContainer\";\nimport Row from \"./Row\";\nimport {connect} from 'react-redux'\nimport TableFooter from \"@material-ui/core/TableFooter\";\nimport TablePagination from \"@material-ui/core/TablePagination\";\nimport TablePaginationActions from \"@material-ui/core/TablePagination/TablePaginationActions\";\nimport {useTranslation} from 'react-i18next';\nimport {fetchTemplates, setTemplatesFilters, setTemplatesPaging} from \"../../../../../store/actions/CmsAction\";\nimport queryString from \"query-string\";\nimport {useHistory, useLocation} from \"react-router-dom\";\n\nconst Table = ({templates, fetch, mode, setTemplatesFilters, setTemplatesPaging, loading, filters, paging, count, disabled = false, value, setValue}) => {\n\n const loadingData = [...Array(paging.results_per_page).keys()];\n\n const displayLoading = () => loadingData.map((k) => );\n const displayTemplates = () => templates.map((e, idx) => );\n const {t} = useTranslation();\n\n const history = useHistory();\n const location = useLocation();\n\n useEffect(() => {\n const params = queryString.parse(location.search);\n const pNo = 'page_no' in params ? parseInt(params.page_no) : 1;\n if(paging.page_no !== pNo )\n setTemplatesPaging({page_no:pNo})\n // eslint-disable-next-line\n }, [location]);\n\n useEffect(() => {\n if (!disabled) fetch();\n }, [disabled, fetch, filters, paging]);\n\n\n const changePageHandler = (e, newPage) => {\n // The pagination component start at 0;...\n if (loading) return;\n let params = queryString.parse(location.search);\n params.page_no = newPage + 1;\n history.push(location.pathname + '?' + queryString.stringify(params));\n };\n\n const changeResultPerPageHandler = e => {\n if (loading) return;\n setTemplatesPaging({results_per_page: e.target.value})\n };\n\n return (\n \n \n \n \n {t('tablecell_name')} \n {t('tablecell_actions')} \n \n \n \n {(loading || disabled) && displayLoading()}\n {(!loading && !disabled) && displayTemplates()}\n \n \n \n \n \n\n \n \n )\n};\n\n\nconst mapStateToProps = (state) => {\n return {\n filters: state.cms.templatesFilters,\n paging: state.cms.templatesPaging,\n count: state.cms.templatesPagingCount,\n loading: state.cms.templatesLoading,\n templates: state.cms.templates\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n fetch: () => dispatch(fetchTemplates()),\n setTemplatesFilters: (filters) => dispatch(setTemplatesFilters(filters)),\n setTemplatesPaging: (paging) => dispatch(setTemplatesPaging(paging))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Table);\n\n","import React from 'react';\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport {connect} from 'react-redux'\nimport DeleteForeverIcon from \"@material-ui/icons/DeleteForever\";\nimport Typography from \"@material-ui/core/Typography\";\nimport {useTranslation} from 'react-i18next';\nimport {deleteTemplate} from \"../../../../store/actions/CmsAction\";\n\nconst DeleteDialog = ({open, setOpen, deleting, template, deleteTemplate, onDeleted}) => {\n const {t} = useTranslation();\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleDelete = () => {\n deleteTemplate(template.Content_Cms_Template__)\n .then(() => {\n handleClose();\n onDeleted();\n })\n };\n\n return (\n \n {t('confirm_delete_template_title')} \n \n \n {t('confirm_delete_template_desc')}\n {t('are_you_sure')} \n \n \n\n \n \n {t('back_btn')}\n \n } onClick={handleDelete}>\n {t('delete_btn')}\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n deleting: state.cms.templateDeleting\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n deleteTemplate: (templateId) => dispatch(deleteTemplate(templateId))\n }\n};\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteDialog);","import React, {useEffect, useState} from 'react';\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport Grid from \"@material-ui/core/Grid\";\nimport TextField from \"@material-ui/core/TextField\";\nimport {connect} from 'react-redux'\nimport {useTranslation} from 'react-i18next';\nimport {createTemplate, fetchTemplates, updateTemplate} from \"../../../../store/actions/CmsAction\";\nimport RichText from \"../../inputs/RichText\";\nimport {useTheme} from \"@material-ui/core/styles\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport DeleteForeverIcon from \"@material-ui/icons/DeleteForever\";\nimport DeleteDialog from \"./DeleteDialog\";\n\n\nconst ManageDialog = ({open, setOpen, creating, updating, updateTemplate, createTemplate, refreshTemplatesList, template = null}) => {\n const {t} = useTranslation();\n const [name, setName] = useState(\"\");\n const [html, setHtml] = useState(\"\");\n const [saveEnabled, setSaveEnabled] = useState(false);\n const theme = useTheme();\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n\n const onDeleted = () => {\n refreshTemplatesList();\n handleClose();\n };\n\n useEffect(() => {\n if (template) {\n setName(template.Name);\n setHtml(template.Html);\n } else {\n setName(\"\");\n setHtml(\"\");\n }\n\n }, [template, setHtml, setName]);\n\n useEffect(() => {\n if (template) {\n if (name.trim() !== template.Name) {\n setSaveEnabled(true);\n return;\n }\n\n if (html.trim() !== template.Html) {\n setSaveEnabled(true);\n return;\n }\n\n setSaveEnabled(false);\n return;\n }\n\n if (!name.trim() || !html.trim()) {\n setSaveEnabled(false);\n return;\n }\n\n setSaveEnabled(true)\n }, [template, name, html, setSaveEnabled]);\n\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleSubmit = (e) => {\n e.stopPropagation();\n e.preventDefault();\n\n if (template) {\n updateTemplate(template.Content_Cms_Template__, name, html).then((d) => {\n refreshTemplatesList();\n handleClose();\n });\n return\n }\n\n createTemplate(name, html)\n .then((d) => {\n refreshTemplatesList();\n handleClose();\n })\n };\n\n\n //disableEnforceFocus because tinymce will create model, input will not be focusable\n return (\n \n \n {(showDeleteDialog && template !== null) &&\n }\n \n\n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n creating: state.cms.templateCreating,\n updating: state.cms.templateUpdating,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n createTemplate: (name, html) => dispatch(createTemplate(name, html)),\n updateTemplate: (id, name, html) => dispatch(updateTemplate(id, name, html)),\n refreshTemplatesList: () => dispatch(fetchTemplates()),\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ManageDialog);","import React from 'react';\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport Grid from \"@material-ui/core/Grid\";\nimport {connect} from 'react-redux'\nimport {fetchTemplate} from \"../../../../store/actions/CmsAction\";\nimport {useTranslation} from 'react-i18next';\nimport {Title} from \"../../typography/Title\";\nimport Box from \"@material-ui/core/Box\";\n\n\nconst InsertDialog = ({template, open, setOpen, onInsert}) => {\n const {t} = useTranslation();\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleSubmit = (e) => {\n e.stopPropagation();\n e.preventDefault();\n\n onInsert(template.Html)\n };\n\n return (\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n loading: state.cms.selectedTemplateLoading,\n template: state.cms.selectedTemplate\n }\n};\n\nconst mapDispatchToProps = (dispatch, props) => {\n return {\n fetchTemplate: (templateId) => dispatch(fetchTemplate(templateId))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(InsertDialog);","import React, {useEffect, useState} from 'react';\nimport Grid from \"@material-ui/core/Grid\";\nimport {Toolbar} from \"@material-ui/core\";\nimport {Title} from \"../../typography/Title\";\nimport Button from \"@material-ui/core/Button\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport Table from \"./table/Table\";\nimport ManageDialog from \"./ManageDialog\";\nimport {useTranslation} from \"react-i18next\";\nimport {connect} from 'react-redux'\nimport {fetchTemplate} from \"../../../../store/actions/CmsAction\";\nimport InsertDialog from \"./InsertDialog\";\n\nconst Templates = ({cms, fetchTemplate, selectedTemplateLoading, selectedTemplate, mode = 'manage', onInsert}) => {\n const {t} = useTranslation();\n const [showCreate, setShowCreate] = useState(false);\n const [showInsert, setShowInsert] = useState(false);\n const [enableTableDisplay, setEnableTableDisplay] = useState(false);\n const [template, setTemplate] = useState(null);\n\n useEffect(() => {\n if (!cms) return;\n setEnableTableDisplay(true);\n }, [cms, setEnableTableDisplay]);\n\n const onCreateHandler = () => {\n setTemplate(null);\n setShowCreate(true);\n };\n\n const onSelectHandler = (t) => {\n fetchTemplate(t.Content_Cms_Template__)\n .then(d => {\n setTemplate(d);\n if (mode === 'manage')\n setShowCreate(true);\n else if (mode === 'insert')\n setShowInsert(true)\n })\n\n };\n\n return (\n \n \n \n\n {t('cms_templates_title')} \n\n\n } variant='contained' color='primary' onClick={onCreateHandler}>\n {t('create_btn')}\n \n \n \n \n \n \n\n {cms && }\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n cms: state.cms.selected,\n selectedTemplateLoading: state.cms.selectedTemplateLoading,\n selectedTemplate: state.cms.selectedTemplate\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n fetchTemplate: (templateId) => dispatch(fetchTemplate(templateId))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Templates);","import React from 'react';\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport {useTheme} from '@material-ui/core/styles';\nimport {useTranslation} from 'react-i18next';\nimport Templates from \"./Templates\";\n\nconst TemplateDialog = ({\n open,\n setOpen,\n insertCallback = () => {\n }\n }) => {\n const theme = useTheme();\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n const {t} = useTranslation();\n const handleClose = () => {\n setOpen(false);\n };\n\n const onInsert = (id, variation, src) => {\n insertCallback(id, variation, src);\n handleClose();\n };\n\n return (\n \n \n \n \n\n \n \n {t('close_btn')}\n \n \n \n );\n};\n\n\nexport default TemplateDialog;","import React, {Fragment, useState} from 'react';\nimport {Editor} from '@tinymce/tinymce-react';\nimport GalleryDialog from \"../cms/gallery/GalleryDialog\";\nimport TemplateDialog from \"../cms/template/TemplateDialog\";\n\nconst RichText = ({value, onChange, entryId = null}) => {\n const [editor, setEditor] = useState(null);\n const [cmsGalleryShown, setCmsGalleryShown] = useState(false);\n const [cmsTemplateShown, setCmsTemplateShown] = useState(false);\n\n const onGalleryInsert = (id, variation, src) => {\n if (!editor) return;\n let imgNode = editor.getDoc().createElement(\"img\");\n imgNode.src = src;\n imgNode.setAttribute(\"data-platform-type\", \"Drive/Item\");\n imgNode.setAttribute(\"data-platform-id\", id);\n imgNode.setAttribute(\"data-platform-variation\", variation);\n editor.execCommand('mceInsertContent', false, imgNode.outerHTML)\n };\n\n const onTemplateInsert = (content) => {\n if (!editor) return;\n editor.execCommand('mceInsertContent', false, content)\n };\n\n return (\n \n {\n setEditor(editor);\n if (!entryId) return;\n\n editor.ui.registry.addButton('entryImg', {\n icon: 'gallery',\n onAction: () => {\n setCmsGalleryShown(true)\n }\n });\n\n editor.ui.registry.addButton('template', {\n icon: 'template',\n onAction: () => {\n setCmsTemplateShown(true)\n }\n });\n }\n }}\n onEditorChange={onChange}\n />\n {entryId && }\n {entryId && }\n \n );\n};\n\nexport default RichText;","import React, {useEffect, useState} from 'react';\nimport {Button, Grid} from \"@material-ui/core\";\nimport Card from \"@material-ui/core/Card\";\nimport CardMedia from \"@material-ui/core/CardMedia\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport Typography from \"@material-ui/core/Typography\";\nimport CardActions from \"@material-ui/core/CardActions\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport GalleryDialog from \"../gallery/GalleryDialog\";\nimport {setImages} from \"../../../../store/actions/CmsAction\";\nimport {connect} from 'react-redux'\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles({\n media: {\n height: 140,\n },\n delete: {\n marginLeft: 'auto'\n }\n});\n\nconst ArticlePictures = ({entryData, updatingEntryData, setImages}) => {\n const { t } = useTranslation();\n const classes = useStyles();\n\n const [saveEnabled, setSaveEnabled] = useState(false);\n\n\n const [mainImage, setMainImage] = useState(null);\n const [topImage, setTopImage] = useState(null);\n\n const [imageType, setImageType] = useState('main');\n const [showImgPicker, setShowImgPicker] = useState(false);\n\n // This use to be sure the initial state is loaded only 1 time, this means if the entryData is changed by another component (update of its content)\n // this component will not change it's internal state. This means for example if we change the article title without safe but we safe some new tags, the articles title changes will no be lost\n const [loaded, setLoaded] = useState(false);\n\n const [mainImageChanged, setMainImageChanged] = useState(false);\n const [topImageChanged, setTopImageChanged] = useState(false);\n\n\n const originalMainImage = entryData ? (entryData.Drive_Item__ ? entryData.Drive_Item : null) : null;\n const originalTopImage = entryData ? (entryData.Top_Drive_Item__ ? entryData.Top_Drive_Item : null) : null;\n\n useEffect(() => {\n if (!entryData || loaded) return;\n setMainImage(originalMainImage);\n setTopImage(originalTopImage);\n setLoaded(true)\n\n }, [entryData, loaded, originalMainImage, originalTopImage]);\n\n useEffect(() => {\n if (!entryData) return;\n\n let saveEnabled = false;\n let topImageChanged = false;\n let mainImageChanged = false;\n if (mainImage) {\n if (!entryData.Drive_Item__) {\n saveEnabled = true;\n mainImageChanged = true;\n }\n if (entryData.Drive_Item__ !== mainImage.Drive_Item__) {\n saveEnabled = true;\n mainImageChanged = true;\n }\n } else {\n if (entryData.Drive_Item__) {\n saveEnabled = true;\n mainImageChanged = true;\n }\n }\n\n if (topImage) {\n if (!entryData.Top_Drive_Item__) {\n saveEnabled = true;\n topImageChanged = true;\n }\n if (entryData.Top_Drive_Item__ !== topImage.Drive_Item__) {\n saveEnabled = true;\n topImageChanged = true;\n }\n } else {\n if (entryData.Top_Drive_Item__) {\n saveEnabled = true;\n topImageChanged = true;\n }\n }\n\n setSaveEnabled(saveEnabled);\n setMainImageChanged(mainImageChanged);\n setTopImageChanged(topImageChanged);\n }, [mainImage, topImage, entryData]);\n\n const onImgPicked = (img) => {\n if (imageType === 'main')\n setMainImage(img);\n else if (imageType === 'cover')\n setTopImage(img);\n };\n\n const handleSave = (e) => {\n e.stopPropagation();\n e.preventDefault();\n if (!entryData) return;\n setImages(entryData.Content_Cms_Entry_Data__, mainImage ? mainImage.Drive_Item__ : null, topImage ? topImage.Drive_Item__ : null)\n };\n\n return (\n \n \n \n {mainImage && \n \n {t('main_image')}\n \n \n {t('image_displayed_listing_articles')}\n {!mainImage &&\n \n \n\n \n {\n setImageType('main');\n setShowImgPicker(true)\n }}>\n {t('change_btn')}\n \n\n {mainImageChanged &&\n {\n setMainImage(originalMainImage);\n }}>\n {t('revert_changes_btn')}\n }\n\n {\n setMainImage(null);\n }}>\n {t('delete_btn')}\n \n \n \n\n \n\n\n \n \n {topImage && \n \n {t('cover_img')}\n \n \n {t('image_displayed_user_view_article')}\n {!topImage &&\n \n \n\n \n {\n setImageType('cover');\n setShowImgPicker(true)\n }}>\n {t('change_btn')}\n \n {topImageChanged &&\n {\n setTopImage(originalTopImage);\n }}>\n {t('revert_changes_btn')}\n }\n {\n setTopImage(null);\n }}>\n {t('delete_btn')}\n \n \n \n\n \n\n \n \n\n \n {t('save_btn')}\n \n\n \n \n\n {entryData &&\n }\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n updatingEntryData: state.cms.updatingEntryData,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n setImages: (entryDataId, main, cover) => dispatch(setImages(entryDataId, main, cover)),\n }\n};\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ArticlePictures);","import React, {useEffect, useState} from 'react';\nimport {Button, Grid, TextField} from \"@material-ui/core\";\nimport {connect} from 'react-redux'\nimport {updateEntryData} from \"store/actions/CmsAction\";\nimport RichText from \"../../inputs/RichText\";\nimport ArticlePictures from \"./ArticlePictures\";\nimport { useTranslation } from 'react-i18next';\n\nconst Content = ({entryData, updateEntryData, updatingEntryData}) => {\n const [title, setTitle] = useState('');\n const [contents, setContents] = useState('');\n const [shortContents, setShortContents] = useState('');\n const { t } = useTranslation();\n\n const [saveEnabled, setSaveEnabled] = useState(false);\n\n\n // This use to be sure the initial state is loaded only 1 time, this means if the entryData is changed by another component (update of its content)\n // this component will not change it's internal state. This means for example if we change the article title without safe but we safe some new tags, the articles title changes will no be lost\n const [loaded, setLoaded] = useState(false);\n\n useEffect(() => {\n if (!entryData || loaded) return;\n setTitle(entryData.Title);\n setShortContents(entryData.Short_Contents);\n setContents(entryData.Contents);\n setLoaded(true)\n\n }, [entryData, loaded]);\n\n useEffect(() => {\n if (!entryData) return;\n\n if (title !== entryData.Title) {\n setSaveEnabled(true);\n return;\n }\n\n if (contents !== entryData.Contents) {\n setSaveEnabled(true);\n return;\n }\n\n if (shortContents !== entryData.Short_Contents) {\n setSaveEnabled(true);\n return;\n }\n\n setSaveEnabled(false);\n }, [entryData, title, contents, shortContents]);\n\n const handleSubmit = (e) => {\n e.stopPropagation();\n e.preventDefault();\n\n const data = {\n Title: title,\n Contents: contents,\n Short_Contents: shortContents\n };\n\n updateEntryData(entryData.Content_Cms_Entry_Data__, data)\n .then(d => {\n setContents(d.Contents);\n });\n };\n\n return (\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n updatingEntryData: state.cms.updatingEntryData,\n entryData : state.cms.entryData\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n updateEntryData: (entryDataId, data) => dispatch(updateEntryData(entryDataId, data))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Content);","import React, {useEffect, useState} from 'react';\nimport {Button, Grid, Typography} from \"@material-ui/core\";\nimport {Title} from \"../../typography/Title\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport Select from \"@material-ui/core/Select\";\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\nimport moment from \"moment\";\nimport MomentUtils from \"@date-io/moment\";\nimport {DateTimePicker, MuiPickersUtilsProvider} from \"@material-ui/pickers\";\nimport {connect} from 'react-redux'\nimport {updateEntryData} from \"../../../../store/actions/CmsAction\";\nimport { useTranslation } from 'react-i18next';\n\nconst Publication = ({entryData, updateEntryData, updatingEntryData}) => {\n const statusLabel = React.useRef(null);\n const [statusLabelWidth, setStatusLabelWidth] = useState(0);\n const [saveEnabled, setSaveEnabled] = useState(false);\n\n // This use to be sure the initial state is loaded only 1 time, this means if the entryData is changed by another component (update of its content)\n // this component will not change it's internal state. This means for example if we change the article title without safe but we safe some new tags, the articles title changes will no be lost\n const [loaded, setLoaded] = useState(false);\n\n const [status, setStatus] = useState();\n const [publishedDate, setPublishedDate] = useState(null);\n const { t } = useTranslation();\n\n useEffect(() => {\n setStatusLabelWidth(statusLabel.current.offsetWidth);\n }, []);\n\n\n useEffect(() => {\n if (!entryData || loaded) return;\n setStatus(entryData.Status);\n setPublishedDate(entryData.Published ? moment(parseInt(entryData.Published.unixms)) : null);\n setLoaded(true)\n\n }, [entryData, loaded]);\n\n useEffect(() => {\n if (!entryData) return;\n if (status !== entryData.Status) {\n setSaveEnabled(true);\n return;\n }\n\n if (!entryData.Published && publishedDate) {\n setSaveEnabled(true);\n return;\n }\n\n if (entryData.Published && !publishedDate) {\n setSaveEnabled(true);\n return;\n }\n\n if (entryData.Published && publishedDate) {\n if (entryData.Published.unix !== publishedDate.unix()) {\n setSaveEnabled(true);\n return;\n }\n }\n\n setSaveEnabled(false)\n\n }, [entryData, status, publishedDate]);\n\n const handleSave = (e) => {\n e.preventDefault();\n let data = {\n Status: status,\n };\n\n if (publishedDate) {\n data['Published'] = '@' + publishedDate.unix();\n }\n\n updateEntryData(entryData.Content_Cms_Entry_Data__, data).then(\n d => {\n // because we prevent the data from updating thank to the var 'loaded' (thanks to this we can edit section independently without loosing non saved changes)\n // the published might not be refreshed when change the status to published on an article that has never been published\n // So we do it here.\n if (!publishedDate && d.Published) {\n setPublishedDate(moment(parseInt(d.Published.unixms)));\n }\n\n }\n )\n };\n\n return (\n \n \n {t('publication_title')} \n \n\n \n \n {t('publication_desc')}\n \n \n\n \n \n {t('status')} \n setStatus(e.target.value)}\n labelWidth={statusLabelWidth}\n inputProps={{\n id: 'published-select',\n }}\n >\n {t('draft_opt')} \n {t('published_opt')} \n \n {t('changing_status_desc')} \n \n \n\n \n \n \n\n \n\n \n \n\n \n \n\n \n {t('save_btn')}\n \n\n \n \n\n\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n updatingEntryData: state.cms.updatingEntryData\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n updateEntryData: (entryDataId, data) => dispatch(updateEntryData(entryDataId, data))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Publication);","import React from 'react';\nimport {Button, Grid} from \"@material-ui/core\";\nimport CheckIcon from \"@material-ui/icons/Check\";\nimport CheckBoxOutlineBlankIcon from \"@material-ui/icons/CheckBoxOutlineBlank\";\nimport uuid from \"../../../utils/uuid\";\n\nconst Tags = ({values, onChange, onAdd, onRemove, list}) => {\n\n const add = (id) => () => {\n const newV = [...values];\n newV.push(id);\n onAdd(id)\n onChange(newV);\n }\n\n const remove = (id) => () =>{\n const newV = values.filter(v => v !== id);\n onRemove(id)\n onChange(newV);\n }\n\n return (\n \n {list.map((t) => {\n const checked = values.includes(t.Classify_Tag__);\n\n return \n \n }\n )}\n \n );\n};\n\nexport default Tags;","import React, {useEffect, useState} from 'react';\nimport {connect} from 'react-redux' \nimport Tags from \"./Tags\";\nimport {Button, Grid, Typography} from \"@material-ui/core\";\nimport {Title} from \"../../typography/Title\";\nimport {editEntryTags} from \"../../../../store/actions/CmsAction\";\nimport { useTranslation } from 'react-i18next';\n\nconst FanclubTags = ({selectedFanclub, entryData, plans, plansLoading, editEntryTags, entryManagingTags}) => {\n const [planTags, setPlanTags] = useState([]);\n const [selectedTags, setSelectedTags] = useState([]);\n const [saveEnabled, setSaveEnabled] = useState(false);\n const { t } = useTranslation();\n\n // This use to be sure the initial state is loaded only 1 time, this means if the entryData is changed by another component (update of its content)\n // this component will not change it's internal state. This means for example if we change the article title without safe but we safe some new tags, the articles title changes will no be lost\n const [loaded, setLoaded] = useState(false);\n\n\n const [toRemove, setToRemove] = useState([]);\n const [toAdd, setToAdd] = useState([]);\n\n\n useEffect(() => {\n if (plans.length < 1) return;\n let tagsList = [];\n plans.forEach((p) => tagsList.push(p.Classify_Tag));\n setPlanTags(tagsList)\n }, [plans]);\n\n useEffect(() => {\n if (!entryData || loaded) return;\n if (!entryData.Content_Cms_Entry.Tags) return;\n\n let tagsList = [];\n entryData.Content_Cms_Entry.Tags.forEach((t) => {\n tagsList.push(t.Classify_Tag__)\n });\n\n setSelectedTags(tagsList);\n setToAdd([]);\n setToRemove([]);\n setLoaded(true)\n }, [entryData, loaded]);\n\n useEffect(() => {\n if (toAdd.length > 0 || toRemove.length > 0) {\n setSaveEnabled(true);\n return;\n }\n\n setSaveEnabled(false);\n }, [toAdd, toRemove]);\n\n const onAdd = (id) => {\n if (toRemove.includes(id)) {\n setToRemove(toRemove.filter(t => t !== id));\n return;\n }\n\n setToAdd([...toAdd, id]);\n };\n\n const onRemove = (id) => {\n if (toAdd.includes(id)) {\n setToAdd(toAdd.filter(t => t !== id));\n return;\n }\n\n setToRemove([...toRemove, id]);\n };\n\n const handleSave = (e) => {\n e.preventDefault();\n\n editEntryTags(entryData.Content_Cms_Entry__, toAdd, toRemove)\n .then(() => {\n setToAdd([]);\n setToRemove([]);\n })\n };\n\n return (\n \n \n {t('fanclub_visibility_title')} \n \n\n \n \n {t('fanclub_visibility_desc')}\n \n \n\n \n\n setSelectedTags(e)} onRemove={onRemove}\n onAdd={onAdd}/>\n\n \n\n \n \n\n \n {t('save_btn')}\n \n\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n selectedFanclub: state.membership.selectedFanclub,\n plans: state.plan.plans,\n plansLoading: state.plan.plansLoading,\n entryManagingTags: state.cms.entryManagingTags,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n editEntryTags: (entryId, toAdd, toDelete) => dispatch(editEntryTags(entryId, toAdd, toDelete)),\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(FanclubTags);","import React, {useState} from 'react';\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport {connect} from 'react-redux'\r\nimport {createNewTag} from \"../../../../store/actions/TagsAction\";\r\nimport {useHistory} from \"react-router-dom\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst CreateDialog = ({open, setOpen, creating, entryId = null, createNewTag}) => {\r\n const { t } = useTranslation();\r\n const [title, setTitle] = useState('');\r\n let history = useHistory();\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n createNewTag(entryId, title)\r\n .then((entry) => {\r\n const entryData = entry.Data[Object.keys(entry.Data)[0]];\r\n history.push('/article/' + entryData.Content_Cms_Entry_Data__)\r\n }).then(handleClose)\r\n };\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n creating: state.cms.creatingEntryData\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n createNewTag: (entryId,tag) => dispatch(createNewTag(entryId,tag)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CreateDialog);","import {FETCH_TAGS_BEGIN, \r\n FETCH_TAGS_SUCCESS, \r\n DELETE_TAGS_BEGIN,\r\n DELETE_TAGS_SUCCESS,\r\n CREATE_TAG_BEGIN,\r\n CREATE_TAG_SUCCESS} from \"../reducers/TagsReducer\";\r\nimport {rest} from \"@karpeleslab/klbfw\";\r\nimport {handleError} from \"../../components/utils/apiErrorHandler\";\r\nimport {success} from \"./ToastAction\";\r\n\r\nexport const fetch = (classify) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: FETCH_TAGS_BEGIN});\r\n\r\n if (classify){\r\n \r\n }else{\r\n classify = getState().cms.selected.Classify.Classify__\r\n }\r\n\r\n const params = {\r\n \"results_per_page\":\"50\",\r\n };\r\n\r\n return rest('Classify/' + classify + ':describeAllTags', 'GET', params)\r\n .then(data => {\r\n dispatch({type: FETCH_TAGS_SUCCESS, tags: data.data});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\n\r\nexport const removeTag = (tagId) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: DELETE_TAGS_BEGIN});\r\n return new Promise((resolve, reject) => {\r\n let p = [];\r\n if (tagId)\r\n\r\n p.push(rest('Classify/Tag/' + tagId, 'DELETE'));\r\n\r\n Promise.all(p)\r\n .then((promisesResults) => {\r\n //promisesResults will contain an array of the result of all promise, we will take last one to have the more update entry data\r\n resolve(promisesResults[promisesResults.length - 1]);\r\n })\r\n .catch(reject)\r\n }).then(() => {\r\n success('tags_updated_success');\r\n const params = {\r\n \"results_per_page\":\"50\",\r\n };\r\n\r\n return rest('Classify/' + getState().cms.selected.Classify.Classify__ + ':describeAllTags', 'GET', params)\r\n .then(data => {\r\n dispatch({type: DELETE_TAGS_SUCCESS, tags: data.data});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\nexport const createNewTag = (entry,tag) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: CREATE_TAG_BEGIN});\r\n\r\n const params = {\r\n \"tag\":tag,\r\n };\r\n\r\n return rest('Content/Cms/' + getState().cms.selected + '/Entry/' + entry + ':addTag', 'POST', params)\r\n .then(data => {\r\n dispatch({type: CREATE_TAG_SUCCESS, tags: data.data});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n","import React, {useEffect, useState} from 'react';\nimport {connect} from 'react-redux'\nimport Tags from \"./Tags\";\nimport {Button, Grid, Typography} from \"@material-ui/core\";\nimport {Title} from \"../../typography/Title\";\nimport {editEntryTags, fetchTags} from \"../../../../store/actions/CmsAction\";\nimport { useTranslation } from 'react-i18next';\nimport CreateDialog from \"../../data/tags/CreateDialog\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport {Toolbar} from \"@material-ui/core\";\n\n\n\nconst ArticleTags = ({selectedCms, entryData, tags, fetchTags, entryManagingTags, editEntryTags}) => {\n const [tagList, setTagList] = useState([]);\n const [selectedTags, setSelectedTags] = useState([]);\n const [saveEnabled, setSaveEnabled] = useState(false);\n const { t } = useTranslation();\n const [showCreate, setShowCreate] = useState(false);\n\n // This use to be sure the initial state is loaded only 1 time, this means if the entryData is changed by another component (update of its content)\n // this component will not change it's internal state. This means for example if we change the article title without safe but we safe some new tags, the articles title changes will no be lost\n const [loaded, setLoaded] = useState(false);\n\n const [toRemove, setToRemove] = useState([]);\n\n const [toAdd, setToAdd] = useState([]);\n\n useEffect(() => {\n if (!entryData || loaded) return;\n fetchTags(entryData.Content_Cms_Entry.Content_Cms.Classify.Classify__);\n\n }, [entryData, fetchTags, loaded]);\n\n useEffect(() => {\n if (!entryData || loaded || tags.length < 1) return;\n\n let selectedList = [];\n if (entryData.Content_Cms_Entry.Tags) {\n entryData.Content_Cms_Entry.Tags.forEach((t) => {\n selectedList.push(t.Classify_Tag__)\n });\n }\n\n setSelectedTags(selectedList);\n\n let tagList = [];\n tags.forEach((t) => {\n if ('hidden' in t.Flags && t.Flags.hidden) return;\n tagList.push(t)\n });\n\n setTagList(tagList);\n\n setLoaded(true)\n }, [tags, entryData, loaded]);\n\n useEffect(() => {\n if (toAdd.length > 0 || toRemove.length > 0) {\n setSaveEnabled(true);\n return;\n }\n\n setSaveEnabled(false);\n }, [toAdd, toRemove]);\n\n\n const onAdd = (id) => {\n if (toRemove.includes(id)) {\n setToRemove(toRemove.filter(t => t !== id));\n return;\n }\n\n setToAdd([...toAdd, id]);\n };\n\n const onRemove = (id) => {\n if (toAdd.includes(id)) {\n setToAdd(toAdd.filter(t => t !== id));\n return;\n }\n\n setToRemove([...toRemove, id]);\n };\n\n const handleSave = (e) => {\n e.preventDefault();\n\n editEntryTags(entryData.Content_Cms_Entry__, toAdd, toRemove)\n .then(() => {\n setToAdd([]);\n setToRemove([]);\n })\n };\n\n return (\n \n\n \n \n {t('categories')} \n\n } variant='contained' color='primary' onClick={e => setShowCreate(true)}>\n {t('create_btn')}\n \n \n \n\n \n \n {t('setting_display_art_for_certain_cat')} \n \n\n \n\n setSelectedTags(e)} onRemove={onRemove}\n onAdd={onAdd}/>\n\n \n\n \n \n\n \n {t('save_btn')}\n \n\n \n \n\n \n\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n entryManagingTags: state.cms.entryManagingTags,\n tags: state.cms.selectedTags,\n selectedCms: state.cms.selected\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n fetchTags: (classifyId) => dispatch(fetchTags(classifyId)),\n editEntryTags: (entryId, toAdd, toDelete) => dispatch(editEntryTags(entryId, toAdd, toDelete)),\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ArticleTags);","import React from 'react';\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport {connect} from 'react-redux'\nimport {useHistory} from \"react-router-dom\";\nimport Typography from \"@material-ui/core/Typography\";\nimport DeleteForeverIcon from '@material-ui/icons/DeleteForever';\nimport {deleteEntryData} from \"../../../../store/actions/CmsAction\";\nimport { useTranslation } from 'react-i18next';\n\nconst DeleteDialog = ({open, setOpen, deleting, entryData, deleteEntryData, fanclubCms, newsCms}) => {\n let history = useHistory();\n const { t } = useTranslation();\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleDelete = (e) => {\n e.stopPropagation();\n e.preventDefault();\n\n deleteEntryData(entryData.Content_Cms_Entry_Data__)\n .then(d => {\n handleClose();\n if (fanclubCms && fanclubCms.Content_Cms__ === entryData.Content_Cms__)\n history.push('/fanclub-articles');\n else if (newsCms && newsCms.Content_Cms__ === entryData.Content_Cms__)\n history.push('/news');\n else\n history.push('/');\n })\n };\n\n return (\n\n \n {t('confirm_delete_article')} \n \n \n {t('once_confirmed_not_able_recover_content')}\n {t('are_you_sure')} \n \n \n \n \n {t('back_btn')}\n \n } onClick={handleDelete}>\n {t('delete_forever_btn')}\n \n \n\n \n\n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n deleting: state.cms.deletingEntryData,\n fanclubCms: state.cms.fanclub_cms,\n newsCms: state.cms.news_cms\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n deleteEntryData: (entryDataId) => dispatch(deleteEntryData(entryDataId)),\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteDialog);","import React, {useState} from 'react';\nimport {Button, Grid} from \"@material-ui/core\";\nimport Publication from \"./Publication\";\nimport FanclubTags from \"./FanclubTags\";\nimport ArticleTags from \"./ArticleTags\";\nimport {connect} from 'react-redux'\nimport DeleteForeverIcon from '@material-ui/icons/DeleteForever';\nimport DeleteDialog from \"./DeleteDialog\";\nimport { useTranslation } from 'react-i18next';\n\n\nconst Settings = ({entryData, isSelectedFanClub, deleting,pagesCms}) => {\n const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n const { t } = useTranslation();\n const isPageCms = pagesCms ? pagesCms.Content_Cms__ === entryData.Content_Cms__ : true;\n return (\n \n\n \n \n \n\n {isSelectedFanClub && \n \n }\n\n \n \n \n\n {!isPageCms && \n \n \n }\n disabled={deleting}\n onClick={e => setShowDeleteDialog(true)}\n >\n {t('delete_btn')}\n \n \n\n \n }\n {(entryData && !isPageCms) && }\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n isSelectedFanClub: state.cms.isSelectedFanClub,\n deleting: state.cms.deleting,\n pagesCms: state.cms.pages_cms\n }\n};\n\nexport default connect(mapStateToProps)(Settings);","import React from 'react';\nimport AppBarTitle from \"./AppBarTitle\";\n\nconst LoadingAppBarTitle = ({value, title, fallback}) => {\n if (!value)\n return ;\n return \n};\n\nexport default LoadingAppBarTitle;","import React, {useEffect, useState} from 'react';\r\nimport {withRouter} from \"react-router\";\r\nimport {Grid, Tab, Tabs, Toolbar, Typography} from \"@material-ui/core\"\r\nimport Panel from \"../components/common/data/tab/Panel\";\r\nimport {Paper} from \"../components/common/surface/Paper\";\r\nimport {Title} from \"../components/common/typography/Title\";\r\nimport Content from \"../components/common/cms/entry/Content\";\r\nimport Settings from \"../components/common/cms/entry/Settings\";\r\nimport {connect} from 'react-redux'\r\nimport {fetchEntryData} from \"../store/actions/CmsAction\";\r\nimport Skeleton from \"@material-ui/lab/Skeleton\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport CreateDialog from \"../components/common/cms/entry/CreateDialog\";\r\nimport Flag from \"../components/common/data/flag/Flag\";\r\nimport useTheme from \"@material-ui/core/styles/useTheme\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport Gallery from \"../components/common/cms/gallery/Gallery\";\r\nimport {useTranslation} from 'react-i18next';\r\nimport Templates from \"../components/common/cms/template/Templates\";\r\nimport LoadingAppBarTitle from \"../components/common/typography/LoadingAppBarTitle\"\r\n\r\nconst ArticleEdit = ({entryData, fetchEntryData, loadingEntryData, match}) => {\r\n const [tabIndex, setTabIndex] = useState(0);\r\n const [showCreate, setShowCreate] = useState(false);\r\n const theme = useTheme();\r\n const {t} = useTranslation();\r\n\r\n useEffect(() => {\r\n fetchEntryData(match.params.entryData)\r\n }, [match, fetchEntryData]);\r\n\r\n const handleTabChange = (event, newValue) => {\r\n setTabIndex(newValue);\r\n };\r\n\r\n const lang = entryData ? entryData.Language__.split('-')[1].toLowerCase() : '';\r\n\r\n return (\r\n\r\n \r\n t('article_edit_title_title', {article:v})}/>\r\n \r\n \r\n \r\n {\r\n entryData &&\r\n \r\n }\r\n
\r\n {t('article_edit_title')} \r\n\r\n } variant='contained' color='primary' onClick={e => setShowCreate(true)}>\r\n {t('add_language_btn')}\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n {t('edit_article_manage_tags_visibility')}\r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n {loadingEntryData && }\r\n {!loadingEntryData && }\r\n \r\n\r\n \r\n {loadingEntryData && }\r\n {!loadingEntryData && }\r\n \r\n \r\n {loadingEntryData && }\r\n {!loadingEntryData && \r\n\r\n \r\n {loadingEntryData && }\r\n {!loadingEntryData && \r\n \r\n\r\n {entryData && }\r\n\r\n \r\n\r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n entryData: state.cms.entryData,\r\n loadingEntryData: state.cms.loadingEntryData,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchEntryData: (id) => dispatch(fetchEntryData(id))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(ArticleEdit));","import React, {useEffect, useState} from 'react';\nimport {Grid} from \"@material-ui/core\";\nimport AvatarEditor from \"../../avatar-editor/AvatarEditor\";\nimport Button from \"@material-ui/core/Button\";\nimport {useTranslation} from \"react-i18next\";\nimport {connect} from 'react-redux'\nimport {updateAvatar} from \"../../../store/actions/UserActions\";\n\n\nconst Picture = ({user, changingAvatar, updateAvatar}) => {\n const {t} = useTranslation();\n const [avatarSaveBtnEnabled, setAvatarSaveBtnEnabled] = useState(false);\n\n const initialAvatar = user.Profile.Media_Image ? user.Profile.Media_Image.Url : null;\n const [avatarImage, setAvatarImage] = useState(initialAvatar);\n\n useEffect(() => {\n\n if (initialAvatar !== avatarImage) {\n setAvatarSaveBtnEnabled(true);\n return\n }\n setAvatarSaveBtnEnabled(false)\n\n }, [avatarImage, initialAvatar]);\n\n const handleSave = (e) => {\n if (!avatarImage || avatarImage === initialAvatar) return;\n updateAvatar(avatarImage);\n };\n\n return (\n \n \n setAvatarImage(v)} fieldId='superId'/>\n \n {t('save_btn')}\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n user: state.user.user,\n changingAvatar: state.user.changingAvatar\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n // Meh refactor this stuff\n updateAvatar: (file) => dispatch(updateAvatar([{\n file: file,\n target: \"User/@/Profile:addImage\",\n param: {purpose: \"main\"}\n }]))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Picture);\n","import React, {useEffect, useState} from 'react';\nimport Dialog from \"@material-ui/core/Dialog\";\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\nimport DialogContent from \"@material-ui/core/DialogContent\";\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\nimport TextField from \"@material-ui/core/TextField\";\nimport DialogActions from \"@material-ui/core/DialogActions\";\nimport Button from \"@material-ui/core/Button\";\nimport {useTranslation} from \"react-i18next\";\n\nconst RequestPasswordDialog = ({open, setOpen, closeCallback}) => {\n const {t} = useTranslation();\n\n const [pwd, setPwd] = useState('');\n\n useEffect(() => {\n setPwd('');\n }, [open]);\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleUnlock = () => {\n setOpen(false);\n closeCallback(pwd);\n };\n\n return (\n \n {t('security_password_required_title')} \n \n \n {t('security_password_required_description')}\n \n\n setPwd(e.target.value)}\n variant=\"outlined\"\n type='password'\n />\n \n \n \n {t('back_btn')}\n \n \n {t('unlock_btn')}\n \n \n \n );\n};\n\nexport default RequestPasswordDialog;","import React, {useEffect, useState} from 'react';\nimport {Button, Grid, TextField} from \"@material-ui/core\";\nimport {connect} from \"react-redux\";\nimport RequestPasswordDialog from \"./RequestPasswordDialog\";\nimport {useTranslation} from \"react-i18next\";\nimport {setEmail} from \"../../../store/actions/UserActions\";\n\nconst ChangeEmail = ({user, changingInfo, setEmailApi}) => {\n const {t} = useTranslation();\n\n const [requestPwdOpen, setRequestPwdOpen] = useState(false);\n const [email, setEmail] = useState(user.Email);\n const [saveEnabled, setSaveEnabled] = useState(false);\n\n useEffect(() => {\n if (email !== user.Email) {\n setSaveEnabled(true);\n return\n }\n setSaveEnabled(false)\n }, [email, user]);\n\n const handleChangeEmail = (pwd) => {\n setEmailApi(email, pwd);\n };\n\n return (\n \n \n setEmail(e.target.value)}\n />\n \n \n \n\n {\n if (user.Has_Password)\n setRequestPwdOpen(true);\n else\n handleChangeEmail(null)\n }}>\n {t('save_btn')}\n \n\n \n \n {user.Has_Password && }\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n user: state.user.user,\n changingInfo: state.user.changingInfo,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n setEmailApi: (email, password) => dispatch(setEmail(email, password))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ChangeEmail);","import React from 'react';\nimport {Grid} from \"@material-ui/core\";\nimport {Title} from \"../typography/Title\";\nimport {useTranslation} from \"react-i18next\";\nimport Picture from \"./Picture\";\nimport ChangeEmail from \"./ChangeEmail\";\n\nconst Account = () => {\n const {t} = useTranslation();\n\n return (\n \n \n {t('profile_account')} \n \n \n \n \n \n \n \n \n );\n};\n\nexport default Account;","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from \"react-i18next\";\nimport {Button, Grid, TextField} from \"@material-ui/core\";\nimport {Title} from \"../typography/Title\";\nimport {connect} from 'react-redux'\nimport {updateProfile} from \"../../../store/actions/UserActions\";\nimport MomentUtils from \"@date-io/moment\";\nimport {DatePicker, MuiPickersUtilsProvider} from \"@material-ui/pickers\";\nimport moment from \"moment\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport Select from \"@material-ui/core/Select\";\n\nconst Information = ({user, changingInfo, updateProfile}) => {\n const {t} = useTranslation();\n const [saveEnabled, setSaveEnabled] = useState(false);\n const [username, setUsername] = useState(user.Profile.Display_Name);\n const originalBirthdate = (user.Profile.Birthdate && user.Profile.Birthdate !== '0000-00-00') ? moment(user.Profile.Birthdate) : null;\n const [birthdate, setBirthdate] = useState(originalBirthdate);\n\n const originalGender = user.Profile.Gender ?? 'N/A';\n const [gender, setGender] = useState(originalGender);\n\n const genderLabel = React.useRef(null);\n const [genderLabelWidth, setGenderLabelWidth] = useState(0);\n\n useEffect(() => {\n setGenderLabelWidth(genderLabel.current.offsetWidth);\n }, []);\n\n useEffect(() => {\n if (username !== user.Profile.Display_Name) {\n setSaveEnabled(true);\n return\n }\n\n if (!birthdate && originalBirthdate) {\n setSaveEnabled(true);\n return\n }\n\n if (birthdate && !originalBirthdate) {\n setSaveEnabled(true);\n return\n }\n\n if ((birthdate && originalBirthdate) && birthdate.format('YYYY-MM-DD') !== originalBirthdate.format('YYYY-MM-DD')) {\n setSaveEnabled(true);\n return\n }\n\n if (gender !== originalGender) {\n setSaveEnabled(true);\n return\n }\n\n setSaveEnabled(false);\n }, [username, birthdate, user, gender, originalBirthdate, originalGender]);\n\n const handleSave = () => {\n let p = {\n Gender: gender === 'N/A' ? null : gender,\n Display_Name: username\n };\n\n if (birthdate) {\n p.Birthdate = birthdate.format('YYYY-MM-DD');\n }\n\n updateProfile(p);\n };\n\n return (\n \n \n {t('profile_information')} \n \n \n setUsername(e.target.value)}\n />\n \n \n \n \n \n \n \n {t('profile_gender')} \n setGender(e.target.value)}\n labelWidth={genderLabelWidth}\n inputProps={{\n id: 'gender-select',\n }}\n >\n {t('not_available')} \n {t('gender_male')} \n {t('gender_female')} \n \n \n \n \n \n\n \n {t('save_btn')}\n \n\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n user: state.user.user,\n changingInfo: state.user.changingInfo,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n updateProfile: (data) => dispatch(updateProfile(data))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Information);","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from \"react-i18next\";\nimport {Button, Grid} from \"@material-ui/core\";\nimport {Title} from \"../typography/Title\";\nimport TextField from \"@material-ui/core/TextField\";\nimport {changePassword} from \"../../../store/actions/UserActions\";\nimport {connect} from \"react-redux\";\nimport RequestPasswordDialog from \"./RequestPasswordDialog\";\n\nconst Security = ({user, changePassword, changingInfo}) => {\n const {t} = useTranslation();\n const [newPassword, setNewPassword] = useState('');\n const [newPasswordRepeat, setNewPasswordRepeat] = useState('');\n const [saveEnabled, setSaveEnabled] = useState(false);\n const [requestPwdOpen, setRequestPwdOpen] = useState(false);\n\n const resetFields = () => {\n setNewPassword('');\n setNewPasswordRepeat('');\n };\n\n useEffect(() => {\n if (newPassword === '') {\n setSaveEnabled(false);\n return;\n }\n\n if (newPassword !== newPasswordRepeat) {\n setSaveEnabled(false);\n return;\n }\n\n setSaveEnabled(true);\n\n }, [newPassword, newPasswordRepeat]);\n\n const handleSave = (old) => {\n changePassword(old, newPassword)\n .then(resetFields)\n .catch(resetFields)\n };\n\n return (\n \n \n {t('profile_security')} \n \n \n setNewPassword(e.target.value)}\n variant=\"outlined\"\n type='password'\n disabled={changingInfo}\n />\n \n \n setNewPasswordRepeat(e.target.value)}\n variant=\"outlined\"\n type='password'\n error={newPasswordRepeat !== newPassword}\n helperText={newPasswordRepeat !== newPassword ? t('confirm_password_not_match') :''}\n disabled={changingInfo}\n />\n \n \n \n\n {\n if (user.Has_Password)\n setRequestPwdOpen(true);\n else\n handleSave(null);\n }}>\n {t('save_btn')}\n \n\n \n \n {user.Has_Password && }\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n changingInfo: state.user.changingPassword,\n user: state.user.user,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n changePassword: (oldPwd, newPwd) => dispatch(changePassword(oldPwd, newPwd))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Security);","import React from 'react';\nimport AppBarTitle from \"../components/common/typography/AppBarTitle\";\nimport {useTranslation} from \"react-i18next\";\nimport {Paper} from \"../components/common/surface/Paper\";\nimport Grid from \"@material-ui/core/Grid\";\nimport {connect} from 'react-redux'\nimport Account from \"../components/common/profile/Account\";\nimport Information from \"../components/common/profile/Information\";\nimport Security from \"../components/common/profile/Security\";\n\nconst Profile = ({user}) => {\n const {t} = useTranslation();\n\n return (\n \n \n \n\n \n \n\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n user: state.user.user,\n }\n};\n\nexport default connect(mapStateToProps)(Profile);\n","import React from 'react';\r\nimport {Button, Grid} from \"@material-ui/core\";\r\nimport CheckIcon from \"@material-ui/icons/Check\";\r\nimport CheckBoxOutlineBlankIcon from \"@material-ui/icons/CheckBoxOutlineBlank\";\r\nimport uuid from \"../../../utils/uuid\";\r\n\r\nconst Tags = ({values, onChange, onAdd, onRemove, list}) => {\r\n\r\n const add = (id) => () => {\r\n const newV = [...values];\r\n newV.push(id);\r\n onAdd(id)\r\n onChange(newV);\r\n }\r\n\r\n const remove = (id) => () =>{\r\n const newV = values.filter(v => v !== id);\r\n onRemove(id)\r\n onChange(newV);\r\n }\r\n\r\n return (\r\n \r\n {list.map((t) => {\r\n const checked = values.includes(t.Classify_Tag__);\r\n\r\n return \r\n \r\n }\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Tags;","import React,{useEffect, useState} from 'react';\r\nimport AppBarTitle from \"../components/common/typography/AppBarTitle\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {Paper} from \"../components/common/surface/Paper\";\r\nimport {Title} from \"../components/common/typography/Title\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport {fetch,removeTag} from \"../store/actions/TagsAction\";\r\nimport {connect} from \"react-redux\";\r\nimport Tags from \"../components/common/data/tags/Tags\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {useParams} from 'react-router'\r\nimport {fetchAndSelectCms} from \"../store/actions/CmsAction\";\r\n\r\n\r\nconst TagsManagement = ({tags, fetchTags, removeTag,fetchAndSelectCms}) => {\r\n const { t } = useTranslation();\r\n const [tagList, setTagList] = useState([]);\r\n const [toRemove, setToRemove] = useState([]);\r\n const [toAdd, setToAdd] = useState([]);\r\n const [selectedTags, setSelectedTags] = useState([]);\r\n const [saveEnabled, setSaveEnabled] = useState(false);\r\n const {cmsId} = useParams();\r\n\r\n\r\n useEffect(() => {\r\n if (!cmsId) return;\r\n fetchAndSelectCms(cmsId).then(d => {\r\n fetchTags()\r\n })\r\n \r\n }, [cmsId,fetchAndSelectCms,fetchTags]);\r\n\r\n useEffect(() => {\r\n\r\n let tagList = [];\r\n if (tags)\r\n tags.forEach((t) => {\r\n tagList.push(t)\r\n })\r\n\r\n setTagList(tagList);\r\n\r\n }, [tags]);\r\n\r\n useEffect(() => {\r\n if (toAdd.length > 0 || toRemove.length > 0) {\r\n setSaveEnabled(true);\r\n return;\r\n }\r\n\r\n setSaveEnabled(false);\r\n }, [toAdd, toRemove]);\r\n\r\n const onAdd = (id) => {\r\n if (toRemove.includes(id)) {\r\n setToRemove(toRemove.filter(t => t !== id));\r\n return;\r\n }\r\n\r\n setToAdd([...toAdd, id]);\r\n };\r\n\r\n const onRemove = (id) => {\r\n if (toAdd.includes(id)) {\r\n setToAdd(toAdd.filter(t => t !== id));\r\n return;\r\n }\r\n\r\n setToRemove([...toRemove, id]);\r\n };\r\n\r\n const handleSave = (e) => {\r\n e.preventDefault();\r\n\r\n selectedTags.map(\r\n (data) =>\r\n removeTag(data)\r\n .then(() => {\r\n setToAdd([]);\r\n setToRemove([]);\r\n })\r\n )\r\n };\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n {t('list_tags_title')} \r\n \r\n\r\n \r\n {t('list_tags_desc')}\r\n \r\n\r\n \r\n \r\n setSelectedTags(e)} onRemove={onRemove}\r\n onAdd={onAdd}/>\r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n {t('delete_btn')}\r\n \r\n\r\n \r\n \r\n\r\n \r\n )\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n tags:state.tags.tags,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchTags: (classify) => dispatch(fetch(classify)),\r\n removeTag: (tagId) => dispatch(removeTag(tagId)),\r\n fetchAndSelectCms: (id) => dispatch(fetchAndSelectCms(id)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(TagsManagement);","import React,{useEffect} from 'react';\r\nimport AppBarTitle from \"../components/common/typography/AppBarTitle\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {Paper} from \"../components/common/surface/Paper\";\r\nimport {Title} from \"../components/common/typography/Title\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {connect} from 'react-redux';\r\nimport {updateCmsName} from \"../store/actions/CmsAction\";\r\nimport {useParams} from 'react-router'\r\nimport {fetchAndSelectCms} from \"../store/actions/CmsAction\";\r\n\r\nconst Settings = ({selectedCms,updateCmsName,fetchAndSelectCms}) => {\r\n const { t } = useTranslation();\r\n const [inputValue, setInputValue] = React.useState(\"\");\r\n const {cmsId} = useParams();\r\n\r\n useEffect(() => {\r\n if (!cmsId) return;\r\n fetchAndSelectCms(cmsId)\r\n \r\n }, [cmsId,fetchAndSelectCms]);\r\n\r\n const updateName = () => {\r\n console.log(inputValue);\r\n updateCmsName(inputValue);\r\n }\r\n\r\n const onChangeHandler = event => {\r\n setInputValue(event.target.value);\r\n };\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n {t('settings_title')} \r\n \r\n\r\n \r\n {t('settings_desc')}\r\n \r\n\r\n \r\n \r\n {t('rebuild_cache_title')} \r\n } variant='contained' color='primary'>\r\n {t('rebuild_cache_btn')}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {t('cms_name_title')} \r\n \r\n {selectedCms &&\r\n \r\n } variant='contained' color='primary' onClick={updateName}>\r\n {t('save_btn')}\r\n \r\n \r\n \r\n \r\n\r\n \r\n )\r\n};\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n selectedCms: state.cms.selected,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateCmsName: (name) => dispatch(updateCmsName(name)),\r\n fetchAndSelectCms: (id) => dispatch(fetchAndSelectCms(id)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Settings);","import {FETCH_AUTHORS_BEGIN, \r\n FETCH_AUTHORS_SUCCESS,\r\n FETCH_AUTHORS_STATS_BEGIN,\r\n FETCH_AUTHORS_STATS_SUCCESS,\r\n AUTHORS_SET_PAGING,\r\n AUTHORS_SET_FILTERS\r\n } from \"../reducers/AuthorsReducer\";\r\nimport {rest} from \"@karpeleslab/klbfw\";\r\nimport {handleError} from \"../../components/utils/apiErrorHandler\";\r\n\r\n\r\nexport const fetchAuthors = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: FETCH_AUTHORS_BEGIN});\r\n\r\n const params = {\r\n \"results_per_page\":\"50\",\r\n };\r\n \r\n return rest('Content/Cms/' + getState().cms.selected.Content_Cms__ + '/Author', 'GET', params)\r\n .then(data => {\r\n dispatch({type: FETCH_AUTHORS_SUCCESS, authors: data.data});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\nexport const fetchStats = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: FETCH_AUTHORS_STATS_BEGIN});\r\n\r\n const params = {\r\n Status : \"draft\"\r\n };\r\n \r\n return rest('Content/Cms/' + getState().cms.selected.Content_Cms__ + '/Author:stats', 'GET', params)\r\n .then(data => {\r\n dispatch({type: FETCH_AUTHORS_STATS_SUCCESS, stats: data.data});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\n\r\nexport const setAuthorsPaging = (newPaging) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: AUTHORS_SET_PAGING, paging: {...getState().authors.authorsPaging, ...newPaging}});\r\n }\r\n};\r\n\r\nexport const setAuthorsFilters = (newFilters) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: AUTHORS_SET_FILTERS, filters: newFilters});\r\n }\r\n};","import React from 'react';\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Skeleton from \"@material-ui/lab/Skeleton\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport {connect} from 'react-redux'\r\nimport {Link} from \"react-router-dom\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst Row = ({author, loading}) => {\r\n const displayUser = (!loading && author);\r\n const { t } = useTranslation();\r\n return (\r\n \r\n \r\n {!displayUser && {author.Name} }\r\n \r\n \r\n {!displayUser && {author.Email ?? '-'} }\r\n \r\n \r\n {!displayUser && }\r\n component={Link} to={'/users/' + author.Content_Cms_Author__}\r\n >\r\n {t('view_btn')}\r\n }\r\n \r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state, {loading, idx}) => {\r\n if (loading) return {};\r\n return {\r\n author: state.authors.authors[idx],\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(Row);","import React, {useEffect} from 'react';\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport MaterialTable from \"@material-ui/core/Table\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport Row from \"./Row\";\r\nimport {connect} from 'react-redux'\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport TablePaginationActions from \"@material-ui/core/TablePagination/TablePaginationActions\";\r\nimport {fetchAuthors, setAuthorsFilters, setAuthorsPaging} from \"../../../../store/actions/AuthorsAction\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n\r\nconst Table = ({realm, users, fetch, loading, filters, paging, count, setAuthorsPaging, setAuthorsFilters, disabled = false}) => {\r\n useEffect(() => {\r\n if (realm && !disabled) {\r\n fetch();\r\n }\r\n\r\n }, [disabled, realm, fetch, setAuthorsFilters, filters, paging]);\r\n\r\n const loadingData = [...Array(paging.results_per_page).keys()];\r\n const { t } = useTranslation();\r\n const displayLoading = () => loadingData.map((k) => );\r\n const displayUsers = () => users.map((u, idx) => );\r\n\r\n /*\r\n const {sort} = filters;\r\n\r\n const sortHandler = (property, dir) => {\r\n var p = {...filters};\r\n // only 1 sort\r\n p.sort = {};\r\n p.sort[property] = dir;\r\n setUsersFilters(p);\r\n };*/\r\n\r\n const changePageHandler = (e, newPage) => {\r\n // The pagination component start at 0;...\r\n if (loading) return;\r\n setAuthorsPaging({page_no: (newPage + 1)})\r\n };\r\n\r\n const changeResultPerPageHandler = e => {\r\n if (loading) return;\r\n setAuthorsPaging({results_per_page: e.target.value})\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {t('tablecell_username')} \r\n {t('tablecell_email')} \r\n \r\n {t('tablecell_actions')}\r\n \r\n \r\n \r\n \r\n {(loading || disabled) && displayLoading()}\r\n {(!loading && !disabled) && displayUsers()}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n )\r\n\r\n};\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n console.log(state)\r\n return {\r\n filters: state.authors.authorsFilters,\r\n paging: state.authors.authorsPaging,\r\n count: state.authors.authorsPagingCount,\r\n loading: state.authors.loading,\r\n users: state.authors.authors\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetch: () => dispatch(fetchAuthors()),\r\n setAuthorsPaging: (newPaging) => dispatch(setAuthorsPaging(newPaging)),\r\n setAuthorsFilters: (newPaging) => dispatch(setAuthorsFilters(newPaging))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Table);\r\n\r\n","import React,{useEffect} from 'react';\r\nimport AppBarTitle from \"../components/common/typography/AppBarTitle\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {Paper} from \"../components/common/surface/Paper\";\r\nimport {Title} from \"../components/common/typography/Title\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport {fetchAuthors, fetchStats} from \"../store/actions/AuthorsAction\";\r\nimport {connect} from \"react-redux\";\r\nimport {useParams} from 'react-router'\r\nimport {fetchAndSelectCms} from \"../store/actions/CmsAction\";\r\nimport AuthorsTable from \"../components/common/authors/table/Table\";\r\n\r\n\r\nconst Authors = ({fetch, fetchStats,fetchAndSelectCms}) => {\r\n const { t } = useTranslation();\r\n const {cmsId} = useParams();\r\n\r\n useEffect(() => {\r\n if (!cmsId) return;\r\n fetchAndSelectCms(cmsId).then(d => {\r\n fetch()\r\n fetchStats()\r\n })\r\n }, [cmsId,fetchAndSelectCms,fetch,fetchStats]);\r\n\r\n \r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n {t('list_authors_title')} \r\n \r\n\r\n \r\n {t('list_authors_desc')}\r\n \r\n\r\n \r\n \r\n\r\n \r\n )\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n stats:state.authors.stats,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetch: () => dispatch(fetchAuthors()),\r\n fetchStats: () => dispatch(fetchStats()),\r\n fetchAndSelectCms: (id) => dispatch(fetchAndSelectCms(id)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Authors);","import {EVENTS_BEGIN, EVENTS_SUCCESS,\r\n PLANNER_SELECT,EVENTS_SET_PAGING,\r\n EVENTS_SET_FILTERS,\r\n CREATE_EVENT,CREATE_EVENT_DONE,\r\n EVENT_ENTRY_FETCH,EVENT_ENTRY_FETCH_DONE,\r\n CREATE_SEAT,CREATE_SEAT_DONE,\r\n EVENT_RESERVATION_FETCH,EVENT_RESERVATION_FETCH_DONE,\r\n RESERVATIONS_SET_PAGING,RESERVATIONS_SET_FILTERS,RESET_ENTRY_SELECTED,\r\n EDIT_EVENT,EDIT_EVENT_DONE,\r\n FETCH_SEATS,FETCH_SEATS_DONE,\r\n DELETE_SEAT,DELETE_SEAT_DONE,\r\n QUESTION_CREATION, QUESTION_CREATION_SUCCESS,\r\n QUESTION_VISIBILITY,QUESTION_VISIBILITY_SUCCESS,\r\n FETCH_EVENT_QUESTION,FETCH_EVENT_QUESTION_SUCCESS}\r\n from \"../reducers/EventsReducer\";\r\nimport {rest} from \"@karpeleslab/klbfw\";\r\nimport {handleError} from \"../../components/utils/apiErrorHandler\";\r\nimport {fetchAndSelectPlanner} from \"store/actions/PlannerAction\";\r\nimport {fetchEntryData,fetchEntry} from \"store/actions/CmsAction\";\r\nimport {success} from \"./ToastAction\";\r\n\r\nexport const fetchEvents = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: EVENTS_BEGIN});\r\n\r\n const params = {\r\n ...getState().events.eventsFilters,\r\n ...getState().events.eventsPaging,\r\n };\r\n\r\n return rest('Planner/' + getState().planner.selected + '/Event', 'GET', params)\r\n .then(data => {\r\n dispatch({type: EVENTS_SUCCESS, events: data.data, paging:data.paging});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\nexport const select = (event) => {\r\n return (dispatch, getState) => {\r\n return dispatch({type: PLANNER_SELECT, event: event})\r\n }\r\n};\r\n\r\nexport const setEventsPaging = (newPaging) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: EVENTS_SET_PAGING, paging: {...getState().events.eventsPaging, ...newPaging}});\r\n }\r\n};\r\n\r\nexport const setEventsFilters = (filters) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: EVENTS_SET_FILTERS, filters: filters});\r\n }\r\n};\r\n\r\n\r\nexport const createEvent = (eventName,reserveType,eventType,location,locationUrl,locationPostal,eventDate,\r\n reservationStartDate,reservationEndDate,freeCancelEnd,maxSeats,entryId) => {\r\n\r\n return (dispatch, getState) => {\r\n dispatch({type: CREATE_EVENT});\r\n\r\n const params = {\r\n 'Name': eventName,\r\n 'Reserve_Type':reserveType,\r\n 'Event_Type' :eventType,\r\n 'Location': location,\r\n 'Location_Url': locationUrl,\r\n 'Location_Postal': locationPostal,\r\n 'Visible' : \"N\",\r\n 'Event_Date' : eventDate,\r\n 'Reservation_Start' : reservationStartDate,\r\n 'Reservation_End' : reservationEndDate,\r\n 'Free_Cancel_End' : freeCancelEnd,\r\n 'Max_Seat_Per_User' : maxSeats,\r\n 'Content_Cms_Entry__' : entryId\r\n };\r\n\r\n return rest('Planner/'+getState().planner.selected+'/Event', 'POST', params)\r\n .then(data => {\r\n\r\n dispatch({type: CREATE_EVENT_DONE, events: data.data});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\nexport const editEventInfo = (eventName,location,locationUrl,locationPostal,visible,eventDate,\r\n eventType,reservationStartDate,reservationEndDate,freeCancelEnd,maxSeats) => {\r\n\r\n return (dispatch, getState) => {\r\n dispatch({type: EDIT_EVENT});\r\n\r\n const params = {\r\n 'Name': eventName,\r\n 'Location': location,\r\n 'Location_Url': locationUrl,\r\n 'Location_Postal': locationPostal,\r\n 'Visible' : visible,\r\n 'Event_Date' : eventDate,\r\n 'Event_Type' :eventType,\r\n 'Reservation_Start' : reservationStartDate,\r\n 'Reservation_End' : reservationEndDate,\r\n 'Free_Cancel_End' : freeCancelEnd,\r\n 'Max_Seat_Per_User' : maxSeats,\r\n };\r\n\r\n return rest('Planner/Event/'+ getState().events.selected.Planner_Event__, 'PATCH', params)\r\n .then(data => {\r\n success('event_edit_success');\r\n dispatch({type: EDIT_EVENT_DONE, selected: data.data});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\nexport const fetchEventData = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: EVENT_ENTRY_FETCH});\r\n \r\n return rest('Planner/Event/' + id, 'GET')\r\n .then((d) => {\r\n dispatch({type: EVENT_ENTRY_FETCH_DONE, event: d.data});\r\n dispatch(fetchAndSelectPlanner(d.data.Planner__));\r\n dispatch(fetchEntryData(getState().events.selected.Schedule.Content_Cms_Entry_Data.Content_Cms_Entry_Data__));\r\n dispatch(fetchEntry(getState().events.selected.Schedule.Content_Cms_Entry__));\r\n dispatch(fetchEventQuestion());\r\n return d.data;\r\n }).catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n }\r\n};\r\n\r\nexport const fetchEventQuestion = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: FETCH_EVENT_QUESTION});\r\n\r\n return rest('Planner/Event/' + getState().events.selected.Planner_Event__ + '/Question', 'GET')\r\n .then(data => {\r\n dispatch({type: FETCH_EVENT_QUESTION_SUCCESS, eventSelectedQuestions: data.data});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\nexport const createSeat = (seatName,description,capacity,visible,price,currency) => {\r\n\r\n return (dispatch, getState) => {\r\n dispatch({type: CREATE_SEAT});\r\n\r\n const params = {\r\n 'Seat_Name': seatName,\r\n 'Description': description,\r\n 'Capacity': capacity,\r\n 'Visible': visible,\r\n 'Price': price,\r\n 'Currency__': currency\r\n };\r\n\r\n return rest('Planner/Event/'+getState().events.selected.Planner_Event__+'/Seat', 'POST', params)\r\n .then(data => {\r\n\r\n dispatch({type: CREATE_SEAT_DONE, seats: data.data});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\nexport const fetchEventReservation = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: EVENT_RESERVATION_FETCH});\r\n\r\n const params = {\r\n ...getState().events.reservationsFilters,\r\n ...getState().events.reservationsPaging,\r\n sort:{\r\n Serial:'DESC'\r\n }\r\n };\r\n \r\n return rest('Planner/Event/' + getState().events.selected.Planner_Event__ + '/Seat/Reserve', 'GET', params)\r\n .then((d) => {\r\n dispatch({type: EVENT_RESERVATION_FETCH_DONE, reservations: d.data, paging:d.paging});\r\n return d.data;\r\n }).catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n }\r\n};\r\n\r\nexport const setReservationsPaging = (newPaging) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: RESERVATIONS_SET_PAGING, paging: {...getState().events.reservationsPaging, ...newPaging}});\r\n }\r\n};\r\n\r\nexport const setReservationsFilters = (filters) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: RESERVATIONS_SET_FILTERS, filters: filters});\r\n }\r\n};\r\n\r\nexport const resetEntrySelected = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: RESET_ENTRY_SELECTED});\r\n }\r\n};\r\n\r\n\r\nexport const fetchSeats = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: FETCH_SEATS});\r\n\r\n \r\n return rest('Planner/Event/' + getState().events.selected.Planner_Event__ + '/Seat', 'GET')\r\n .then((d) => {\r\n dispatch({type: FETCH_SEATS_DONE, seats: d.data});\r\n return d.data;\r\n }).catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n }\r\n};\r\n\r\nexport const deleteSeat = (idSeat) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: DELETE_SEAT});\r\n\r\n \r\n return rest('Planner/Event/Seat/'+ idSeat, 'DELETE')\r\n .then((d) => {\r\n success('seat_delete_success');\r\n dispatch({type: DELETE_SEAT_DONE, seats: d.data});\r\n return d.data;\r\n }).catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n }\r\n};\r\n\r\nexport const createQuestion = (index,type,isVisible,question,options) => {\r\n\r\n return (dispatch, getState) => {\r\n dispatch({type: QUESTION_CREATION});\r\n\r\n const params = {\r\n 'Index': index,\r\n 'Type':type,\r\n 'Visible' :isVisible,\r\n 'Question': question,\r\n 'Options': options,\r\n };\r\n\r\n return rest('Planner/Event/' + getState().events.selected.Planner_Event__ + '/Question', 'POST', params)\r\n .then(data => {\r\n\r\n dispatch({type: QUESTION_CREATION_SUCCESS});\r\n dispatch(fetchEventQuestion());\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};\r\n\r\nexport const editVisibilityQuestion = (isVisible,idq) => {\r\n\r\n return (dispatch, getState) => {\r\n dispatch({type: QUESTION_VISIBILITY});\r\n\r\n const params = {\r\n 'Visible' :isVisible,\r\n };\r\n\r\n return rest('Planner/Event/Question/' + idq, 'PATCH', params)\r\n .then(data => {\r\n\r\n dispatch({type: QUESTION_VISIBILITY_SUCCESS});\r\n return data.data;\r\n })\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n\r\n }\r\n};","import React from 'react';\nimport TableRow from \"@material-ui/core/TableRow\";\nimport Skeleton from \"@material-ui/lab/Skeleton\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport {connect} from 'react-redux'\nimport {Link} from \"react-router-dom\";\nimport Button from \"@material-ui/core/Button\";\nimport SearchIcon from '@material-ui/icons/Search';\nimport { useTranslation } from 'react-i18next';\nimport moment from \"moment\";\n\nconst Row = ({event, loading}) => {\n const displayUser = (!loading && event);\n const { t } = useTranslation();\n return (\n \n \n {!displayUser && {event.Name} }\n \n \n {!displayUser && {event.Location_Url ?? '-'} }\n \n \n {!displayUser && { moment(parseInt(event.Event_Date.unixms)).format('LLL') ?? '-'} }\n \n \n {!displayUser && {event.Total_Count} / {event.Total_Capacity} }\n \n \n {!displayUser && }\n component={Link} to={'/event/' + event.Planner_Event__}\n >\n {t('view_btn')}\n }\n \n \n );\n};\n\nconst mapStateToProps = (state, {loading, idx}) => {\n if (loading) return {};\n return {\n event: state.events.data[idx],\n }\n};\n\nexport default connect(mapStateToProps, null)(Row);","import React, {useEffect} from 'react';\nimport TableHead from \"@material-ui/core/TableHead\";\nimport MaterialTable from \"@material-ui/core/Table\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableContainer from \"@material-ui/core/TableContainer\";\nimport Row from \"./Row\";\nimport {connect} from 'react-redux'\nimport TableFooter from \"@material-ui/core/TableFooter\";\nimport TablePagination from \"@material-ui/core/TablePagination\";\nimport TablePaginationActions from \"@material-ui/core/TablePagination/TablePaginationActions\";\nimport {fetchEvents, setEventsFilters, setEventsPaging} from \"store/actions/EventsAction\";\nimport { useTranslation } from 'react-i18next';\n\n\nconst Table = ({events, fetch, loading, filters, paging, count, setEventsPaging, setEventsFilters, disabled = false}) => {\n useEffect(() => {\n if (!disabled) {\n fetch();\n }\n\n }, [disabled, fetch, setEventsFilters, filters, paging]);\n\n const loadingData = [...Array(paging.results_per_page).keys()];\n const { t } = useTranslation();\n const displayLoading = () => loadingData.map((k) => );\n const displayEvents = () => events.map((u, idx) => );\n\n /*\n const {sort} = filters;\n\n const sortHandler = (property, dir) => {\n var p = {...filters};\n // only 1 sort\n p.sort = {};\n p.sort[property] = dir;\n setUsersFilters(p);\n };*/\n\n const changePageHandler = (e, newPage) => {\n // The pagination component start at 0;...\n if (loading) return;\n setEventsPaging({page_no: (newPage + 1)})\n };\n\n const changeResultPerPageHandler = e => {\n if (loading) return;\n setEventsPaging({results_per_page: e.target.value})\n };\n\n return (\n \n \n \n \n \n {t('tablecell_event_name')} \n {t('tablecell_event_url')} \n {t('tablecell_event_date')} \n {t('tablecell_event_reservations')} \n \n {t('tablecell_actions')}\n \n \n \n \n {(loading || disabled) && displayLoading()}\n {(!loading && !disabled) && displayEvents()}\n \n \n \n \n \n\n \n \n )\n\n};\n\n\nconst mapStateToProps = (state) => {\n console.log(state)\n return {\n filters: state.events.eventsFilters,\n paging: state.events.eventsPaging,\n count: state.events.eventsPagingCount,\n loading: state.events.eventsLoading,\n events: state.events.data\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n fetch: () => dispatch(fetchEvents()),\n setEventsPaging: (newPaging) => dispatch(setEventsPaging(newPaging)),\n setEventsFilters: (newPaging) => dispatch(setEventsFilters(newPaging))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Table);\n\n","import React,{useEffect, useState} from 'react';\r\nimport {connect} from 'react-redux'\r\nimport {fetchAndSelectPlanner} from \"store/actions/PlannerAction\";\r\nimport {resetEntrySelected} from \"store/actions/EventsAction\";\r\nimport {fetchAndSelectCms} from \"store/actions/CmsAction\";\r\nimport {Paper} from \"components/common/surface/Paper\";\r\nimport AppBarTitle from \"../components/common/typography/AppBarTitle\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {Toolbar} from \"@material-ui/core\";\r\nimport {Title} from \"../components/common/typography/Title\";\r\nimport EntriesTable from \"../components/common/planner/table/Table\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {useTranslation} from 'react-i18next';\r\nimport {useParams} from 'react-router'\r\nimport {Link} from 'react-router-dom';\r\n\r\n\r\nconst Cms = ({selectedPlanner, fetchAndSelectPlanner,resetEntrySelected,fetchAndSelectCms,cms}) => {\r\n const [showTable, setShowTable] = useState(false);\r\n const {t} = useTranslation();\r\n const {plannerId} = useParams();\r\n\r\n useEffect(() => {\r\n if (!plannerId) return;\r\n fetchAndSelectPlanner(plannerId).then(d => {\r\n setShowTable(true)\r\n resetEntrySelected();\r\n if (cms) fetchAndSelectCms(cms);\r\n })\r\n }, [plannerId, fetchAndSelectPlanner, setShowTable,resetEntrySelected,fetchAndSelectCms,cms]);\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n \r\n {t('dashboard_events_title')} \r\n \r\n } variant='contained' color='primary' component={Link} to={`/creation/${selectedPlanner}`}>\r\n {t('create_btn')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n selectedPlanner: state.planner.selected,\r\n cms: state.planner.cmsSelected\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchAndSelectPlanner: (id) => dispatch(fetchAndSelectPlanner(id)),\r\n resetEntrySelected: () => dispatch(resetEntrySelected()),\r\n fetchAndSelectCms :(id) => dispatch(fetchAndSelectCms(id)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Cms);\r\n\r\n","import React, {useState} from 'react';\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {connect} from 'react-redux'\r\n\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {useTranslation} from \"react-i18next\";\r\n\r\nimport {createQuestion} from \"store/actions/EventsAction\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport {Select} from \"@material-ui/core\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport {useHistory} from \"react-router-dom\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n formControl: {\r\n margin: theme.spacing(0),\r\n minWidth: 120,\r\n width:\"100%\",\r\n },\r\n selectEmpty: {\r\n marginTop: theme.spacing(2),\r\n },\r\n deleteAnswer:{\r\n fontSize: \"12px\",\r\n marginRight: \"12px\",\r\n cursor: \"pointer\",\r\n border: \"solid 1px #3f51b5\",\r\n padding: \"2px 4px\",\r\n }\r\n }));\r\n\r\nconst CreateDialog = ({createQuestion, open, setOpen, event}) => {\r\n \r\n const classes = useStyles();\r\n const {t} = useTranslation();\r\n let history = useHistory();\r\n\r\n const [multipleAnswer, setMultipleAnswer] = useState(true);\r\n\r\n const [index, setIndex] = useState('');\r\n const [type, setType] = useState('');\r\n const [isVisible, setIsVisible] = useState('');\r\n const [question, setQuestion] = useState('');\r\n const [options, setOptions] = useState('');\r\n const [answers, setAnswers] = useState([]);\r\n \r\n const createNewQuestion = () => {\r\nconsole.log(answers)\r\n createQuestion(index,type,isVisible,question,answers)\r\n .then(() => {\r\n // fetchEventData(event.Planner_Event__)\r\n // fetchSeats();\r\n handleClose();\r\n history.push('/event/'+event.Planner_Event__);\r\n })\r\n };\r\n\r\n const handleAddQuestion = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n createNewQuestion();\r\n };\r\n\r\n const handleChangeTypeQuestion = (e) => {\r\n setType(e)\r\n e !== \"string\" ? setMultipleAnswer(false) : setMultipleAnswer(true);setOptions('');setAnswers([]) ;\r\n };\r\n \r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleAddAnswer = () => {\r\n setAnswers(answers => [...answers, options])\r\n setOptions('')\r\n console.log(answers)\r\n }\r\n\r\n\r\n const handleRemoveAnswer = (e) => {\r\n const name = e.target.getAttribute(\"name\")\r\n \r\n setAnswers(answers.filter(item => item !== name));\r\n\r\n console.log(name,e,answers)\r\n };\r\n\r\n\r\n return (\r\n\r\n \r\n {t('creation_question_title')} \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {t('question_index_lbl')} \r\n setIndex(e.target.value)}\r\n label={t('question_index_lbl')}\r\n >\r\n 1 \r\n 2 \r\n 3 \r\n 4 \r\n 5 \r\n 6 \r\n \r\n {t('question_index_helper')} \r\n \r\n \r\n\r\n \r\n \r\n {t('question_type_lbl')} \r\n handleChangeTypeQuestion(e.target.value)}\r\n label={t('question_type_lbl')}\r\n >\r\n {t('type_open_question_opt')} \r\n {t('type_multiple_answer_lbl')} \r\n \r\n {t('question_type_helper')} \r\n \r\n \r\n\r\n \r\n \r\n {t('question_is_visible_lbl')} \r\n setIsVisible(e.target.value)}\r\n label={t('event_creation_is_visible_lbl')}\r\n >\r\n {t('yes')} \r\n {t('no')} \r\n \r\n {t('question_is_visible_helper')} \r\n \r\n \r\n\r\n \r\n setQuestion(e.target.value)}\r\n helperText={t('question_label_helper')}/>\r\n \r\n\r\n \r\n setOptions(e.target.value)}\r\n helperText={t('question_options_answer_helper')}/>\r\n {t('question_add_answer_btn')} \r\n \r\n\r\n \r\n {answers.map((item, index) => (\r\n \r\n \r\n X {t('question_remove_answer_btn')}\r\n \r\n {item} \r\n
\r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('add_question_btn')}\r\n \r\n \r\n \r\n \r\n {t('back_btn')}\r\n \r\n \r\n\r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n console.log(state)\r\n return {\r\n event: state.events.selected,\r\n seats: state.events.seats,\r\n selectedEventLoading: state.events.loadingEventData,\r\n selectedEvent: state.events.selected.Planner_Event__,\r\n typeEvent:state.events.selected.Reserve_Type\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n createQuestion: (index,type,isVisible,question,answers) => dispatch(createQuestion(index,type,isVisible,question,answers)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CreateDialog);","import React, {useEffect, useState} from 'react';\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {useTranslation} from \"react-i18next\";\r\nimport {connect} from 'react-redux'\r\nimport {fetchEventData,editEventInfo} from \"store/actions/EventsAction\";\r\nimport {useParams} from \"react-router\"\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport {DateTimePicker, MuiPickersUtilsProvider} from \"@material-ui/pickers\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport {Select} from \"@material-ui/core\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Button from \"@material-ui/core/Button\";\r\nimport moment from 'moment'\r\nimport {Toolbar} from \"@material-ui/core\";\r\nimport {Title} from \"components/common/typography/Title\";\r\n\r\nimport AddQuestion from \"./AddQuestion\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n formControl: {\r\n margin: theme.spacing(0),\r\n minWidth: 120,\r\n width:\"100%\",\r\n },\r\n selectEmpty: {\r\n marginTop: theme.spacing(2),\r\n },\r\n }));\r\n\r\nconst EventInfo = ({event, fetchEventData, editEventInfo}) => {\r\n const classes = useStyles();\r\n const {t} = useTranslation();\r\n const {eventId} = useParams();\r\n const [title, setTitle] = useState(event.Name);\r\n const [location, setLocation] = useState(event.Location);\r\n const [locationUrl, setLocationUrl] = useState(event.Location_Url);\r\n const [address, setAddress] = useState(event.Location_Postal);\r\n const [isVisible, setIsVisible] = useState(event.Visible);\r\n const [eventDate, setEventDate] = useState(moment(parseInt(event.Event_Date.unixms)));\r\n\r\n const [eventType, setEventType] = useState(event.Event_Type);\r\n const [reserveType, setReserveType] = useState(event.Reserve_Type);\r\n const [maxSeatUser, setMaxSeatUser] = useState(event.Max_Seat_Per_User);\r\n const [reservationStartDate, setReservationStart] = useState(moment(parseInt(event.Reservation_Start.unixms)));\r\n const [reservationEnd, setReservationEnd] = useState(moment(parseInt(event.Reservation_End.unixms)));\r\n const [reservationFreeCancelDate, setReservationFreeCancelDate] = useState(null);\r\n\r\n \r\n const [showCreateDialog, setShowCreateDialog] = useState(false); \r\n\r\n useEffect(() => {\r\n if (!eventId) return;\r\n fetchEventData(eventId)\r\n }, [eventId, fetchEventData]);\r\n\r\n useEffect(() => {\r\n\r\n if (event.Free_Cancel_End){\r\n setReservationFreeCancelDate(moment(parseInt(event.Free_Cancel_End.unixms)))\r\n }\r\n\r\n }, [event]);\r\n\r\n const handleEditEventData = () => {\r\n\r\n editEventInfo(title, location, locationUrl, address, isVisible, eventDate,eventType,reservationStartDate,reservationEnd,reservationFreeCancelDate,maxSeatUser)\r\n .then((data) => {\r\n fetchEventData(eventId)\r\n })\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n handleEditEventData();\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n {t('event_creation_details_title')} \r\n \r\n \r\n\r\n\r\n \r\n setTitle(e.target.value)}\r\n helperText={t('event_creation_title_helper')}/>\r\n \r\n\r\n \r\n setLocation(e.target.value)}\r\n helperText={t('event_creation_location_helper')}/>\r\n \r\n\r\n \r\n setLocationUrl(e.target.value)}\r\n helperText={t('event_creation_location_url_helper')}/>\r\n \r\n\r\n \r\n setAddress(e.target.value)}\r\n helperText={t('event_creation_address_helper')}/>\r\n \r\n\r\n \r\n \r\n {t('event_creation_is_visible_lbl')} \r\n setIsVisible(e.target.value)}\r\n label={t('event_creation_is_visible_lbl')}\r\n >\r\n {t('yes')} \r\n {t('no')} \r\n \r\n {t('event_creation_is_visible_helper')} \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {t('event_creation_reservation_title')} \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {t('event_creation_reservation_type_lbl')} \r\n setReserveType(e.target.value)}\r\n label={t('event_creation_reservation_type_lbl')}>\r\n {t('free')} \r\n {t('seated')} \r\n \r\n {t('edit_reservation_type_helper')} \r\n \r\n \r\n\r\n \r\n setEventType(e.target.value)}\r\n helperText={t('event_creation_event_type_helper')}/>\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n setMaxSeatUser(e.target.value)}\r\n helperText={t('event_creation_max_seats_user_helper')}/>\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {t('edit_btn')}\r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n event: state.events.selected,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchEventData: (id) => dispatch(fetchEventData(id)),\r\n editEventInfo: (title, location, locationUrl, address, isVisible, eventDate,eventType,reservationStartDate,reservationEnd,reservationFreeCancelDate,maxSeatUser) => dispatch(editEventInfo(title, location, locationUrl, address, isVisible, eventDate,eventType,reservationStartDate,reservationEnd,reservationFreeCancelDate,maxSeatUser)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventInfo);","import React from 'react';\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {connect} from 'react-redux'\r\nimport {useHistory} from \"react-router-dom\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport DeleteForeverIcon from '@material-ui/icons/DeleteForever';\r\nimport {fetchEventData,fetchSeats,deleteSeat} from \"store/actions/EventsAction\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst DeleteDialog = ({open, setOpen, deleting, seatId,fetchEventData,deleteSeat,event}) => {\r\n let history = useHistory();\r\n const { t } = useTranslation();\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const handleDelete = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n deleteSeat(seatId)\r\n .then((data) => {\r\n fetchEventData(event.Planner_Event__)\r\n handleClose();\r\n history.push('/event/'+event.Planner_Event__);\r\n })\r\n };\r\n\r\n return (\r\n\r\n \r\n {t('confirm_delete_seat')} \r\n \r\n \r\n {t('once_confirmed_not_able_recover_seat')}\r\n {t('are_you_sure')} \r\n \r\n \r\n \r\n \r\n {t('back_btn')}\r\n \r\n } onClick={handleDelete}>\r\n {t('delete_forever_btn')}\r\n \r\n \r\n\r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n event: state.events.selected,\r\n seats: state.events.seats,\r\n deleting: state.events.seatDeleting,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchEventData: (id) => dispatch(fetchEventData(id)),\r\n fetchSeats: () => dispatch(fetchSeats()),\r\n deleteSeat: (idSeat) => dispatch(deleteSeat(idSeat)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DeleteDialog);","import React, {useEffect, useState} from 'react';\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {connect} from 'react-redux'\r\n\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {useTranslation} from \"react-i18next\";\r\n\r\nimport {fetchEventData,fetchSeats,createSeat} from \"store/actions/EventsAction\";\r\nimport {useParams} from \"react-router\"\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\r\nimport {Select} from \"@material-ui/core\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport {useHistory} from \"react-router-dom\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n formControl: {\r\n margin: theme.spacing(0),\r\n minWidth: 120,\r\n width:\"100%\",\r\n },\r\n selectEmpty: {\r\n marginTop: theme.spacing(2),\r\n },\r\n }));\r\n\r\nconst CreateDialog = ({fetchEventData, fetchSeats, createSeat,typeEvent,isFree,event, open, setOpen}) => {\r\n \r\n const classes = useStyles();\r\n const {t} = useTranslation();\r\n let history = useHistory();\r\n const {eventId} = useParams();\r\n const [seatName, setSeatName] = useState('');\r\n const [seatDesc, setSeatDesc] = useState('');\r\n const [seatCapacity, setSeatCapacity] = useState('');\r\n const [isVisible, setIsVisible] = useState('');\r\n const [price, setPrice] = useState('');\r\n const [currency, setCurrency] = useState('');\r\n\r\n typeEvent === \"free\" ? isFree = true : isFree = false;\r\n \r\n const handleAddSeat = () => {\r\n\r\n createSeat(seatName,seatDesc,seatCapacity,isVisible,price,currency)\r\n .then(() => {\r\n fetchEventData(event.Planner_Event__)\r\n fetchSeats();\r\n handleClose();\r\n history.push('/event/'+event.Planner_Event__);\r\n })\r\n };\r\n\r\n const handleCreateSeat = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n handleAddSeat();\r\n };\r\n \r\n useEffect(() => {\r\n if (!eventId) return;\r\n fetchEventData(eventId);\r\n }, [eventId, fetchEventData]);\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n return (\r\n\r\n \r\n {t('creation_seat_title')} \r\n \r\n \r\n \r\n \r\n\r\n {(isFree&&event.Seats.length>0) && \r\n \r\n {t('maximum_seat_created')}\r\n \r\n }\r\n\r\n {((isFree&&event.Seats.length===0)||(!isFree)) && \r\n <>\r\n \r\n setSeatName(e.target.value)}\r\n helperText={t('seat_name_helper')}/>\r\n \r\n\r\n \r\n setSeatDesc(e.target.value)}\r\n helperText={t('seat_desc_helper')}/>\r\n \r\n\r\n \r\n setSeatCapacity(e.target.value)}\r\n helperText={t('seats_capacity_helper')}/>\r\n \r\n\r\n \r\n \r\n {t('seats_is_visible_lbl')} \r\n setIsVisible(e.target.value)}\r\n label={t('event_creation_is_visible_lbl')}\r\n >\r\n {t('yes')} \r\n {t('no')} \r\n \r\n {t('seats_is_visible_helper')} \r\n \r\n \r\n\r\n \r\n setPrice(e.target.value)}\r\n helperText={t('seats_price_helper')}/>\r\n \r\n\r\n \r\n \r\n {t('seats_currency_lbl')} \r\n setCurrency(e.target.value)}\r\n label={t('add_seat_currency_lbl')}\r\n >\r\n {t('jpy')} \r\n {t('usd')} \r\n \r\n {t('seats_currency_helper')} \r\n \r\n \r\n\r\n \r\n \r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n {((isFree&&event.Seats.length===0)||(!isFree)) && \r\n \r\n {t('add_seat_btn')}\r\n \r\n }\r\n \r\n \r\n {t('back_btn')}\r\n \r\n \r\n\r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n console.log(state)\r\n return {\r\n event: state.events.selected,\r\n seats: state.events.seats,\r\n selectedEventLoading: state.events.loadingEventData,\r\n selectedEvent: state.events.selected.Planner_Event__,\r\n typeEvent:state.events.selected.Reserve_Type\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchEventData: (id) => dispatch(fetchEventData(id)),\r\n fetchSeats: () => dispatch(fetchSeats()),\r\n createSeat: (seatName,seatDesc,seatCapacity,isVisible,price,currency) => dispatch(createSeat(seatName,seatDesc,seatCapacity,isVisible,price,currency)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CreateDialog);","import React from 'react';\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {Link} from \"react-router-dom\";\r\nimport {Trans} from \"react-i18next\";\r\n\r\nconst Empty = ({title, text,textI18Key, action = null, graphic = null}) => {\r\n return (\r\n \r\n\r\n {graphic && \r\n }\r\n\r\n \r\n \r\n\r\n \r\n \r\n {title}\r\n \r\n \r\n\r\n \r\n {!textI18Key && text}\r\n {textI18Key &&\r\n \r\n sample sample \r\n }\r\n \r\n {action && \r\n \r\n \r\n {action.title}\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 Empty;\r\n","import React from 'react';\r\nimport {useTranslation} from \"react-i18next\";\r\nimport Graphic from \"resources/images/empty-seats.svg\";\r\nimport EmptyState from \"components/common/feeback/State/Empty\";\r\n\r\nconst Empty = () => {\r\n\r\n const {t} = useTranslation();\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n \r\n {t('dashboard_seats_title')} \r\n \r\n } variant='contained' color='primary' component={Link} onClick={e => setShowCreateDialog(true)}>\r\n {t('create_btn')}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {seats.length>0 && seats.map(s =>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {s.Seat_Name}\r\n \r\n \r\n {s.Description}\r\n \r\n \r\n {s.Count} / {s.Capacity}\r\n \r\n \r\n\r\n \r\n\r\n {(s.Count===\"0\"&&event.Visible===\"N\") &&\r\n }\r\n disabled={deleting}\r\n onClick={e => setShowDeleteDialog(true)}\r\n >\r\n {t('delete_btn')}\r\n \r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n {s.Price.display} \r\n \r\n \r\n \r\n \r\n
\r\n )}\t\r\n {seats.length < 1 && \r\n \r\n\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n console.log(state)\r\n return {\r\n event: state.events.selected,\r\n seats: state.events.seats,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchEventData: (id) => dispatch(fetchEventData(id)),\r\n fetchSeats: () => dispatch(fetchSeats()),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Seats);","import React from 'react';\r\nimport {useTranslation} from \"react-i18next\";\r\nimport Graphic from \"resources/images/empty-reservations.svg\";\r\nimport EmptyState from \"components/common/feeback/State/Empty\";\r\n\r\nconst Empty = () => {\r\n\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {!displayUser && {reservation.Serial} }\r\n \r\n \r\n {!displayUser && {reservation.Name} }\r\n \r\n \r\n {!displayUser && {reservation.Tel} }\r\n \r\n \r\n {!displayUser && {reservation.Planner_Event_Seat.Seat_Name} }\r\n \r\n \r\n {!displayUser && {reservation.Status ?? '-'} }\r\n \r\n \r\n {!displayUser && }\r\n component={Link} to={'/user/' + reservation.User__}\r\n >\r\n {t('view_btn')}\r\n }\r\n \r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state, {loading, idx}) => {\r\n if (loading) return {};\r\n return {\r\n reservation: state.events.selectedEventReservations[idx],\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(Row);","import React, {useEffect} from 'react';\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport MaterialTable from \"@material-ui/core/Table\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport Row from \"./RowReservations\";\r\nimport {connect} from 'react-redux'\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\nimport TablePaginationActions from \"@material-ui/core/TablePagination/TablePaginationActions\";\r\nimport {fetchEventReservation, setReservationsFilters, setReservationsPaging} from \"store/actions/EventsAction\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n\r\nconst Table = ({reservations, fetch, loading, filters, paging, count, setReservationsPaging, setReservationsFilters, disabled = false}) => {\r\n \r\n useEffect(() => {\r\n if (!disabled) {\r\n fetch();\r\n }\r\n\r\n }, [disabled, fetch, setReservationsFilters, filters, paging]);\r\n\r\n const loadingData = [...Array(paging.results_per_page).keys()];\r\n const { t } = useTranslation();\r\n const displayLoading = () => loadingData.map((k) => );\r\n const displayReservations = () => reservations.map((u, idx) => );\r\n\r\n /*\r\n const {sort} = filters;\r\n\r\n const sortHandler = (property, dir) => {\r\n var p = {...filters};\r\n // only 1 sort\r\n p.sort = {};\r\n p.sort[property] = dir;\r\n setUsersFilters(p);\r\n };*/\r\n\r\n const changePageHandler = (e, newPage) => {\r\n // The pagination component start at 0;...\r\n if (loading) return;\r\n setReservationsPaging({page_no: (newPage + 1)})\r\n };\r\n\r\n const changeResultPerPageHandler = e => {\r\n if (loading) return;\r\n setReservationsPaging({results_per_page: e.target.value})\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {t('tablecell_serial')} \r\n {t('tablecell_username')} \r\n {t('tablecell_phone')} \r\n {t('tablecell_seat_name')} \r\n {t('tablecell_status')} \r\n \r\n {t('tablecell_actions')}\r\n \r\n \r\n \r\n \r\n {(loading || disabled) && displayLoading()}\r\n {(!loading && !disabled) && displayReservations()}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n )\r\n\r\n};\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n console.log(\"table\",state)\r\n return {\r\n filters: state.events.reservationsFilters,\r\n paging: state.events.reservationsPaging,\r\n count: state.events.reservationsPagingCount,\r\n loading: state.events.loadingEventData,\r\n reservations: state.events.selectedEventReservations\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetch: () => dispatch(fetchEventReservation()),\r\n setReservationsPaging: (newPaging) => dispatch(setReservationsPaging(newPaging)),\r\n setReservationsFilters: (newPaging) => dispatch(setReservationsFilters(newPaging))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Table);\r\n\r\n","import React, {useState,useEffect} from 'react';\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {connect} from 'react-redux'\r\nimport {fetchEventReservation} from \"store/actions/EventsAction\";\r\nimport {useParams} from \"react-router\"\r\nimport EmptyReservations from \"./EmptyReservations\";\r\n\r\nimport Table from './TableReservations';\r\n\r\nconst EventInfo = ({fetchEventReservation,reservations}) => {\r\n const [showTable, setShowTable] = useState(false);\r\n const {eventId} = useParams();\r\n\r\n \r\n useEffect(() => {\r\n if (!eventId) return;\r\n fetchEventReservation().then(d => {\r\n setShowTable(true)\r\n })\r\n }, [eventId, fetchEventReservation]);\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n {reservations.length > 0 &&\r\n \r\n }\r\n {reservations.length < 1 && \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n {t('event_questions_title')} \r\n \r\n } variant='contained' color='primary' component={Link} to=\"!#\" onClick={e => setShowCreateDialog(true)}>\r\n {t('add_question_btn')}\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n {questions && questions.map(item => \r\n\r\n \r\n \r\n {item.Question}\r\n\r\n \r\n \r\n \r\n {t('question_is_visible_lbl')} \r\n \r\n {t('yes')} \r\n {t('no')} \r\n \r\n {t('question_is_visible_helper')} \r\n \r\n \r\n \r\n \r\n\r\n )} \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n questions : state.events.eventSelectedQuestions\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchEventQuestion: () => dispatch(fetchEventQuestion()),\r\n editVisibilityQuestion : (isVisible,idQuestion) => dispatch(editVisibilityQuestion(isVisible,idQuestion)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventQuestion);","import React, {useEffect, useState} from 'react';\r\nimport {Grid, Tab, Tabs, Typography} from \"@material-ui/core\"\r\nimport Panel from \"components/common/data/tab/Panel\";\r\nimport {Paper} from \"components/common/surface/Paper\";\r\n\r\n\r\nimport {connect} from 'react-redux'\r\nimport {fetchEventData} from \"store/actions/EventsAction\";\r\nimport Skeleton from \"@material-ui/lab/Skeleton\";\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nimport LoadingAppBarTitle from \"components/common/typography/LoadingAppBarTitle\"\r\nimport {useParams} from \"react-router\"\r\n\r\n//pages included\r\nimport EventInfo from \"components/common/event/EventInfo\";\r\nimport Seats from \"components/common/event/Seats\";\r\nimport Reservations from \"components/common/event/Reservations\";\r\nimport Content from \"components/common/cms/entry/Content\";\r\nimport Questions from \"components/common/event/EventQuestion\";\r\n\r\nconst EventEdit = ({eventData, fetchEventData, loadingEventData}) => {\r\n const [tabIndex, setTabIndex] = useState(0);\r\n\r\n const {t} = useTranslation();\r\n const {eventId} = useParams();\r\n \r\n useEffect(() => {\r\n if (!eventId) return;\r\n fetchEventData(eventId)\r\n }, [eventId, fetchEventData]);\r\n\r\n const handleTabChange = (event, newValue) => {\r\n setTabIndex(newValue);\r\n };\r\n\r\n return (\r\n\r\n \r\n t('dashboard_event_title', {event:e})}/>\r\n\r\n \r\n \r\n {t('edit_article_manage_tags_visibility')}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n {loadingEventData && }\r\n {!loadingEventData && }\r\n \r\n \r\n {loadingEventData && }\r\n {!loadingEventData && }\r\n \r\n \r\n {loadingEventData && }\r\n {!loadingEventData && \r\n \r\n {loadingEventData && }\r\n {!loadingEventData && \r\n \r\n {loadingEventData && }\r\n {!loadingEventData && \r\n \r\n\r\n \r\n\r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n eventData: state.events.selected,\r\n loadingEventData: state.events.loadingEventData,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchEventData: (id) => dispatch(fetchEventData(id))\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventEdit);","import {rest} from \"@karpeleslab/klbfw\";\r\nimport {handleError} from \"../../components/utils/apiErrorHandler\";\r\n\r\nimport {\r\n FETCH_ORDER_HISTORY_BEGIN,\r\n FETCH_ORDER_HISTORY_SUCCESS,\r\n HISTORY_SET_PAGING,\r\n} from \"../reducers/Order\";\r\n\r\n\r\nexport const fetchOrderByUser = () => {\r\n\r\n return (dispatch, getState) => {\r\n dispatch({type: FETCH_ORDER_HISTORY_BEGIN});\r\n\r\n const params = {\r\n ...getState().orders.historyPaging,\r\n sort : {\r\n Date : 'ASC'\r\n },\r\n \"Realm__\":getState().userDetails.data.Realm__,\r\n \"User__\": getState().userDetails.data.User__,\r\n };\r\n\r\n return rest('Order', 'GET', params)\r\n .then(\r\n (m) => {\r\n dispatch({type: FETCH_ORDER_HISTORY_SUCCESS, data: m.data, paging: m.paging})\r\n return m.data;\r\n }\r\n )\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n }\r\n}; \r\n\r\nexport const setOrderHistoryPaging = (newPaging) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: HISTORY_SET_PAGING, paging: {...getState().orders.historyPaging, ...newPaging}});\r\n }\r\n};\r\n\r\n","import React from 'react';\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Skeleton from \"@material-ui/lab/Skeleton\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport {connect} from 'react-redux'\r\nimport { useTranslation } from 'react-i18next';\r\nimport moment from \"moment\";\r\n\r\nconst Row = ({order, loading}) => {\r\n const displayUser = (!loading && order);\r\n const { t } = useTranslation();\r\n return (\r\n \r\n \r\n {!displayUser && {order.Invoice_Number} }\r\n \r\n \r\n {!displayUser && {order.Invoice_Date && moment(parseInt(order.Invoice_Date.unixms)).format('LLL')} }\r\n \r\n \r\n {!displayUser && {order.Paid && moment(parseInt(order.Paid.unixms)).format('LLL')} }\r\n \r\n \r\n {!displayUser && {order.Status ?? '-'} }\r\n \r\n \r\n {!displayUser && {order.Total.display ?? '-'} }\r\n \r\n \r\n {!displayUser && {t('download')} }\r\n \r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state, {loading, idx}) => {\r\n if (loading) return {};\r\n return {\r\n order: state.orders.data[idx],\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(Row);","import React, {useEffect} from 'react';\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport MaterialTable from \"@material-ui/core/Table\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport Row from \"./RowOrderByUser\";\r\nimport {connect} from 'react-redux'\r\nimport TableFooter from \"@material-ui/core/TableFooter\";\r\nimport TablePagination from \"@material-ui/core/TablePagination\";\r\n\r\nimport {fetchOrderByUser,setOrderHistoryPaging} from \"store/actions/Order\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport FirstPageIcon from '@material-ui/icons/FirstPage';\r\nimport KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';\r\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\r\nimport LastPageIcon from '@material-ui/icons/LastPage';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n flexShrink: 0,\r\n marginLeft: theme.spacing(2.5),\r\n },\r\n}))\r\n\r\nfunction TablePaginationActions(props) {\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const { count, page, rowsPerPage, onChangePage } = props;\r\n\r\n const handleFirstPageButtonClick = event => {\r\n onChangePage(event, 0);\r\n };\r\n\r\n const handleBackButtonClick = event => {\r\n onChangePage(event, page - 1);\r\n };\r\n\r\n const handleNextButtonClick = event => {\r\n onChangePage(event, page + 1);\r\n };\r\n\r\n const handleLastPageButtonClick = event => {\r\n onChangePage(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));\r\n };\r\n\r\n return (\r\n \r\n \r\n {theme.direction === 'rtl' ? \r\n {theme.direction === 'rtl' ? \r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"next page\"\r\n >\r\n {theme.direction === 'rtl' ? = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"last page\"\r\n >\r\n {theme.direction === 'rtl' ?
\r\n );\r\n}\r\n\r\nTablePaginationActions.propTypes = {\r\n count: PropTypes.number.isRequired,\r\n onChangePage: PropTypes.func.isRequired,\r\n page: PropTypes.number.isRequired,\r\n rowsPerPage: PropTypes.number.isRequired,\r\n};\r\n\r\nconst Table = ({history, fetch, loading, paging, count, setOrderHistoryPaging, disabled = false}) => {\r\n\r\n\r\n useEffect(() => {\r\n\r\n fetch();\r\n\r\n }, [fetch, paging]);\r\n\r\n const loadingData = [...Array(paging.results_per_page).keys()];\r\n const { t } = useTranslation();\r\n const displayLoading = () => loadingData.map((k) => );\r\n const displayOrderHistory = () => history.map((u, idx) => );\r\n\r\n const changePageHandler = (e, newPage) => {\r\n // The pagination component start at 0;...\r\n if (loading) return;\r\n setOrderHistoryPaging({page_no: (newPage + 1)})\r\n };\r\n\r\n const changeResultPerPageHandler = e => {\r\n if (loading) return;\r\n setOrderHistoryPaging({results_per_page: e.target.value})\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {t('history_invoice_number')} \r\n {t('history_order_date')} \r\n {t('history_paid_date')} \r\n {t('history_status')} \r\n {t('history_price')} \r\n \r\n {t('history_dl_pdf')}\r\n \r\n \r\n \r\n \r\n {(loading || disabled) && displayLoading()}\r\n {(!loading && !disabled) && displayOrderHistory()}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n )\r\n\r\n};\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n paging: state.orders.historyPaging,\r\n count: state.orders.historyPagingCount,\r\n loading: state.orders.loading,\r\n history : state.orders.data,\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetch: () => dispatch(fetchOrderByUser()),\r\n setOrderHistoryPaging: (newPaging) => dispatch(setOrderHistoryPaging(newPaging)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Table);\r\n\r\n","import React, {useState,useEffect} from 'react';\r\nimport AppBarTitle from \"components/common/typography/AppBarTitle\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport {connect} from 'react-redux'\r\nimport {fetchOrderByUser} from \"store/actions/Order\";\r\nimport {fetchUser} from \"store/actions/UserDetails\";\r\nimport {useParams} from \"react-router\"\r\nimport EmptyReservations from \"components/common/event/EmptyReservations\";\r\nimport {Paper} from \"components/common/surface/Paper\";\r\nimport Table from 'components/common/user/table/TableOrderByUser';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst EventInfo = ({fetchOrderByUser,fetchUser,orders,user}) => {\r\n const [showTable, setShowTable] = useState(false);\r\n const {userId} = useParams();\r\n const { t } = useTranslation();\r\n \r\n useEffect(() => {\r\n if (!userId) return;\r\n fetchUser(userId).then(() => {\r\n fetchOrderByUser()\r\n setShowTable(true)\r\n })\r\n }, [userId, fetchOrderByUser,fetchUser]);\r\n\r\n\r\n return (\r\n \r\n {user.Profile &&\r\n \r\n \r\n \r\n {orders.length > 0 &&\r\n \r\n }\r\n {orders.length < 1 && \r\n \r\n\r\n \r\n \r\n \r\n {t('event_creation_details_title')} \r\n \r\n \r\n\r\n \r\n \r\n\r\n {/* CMS part */}\r\n \r\n setTitle(e.target.value)}\r\n helperText={t('title_article_selected_lang')}/>\r\n \r\n \r\n \r\n setLang(e.target.value)}\r\n inputProps={{\r\n variant: 'outlined',\r\n required: true,\r\n }}\r\n helperText={t('lang_article_written_in')}\r\n />\r\n \r\n\r\n {/* EVENT part */}\r\n \r\n setLocation(e.target.value)}\r\n helperText={t('event_creation_location_helper')}/>\r\n \r\n\r\n \r\n setLocationUrl(e.target.value)}\r\n helperText={t('event_creation_location_url_helper')}/>\r\n \r\n\r\n \r\n setAddress(e.target.value)}\r\n helperText={t('event_creation_address_helper')}/>\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n {t('event_creation_reservation_title')} \r\n \r\n \r\n\r\n \r\n \r\n\r\n {/* RESERVATION part */}\r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {t('event_creation_reservation_type_lbl')} \r\n setReserveType(e.target.value)}\r\n label={t('event_creation_reservation_type_lbl')}>\r\n {t('free')} \r\n {t('seated')} \r\n \r\n {t('event_creation_reservation_type_helper')} \r\n \r\n \r\n\r\n \r\n setEventType(e.target.value)}\r\n helperText={t('event_creation_event_type_helper')}/>\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n setMaxSeatUser(e.target.value)}\r\n helperText={t('event_creation_max_seats_user_helper')}/>\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n {t('event_creation_info_seats_title')} \r\n \r\n \r\n\r\n \r\n \r\n {t('event_creation_info_seats_p')}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {t('create_event_btn')}\r\n \r\n \r\n \r\n\r\n \r\n\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n selectedPlanner: state.planner.selected,\r\n cmsId: state.planner.cmsSelected\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetchAndSelectPlanner: (id) => dispatch(fetchAndSelectPlanner(id)),\r\n createEntry: (cmsId, title, language) => dispatch(createEntry(cmsId, title, language)),\r\n createEvent: (title,reserveType,eventType,location,locationUrl,address,eventDate,reservationStartDate,reservationEnd,reservationFreeCancelDate,maxSeatUser,entryId) => dispatch(createEvent(title,reserveType,eventType,location,locationUrl,address,eventDate,reservationStartDate,reservationEnd,reservationFreeCancelDate,maxSeatUser,entryId)),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventCreationStep1);","import Home from \"../pages/Home\";\r\nimport Login from \"../pages/Login\";\r\nimport {updateUser} from \"../store/actions/UserActions\";\r\nimport Dashboard from \"../pages/Dashboard\";\r\nimport Articles from \"../pages/Articles\";\r\nimport ArticleEdit from \"../pages/ArticleEdit\";\r\nimport Profile from \"../pages/Profile\";\r\nimport Templates from \"../components/common/cms/template/Templates\";\r\nimport Tags from \"../pages/Tags\";\r\nimport Settings from \"../pages/Settings\"\r\nimport Authors from \"../pages/Authors\";\r\nimport Events from \"../pages/Events\";\r\nimport Event from \"../pages/Event\";\r\nimport User from \"../pages/User\";\r\nimport EventCreation from \"../pages/EventCreation\";\r\n\r\n// This set of promises will waited prior running all loadData promises.\r\nexport const prerequisites = (store) => {\r\n return [\r\n store.dispatch(updateUser()).catch(() => {\r\n }), // ignore error\r\n ]\r\n};\r\n\r\nexport default [\r\n {\r\n path: \"/\",\r\n component: Home,\r\n exact: true,\r\n type: 'route',\r\n loginRequired: true,\r\n },\r\n {\r\n path: \"/login\",\r\n component: Login,\r\n exact: true,\r\n type: 'route',\r\n },\r\n {\r\n path: \"/user/:userId\",\r\n component: User,\r\n exact: true,\r\n type: 'route',\r\n },\r\n {\r\n path: \"/creation/:plannerId\",\r\n component: EventCreation,\r\n exact: true,\r\n type: 'route',\r\n loginRequired: true,\r\n },\r\n {\r\n path: \"/cms/:cmsId\",\r\n component: Dashboard,\r\n exact: true,\r\n type: 'route',\r\n loginRequired: true,\r\n },\r\n {\r\n path: \"/events/:plannerId\",\r\n component: Events,\r\n exact: true,\r\n type: 'route',\r\n loginRequired: true,\r\n },\r\n {\r\n path: \"/event/:eventId\",\r\n component: Event,\r\n exact: true,\r\n type: 'route',\r\n loginRequired: true,\r\n },\r\n {\r\n path: \"/cms/:cmsId/articles\",\r\n component: Articles,\r\n exact: true,\r\n type: 'route',\r\n loginRequired: true,\r\n },\r\n {\r\n path: \"/profile\",\r\n component: Profile,\r\n exact: false,\r\n type: 'route',\r\n loginRequired: true,\r\n },\r\n {\r\n path: \"/article/:entryData\",\r\n component: ArticleEdit,\r\n exact: false,\r\n type: 'route',\r\n },\r\n {\r\n path: \"/cms/:cmsId/templates\",\r\n component: Templates,\r\n exact: true,\r\n type: 'route',\r\n },\r\n {\r\n path: \"/cms/:cmsId/tags\",\r\n component: Tags,\r\n exact: true,\r\n type: 'route',\r\n },\r\n {\r\n path: \"/cms/:cmsId/settings\",\r\n component: Settings,\r\n exact: true,\r\n type: 'route',\r\n },\r\n {\r\n path: \"/cms/:cmsId/authors\",\r\n component: Authors,\r\n exact: false,\r\n type: 'route',\r\n loginRequired: true,\r\n },\r\n];","import {useEffect} from 'react';\nimport {useLocation} from 'react-router'\n\nconst ScrollToTop = () => {\n const {pathname} = useLocation();\n\n useEffect(() => {\n if (typeof window !== 'undefined') window.scrollTo(0, 0);\n }, [pathname]);\n\n return null;\n};\n\nexport default ScrollToTop;","import React, {Component, Fragment} from 'react';\nimport {connect} from 'react-redux'\nimport {Redirect} from 'react-router-dom'\nimport { withRouter } from \"react-router\";\n\nclass LoginRequired extends Component {\n render() {\n const {location, user, children, to} = this.props\n if(user)\n return {children} \n\n const returnTo = encodeURIComponent(location.pathname+location.search+location.hash);\n\n return .MuiDrawer-paper': s};\n});\n\nexport const DrawerToolBarIcon = styled(Div)(style => {\n return {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n padding: '0 8px',\n ...style.theme.mixins.toolbar,\n }\n});","import styledComponents from 'styled-components'\nimport styled from \"@material-ui/core/styles/styled\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Container from \"@material-ui/core/Container\";\nimport {drawerWidth} from \"./drawer/style\";\n\nconst Main = styledComponents.main``;\nconst Div = styledComponents.div``;\n\nexport const MainContent = styled(Main)(style => {\n return {\n flexGrow: 1,\n height: '100vh',\n overflow: 'auto',\n }\n});\n\nexport const MainContainer = styled(Container)(style => {\n return {\n paddingTop: style.theme.spacing(4),\n paddingBottom: style.theme.spacing(4),\n [style.theme.breakpoints.down(\"sm\")]: {\n //paddingTop: style.theme.spacing(0),\n padding: style.theme.spacing(0),\n //paddingBottom: style.theme.spacing(0),\n //paddingLeft: style.theme.spacing(0),\n //paddingRight: style.theme.spacing(0),\n\n }\n }\n});\n\n\nexport const Root = styled(Div)(style => {\n return {\n display: 'flex',\n }\n});\n\n\nexport const StyledAppBar = styled(AppBar)(style => {\n let s = {\n zIndex: style.theme.zIndex.drawer + 1,\n transition: style.theme.transitions.create(['width', 'margin'], {\n easing: style.theme.transitions.easing.sharp,\n duration: style.theme.transitions.duration.leavingScreen,\n })\n };\n\n if (style.shift) {\n s.marginLeft = drawerWidth;\n s.width = `calc(100% - ${drawerWidth}px)`;\n s.transition = style.theme.transitions.create(['width', 'margin'], {\n easing: style.theme.transitions.easing.sharp,\n duration: style.theme.transitions.duration.enteringScreen,\n });\n }\n\n return s;\n});\n\n\nexport const MenuButton = styled(IconButton)(style => {\n let s = {\n marginRight: 36,\n };\n\n if (style.hidden) {\n s.display = 'none';\n }\n\n return s;\n});\n\n\nexport const AppBarSpacer = styled(Div)(style => {\n return style.theme.mixins.toolbar\n});","import React from 'react';\nimport {Link, matchPath, useLocation} from \"react-router-dom\";\nimport {Tooltip} from \"@material-ui/core\";\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\n\nconst MenuNavLink = (props) => {\n const {icon, primary, path, tooltip, disabled, onClick} = props;\n const location = useLocation()\n\n //https://material-ui.com/guides/composition/#caveat-with-inlining\n const renderLink = React.useMemo(\n () =>\n React.forwardRef((linkProps, ref) => (\n \n \n {icon && {icon} }\n \n \n \n );\n};\n\nexport default MenuNavLink;","import React, {Fragment} from 'react';\nimport Button from \"@material-ui/core/Button\";\nimport AccountCircle from \"@material-ui/icons/AccountCircle\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport ReactMenu from \"@material-ui/core/Menu\";\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\nimport LogoutIcon from \"@material-ui/icons/ExitToApp\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport {logout} from \"store/actions/UserActions\";\nimport {connect} from 'react-redux'\nimport {useTranslation} from \"react-i18next\";\nimport MenuNavLink from \"./MenuNavLink\";\nimport Avatar from \"@material-ui/core/Avatar\";\n\n\nconst Menu = ({logout, user}) => {\n const [anchorEl, setAnchorEl] = React.useState(null);\n const open = Boolean(anchorEl);\n const {t} = useTranslation();\n\n const handleMenu = event => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const handleLogout = () => {\n setAnchorEl(null);\n logout();\n };\n\n return (\n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n user: state.user.user\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n logout: () => dispatch(logout())\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Menu);","import React, {Fragment} from 'react';\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport MenuIcon from '@material-ui/icons/Menu';\nimport {MenuButton, StyledAppBar} from \"./style\";\nimport {openDrawer} from \"../../store/actions/CommonAction\";\nimport {connect} from \"react-redux\";\nimport {logout} from \"../../store/actions/UserActions\";\nimport Typography from \"@material-ui/core/Typography\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport useTheme from \"@material-ui/core/styles/useTheme\";\nimport Menu from \"./appBar/Menu\";\n\nconst useStyles = makeStyles(theme => ({\n title: {\n flexGrow: 1,\n }\n}));\n\nconst AppBar = ({shift, openDrawer, user, title}) => {\n const theme = useTheme();\n const mobile = useMediaQuery(theme.breakpoints.down('sm'));\n const classes = useStyles();\n\n if (!user) return \n \n \n \n {title}\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n shift: state.common.drawerOpened,\n title: state.common.title,\n user: state.user.user,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n openDrawer: () => dispatch(openDrawer()),\n logout: () => dispatch(logout())\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AppBar);\n","import React from 'react';\nimport {withRouter} from \"react-router\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport {Link, matchPath} from \"react-router-dom\";\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport {Tooltip} from \"@material-ui/core\";\nimport makeStyles from \"@material-ui/core/styles/makeStyles\";\n\nconst useStyles = makeStyles(theme => ({\n nested: {\n paddingLeft: theme.spacing(4),\n }\n}));\n\nconst ListItemNavLink = (props) => {\n const {icon, primary, path, tooltip, location, disabled} = props;\n const classes = useStyles();\n //https://material-ui.com/guides/composition/#caveat-with-inlining\n const renderLink = React.useMemo(\n () =>\n React.forwardRef((linkProps, ref) => (\n \n \n {icon && {icon} }\n \n \n \n );\n};\n\nexport default withRouter(ListItemNavLink);","import React from 'react';\r\nimport ListItemNavLink from \"./ListItemNavLink\";\r\n\r\n\r\nimport List from \"@material-ui/core/List\";\r\nimport {connect} from \"react-redux\";\r\nimport {CircularProgress} from \"@material-ui/core\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport {MdCardMembership} from 'react-icons/md'\r\n\r\nconst Events = ({selectedPlanner, loading, selected}) => {\r\n\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n \r\n \r\n {loading &&\r\n \r\n \r\n \r\n }\r\n \r\n\r\n \r\n }\r\n primary={t('menu_events_list')}\r\n />\r\n\r\n }\r\n primary={t('menu_event_creation')}\r\n />\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n selectedPlanner: state.planner.selected,\r\n open: state.common.drawerOpened,\r\n loading: state.planner.loading,\r\n selected:state.planner.isSelected\r\n }\r\n};\r\n\r\n\r\n\r\nexport default connect(mapStateToProps, null)(Events);\r\n","import styled from \"@material-ui/core/styles/styled\";\r\nimport Button from '@material-ui/core/Button';\r\n\r\nexport const ChangeLangBtn = styled(Button)(style => {\r\n return {\r\n position: \"relative\",\r\n bottom: 0,\r\n width: \"auto\",\r\n borderTop: \"1px solid #795a5a26\",\r\n }\r\n});","import ListItemIcon from '@material-ui/core/ListItemIcon';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Popover from '@material-ui/core/Popover';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport React, { useState, useEffect } from 'react';\r\nimport { getLocale} from \"@karpeleslab/klbfw\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport {connect} from 'react-redux'\r\nimport { compose } from 'redux';\r\nimport {fetch} from \"../../../store/actions/LangAction\";\r\nimport Flag from \"../data/flag/Flag\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Grid from '@material-ui/core/Grid'\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport {ChangeLangBtn} from \"./Style\";\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n\troot: {\r\n\t\tflexGrow: 1,\r\n\t },\r\n\tlangBox: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t},\r\n }));\r\n\r\nconst LanguageSwitcher = ({open, fetch, lang}) => {\r\n\r\n\tconst { t } = useTranslation();\r\n\tconst [menu, setMenu] = useState(null);\r\n\tconst location = useLocation();\r\n useEffect(() => {\r\n fetch();\r\n\t}, [fetch]);\r\n\tconst classes = useStyles();\r\n\t\r\n\r\n\tconst userMenuClick = event => {\r\n\t\tsetMenu(event.currentTarget);\r\n\t};\r\n\r\n\tconst userMenuClose = () => {\r\n\t\tsetMenu(null);\r\n\t};\r\n\r\n\t\r\n\tconst handleLanguageChange = (lng) => {\r\n\r\n\t\t/*\r\n Change Language\r\n */\r\n\r\n\t\tuserMenuClose();\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{open &&\r\n\t\t\t<>\r\n\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t{lang.map(lng => (\r\n\t\t\t\t\t\tgetLocale() === lng.Language__ &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{lng.Local_Name}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t \r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t{lang.map(lng => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t handleLanguageChange(lng)}>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{lng.Local_Name}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t))}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t}\r\n\t\t\t{!open &&\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t}\r\n\t\t\r\n\t);\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n\t\tloading: state.lang.loading,\r\n lang: state.lang.languages,\r\n\t\tstate:state,\r\n\t\topen: state.common.drawerOpened,\r\n\t}\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n fetch: () => dispatch(fetch()),\r\n }\r\n}\r\n\r\nexport default compose(connect(mapStateToProps, mapDispatchToProps))(LanguageSwitcher);","import {\r\n FETCH_LANG_BEGIN,\r\n FETCH_LANG_SUCCESS,\r\n} from \"../reducers/LangReducer\";\r\nimport {handleError} from \"../../components/utils/apiErrorHandler\";\r\nimport {rest} from \"@karpeleslab/klbfw\";\r\n\r\nexport const fetch = () => {\r\n\r\n return (dispatch, getState) => {\r\n dispatch({type: FETCH_LANG_BEGIN});\r\n\r\n return rest('Language:local', \"GET\")\r\n .then(\r\n (data) => {\r\n dispatch({type: FETCH_LANG_SUCCESS, languages: data.data});\r\n return data.data;\r\n }\r\n )\r\n .catch((err) => {\r\n handleError(getState, dispatch, err)\r\n })\r\n }\r\n}; ","import React, {Fragment} from 'react';\nimport {DrawerToolBarIcon} from \"./style\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport ChevronLeftIcon from \"@material-ui/icons/ChevronLeft\";\nimport Divider from \"@material-ui/core/Divider\";\nimport List from \"@material-ui/core/List\";\nimport {closeDrawer} from \"../../../store/actions/CommonAction\";\nimport ListItemNavLink from \"./ListItemNavLink\";\nimport { useTranslation } from 'react-i18next';\nimport Events from './Events';\nimport Languages from '../../common/languageSwitcher/LanguageSwitcher';\n\n\nimport {connect} from \"react-redux\";\n\nimport { MdDashboard } from 'react-icons/md';\n\nconst DrawerContent = ({open, closeDrawer, user, selectedPlanner, loading}) => {\n const { t } = useTranslation();\n\n if (!user) return \n \n \n \n \n \n }\n primary={t('menu_home')}\n />\n
\n \n );\n};\n\nconst mapStateToProps = (state) => {\n return {\n open: state.common.drawerOpened,\n user: state.user.user,\n selectedPlanner: state.planner.selected,\n loading: state.cms.cmsNotSelected,\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n closeDrawer: () => dispatch(closeDrawer()),\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DrawerContent);\n","import React, {Fragment} from 'react';\nimport {StyledDrawer} from \"./style\";\nimport {connect} from 'react-redux'\nimport {closeDrawer} from \"../../../store/actions/CommonAction\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport useTheme from \"@material-ui/core/styles/useTheme\";\nimport DrawerContent from \"./DrawerContent\";\n\nconst Drawer = ({open, closeDrawer, user}) => {\n const theme = useTheme();\n const mobile = useMediaQuery(theme.breakpoints.down('sm'));\n if (!user) return \n \n \n {/*We can here test toast.i18n to check if the message is a token or not*/}\n {!toast ? '' : toast.message}\n \n \n }\n}\n\nconst mapStateToProps = (state) => {\n return {\n toast: state.toast.current\n }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n return {\n consumed: (toast) => dispatch(consumed(toast))\n }\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Toasts);","import React, {Fragment, useEffect} from 'react';\r\nimport {connect} from 'react-redux'\r\nimport {fetchAndSelectCms,loadNewsCms} from \"../../../store/actions/CmsAction\";\r\n\r\nconst Loader = ({entryData, selectedCms,fetchSelectCms}) => {\r\n\r\n // This will ensure we have the right cms selected base on the entryData loaded\r\n useEffect(() => {\r\n if (!entryData) return;\r\n if (selectedCms && selectedCms.Content_Cms__ === entryData.Content_Cms__) return;\r\n fetchSelectCms(entryData.Content_Cms__);\r\n\r\n }, [entryData, selectedCms, fetchSelectCms]);\r\n\r\n return \r\n \r\n {Component}\r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {Component}\r\n \r\n );\r\n };\r\n\r\n const buildRoutes = () => {\r\n return (\r\n \r\n {\r\n routes.map((route, idx) => {\r\n switch (route.type) {\r\n case 'route':\r\n default:\r\n return buildRoute(idx, {...route}) // Copy it to not alter the original\r\n }\r\n })}\r\n \r\n )\r\n };\r\n\r\n const addLayout = mode !== 'ssr-open' && mode !== 'client-open' && mode !== 'ssr-mail';\r\n if (!addLayout) return buildRoutes();\r\n\r\n return (\r\n \r\n \r\n \r\n {buildRoutes()}\r\n \r\n \r\n \r\n );\r\n};\r\n","import i18n from 'i18next';\r\nimport { initReactI18next } from 'react-i18next';\r\nimport { Backend } from '@karpeleslab/i18next-klb-backend';\r\nimport {getLocale} from \"@karpeleslab/klbfw\";\r\nconst defaultLng = getLocale();\r\n\r\nlet initOptions = {}\r\n\r\nif (process.env.NODE_ENV === 'production') {\r\n initOptions = {\r\n ns: ['translation'],\r\n defaultNS: 'translation',\r\n debug: false,\r\n lng: defaultLng,\r\n load: 'currentOnly',\r\n initImmediate: false,\r\n interpolation: {\r\n escapeValue: false, // not needed for react as it escapes by default\r\n },\r\n react: {\r\n wait: true,\r\n useSuspense: false,\r\n }\r\n }\r\n} else {\r\n initOptions = {\r\n ns: ['translation'],\r\n defaultNS: 'translation',\r\n debug: false,\r\n lng: defaultLng,\r\n load: 'currentOnly',\r\n initImmediate: false,\r\n interpolation: {\r\n escapeValue: false, // not needed for react as it escapes by default\r\n },\r\n react: {\r\n wait: true,\r\n useSuspense: false,\r\n }\r\n }\r\n}\r\n\r\nexport const i18nPromise = i18n\r\n // load translation using klb system\r\n // learn more: https://github.com/KarpelesLab/i18next-klb-backend\r\n .use(Backend)\r\n // pass the i18n instance to react-i18next.\r\n .use(initReactI18next)\r\n // init i18next\r\n // for all options read: https://www.i18next.com/overview/configuration-options\r\n .init(initOptions);\r\n\r\nexport default i18n;\r\n","import React from 'react';\r\nimport {Provider} from \"react-redux\";\r\nimport {renderToString} from 'react-dom/server';\r\nimport {matchPath, StaticRouter} from 'react-router-dom';\r\nimport createStore, {setAsCurrentStore} from \"../store/store\";\r\nimport Layout from \"../components/layout/Layout\";\r\nimport routeConfig, {prerequisites} from './routeConfig'\r\nimport {getPrefix, getPath, getUuid} from \"@karpeleslab/klbfw\";\r\nimport {Helmet} from \"react-helmet\";\r\nimport {i18nPromise} from '../i18n';\r\n\r\nfunction loadData(store) {\r\n const promises = [i18nPromise];\r\n\r\n routeConfig.some(route => {\r\n const match = matchPath(getPath(), route);\r\n if (match && route.loadData !== undefined) {\r\n route.loadData.forEach((f) => {\r\n const promise = f(match, store);\r\n\r\n if (Promise.resolve(promise) !== promise) {\r\n throw new Error('loadData functions must return a promise')\r\n }\r\n\r\n promises.push(promise);\r\n })\r\n }\r\n return match;\r\n });\r\n\r\n return Promise.all(promises);\r\n}\r\n\r\nfunction loadPrerequisite(store) {\r\n return Promise.all(prerequisites(store));\r\n}\r\n\r\nfunction render(store, result) {\r\n let context = {};\r\n\r\n result.app = renderToString(\r\n \r\n \r\n \r\n \r\n );\r\n\r\n if (context.statusCode) {\r\n result.statusCode = context.statusCode;\r\n }\r\n\r\n if (context.url) {\r\n result.redirect = context.url;\r\n return result;\r\n }\r\n\r\n result.initial = store.getState();\r\n\r\n Helmet.canUseDOM = false;\r\n\r\n const helmet = Helmet.renderStatic();\r\n result.title = helmet.title ? helmet.title.toString() : null;\r\n result.meta = helmet.meta ? helmet.meta.toString() : null;\r\n result.script = helmet.script ? helmet.script.toString() : null;\r\n result.link = helmet.link ? helmet.link.toString() : null;\r\n result.bodyAttributes = helmet.bodyAttributes ? helmet.bodyAttributes.toString() : null;\r\n result.htmlAttributes = helmet.htmlAttributes ? helmet.htmlAttributes.toString() : null;\r\n\r\n return result;\r\n}\r\n\r\nexport default (cbk) => {\r\n const store = createStore();\r\n setAsCurrentStore(store);\r\n\r\n const result = {\r\n uuid: getUuid(),\r\n app: null,\r\n title: null,\r\n meta: null,\r\n script: null,\r\n link: null,\r\n initial: null,\r\n error: null,\r\n redirect: null,\r\n bodyAttributes: null,\r\n htmlAttributes: null,\r\n statusCode: null,\r\n };\r\n\r\n try {\r\n loadPrerequisite(store)\r\n .then(() => loadData(store))\r\n .then(() => render(store, result))\r\n .then((r) => {\r\n cbk(r)\r\n })\r\n\r\n\r\n } catch (e) {\r\n result.error = e.toString();\r\n return cbk(result);\r\n }\r\n}\r\n","import React from 'react';\r\nimport {Provider} from 'react-redux';\r\nimport createStore, {setAsCurrentStore} from \"../store/store\";\r\nimport toString from './toString';\r\nimport ReactDOM from 'react-dom';\r\nimport {BrowserRouter} from \"react-router-dom\";\r\nimport {getInitialState, getPrefix, rest} from \"@karpeleslab/klbfw\";\r\nimport Layout from \"../components/layout/Layout\";\r\n\r\n\r\nimport {prerequisites} from \"./routeConfig\";\r\n\r\nimport 'i18n';\r\n\r\nfunction hydrate(store) {\r\n ReactDOM.hydrate(\r\n \r\n \r\n \r\n ,\r\n document.getElementById('root')\r\n );\r\n}\r\n\r\nexport function run() {\r\n if (process.env.NODE_ENV !== 'production') {\r\n window.rest = rest;\r\n }\r\n\r\n const initState = getInitialState();\r\n const store = createStore(initState);\r\n setAsCurrentStore(store);\r\n\r\n if (initState) hydrate(store);\r\n else {\r\n Promise.all(prerequisites(store))\r\n .then(() => hydrate(store))\r\n }\r\n\r\n}\r\n\r\nexport const renderToString = toString;\r\n"],"sourceRoot":""}
