\r\n this.onButtonClick(event)}> \r\n\r\n \r\n Page Title \r\n this.handleChange(event)}\r\n value={this.state.title}/>\r\n \r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(PagesForm);","// ACTIONS AND NOTIFIERS\r\n\r\n/*\r\nADD_PROJECT: 1 - action \r\n+ 1 STARTED\r\n+ 2 COMPLETED\r\n+ 3 ERROR\r\n*/\r\n\r\nexport const NOTIFIERS = {\r\n SET_TOP20_IMAGE_UPLOAD: -10,\r\n SET_PLAYLIST_IMAGE_UPLOAD: -9,\r\n SET_ROCKLEGEND_IMAGE_UPLOAD: -8,\r\n SET_ALBUM_IMAGE_UPLOAD: -7,\r\n SET_NEWS_IMAGE_UPLOAD: -6,\r\n SET_NEWS_EDIT_STATE: -5,\r\n SET_ROCKINFO_EDIT_STATE: -5,\r\n SET_HISTORY_EDIT_STATE: -4,\r\n SET_HEADLINE_EDIT_STATE: -3,\r\n SET_PAGE_EDIT_STATE: -2,\r\n SET_CONTEXT: -1,\r\n\r\n\r\n GET_PAGES: 0,\r\n GET_PAGE: 4,\r\n ADD_PAGE: 8,\r\n UPDATE_PAGE: 12,\r\n DELETE_PAGE: 16,\r\n RESET_PAGES_STATE: 17,\r\n\r\n GET_HEADLINES: 24,\r\n GET_HEADLINE: 28,\r\n ADD_HEADLINE: 32,\r\n UPDATE_HEADLINE: 36,\r\n DELETE_HEADLINE: 40,\r\n RESET_HEADLINES_STATE: 41,\r\n\r\n GET_HISTORIES: 48,\r\n GET_HISTORY: 52,\r\n ADD_HISTORY: 56,\r\n UPDATE_HISTORY: 60,\r\n DELETE_HISTORY: 64,\r\n RESET_HISTORY_STATE: 65,\r\n\r\n\r\n GET_ROCKINFOS: 72,\r\n GET_ROCKINFO: 76,\r\n ADD_ROCKINFO: 80,\r\n UPDATE_ROCKINFO: 84,\r\n DELETE_ROCKINFO: 88,\r\n RESET_ROCKINFO_STATE: 89,\r\n\r\n GET_NEWS: 96,\r\n GET_NEWS_DETAILS: 100,\r\n ADD_NEWS: 104,\r\n UPDATE_NEWS: 108,\r\n DELETE_NEWS: 112,\r\n RESET_NEWS_STATE: 113,\r\n\r\n GET_TIM: 120,\r\n UPDATE_TIM: 124,\r\n GET_TIM_DETAIL: 128,\r\n SET_TIM_EDIT_STATE: 132,\r\n RESET_TIM_STATE: 133,\r\n\r\n GET_BANNERS: 140,\r\n GET_BANNER: 144,\r\n UPDATE_BANNER: 148,\r\n ADD_BANNER: 152,\r\n DELETE_BANNER: 156,\r\n SET_BANNER_EDIT_STATE: 160,\r\n\r\n GET_ALBUMS: 168,\r\n ADD_ALBUM: 172,\r\n DELETE_ALBUM: 176,\r\n UPDATE_ALBUM: 180,\r\n GET_ALBUM: 184,\r\n SET_ALBUM_EDIT_STATE: 188,\r\n RESET_ALBUMS_STATE: 195,\r\n\r\n\r\n GET_PLAYLIST_CATEGORY: 196,\r\n ADD_PLAYLIST_CATEGORY: 200,\r\n DELETE_PLAYLIST_CATEGORY: 204,\r\n UPDATE_PLAYLIST_CATEGORY: 208,\r\n GET_PLAYLIST: 212,\r\n ADD_PLAYLIST_ITEM: 216,\r\n DELETE_PLAYLIST_ITEM: 220,\r\n UPDATE_PLAYLIST_ITEM: 224,\r\n RESET_PLAYLISTS_STATE: 228,\r\n SET_PLAYLIST_EDIT_STATE: 232,\r\n GET_PLAYLIST_ITEM: 236,\r\n\r\n RESET_TOP20_STATE: 250,\r\n SET_TOP20_EDIT_STATE: 254,\r\n GET_TOP20_CATEGORY: 258,\r\n ADD_TOP20_CATEGORY: 262,\r\n DELETE_TOP20_CATEGORY: 266,\r\n UPDATE_TOP20_CATEGORY: 270,\r\n GET_TOP20_ITEMS: 274,\r\n GET_TOP20_ITEM: 278,\r\n UPDATE_TOP20_ITEM: 282,\r\n DELETE_TOP20_ITEM: 286,\r\n ADD_TOP20_ITEM: 290,\r\n\r\n\r\n GET_PHOTO_CATEGORIES: 332,\r\n ADD_PHOTO_CATEGORY: 336,\r\n DELETE_PHOTO_CATEGORY: 340,\r\n UPDATE_PHOTO_CATEGORY: 344,\r\n GET_PHOTO_GALLERY: 348,\r\n DELETE_GALLERY_IMAGE: 352,\r\n SET_GALLERY_EDIT_STATE: 356,\r\n SET_GALLERY_IMAGE_UPLOAD: 360,\r\n RESET_PHOTO_STATE: 364,\r\n ADD_GALLERY_IMAGE: 368,\r\n\r\n GET_ROCKLEGENDS: 400,\r\n ADD_ROCKLEGEND: 404,\r\n DELETE_ROCKLEGEND: 408,\r\n UPDATE_ROCKLEGEND: 412,\r\n GET_ROCKLEGEND: 416,\r\n SET_ROCKLEGEND_EDIT_STATE: 420,\r\n RESET_ROCKLEGEND_STATE: 424,\r\n\r\n LOGIN: 500,\r\n LOGOUT: 540,\r\n\r\n}\r\n\r\nexport const STATES = {\r\n LIST: 1,\r\n EDIT: 2\r\n}\r\n","// Local\r\n// export const BackendSettings = {\r\n // baseUrl: \"http://localhost/admin2/services/\",\r\n // baseUrlAssets: \"http://localhost/assets\",\r\n // baseImagesUrl: \"http://localhost/images/\"\r\n// }\r\n\r\n// PROD - testsite\r\nexport const BackendSettings = {\r\n baseUrl : \"http://176.126.237.165/kptv/admin2/services/\",\r\n baseUrlAssets: \"http://testsite.kptv.ro/radio/ro/assets\",\r\n baseImagesUrl: \"http://176.126.237.165/kptv/images/\"\r\n}","export const enqueueSnackbar = (notification) => {\r\n return {\r\n type: 'ENQUEUE_SNACKBAR',\r\n notification: {\r\n key: new Date().getTime() + Math.random(),\r\n ...notification,\r\n autoHideDuration: 1000\r\n }\r\n }\r\n};\r\n\r\nexport const removeSnackbar = key => ({\r\n type: 'REMOVE_SNACKBAR',\r\n key,\r\n});","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport PagesTable from './pagesTable';\r\nimport PagesForm from './pagesForm';\r\nimport {STATES} from '../../store/types';\r\nimport {\r\n addPage_a,\r\n deletePage_a,\r\n getPage_a,\r\n getPages_a,\r\n resetState_a,\r\n setPageEditState_a,\r\n updatePage_a\r\n} from '../../store/actions/pagesActions';\r\n\r\nconst styles = theme => ({\r\n root: {},\r\n});\r\n\r\nclass Pages extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getPages();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onRowClick = (rowData) => {\r\n this.props.getPage(rowData.id, true);\r\n }\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n case 'formBack':\r\n this.props.setPageEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updatePage(data);\r\n } else {\r\n this.props.addPage(data);\r\n }\r\n break;\r\n case 'tableDelete':\r\n //console.log(\"DELETE DATA\", data);\r\n this.props.deletePage(data.id);\r\n break;\r\n case 'tableAdd': {\r\n this.props.setPageEditState(STATES.EDIT);\r\n break;\r\n\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n return (\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 pages: state.pages\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getPages: (data) => dispatch(getPages_a()),\r\n getPage: (id, editMode) => dispatch(getPage_a(id, editMode)),\r\n setPageEditState: (state) => dispatch(setPageEditState_a(state)),\r\n updatePage: (data) => dispatch(updatePage_a(data)),\r\n addPage: (data) => dispatch(addPage_a(data)),\r\n deletePage: (id) => dispatch(deletePage_a(id)),\r\n resetState: () => dispatch(resetState_a())\r\n\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(Pages));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getPages_a = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_PAGES + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"pages\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_PAGES + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_PAGES + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getPage_a = (id, editMode = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_PAGE + 1});\r\n return axios.get(BackendSettings.baseUrl + \"page/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_PAGE + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_PAGE + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updatePage_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_PAGE + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updatePage\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_PAGE + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_PAGE + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addPage_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_PAGE + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addPage\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_PAGE + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_PAGE + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deletePage_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_PAGE + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deletePage\", {id: id})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_PAGE + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_PAGE + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_PAGES_STATE, newState: state};\r\n}\r\n\r\nexport const setPageEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_PAGE_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport MaterialTable from 'material-table';\r\n\r\nconst styles = () => ({\r\n root: {\r\n width: '100%',\r\n minWidth: 1200,\r\n display: \"inline-block\",\r\n\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n \"& tr td:first-child\": {\r\n width: 100\r\n },\r\n \"& tfoot tr td:first-child\": {\r\n width: 500\r\n }\r\n },\r\n\r\n titleButton: {\r\n marginLeft: 50\r\n }\r\n});\r\n\r\nclass HeadlinesTable extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n onRowClick = (event, rowData) => {\r\n this.props.onRowClick(rowData);\r\n }\r\n\r\n onButtonClick = (event) => {\r\n this.props.eventHandler(event.currentTarget.name);\r\n //switch(event.currentTarget.name) {}\r\n }\r\n\r\n onAdd = () => {\r\n this.props.eventHandler(\"tableAdd\");\r\n }\r\n\r\n onDelete = (data) => {\r\n this.props.eventHandler(\"tableDelete\", data);\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {headlines, classes} = this.props;\r\n\r\n return (\r\n \r\n {\r\n return (rowData.publish ? \"Yes\" : \"No\")\r\n }\r\n },\r\n {title: 'Display Order', field: 'display_order'}\r\n ]}\r\n\r\n options={{\r\n pageSize: 10,\r\n pageSizeOptions: [10, 20, 30]\r\n\r\n }}\r\n\r\n onRowClick={this.onRowClick}\r\n\r\n actions={[{\r\n disabled: false,\r\n icon: \"add\",\r\n //iconProps: {style: {marginLeft:20}},\r\n isFreeAction: true,\r\n onClick: this.onAdd\r\n }]}\r\n\r\n editable={{\r\n onRowDelete: oldData =>\r\n new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\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}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(HeadlinesTable));","import React from 'react';\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormGroup,\r\n Input,\r\n InputLabel,\r\n Switch,\r\n TextField\r\n} from \"@material-ui/core\";\r\nimport {CkEditor} from '../comps/ckEditor';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport FormBar from '../comps/formBar';\r\n\r\nconst styles = theme => ({\r\n root: {\r\n maxWidth: 650,\r\n width: 650,\r\n borderRadius: 5,\r\n //background: \"#37393d\",\r\n background: 'linear-gradient(180deg, #000 15%, #222 90%)',\r\n display: \"inline-block\",\r\n padding: \"5px 15px\",\r\n \"& a span\": {\r\n color: \"black !important\"\r\n },\r\n },\r\n\r\n textField: {\r\n marginLeft: theme.spacing.unit,\r\n marginRight: theme.spacing.unit,\r\n marginTop: 0,\r\n width: 200,\r\n },\r\n\r\n formLabel: {\r\n marginLeft: 0,\r\n },\r\n\r\n button: {\r\n margin: theme.spacing.unit,\r\n },\r\n});\r\n\r\nclass HeadlinesForm extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n title: '',\r\n content: '',\r\n editMode: false\r\n };\r\n\r\n handleChange = (event) => {\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n }\r\n\r\n handleEditorChange(event) {\r\n this.setState({...this.state, content: event.editor.getData()});\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data) {\r\n this.setState({\r\n editMode: true,\r\n id: nextProps.data.id,\r\n title: nextProps.data.title,\r\n content: nextProps.data.content,\r\n display_order: nextProps.data.display_order,\r\n publish: nextProps.data.publish,\r\n date: nextProps.data.date\r\n });\r\n } else {\r\n this.setState({\r\n editMode: false,\r\n title: '',\r\n content: '',\r\n display_order: 1,\r\n publish: false,\r\n date: new Date().toJSON().slice(0, 10).replace(/-/g, '-')\r\n });\r\n }\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formBack':\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n break;\r\n case 'formSave':\r\n let data = {\r\n editMode: this.state.editMode,\r\n id: this.state.id,\r\n title: this.state.title,\r\n content: this.state.content,\r\n display_order: this.state.display_order,\r\n publish: this.state.publish,\r\n date: this.state.date\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {classes} = this.props;\r\n\r\n let editorData = this.props.data ? this.props.data.content : '';\r\n let onEditorChange = this.handleEditorChange.bind(this);\r\n\r\n return (\r\n \r\n this.onButtonClick(event)}> \r\n\r\n \r\n Headline Title \r\n this.handleChange(event)}\r\n value={this.state.title}/>\r\n \r\n\r\n \r\n this.handleChange(event)}\r\n margin=\"normal\"/>\r\n this.handleChange(event)}/>\r\n this.handleChange(event)}/>\r\n }/>\r\n \r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(HeadlinesForm);","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport HeadlinesTable from './headlinesTable'\r\nimport HeadlinesForm from './headlinesForm';\r\nimport {STATES} from '../../store/types';\r\nimport {\r\n addHeadline_a,\r\n deleteHeadline_a,\r\n getHeadline_a,\r\n getHeadlines_a,\r\n resetState_a,\r\n setHeadlineEditState_a,\r\n updateHeadline_a\r\n} from '../../store/actions/headlinesActions';\r\n\r\nconst styles = theme => ({\r\n root: {},\r\n});\r\n\r\nclass Headlines extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getHeadlines();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onRowClick = (rowData) => {\r\n this.props.getHeadline(rowData.id, true);\r\n }\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n case 'formBack':\r\n this.props.setHeadlineEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updateHeadline(data);\r\n } else {\r\n this.props.addHeadline(data);\r\n }\r\n break;\r\n case 'tableDelete':\r\n this.props.deleteHeadline(data.id);\r\n break;\r\n case 'tableAdd': {\r\n this.props.setHeadlineEditState(STATES.EDIT);\r\n break;\r\n\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n headlines: state.headlines\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getHeadlines: (data) => dispatch(getHeadlines_a()),\r\n getHeadline: (id, editMode) => dispatch(getHeadline_a(id, editMode)),\r\n setHeadlineEditState: (state) => dispatch(setHeadlineEditState_a(state)),\r\n updateHeadline: (data) => dispatch(updateHeadline_a(data)),\r\n addHeadline: (data) => dispatch(addHeadline_a(data)),\r\n deleteHeadline: (id) => dispatch(deleteHeadline_a(id)),\r\n resetState: () => dispatch(resetState_a())\r\n\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(Headlines));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getHeadlines_a = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_HEADLINES + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"headlines\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_HEADLINES + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_HEADLINES + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getHeadline_a = (id, editMode = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_HEADLINE + 1});\r\n return axios.get(BackendSettings.baseUrl + \"headline/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_HEADLINE + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_HEADLINE + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updateHeadline_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_HEADLINE + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateHeadline\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_HEADLINE + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_HEADLINE + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addHeadline_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_HEADLINE + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addHeadline\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_HEADLINE + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_HEADLINE + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deleteHeadline_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_HEADLINE + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deleteHeadline\", {id: id})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_HEADLINE + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_HEADLINE + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_HEADLINES_STATE, newState: state};\r\n}\r\n\r\nexport const setHeadlineEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_HEADLINE_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport MaterialTable from 'material-table';\r\n\r\nconst styles = () => ({\r\n root: {\r\n minWidth: 1400,\r\n width: '100%',\r\n display: \"inline-block\",\r\n\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n \"& tr td:first-child\": {\r\n width: 100\r\n },\r\n \"& tfoot tr td:first-child\": {\r\n width: 500\r\n }\r\n },\r\n\r\n titleButton: {\r\n marginLeft: 50\r\n }\r\n});\r\n\r\nclass HistoryTable extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n onRowClick = (event, rowData) => {\r\n this.props.onRowClick(rowData);\r\n }\r\n\r\n onButtonClick = (event) => {\r\n this.props.eventHandler(event.currentTarget.name);\r\n //switch(event.currentTarget.name) {}\r\n }\r\n\r\n onAdd = () => {\r\n this.props.eventHandler(\"tableAdd\");\r\n }\r\n\r\n onDelete = (data) => {\r\n this.props.eventHandler(\"tableDelete\", data);\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {histories, classes} = this.props;\r\n\r\n return (\r\n \r\n {\r\n return (rowData.publish ? \"Yes\" : \"No\")\r\n }\r\n },\r\n {title: 'Display Order', field: 'display_order'}\r\n ]}\r\n\r\n options={{\r\n pageSize: 10,\r\n pageSizeOptions: [10, 20, 30]\r\n\r\n }}\r\n\r\n onRowClick={this.onRowClick}\r\n\r\n actions={[{\r\n disabled: false,\r\n icon: \"add\",\r\n //iconProps: {style: {marginLeft:20}},\r\n isFreeAction: true,\r\n onClick: this.onAdd\r\n }]}\r\n\r\n editable={{\r\n onRowDelete: oldData =>\r\n new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\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}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(HistoryTable));","import React from 'react';\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormGroup,\r\n Input,\r\n InputLabel,\r\n Switch,\r\n TextField\r\n} from \"@material-ui/core\";\r\nimport {CkEditor} from '../comps/ckEditor';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport FormBar from '../comps/formBar';\r\n\r\nconst styles = theme => ({\r\n root: {\r\n maxWidth: 650,\r\n width: 650,\r\n borderRadius: 5,\r\n //background: \"#37393d\",\r\n background: 'linear-gradient(180deg, #000 15%, #222 90%)',\r\n display: \"inline-block\",\r\n padding: \"5px 15px\",\r\n \"& a span\": {\r\n color: \"black !important\"\r\n },\r\n },\r\n\r\n textField: {\r\n marginLeft: theme.spacing.unit,\r\n marginRight: theme.spacing.unit,\r\n marginTop: 0,\r\n width: 200,\r\n },\r\n\r\n formLabel: {\r\n marginLeft: 0,\r\n },\r\n\r\n button: {\r\n margin: theme.spacing.unit,\r\n },\r\n});\r\n\r\nclass HistoryForm extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n title: '',\r\n content: '',\r\n editMode: false\r\n };\r\n\r\n handleChange = (event) => {\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n }\r\n\r\n handleEditorChange(event) {\r\n this.setState({...this.state, content: event.editor.getData()});\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data) {\r\n // TODO CHANGE THIS\r\n this.setState({\r\n editMode: true,\r\n id: nextProps.data.id,\r\n title: nextProps.data.title,\r\n content: nextProps.data.content,\r\n display_order: nextProps.data.display_order,\r\n publish: nextProps.data.publish,\r\n date: nextProps.data.date\r\n });\r\n\r\n } else {\r\n this.setState({\r\n editMode: false,\r\n title: '',\r\n content: '',\r\n display_order: 1,\r\n publish: false,\r\n date: new Date().toJSON().slice(0, 10).replace(/-/g, '-')\r\n });\r\n }\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formBack':\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n break;\r\n case 'formSave':\r\n let data = {\r\n editMode: this.state.editMode,\r\n id: this.state.id,\r\n title: this.state.title,\r\n content: this.state.content,\r\n display_order: this.state.display_order,\r\n publish: this.state.publish,\r\n date: this.state.date\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {classes} = this.props;\r\n\r\n let editorData = this.props.data ? this.props.data.content : '';\r\n let onEditorChange = this.handleEditorChange.bind(this);\r\n\r\n return (\r\n \r\n this.onButtonClick(event)}> \r\n\r\n \r\n Title \r\n this.handleChange(event)}\r\n value={this.state.title}/>\r\n \r\n\r\n \r\n this.handleChange(event)}\r\n margin=\"normal\"/>\r\n this.handleChange(event)}/>\r\n this.handleChange(event)}/>\r\n }/>\r\n \r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(HistoryForm);","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport HistoryTable from './historyTable'\r\nimport HistoryForm from './historyForm';\r\nimport {STATES} from '../../store/types';\r\nimport {\r\n addHistory_a,\r\n deleteHistory_a,\r\n getHistories_a,\r\n getHistory_a,\r\n resetState_a,\r\n setHistoryEditState_a,\r\n updateHistory_a\r\n} from '../../store/actions/historyActions';\r\n\r\nconst styles = theme => ({\r\n root: {},\r\n});\r\n\r\nclass History extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getHistories();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onRowClick = (rowData) => {\r\n this.props.getHistory(rowData.id, true);\r\n }\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n case 'formBack':\r\n this.props.setHistoryEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updateHistory(data);\r\n } else {\r\n this.props.addHistory(data);\r\n }\r\n break;\r\n case 'tableDelete':\r\n this.props.deleteHistory(data.id);\r\n break;\r\n case 'tableAdd': {\r\n this.props.setHistoryEditState(STATES.EDIT);\r\n break;\r\n\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n histories: state.histories\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getHistories: (data) => dispatch(getHistories_a()),\r\n getHistory: (id, editMode) => dispatch(getHistory_a(id, editMode)),\r\n setHistoryEditState: (state) => dispatch(setHistoryEditState_a(state)),\r\n updateHistory: (data) => dispatch(updateHistory_a(data)),\r\n addHistory: (data) => dispatch(addHistory_a(data)),\r\n deleteHistory: (id) => dispatch(deleteHistory_a(id)),\r\n resetState: () => dispatch(resetState_a())\r\n\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(History));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getHistories_a = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_HISTORIES + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"histories\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_HISTORIES + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_HISTORIES + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getHistory_a = (id, editMode = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_HISTORY + 1});\r\n return axios.get(BackendSettings.baseUrl + \"history/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_HISTORY + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_HISTORY + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updateHistory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_HISTORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateHistory\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_HISTORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_HISTORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addHistory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_HISTORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addHistory\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_HISTORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_HISTORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deleteHistory_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_HISTORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deleteHistory\", {id: id})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_HISTORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_HISTORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_HISTORY_STATE, newState: state};\r\n}\r\n\r\nexport const setHistoryEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_HISTORY_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport MaterialTable from 'material-table';\r\n\r\nconst styles = () => ({\r\n root: {\r\n minWidth: 1200,\r\n width: '100%',\r\n display: \"inline-block\",\r\n\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n \"& tr td:first-child\": {\r\n width: 100\r\n },\r\n \"& tfoot tr td:first-child\": {\r\n width: 500\r\n }\r\n },\r\n\r\n titleButton: {\r\n marginLeft: 50\r\n }\r\n});\r\n\r\nclass RockInfoTable extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n onRowClick = (event, rowData) => {\r\n this.props.onRowClick(rowData);\r\n }\r\n\r\n onButtonClick = (event) => {\r\n this.props.eventHandler(event.currentTarget.name);\r\n //switch(event.currentTarget.name) {}\r\n }\r\n\r\n onAdd = () => {\r\n this.props.eventHandler(\"tableAdd\");\r\n }\r\n\r\n onDelete = (data) => {\r\n this.props.eventHandler(\"tableDelete\", data);\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {data, classes} = this.props;\r\n\r\n return (\r\n \r\n {\r\n return (rowData.publish ? \"Yes\" : \"No\")\r\n }\r\n },\r\n {title: 'Display Order', field: 'display_order'}\r\n ]}\r\n\r\n options={{\r\n pageSize: 10,\r\n pageSizeOptions: [10, 20, 30]\r\n\r\n }}\r\n\r\n onRowClick={this.onRowClick}\r\n\r\n actions={[{\r\n disabled: false,\r\n icon: \"add\",\r\n //iconProps: {style: {marginLeft:20}},\r\n isFreeAction: true,\r\n onClick: this.onAdd\r\n }]}\r\n\r\n editable={{\r\n onRowDelete: oldData =>\r\n new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\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}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(RockInfoTable));","import React from 'react';\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormGroup,\r\n Input,\r\n InputLabel,\r\n Switch,\r\n TextField\r\n} from \"@material-ui/core\";\r\nimport {CkEditor} from '../comps/ckEditor';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport FormBar from '../comps/formBar';\r\n\r\nconst styles = theme => ({\r\n root: {\r\n maxWidth: 650,\r\n width: 650,\r\n borderRadius: 5,\r\n //background: \"#37393d\",\r\n background: 'linear-gradient(180deg, #000 15%, #222 90%)',\r\n display: \"inline-block\",\r\n padding: \"5px 15px\",\r\n \"& a span\": {\r\n color: \"black !important\"\r\n },\r\n },\r\n\r\n textField: {\r\n marginLeft: theme.spacing.unit,\r\n marginRight: theme.spacing.unit,\r\n marginTop: 0,\r\n width: 200,\r\n },\r\n\r\n formLabel: {\r\n marginLeft: 0,\r\n },\r\n\r\n button: {\r\n margin: theme.spacing.unit,\r\n },\r\n});\r\n\r\nclass RockInfoForm extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n title: '',\r\n content: '',\r\n editMode: false\r\n };\r\n\r\n handleChange = (event) => {\r\n\r\n console.log(event.target.name, event.target.value);\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n\r\n console.log(this.state);\r\n }\r\n\r\n handleEditorChange(event) {\r\n this.setState({...this.state, content: event.editor.getData()});\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data) {\r\n this.setState({\r\n editMode: true,\r\n id: nextProps.data.id,\r\n title: nextProps.data.title,\r\n content: nextProps.data.content,\r\n display_order: nextProps.data.display_order,\r\n publish: nextProps.data.publish,\r\n date: nextProps.data.date\r\n });\r\n } else {\r\n this.setState({\r\n editMode: false,\r\n title: '',\r\n content: '',\r\n display_order: 1,\r\n publish: false,\r\n date: new Date().toJSON().slice(0, 10).replace(/-/g, '-')\r\n });\r\n }\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formBack':\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n break;\r\n case 'formSave':\r\n let data = {\r\n editMode: this.state.editMode,\r\n id: this.state.id,\r\n title: this.state.title,\r\n content: this.state.content,\r\n display_order: this.state.display_order,\r\n publish: this.state.publish,\r\n date: this.state.date\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {classes} = this.props;\r\n\r\n let editorData = this.props.data ? this.props.data.content : '';\r\n let onEditorChange = this.handleEditorChange.bind(this);\r\n\r\n return (\r\n \r\n this.onButtonClick(event)}> \r\n\r\n \r\n Title \r\n this.handleChange(event)}\r\n value={this.state.title}/>\r\n \r\n\r\n \r\n this.handleChange(event)}\r\n margin=\"normal\"/>\r\n this.handleChange(event)}/>\r\n this.handleChange(event)}/>\r\n }/>\r\n \r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(RockInfoForm);","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport RockInfoTable from './rockInfoTable'\r\nimport RockInfoForm from './rockInfoForm';\r\nimport {STATES} from '../../store/types';\r\nimport {\r\n addRockInfo_a,\r\n deleteRockInfo_a,\r\n getRockInfo_a,\r\n getRockInfos_a,\r\n resetState_a,\r\n setRockInfoEditState_a,\r\n updateRockInfo_a\r\n} from '../../store/actions/rockInfoActions';\r\n\r\nconst styles = theme => ({\r\n root: {},\r\n});\r\n\r\nclass RockInfo extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getRockInfos();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onRowClick = (rowData) => {\r\n this.props.getRockInfo(rowData.id, true);\r\n }\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n case 'formBack':\r\n this.props.setRockInfoEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updateRockInfo(data);\r\n } else {\r\n this.props.addRockInfo(data);\r\n }\r\n break;\r\n case 'tableDelete':\r\n this.props.deleteRockInfo(data.id);\r\n break;\r\n case 'tableAdd': {\r\n this.props.setRockInfoEditState(STATES.EDIT);\r\n break;\r\n\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n rockInfo: state.rockInfo\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getRockInfos: (data) => dispatch(getRockInfos_a()),\r\n getRockInfo: (id, editMode) => dispatch(getRockInfo_a(id, editMode)),\r\n setRockInfoEditState: (state) => dispatch(setRockInfoEditState_a(state)),\r\n updateRockInfo: (data) => dispatch(updateRockInfo_a(data)),\r\n addRockInfo: (data) => dispatch(addRockInfo_a(data)),\r\n deleteRockInfo: (id) => dispatch(deleteRockInfo_a(id)),\r\n resetState: () => dispatch(resetState_a())\r\n\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(RockInfo));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getRockInfos_a = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_ROCKINFOS + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"rockinfos\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_ROCKINFOS + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_ROCKINFOS + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getRockInfo_a = (id, editMode = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_ROCKINFO + 1});\r\n return axios.get(BackendSettings.baseUrl + \"rockinfo/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_ROCKINFO + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_ROCKINFO + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updateRockInfo_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_ROCKINFO + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateRockInfo\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_ROCKINFO + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_ROCKINFO + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addRockInfo_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_ROCKINFO + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addRockInfo\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_ROCKINFO + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_ROCKINFO + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deleteRockInfo_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_ROCKINFO + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deleteRockInfo\", {id: id})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_ROCKINFO + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_ROCKINFO + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_ROCKINFO_STATE, newState: state};\r\n}\r\n\r\nexport const setRockInfoEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_ROCKINFO_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {BackendSettings} from '../../config/config';\r\nimport MaterialTable from 'material-table';\r\n\r\nconst styles = () => ({\r\n root: {\r\n minWidth: 1200,\r\n width: '100%',\r\n display: \"inline-block\",\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n \"& tr td:first-child\": {\r\n width: 100\r\n },\r\n \"& tfoot tr td:first-child\": {\r\n width: 500\r\n }\r\n },\r\n\r\n listImage: {\r\n maxHeight: 90,\r\n },\r\n\r\n titleButton: {\r\n marginLeft: 50\r\n }\r\n});\r\n\r\nclass NewsTable extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n onRowClick = (event, rowData) => {\r\n this.props.onRowClick(rowData);\r\n }\r\n\r\n onButtonClick = (event) => {\r\n this.props.eventHandler(event.currentTarget.name);\r\n //switch(event.currentTarget.name) {}\r\n }\r\n\r\n onAdd = () => {\r\n this.props.eventHandler(\"tableAdd\");\r\n }\r\n\r\n onDelete = (data) => {\r\n this.props.eventHandler(\"tableDelete\", data);\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {data, classes} = this.props;\r\n\r\n return (\r\n \r\n {\r\n return (
)\r\n },\r\n filtering: false\r\n },\r\n {title: 'Title', field: 'title'},\r\n {title: 'Date', field: 'date'},\r\n {\r\n title: 'Publish',\r\n field: 'publish',\r\n render: rowData => {\r\n return (rowData.publish ? \"Yes\" : \"No\")\r\n },\r\n filtering: false\r\n },\r\n {\r\n title: 'Sticky', field: 'isSticky',\r\n render: rowData => {\r\n return (rowData.isSticky ? \"Yes\" : \"No\")\r\n },\r\n filtering: false\r\n }\r\n ]}\r\n\r\n options={{\r\n pageSize: 10,\r\n pageSizeOptions: [10, 20, 30],\r\n filtering: true,\r\n }}\r\n\r\n onRowClick={this.onRowClick}\r\n\r\n actions={[{\r\n disabled: false,\r\n icon: \"add\",\r\n //iconProps: {style: {marginLeft:20}},\r\n isFreeAction: true,\r\n onClick: this.onAdd\r\n }]}\r\n\r\n editable={{\r\n onRowDelete: oldData =>\r\n new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\r\n }),\r\n /*\r\n onRowUpdate: (newData, oldData) => {\r\n new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\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}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(NewsTable));","import React from 'react';\r\nimport {\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n FormGroup,\r\n Input,\r\n InputLabel,\r\n Switch,\r\n TextField\r\n} from \"@material-ui/core\";\r\nimport {CkEditor} from '../comps/ckEditor';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport FormBar from '../comps/formBar';\r\nimport ReactDropzone from \"react-dropzone\";\r\nimport {BackendSettings} from '../../config/config';\r\n\r\nconst styles = theme => ({\r\n\r\n root: {\r\n borderRadius: 5,\r\n //background: \"#37393d\",\r\n background: 'linear-gradient(180deg, #000 15%, #222 90%)',\r\n display: \"inline-block\",\r\n padding: \"5px 15px\",\r\n \"& a span\": {\r\n color: \"black !important\"\r\n },\r\n \"& textarea\": {\r\n fontSize: 12\r\n },\r\n \"& input\": {\r\n fontSize: 12\r\n }\r\n },\r\n\r\n rootLeft: {\r\n maxWidth: 620,\r\n width: 400,\r\n float: \"left\",\r\n marginRight: 20\r\n },\r\n\r\n rootRight: {\r\n maxWidth: 650,\r\n width: 650,\r\n float: \"left\",\r\n },\r\n\r\n textField: {\r\n marginRight: theme.spacing.unit,\r\n marginTop: 0,\r\n width: 200,\r\n },\r\n imageDrop: {\r\n maxWidth: 200,\r\n maxHeight: 200,\r\n padding: 10,\r\n },\r\n\r\n button: {\r\n margin: theme.spacing.unit,\r\n },\r\n});\r\n\r\nclass NewsForm extends React.Component {\r\n\r\n state = {\r\n title: '',\r\n content: '',\r\n content_short: '',\r\n display_order: 1,\r\n isSticky: false,\r\n publish: false,\r\n date: new Date().toJSON().slice(0, 10).replace(/-/g, '-'),\r\n value: 0,\r\n };\r\n\r\n handleChange = (event) => {\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n }\r\n\r\n handleEditorChange(event) {\r\n this.setState({...this.state, content: event.editor.getData()});\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data && nextProps.editMode === true) {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n id: nextProps.data.id,\r\n title: nextProps.data.title,\r\n content: nextProps.data.content,\r\n content_short: nextProps.data.content_short,\r\n isSticky: nextProps.data.isSticky,\r\n publish: nextProps.data.publish,\r\n date: nextProps.data.date,\r\n });\r\n } else {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n });\r\n }\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formBack':\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n this.resetStateData();\r\n break;\r\n case 'formSave':\r\n let data = {\r\n editMode: this.state.editMode,\r\n id: this.state.id,\r\n title: this.state.title,\r\n content: this.state.content,\r\n display_order: this.state.display_order,\r\n publish: this.state.publish,\r\n content_short: this.state.content_short,\r\n date: this.state.date,\r\n isSticky: this.state.isSticky,\r\n fileName: this.props.data !== null ? this.props.data.fileName : null\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n this.resetStateData();\r\n break;\r\n }\r\n }\r\n\r\n resetStateData = () => {\r\n this.setState({\r\n title: '',\r\n content: '',\r\n content_short: '',\r\n display_order: 1,\r\n isSticky: false,\r\n publish: false,\r\n date: new Date().toJSON().slice(0, 10).replace(/-/g, '-'),\r\n value: 0,\r\n });\r\n }\r\n\r\n onDrop = (acceptedFiles, rejectedFiles) => {\r\n this.props.onFormEvent(\"newsImage\", acceptedFiles[0]);\r\n }\r\n\r\n render() {\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {classes} = this.props;\r\n\r\n let editorData = this.props.data ? this.props.data.content : '';\r\n let onEditorChange = this.handleEditorChange.bind(this);\r\n\r\n let uploadImage = this.props.data ?\r\n Add Texture
:\r\n \r\n 
\r\n \r\n \r\n \r\n\r\n );\r\n };\r\n}\r\n\r\n/*\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n createCollection: (collection) => dispatch(createProject_a(collection))\r\n }\r\n }\r\n*/\r\nfunction mapStateToProps() {\r\n return {};\r\n}\r\n\r\nexport default withStyles(styles/*, { withTheme: true }*/)(GenericInputDlg);\r\n ","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport BannersTable from './bannersTable';\r\nimport {STATES} from '../../store/types';\r\nimport GenericInputDlg from '../../components/comps/genericInputDlg';\r\nimport {\r\n addBanner_a,\r\n deleteBanner_a,\r\n getBanner_a,\r\n getBanners_a,\r\n setBannerEditState_a,\r\n updateBanner_a\r\n} from '../../store/actions/bannerActions';\r\n\r\nconst styles = theme => ({\r\n root: {},\r\n});\r\n\r\nclass Banners extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n editDlgSettings = {\r\n title: \"Banners\"\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getBanners();\r\n };\r\n\r\n onRowClick = (rowData) => {\r\n this.props.getBanner(rowData.id, true);\r\n };\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n case 'formBack':\r\n this.props.setBannerEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updateBanner(data);\r\n } else {\r\n this.props.addBanner({title: data.title, content: data.content});\r\n }\r\n break;\r\n case 'tableDelete':\r\n this.props.deleteBanner(data.id);\r\n break;\r\n case 'tableAdd':\r\n this.setState({...this.state, editMode: false});\r\n this.props.setBannerEditState(STATES.EDIT);\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n 
:\r\n ;\r\n /*\r\n isEmpty(this.props.appTexturesContext['addTextureDlg']['BASECOLOR']) ? \r\n
\r\n
\r\n*/\r\n return (\r\n \r\n\r\n this.onButtonClick(event)}> \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default withStyles(styles, {withTheme: true})(NewsForm);","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const uploadImage_a = (file, context) => {\r\n return (dispatch, getState) => {\r\n console.log(\"::uploadImage_a called\");\r\n //dispatch( { type: NOTIFIERS.UPLOAD_IMAGE + 1}); \r\n const formData = new FormData();\r\n\r\n formData.append('file', file);\r\n formData.append('context', context);\r\n const config = {headers: {'content-type': 'multipart/form-data'}};\r\n\r\n return axios.post(BackendSettings.baseUrl + \"uploadImage\", formData, config)\r\n .then((response) => {\r\n if (context == \"albumImage\") {\r\n dispatch({type: NOTIFIERS.SET_ALBUM_IMAGE_UPLOAD, payload: response.data});\r\n } else if (context == \"newsImage\") {\r\n dispatch({type: NOTIFIERS.SET_NEWS_IMAGE_UPLOAD, payload: response.data});\r\n } else if (context == \"galleryImage\") {\r\n dispatch({type: NOTIFIERS.SET_GALLERY_IMAGE_UPLOAD, payload: response.data});\r\n } else if (context == \"rockLegendImage\") {\r\n dispatch({type: NOTIFIERS.SET_ROCKLEGEND_IMAGE_UPLOAD, payload: response.data});\r\n } else if (context == \"playlistImage\") {\r\n dispatch({type: NOTIFIERS.SET_PLAYLIST_IMAGE_UPLOAD, payload: response.data});\r\n } else if (context == \"top20Image\") {\r\n dispatch({type: NOTIFIERS.SET_TOP20_IMAGE_UPLOAD, payload: response.data});\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(\"::uploadImage_a returned failed\");\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n });\r\n }\r\n}","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport NewsTable from './newsTable'\r\nimport NewsForm from './newsForm';\r\nimport {STATES} from '../../store/types';\r\nimport {\r\n addNews_a,\r\n deleteNews_a,\r\n getNews_a,\r\n getNewsDetails_a,\r\n resetState_a,\r\n setNewsEditState_a,\r\n updateNews_a\r\n} from '../../store/actions/newsActions';\r\nimport {uploadImage_a} from '../../store/actions/fileActions';\r\n\r\nconst styles = theme => ({\r\n root: {},\r\n});\r\n\r\nclass News extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getNews();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onRowClick = (rowData) => {\r\n this.setState({...this.state, editMode: true});\r\n this.props.getNewsDetails(rowData.id, true);\r\n }\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n case 'formBack':\r\n this.props.setNewsEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updateNews(data);\r\n } else {\r\n this.props.addNews(data);\r\n }\r\n break;\r\n case 'tableDelete':\r\n this.props.deleteNews(data.id);\r\n break;\r\n case 'tableAdd':\r\n this.setState({...this.state, editMode: false});\r\n this.props.setNewsEditState(STATES.EDIT);\r\n break;\r\n case 'newsImage':\r\n this.props.uploadImage(data, \"newsImage\");\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n News Title \r\n this.handleChange(event)}\r\n value={this.state.title}/>\r\n this.handleChange(event)} value={this.state.content_short}\r\n multiline rowsMax=\"6\" margin=\"normal\" fullWidth/>\r\n \r\n \r\n this.handleChange(event)}/>\r\n \r\n \r\n {({getRootProps}) => (\r\n \r\n \r\n this.handleChange(event)}/>\r\n }/>\r\n this.handleChange(event)}/>\r\n }/>\r\n \r\n\r\n
\r\n \r\n {uploadImage}\r\n
\r\n )}\r\n \r\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 news: state.news\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getNews: (data) => dispatch(getNews_a()),\r\n getNewsDetails: (id, editMode) => dispatch(getNewsDetails_a(id, editMode)),\r\n setNewsEditState: (state) => dispatch(setNewsEditState_a(state)),\r\n updateNews: (data) => dispatch(updateNews_a(data)),\r\n addNews: (data) => dispatch(addNews_a(data)),\r\n deleteNews: (id) => dispatch(deleteNews_a(id)),\r\n uploadImage: (file, context) => dispatch(uploadImage_a(file, context)),\r\n resetState: () => dispatch(resetState_a())\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(News));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getNews_a = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_NEWS + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"news\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_NEWS + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_NEWS + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getNewsDetails_a = (id, editMode = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_NEWS_DETAILS + 1});\r\n return axios.get(BackendSettings.baseUrl + \"getNews/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_NEWS_DETAILS + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_NEWS_DETAILS + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updateNews_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_NEWS + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateNews\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_NEWS + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_NEWS + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addNews_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_NEWS + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addNews\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_NEWS + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_NEWS + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deleteNews_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_NEWS + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deleteNews\", {id: id})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_NEWS + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_NEWS + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_NEWS_STATE, newState: state};\r\n}\r\n\r\nexport const setNewsEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_NEWS_EDIT_STATE, newState: state};\r\n}\r\n\r\n","export const monthNames = [\r\n 'January', 'February', 'March', 'April', 'May',\r\n 'June', 'July', 'August', 'September',\r\n 'October', 'November', 'December'\r\n];","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport MaterialTable from 'material-table';\r\nimport {monthNames} from '../../config/const';\r\n\r\nconst styles = () => ({\r\n root: {\r\n minWidth: 1000,\r\n width: '100%',\r\n display: \"inline-block\",\r\n\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n \"& tr td:first-child\": {\r\n width: 100\r\n },\r\n \"& tfoot tr td:first-child\": {\r\n width: 500\r\n }\r\n },\r\n\r\n titleButton: {\r\n marginLeft: 50\r\n }\r\n});\r\n\r\nclass TodayInMusicTable extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n onRowClick = (event, rowData) => {\r\n this.props.onRowClick(rowData);\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {data, classes} = this.props;\r\n\r\n return (\r\n \r\n {\r\n return (monthNames[rowData['month'] - 1])\r\n }\r\n },\r\n {title: 'Day', field: 'day'}\r\n ]}\r\n options={{\r\n pageSize: 10,\r\n pageSizeOptions: [10, 20, 30]\r\n }}\r\n onRowClick={this.onRowClick}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {}\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(TodayInMusicTable));","import React from 'react';\r\nimport {Button} from \"@material-ui/core\";\r\nimport {CkEditor} from '../comps/ckEditor';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport FormBar from '../comps/formBar';\r\n\r\nconst styles = theme => ({\r\n root: {\r\n maxWidth: 650,\r\n width: 650,\r\n borderRadius: 5,\r\n //background: \"#37393d\",\r\n background: 'linear-gradient(180deg, #000 15%, #222 90%)',\r\n display: \"inline-block\",\r\n padding: \"5px 15px\",\r\n \"& a span\": {\r\n color: \"black !important\"\r\n }\r\n },\r\n\r\n button: {\r\n margin: theme.spacing.unit,\r\n },\r\n});\r\n\r\nclass TodayInMusicForm extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n content: '',\r\n editMode: false\r\n };\r\n\r\n handleChange(event) {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n\r\n handleEditorChange(event) {\r\n this.setState({...this.state, content: event.editor.getData()});\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data) {\r\n this.setState({\r\n editMode: true,\r\n id: nextProps.data.id,\r\n content: nextProps.data.content\r\n });\r\n }\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formBack':\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n break;\r\n case 'formSave':\r\n let data = {\r\n editMode: this.state.editMode,\r\n id: this.state.id,\r\n content: this.state.content,\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {classes} = this.props;\r\n\r\n let editorData = this.props.data ? this.props.data.content : '';\r\n let onEditorChange = this.handleEditorChange.bind(this);\r\n\r\n return (\r\n \r\n this.onButtonClick(event)}> \r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(TodayInMusicForm);","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport TodayInMusicTable from './todayInMusicTable';\r\nimport TodayInMusicForm from './todayInMusicForm';\r\nimport {STATES} from '../../store/types';\r\nimport {getTIM_a, getTIMAll_a, resetState_a, setTIMEditState_a, updateTIM_a} from '../../store/actions/timActions';\r\n\r\nconst styles = theme => ({\r\n root: {},\r\n});\r\n\r\nclass TodayInMusic extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getTIMAll();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onRowClick = (rowData) => {\r\n this.props.getTIM(rowData.id, true);\r\n }\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n case 'formBack':\r\n this.props.setTIMEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updateTIM(data);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n return (\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 todayInMusic: state.todayInMusic\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getTIMAll: (data) => dispatch(getTIMAll_a()),\r\n getTIM: (id, editMode) => dispatch(getTIM_a(id, editMode)),\r\n setTIMEditState: (state) => dispatch(setTIMEditState_a(state)),\r\n updateTIM: (data) => dispatch(updateTIM_a(data)),\r\n resetState: () => dispatch(resetState_a())\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(TodayInMusic));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getTIMAll_a = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_TIM + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"today\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_TIM + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_TIM + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getTIM_a = (id, editMode = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_TIM_DETAIL + 1});\r\n return axios.get(BackendSettings.baseUrl + \"todaydetails/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_TIM_DETAIL + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_TIM_DETAIL + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updateTIM_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_TIM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateToday\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_TIM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_TIM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_TIM_STATE, newState: state};\r\n}\r\n\r\nexport const setTIMEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_TIM_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport MaterialTable from 'material-table';\r\n\r\nconst styles = () => ({\r\n root: {\r\n minWidth: 800,\r\n width: '100%',\r\n display: \"inline-block\",\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n \"& tr td:first-child\": {\r\n width: 100\r\n },\r\n \"& tfoot tr td:first-child\": {\r\n width: 500\r\n }\r\n },\r\n\r\n listImage: {\r\n maxHeight: 50,\r\n },\r\n\r\n titleButton: {\r\n marginLeft: 50\r\n }\r\n});\r\n\r\nclass BannersTable extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n onRowClick = (event, rowData) => {\r\n this.props.onRowClick(rowData);\r\n }\r\n\r\n onButtonClick = (event) => {\r\n this.props.eventHandler(event.currentTarget.name);\r\n //switch(event.currentTarget.name) {}\r\n }\r\n\r\n onAdd = () => {\r\n this.props.eventHandler(\"tableAdd\");\r\n }\r\n\r\n onDelete = (data) => {\r\n this.props.eventHandler(\"tableDelete\", data);\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {data, classes} = this.props;\r\n\r\n return (\r\n \r\n \r\n new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\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}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(BannersTable));","import React, {Component} from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport {TextField} from '@material-ui/core';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport {withStyles} from '@material-ui/core/styles';\r\n\r\n/*\r\nProperties\r\n title\r\n onCancel\r\n onOk\r\n inputLabel\r\n*/\r\n\r\nconst styles = theme => ({\r\n textField: {\r\n fontSize: 12\r\n },\r\n\r\n dialogTitle: {\r\n padding: \"10px 10px 10px 22px\",\r\n textAlign: \"center\"\r\n },\r\n\r\n textArea: {\r\n fontSize: 12,\r\n maxHeight: 300,\r\n height: \"300px !important\",\r\n width: 555,\r\n fontWeight: 200\r\n }\r\n});\r\n\r\nclass GenericInputDlg extends Component {\r\n\r\n state = {\r\n value: \"\",\r\n title: \"\",\r\n content: \"\",\r\n editMode: false\r\n };\r\n\r\n\r\n handleChange = (event) => {\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n }\r\n\r\n onCancel = (event) => {\r\n this.props.onFormEvent('formCancel');\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data) {\r\n this.setState({\r\n editMode: true,\r\n id: nextProps.data.id,\r\n title: nextProps.data.title,\r\n content: nextProps.data.content,\r\n });\r\n } else {\r\n this.setState({editMode: false, id: null, title: '', content: ''});\r\n }\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n break;\r\n case 'formSave':\r\n let data = {\r\n title: this.state.title,\r\n id: this.state.id,\r\n content: this.state.content,\r\n editMode: this.state.editMode\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n break;\r\n }\r\n }\r\n\r\n onOk = (event) => {\r\n this.props.dlgSettings.onOk({value: this.state.value});\r\n };\r\n\r\n handleInputChange = (event) => {\r\n this.setState({value: event.target.value});\r\n };\r\n\r\n render() {\r\n const {classes/*, theme */, dlgSettings} = this.props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n banners: state.banners\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getBanners: (data) => dispatch(getBanners_a()),\r\n getBanner: (id, editMode) => dispatch(getBanner_a(id, editMode)),\r\n setBannerEditState: (state) => dispatch(setBannerEditState_a(state)),\r\n updateBanner: (data) => dispatch(updateBanner_a(data)),\r\n addBanner: (data) => dispatch(addBanner_a(data)),\r\n deleteBanner: (id) => dispatch(deleteBanner_a(id)),\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(Banners));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getBanners_a = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_BANNERS + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"banners\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_BANNERS + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_BANNERS + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getBanner_a = (id, editMode = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_BANNER + 1});\r\n return axios.get(BackendSettings.baseUrl + \"getBanner/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_BANNER + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_BANNER + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updateBanner_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_BANNER + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateBanner\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_BANNER + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_BANNER + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addBanner_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_BANNER + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addBanner\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_BANNER + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_BANNER + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deleteBanner_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_BANNER + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deleteBanner\", {id: id})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_BANNER + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_BANNER + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const setBannerEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_BANNER_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {BackendSettings} from '../../config/config';\r\nimport MaterialTable from 'material-table';\r\n\r\nconst styles = () => ({\r\n root: {\r\n minWidth: 1200,\r\n width: '100%',\r\n display: \"inline-block\",\r\n\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n \"& tr td:first-child\": {\r\n width: 100\r\n },\r\n \"& tfoot tr td:first-child\": {\r\n width: 500\r\n }\r\n },\r\n\r\n listImage: {\r\n maxHeight: 90,\r\n },\r\n\r\n titleButton: {\r\n marginLeft: 50\r\n }\r\n});\r\n\r\nclass AlbumsTable extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n onRowClick = (event, rowData) => {\r\n this.props.onRowClick(rowData);\r\n }\r\n\r\n onButtonClick = (event) => {\r\n this.props.eventHandler(event.currentTarget.name);\r\n //switch(event.currentTarget.name) {}\r\n }\r\n\r\n onAdd = () => {\r\n this.props.eventHandler(\"tableAdd\");\r\n }\r\n\r\n onDelete = (data) => {\r\n this.props.eventHandler(\"tableDelete\", data);\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {data, classes} = this.props;\r\n\r\n return (\r\n \r\n {\r\n return ()\r\n },\r\n filtering: false\r\n },\r\n {title: 'Title', field: 'title'},\r\n {title: 'Display Order', field: 'display_order'},\r\n ]}\r\n\r\n options={{\r\n pageSize: 10,\r\n pageSizeOptions: [10, 20, 30],\r\n filtering: true,\r\n }}\r\n\r\n onRowClick={this.onRowClick}\r\n\r\n actions={[{\r\n disabled: false,\r\n icon: \"add\",\r\n //iconProps: {style: {marginLeft:20}},\r\n isFreeAction: true,\r\n onClick: this.onAdd\r\n }]}\r\n\r\n editable={{\r\n onRowDelete: oldData =>\r\n new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\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}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(AlbumsTable));","import React from 'react';\r\nimport {Button, FormControl, Input, InputLabel, TextField} from \"@material-ui/core\";\r\nimport {CkEditor} from '../comps/ckEditor';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport FormBar from '../comps/formBar';\r\nimport ReactDropzone from \"react-dropzone\";\r\nimport {BackendSettings} from '../../config/config';\r\n\r\nconst styles = theme => ({\r\n\r\n root: {\r\n borderRadius: 5,\r\n //background: \"#37393d\",\r\n background: 'linear-gradient(180deg, #000 15%, #222 90%)',\r\n display: \"inline-block\",\r\n padding: \"5px 15px\",\r\n\r\n \"& a span\": {\r\n color: \"black !important\"\r\n },\r\n \"& textarea\": {\r\n fontSize: 12\r\n },\r\n \"& input\": {\r\n fontSize: 12\r\n }\r\n },\r\n\r\n rootLeft: {\r\n maxWidth: 620,\r\n width: 400,\r\n float: \"left\",\r\n marginRight: 20,\r\n textAlign: \"left\"\r\n },\r\n\r\n rootRight: {\r\n maxWidth: 650,\r\n width: 650,\r\n float: \"left\",\r\n },\r\n\r\n textField: {\r\n marginRight: theme.spacing.unit,\r\n marginTop: 0,\r\n width: 200,\r\n },\r\n imageDrop: {\r\n maxWidth: 200,\r\n maxHeight: 200,\r\n padding: 10,\r\n },\r\n\r\n button: {\r\n margin: theme.spacing.unit,\r\n },\r\n});\r\n\r\nclass AlbumsForm extends React.Component {\r\n\r\n state = {\r\n title: '',\r\n content: '',\r\n content_short: '',\r\n display_order: 1,\r\n value: 0,\r\n id: null\r\n };\r\n\r\n handleChange = (event) => {\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n\r\n console.log(this.state);\r\n }\r\n\r\n handleEditorChange(event) {\r\n this.setState({...this.state, content: event.editor.getData()});\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data && nextProps.editMode === true) {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n id: nextProps.data.id,\r\n title: nextProps.data.title,\r\n content: nextProps.data.content,\r\n content_short: nextProps.data.content_short,\r\n display_order: nextProps.data.display_order,\r\n });\r\n } else {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n });\r\n }\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formBack':\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n this.resetStateData();\r\n break;\r\n case 'formSave':\r\n let data = {\r\n editMode: this.state.editMode,\r\n id: this.state.id,\r\n title: this.state.title,\r\n content: this.state.content,\r\n content_short: this.state.content_short,\r\n display_order: this.state.display_order,\r\n fileName: this.props.data !== null ? this.props.data.fileName : null\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n this.resetStateData();\r\n break;\r\n }\r\n }\r\n\r\n resetStateData = () => {\r\n this.setState({\r\n title: '',\r\n content: '',\r\n content_short: '',\r\n display_order: 1,\r\n value: 0\r\n });\r\n }\r\n\r\n onDrop = (acceptedFiles, rejectedFiles) => {\r\n this.props.onFormEvent(\"albumsImage\", acceptedFiles[0]);\r\n }\r\n\r\n render() {\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {classes} = this.props;\r\n\r\n let editorData = this.props.data ? this.props.data.content : '';\r\n let onEditorChange = this.handleEditorChange.bind(this);\r\n\r\n let uploadImage = this.props.data ?\r\n Add Texture
:\r\n \r\n \r\n :\r\n ;\r\n\r\n return (\r\n \r\n );\r\n };\r\n}\r\n\r\n/*\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n createCollection: (collection) => dispatch(createProject_a(collection))\r\n }\r\n }\r\n*/\r\nfunction mapStateToProps() {\r\n return {};\r\n}\r\n\r\nexport default withStyles(styles/*, { withTheme: true }*/)(PlaylistItemDlg);\r\n ","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {STATES} from '../../store/types';\r\nimport PlaylistItemDlg from './playlistItemDlg';\r\n\r\nimport {\r\n addCategory_a,\r\n addPlaylistItem_a,\r\n deleteCategory_a,\r\n deletePlaylistItem_a,\r\n getPlaylist_a,\r\n getPlaylistCategory_a,\r\n getPlaylistItem_a,\r\n resetState_a,\r\n setPlaylistEditState_a,\r\n updateCategory_a,\r\n updatePlaylistItem_a\r\n} from '../../store/actions/playlistActions';\r\nimport {uploadImage_a} from '../../store/actions/fileActions';\r\nimport MaterialTable from 'material-table';\r\n\r\n\r\nconst styles = () => ({\r\n root: {\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n },\r\n\r\n rootLeft: {\r\n minWidth: 400,\r\n minHeight: 671,\r\n float: \"left\",\r\n marginRight: 20,\r\n marginBottom: 20,\r\n textAlign: \"left\",\r\n },\r\n\r\n rootCenter: {\r\n minWidth: 400,\r\n minHeight: 671,\r\n float: \"left\",\r\n marginRight: 20,\r\n marginBottom: 20,\r\n textAlign: \"left\",\r\n },\r\n\r\n rootRight: {\r\n float: \"left\",\r\n width: 690,\r\n minHeight: 671,\r\n },\r\n});\r\n\r\nclass Playlist extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n editMode: false\r\n };\r\n\r\n editDlgSettings = {\r\n title: \"Playlist Item\"\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getPlaylistCategory(-1, false);\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onCategoryRowClick = (event, rowData) => {\r\n this.props.getPlaylistCategory(rowData.id, true);\r\n }\r\n\r\n onAddCategory = (data) => {\r\n this.props.addCategory(data);\r\n }\r\n\r\n onAddSubcategory = (data) => {\r\n data.parentId = this.props.playlist.currentCategoryId;\r\n this.props.addCategory(data);\r\n }\r\n\r\n onAddPlaylistItem = () => {\r\n this.setState({...this.state, editMode: false});\r\n this.props.setPlaylistEditState(STATES.EDIT);\r\n //data.parentId = this.props.playlist.currentSubcategoryId;\r\n //this.props.addPlaylistItem(data); \r\n }\r\n\r\n onEditPlaylistItem = (newData, oldData) => {\r\n this.props.updatePlaylistItem({id: oldData.id, name: newData.name, url: newData.url})\r\n }\r\n\r\n\r\n onDeletePlaylistItem = (data) => {\r\n console.log(data);\r\n this.props.deletePlaylistItem({id: data.id});\r\n }\r\n\r\n onSubcategoryClick = (event, rowData) => {\r\n this.props.getPlaylist(rowData.id);\r\n }\r\n\r\n onDelete = (data) => {\r\n this.props.deleteCategory({id: data.id, parentId: data.parent_id});\r\n }\r\n\r\n onRowPlaylistItemClick = (event, rowData) => {\r\n this.setState({...this.state, editMode: true});\r\n this.props.getPlaylistItem(rowData.id, true);\r\n }\r\n\r\n\r\n /*\r\n onEdit = (newData, oldData) => { \r\n this.props.updateCategory({id:oldData.id, parentId : oldData.parent_id, name:newData.name})\r\n }\r\n */\r\n\r\n eventHandler = (eventName, data) => {\r\n\r\n switch (eventName) {\r\n case 'formCancel':\r\n this.props.setPlaylistEditState(STATES.LIST);\r\n break;\r\n\r\n case 'formSave':\r\n console.log(data);\r\n if (data.editMode) {\r\n this.props.updatePlaylistItem(data);\r\n } else {\r\n data['parentId'] = this.props.playlist.currentSubcategoryId;\r\n this.props.addPlaylistItem(data);\r\n }\r\n break;\r\n case 'tableAdd':\r\n //this.setState({...this.state, editMode: false});\r\n //this.props.setAlbumEditState(STATES.EDIT);\r\n break;\r\n /*\r\n case 'tableDelete': \r\n this.props.deleteAlbum(data.id);\r\n break;\r\n \r\n */\r\n case 'playlistImage':\r\n this.props.uploadImage(data, \"playlistImage\");\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n const {classes} = this.props;\r\n let catName = \"\";\r\n let subCatName = \"\";\r\n let subCatData = [];\r\n let playlistData = this.props.playlist.currentPlaylist;\r\n if (this.props.playlist.currentCategoryId !== -1) {\r\n for (var i = 0; i < this.props.playlist.categories.length; i++) {\r\n if (this.props.playlist.categories[i].id == this.props.playlist.currentCategoryId) {\r\n catName = this.props.playlist.categories[i].name;\r\n subCatData = this.props.playlist.categories[i].categories;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return (\r\n :\r\n ;\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n );\r\n };\r\n}\r\n\r\n/*\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n createCollection: (collection) => dispatch(createProject_a(collection))\r\n }\r\n }\r\n*/\r\nfunction mapStateToProps() {\r\n return {};\r\n}\r\n\r\nexport default withStyles(styles/*, { withTheme: true }*/)(GalleryItemDlg);\r\n ","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {STATES} from '../../store/types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport GalleryItemDlg from './galleryItemDlg';\r\nimport {uploadImage_a} from '../../store/actions/fileActions';\r\n\r\nimport {\r\n addGalleryImage_a,\r\n addPhotoCategory_a,\r\n deleteGalleryImage_a,\r\n deletePhotoCategory_a,\r\n getPhotoCategories_a,\r\n getPhotoGallery_a,\r\n resetState_a,\r\n setGalleryEditState_a,\r\n updatePhotoCategory_a\r\n} from '../../store/actions/photoGalleryActions';\r\nimport MaterialTable from 'material-table';\r\n\r\n\r\nconst styles = theme => ({\r\n root: {\r\n display: \"inline-block\",\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n },\r\n\r\n rootLeft: {\r\n width: 600,\r\n float: \"left\",\r\n marginRight: 20,\r\n marginBottom: 20,\r\n textAlign: \"left\",\r\n },\r\n\r\n rootRight: {\r\n float: \"left\",\r\n width: 800,\r\n },\r\n listImage: {\r\n maxHeight: 100,\r\n },\r\n\r\n titleButton: {\r\n marginLeft: 50\r\n }\r\n});\r\n\r\nclass PhotoGallery extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n editMode: false\r\n };\r\n\r\n editDlgSettings = {\r\n title: \"Gallery Image\"\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getCategories(-1, false);\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onAddCategory = (data) => {\r\n this.props.addCategory(data);\r\n }\r\n\r\n onCategoryEdit = (newData, oldData) => {\r\n this.props.updateCategory({id: oldData.id, name: newData.name})\r\n }\r\n\r\n onCategoryDelete = (data) => {\r\n this.props.deleteCategory(data.id);\r\n }\r\n\r\n onCategoryRowClick = (event, rowData) => {\r\n this.props.getPhotoGallery(rowData.id);\r\n }\r\n\r\n onDeleteGalleryImage = (data) => {\r\n this.props.deleteGalleryImage(data.id);\r\n }\r\n\r\n onAddImage = () => {\r\n this.setState({...this.state, editMode: false});\r\n this.props.setGalleryEditState(STATES.EDIT);\r\n }\r\n\r\n /*\r\n onAddSubcategory = (data) => {\r\n data.parentId = this.props.playlist.currentCategoryId;\r\n this.props.addCategory(data);\r\n }\r\n\r\n onAddPlaylistItem = (data) => {\r\n data.parentId = this.props.playlist.currentSubcategoryId;\r\n this.props.addPlaylistItem(data);\r\n }\r\n\r\n onEditPlaylistItem = (newData, oldData) => {\r\n this.props.updatePlaylistItem({id:oldData.id, name:newData.name, url:newData.url})\r\n }\r\n\r\n onSubcategoryClick = (event, rowData) => {\r\n this.props.getPlaylist(rowData.id);\r\n }\r\n */\r\n\r\n eventHandler = (eventName, data) => {\r\n\r\n switch (eventName) {\r\n case 'formCancel':\r\n this.props.setGalleryEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n //this.props.updateAlbum(data);\r\n } else {\r\n data.gallery_id = this.props.galleries.currentCategoryId;\r\n this.props.addGalleryImage(data);\r\n }\r\n break;\r\n case 'galleryImage':\r\n this.props.uploadImage(data, \"galleryImage\");\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n const {classes} = this.props;\r\n let catName = \"\";\r\n let subcatData = [];\r\n if (this.props.galleries.currentCategoryId !== -1) {\r\n for (var i = 0; i < this.props.galleries.categories.length; i++) {\r\n if (this.props.galleries.categories[i].id == this.props.galleries.currentCategoryId) {\r\n catName = this.props.galleries.categories[i].name;\r\n subcatData = this.props.galleries.categories[i].categories;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return (\r\n :\r\n ;\r\n return (\r\n :\r\n ;\r\n\r\n return (\r\n \r\n );\r\n };\r\n}\r\n\r\n/*\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n createCollection: (collection) => dispatch(createProject_a(collection))\r\n }\r\n }\r\n*/\r\nfunction mapStateToProps() {\r\n return {};\r\n}\r\n\r\nexport default withStyles(styles)(Top20ItemDlg);\r\n ","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {STATES} from '../../store/types';\r\nimport Top20ItemDlg from './top20ItemDlg';\r\n\r\nimport {\r\n addCategory_a,\r\n addTop20Item_a,\r\n deleteCategory_a,\r\n deleteTop20Item_a,\r\n getTop20Category_a,\r\n getTop20Item_a,\r\n getTop20Items_a,\r\n resetState_a,\r\n setTop20EditState_a,\r\n updateCategory_a,\r\n updateTop20Item_a\r\n} from '../../store/actions/top20Actions';\r\nimport {uploadImage_a} from '../../store/actions/fileActions';\r\nimport MaterialTable from 'material-table';\r\n\r\nconst styles = () => ({\r\n root: {\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\",\r\n },\r\n },\r\n\r\n tableContainer: {\r\n display: 'flex',\r\n },\r\n\r\n tableColumn: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n },\r\n\r\n rootLeft: {\r\n width: 400,\r\n float: \"left\",\r\n marginRight: 20,\r\n marginBottom: 20,\r\n textAlign: \"left\",\r\n },\r\n\r\n rootRight: {\r\n float: \"left\",\r\n width: 480,\r\n },\r\n});\r\n\r\nclass Top20 extends React.Component {\r\n state = {\r\n value: 0,\r\n editMode: false,\r\n subCatName: '',\r\n listData: []\r\n };\r\n\r\n editDlgSettings = {\r\n title: \"Song\"\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getTop20Category(-1, false);\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onCategoryRowClick = (event, rowData) => {\r\n this.setState({...this.state, listData: []});\r\n this.props.getTop20Category(rowData.id, true);\r\n }\r\n\r\n onAddCategory = (data) => {\r\n this.props.addCategory(data);\r\n }\r\n\r\n onDeleteCategory = (data) => {\r\n this.props.deleteCategory({id: data.id, parentId: data.parent_id});\r\n }\r\n\r\n onEditCategory = (newData, oldData) => {\r\n this.props.updateCategory({id: oldData.id, title: newData.title})\r\n }\r\n\r\n onSubcategoryClick = (event, rowData) => {\r\n this.setState({...this.state, subCatName: rowData.title});\r\n this.props.getTop20Items(rowData.id);\r\n }\r\n\r\n onTopItemClick = (event, rowData) => {\r\n this.setState({...this.state, editMode: true});\r\n this.props.getTop20Item(rowData.id, true);\r\n }\r\n\r\n onAddTop20Item = () => {\r\n this.setState({...this.state, editMode: false});\r\n this.props.setTop20EditState(STATES.EDIT);\r\n }\r\n\r\n onDeleteTop20Item = (data) => {\r\n this.props.deleteTop20Item({id: data.id});\r\n }\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n this.props.setTop20EditState(STATES.LIST);\r\n break;\r\n\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updateTop20Item(data);\r\n } else {\r\n data['parentId'] = this.props.top20.currentSubcategoryId;\r\n this.props.addTop20Item(data);\r\n }\r\n break;\r\n case 'tableDelete':\r\n this.props.deleteTop20Item(data.id);\r\n break;\r\n\r\n\r\n case 'top20Image':\r\n this.props.uploadImage(data, \"top20Image\");\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n const {classes} = this.props;\r\n let catName = \"\";\r\n let subCatData = [];\r\n\r\n const smallColumns = {\r\n cellStyle: {\r\n width: 20,\r\n maxWidth: 20\r\n },\r\n headerStyle: {\r\n width: 20,\r\n maxWidth: 20\r\n }\r\n }\r\n\r\n if (this.props.top20.currentCategoryId !== -1) {\r\n for (var i = 0; i < this.props.top20.categories.length; i++) {\r\n if (this.props.top20.categories[i].id == this.props.top20.currentCategoryId) {\r\n catName = this.props.top20.categories[i].title;\r\n subCatData = this.props.top20.categories[i].categories;\r\n this.state.listData = this.props.top20.currentList;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return (\r\n
\r\n
\r\n*/\r\n return (\r\n \r\n\r\n this.onButtonClick(event)}> \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default withStyles(styles, {withTheme: true})(AlbumsForm);","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport AlbumsTable from './albumsTable';\r\nimport AlbumsForm from './albumsForm';\r\nimport {STATES} from '../../store/types';\r\nimport {\r\n addAlbum_a,\r\n deleteAlbum_a,\r\n getAlbum_a,\r\n getAlbums_a,\r\n resetState_a,\r\n setAlbumEditState_a,\r\n updateAlbum_a\r\n} from '../../store/actions/albumsActions';\r\nimport {uploadImage_a} from '../../store/actions/fileActions';\r\n\r\n\r\nconst styles = theme => ({\r\n root: {},\r\n});\r\n\r\nclass Albums extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n editMode: false\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getAlbums();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onRowClick = (rowData) => {\r\n this.setState({...this.state, editMode: true});\r\n this.props.getAlbum(rowData.id, true);\r\n }\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n case 'formBack':\r\n this.props.setAlbumEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updateAlbum(data);\r\n } else {\r\n this.props.addAlbum(data);\r\n }\r\n break;\r\n case 'tableDelete':\r\n this.props.deleteAlbum(data.id);\r\n break;\r\n case 'tableAdd':\r\n this.setState({...this.state, editMode: false});\r\n this.props.setAlbumEditState(STATES.EDIT);\r\n break;\r\n case 'albumsImage':\r\n this.props.uploadImage(data, \"albumImage\");\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n Title \r\n this.handleChange(event)}\r\n value={this.state.title}/>\r\n this.handleChange(event)} value={this.state.content_short}\r\n multiline rowsMax=\"6\" margin=\"normal\" fullWidth/>\r\n \r\n \r\n {({getRootProps}) => (\r\n \r\n \r\n Order \r\n this.handleChange(event)} value={this.state.display_order}/>\r\n \r\n
\r\n \r\n {uploadImage}\r\n
\r\n )}\r\n \r\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 albums: state.albums\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getAlbums: (data) => dispatch(getAlbums_a()),\r\n getAlbum: (id, editMode) => dispatch(getAlbum_a(id, editMode)),\r\n setAlbumEditState: (state) => dispatch(setAlbumEditState_a(state)),\r\n updateAlbum: (data) => dispatch(updateAlbum_a(data)),\r\n addAlbum: (data) => dispatch(addAlbum_a(data)),\r\n deleteAlbum: (id) => dispatch(deleteAlbum_a(id)),\r\n uploadImage: (file, context) => dispatch(uploadImage_a(file, context)),\r\n resetState: () => dispatch(resetState_a())\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(Albums));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getAlbums_a = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_ALBUMS + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"albums\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_ALBUMS + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_ALBUMS + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getAlbum_a = (id, editMode = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_ALBUM + 1});\r\n return axios.get(BackendSettings.baseUrl + \"album/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_ALBUM + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_ALBUM + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updateAlbum_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_ALBUM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateAlbum\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_ALBUM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_ALBUM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addAlbum_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_ALBUM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addAlbum\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_ALBUM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_ALBUM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deleteAlbum_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_ALBUM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deleteAlbum\", {id: id})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_ALBUM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_ALBUM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_ALBUMS_STATE, newState: state};\r\n}\r\n\r\nexport const setAlbumEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_ALBUM_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import React, {Component} from 'react';\r\nimport {Button, FormControl, Input, InputLabel, TextField} from \"@material-ui/core\";\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport ReactDropzone from \"react-dropzone\";\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {BackendSettings} from '../../config/config';\r\n\r\nconst styles = theme => ({\r\n textField: {\r\n fontSize: 12\r\n },\r\n\r\n root: {\r\n minWidth: 600,\r\n width: 600,\r\n float: \"left\",\r\n marginRight: 20,\r\n textAlign: \"left\"\r\n },\r\n\r\n\r\n dialogTitle: {\r\n padding: \"10px 10px 10px 22px\",\r\n textAlign: \"center\"\r\n },\r\n\r\n imageDrop: {\r\n maxWidth: 200,\r\n maxHeight: 200,\r\n paddingTop: 10,\r\n },\r\n\r\n innerLeft: {\r\n width: 195,\r\n float: \"left\"\r\n },\r\n innerRight: {\r\n width: 300,\r\n float: \"left\",\r\n marginLeft: 20\r\n }\r\n});\r\n\r\nclass PlaylistItemDlg extends Component {\r\n\r\n state = {\r\n title: \"\",\r\n publish: false,\r\n name: '',\r\n subtitle: '',\r\n short_description: '',\r\n display_order: 1,\r\n url: '',\r\n };\r\n\r\n handleChange = (event) => {\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n }\r\n\r\n onDrop = (acceptedFiles, rejectedFiles) => {\r\n this.props.onFormEvent(\"playlistImage\", acceptedFiles[0]);\r\n }\r\n\r\n onCancel = (event) => {\r\n this.props.onFormEvent('formCancel');\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.open !== this.props.open && this.props.open === false) {\r\n this.resetState();\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data && nextProps.editMode === true) {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n id: nextProps.data.id,\r\n name: nextProps.data.name,\r\n subtitle: nextProps.data.subtitle,\r\n short_description: nextProps.data.short_description,\r\n display_order: nextProps.data.display_order,\r\n url: nextProps.data.url,\r\n });\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n editMode: nextProps.editMode,\r\n });\r\n }\r\n }\r\n\r\n resetState = () => {\r\n this.setState({\r\n title: \"\",\r\n publish: false,\r\n name: '',\r\n subtitle: '',\r\n short_description: '',\r\n display_order: 1,\r\n url: '',\r\n });\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n break;\r\n case 'formSave':\r\n let data = {\r\n name: this.state.name,\r\n subtitle: this.state.subtitle,\r\n id: this.state.id,\r\n editMode: this.state.editMode,\r\n fileName: this.props.data !== null ? this.props.data.fileName : null,\r\n short_description: this.state.short_description,\r\n display_order: this.state.display_order,\r\n url: this.state.url\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n break;\r\n }\r\n }\r\n\r\n onOk = (event) => {\r\n this.props.dlgSettings.onOk({value: this.state.value});\r\n };\r\n\r\n handleInputChange = (event) => {\r\n this.setState({value: event.target.value});\r\n };\r\n\r\n render() {\r\n const {classes/*, theme */, dlgSettings} = this.props;\r\n let uploadImage = this.props.data && this.props.data.image !== \"\" ?\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 playlist: state.playlists\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getPlaylistCategory: (id, setCurrent) => dispatch(getPlaylistCategory_a(id, setCurrent)),\r\n addCategory: (data) => dispatch(addCategory_a(data)),\r\n deleteCategory: (data) => dispatch(deleteCategory_a(data)),\r\n updateCategory: (data) => dispatch(updateCategory_a(data)),\r\n getPlaylist: (id) => dispatch(getPlaylist_a(id)),\r\n addPlaylistItem: (data) => dispatch(addPlaylistItem_a(data)),\r\n deletePlaylistItem: (data) => dispatch(deletePlaylistItem_a(data)),\r\n updatePlaylistItem: (data) => dispatch(updatePlaylistItem_a(data)),\r\n setPlaylistEditState: (newState) => dispatch(setPlaylistEditState_a(newState)),\r\n getPlaylistItem: (id, editMode) => dispatch(getPlaylistItem_a(id, editMode)),\r\n uploadImage: (file, context) => dispatch(uploadImage_a(file, context)),\r\n resetState: () => dispatch(resetState_a())\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(Playlist));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getPlaylistCategory_a = (categoryId = -1, setCurrent = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_PLAYLIST_CATEGORY + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"playlist/\" + categoryId)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_PLAYLIST_CATEGORY + 2, payload: response.data, setCurrent: setCurrent});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_PLAYLIST_CATEGORY + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const addCategory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_PLAYLIST_CATEGORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addPlaylistCategory\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_PLAYLIST_CATEGORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_PLAYLIST_CATEGORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\n\r\nexport const deleteCategory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_PLAYLIST_CATEGORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deletePlaylistCategory\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_PLAYLIST_CATEGORY + 2, payload: response.data});\r\n } else {\r\n console.log(response.data);\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_PLAYLIST_CATEGORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const updateCategory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_PLAYLIST_CATEGORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updatePlaylistCategory\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_PLAYLIST_CATEGORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_PLAYLIST_CATEGORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const getPlaylist_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_PLAYLIST + 1});\r\n return axios.get(BackendSettings.baseUrl + \"playlist/get/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_PLAYLIST + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_PLAYLIST + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getPlaylistItem_a = (id, editMode) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_PLAYLIST_ITEM + 1});\r\n return axios.get(BackendSettings.baseUrl + \"playlist/getPlaylistItem/\" + id)\r\n .then((response) => {\r\n\r\n dispatch({type: NOTIFIERS.GET_PLAYLIST_ITEM + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_PLAYLIST_ITEM + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\n\r\nexport const addPlaylistItem_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_PLAYLIST_ITEM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addPlaylistItem\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_PLAYLIST_ITEM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_PLAYLIST_ITEM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deletePlaylistItem_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_PLAYLIST_ITEM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deletePlaylistItem\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_PLAYLIST_ITEM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_PLAYLIST_ITEM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const updatePlaylistItem_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_PLAYLIST_ITEM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updatePlaylistItem\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_PLAYLIST_ITEM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_PLAYLIST_ITEM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_PLAYLISTS_STATE, newState: state};\r\n}\r\n\r\nexport const setPlaylistEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_PLAYLIST_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import React, {Component} from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport {FormControlLabel, Switch, TextField} from '@material-ui/core';\r\nimport Dialog from '@material-ui/core/Dialog';\r\n\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport ReactDropzone from \"react-dropzone\";\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {BackendSettings} from '../../config/config';\r\n\r\nconst styles = theme => ({\r\n textField: {\r\n fontSize: 12\r\n },\r\n\r\n rootLeft: {\r\n maxWidth: 230, width: 230, float: \"left\", marginRight: 20, textAlign: \"left\"\r\n },\r\n\r\n rootRight: {\r\n maxWidth: 280, width: 280, float: \"left\",\r\n },\r\n\r\n dialogTitle: {\r\n padding: \"10px 10px 10px 22px\", textAlign: \"center\"\r\n },\r\n\r\n imageDrop: {\r\n maxWidth: 200, maxHeight: 200, padding: 10,\r\n },\r\n});\r\n\r\nclass GalleryItemDlg extends Component {\r\n\r\n state = {\r\n title: \"\", publish: false, editMode: false\r\n };\r\n\r\n handleChange = (event) => {\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n }\r\n\r\n onDrop = (acceptedFiles, rejectedFiles) => {\r\n this.props.onFormEvent(\"galleryImage\", acceptedFiles[0]);\r\n }\r\n\r\n onCancel = (event) => {\r\n this.props.onFormEvent('formCancel');\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.open !== this.props.open && this.props.open === false) {\r\n this.resetState();\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data && nextProps.editMode === true) {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n id: nextProps.data.id,\r\n title: nextProps.data.title,\r\n content: nextProps.data.content,\r\n });\r\n } else {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n });\r\n }\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n break;\r\n case 'formSave':\r\n let data = {\r\n title: this.state.title,\r\n publish: this.state.publish,\r\n id: this.state.id,\r\n fileName: this.props.data !== null ? this.props.data.fileName : null,\r\n editMode: this.state.editMode,\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n break;\r\n }\r\n }\r\n\r\n resetState = () => {\r\n this.setState({title: \"\", publish: false});\r\n }\r\n\r\n onOk = (event) => {\r\n this.props.dlgSettings.onOk({value: this.state.value});\r\n };\r\n\r\n handleInputChange = (event) => {\r\n this.setState({value: event.target.value});\r\n };\r\n\r\n render() {\r\n const {classes/*, theme */, dlgSettings} = this.props;\r\n let uploadImage = this.props.data ?\r\n \r\n new Promise((resolve, reject) => {\r\n this.onAddCategory({...newData, parentId: -1});\r\n resolve();\r\n }),\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\r\n }),\r\n onRowUpdate: (newData, oldData) => new Promise((resolve, reject) => {\r\n this.onEdit(newData, oldData);\r\n resolve();\r\n }),\r\n }}\r\n />\r\n
\r\n\r\n \r\n new Promise((resolve, reject) => {\r\n this.onAddSubcategory(newData);\r\n resolve();\r\n }),\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\r\n }),\r\n onRowUpdate: (newData, oldData) => new Promise((resolve, reject) => {\r\n this.onEdit(newData, oldData);\r\n resolve();\r\n }),\r\n }}\r\n />\r\n
\r\n\r\n \r\n new Promise((resolve, reject) => {\r\n this.onDeletePlaylistItem(oldData);\r\n resolve();\r\n })\r\n }}\r\n\r\n detailPanel={rowData => {\r\n return (\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 galleries: state.galleries\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getCategories: (id, setCurrent) => dispatch(getPhotoCategories_a(id, setCurrent)),\r\n addCategory: (data) => dispatch(addPhotoCategory_a(data)),\r\n deleteCategory: (data) => dispatch(deletePhotoCategory_a(data)),\r\n updateCategory: (data) => dispatch(updatePhotoCategory_a(data)),\r\n getPhotoGallery: (id) => dispatch(getPhotoGallery_a(id)),\r\n deleteGalleryImage: (id) => dispatch(deleteGalleryImage_a(id)),\r\n resetState: () => dispatch(resetState_a()),\r\n uploadImage: (file, context) => dispatch(uploadImage_a(file, context)),\r\n addGalleryImage: (data) => dispatch(addGalleryImage_a(data)),\r\n setGalleryEditState: (state) => dispatch(setGalleryEditState_a(state)),\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(PhotoGallery));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getPhotoCategories_a = (categoryId = -1, setCurrent = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_PHOTO_CATEGORIES + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"photoGallery\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_PHOTO_CATEGORIES + 2, payload: response.data, setCurrent: setCurrent});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_PHOTO_CATEGORIES + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updatePhotoCategory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_PHOTO_CATEGORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updatePhotoCategory\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_PHOTO_CATEGORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_PHOTO_CATEGORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addPhotoCategory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_PHOTO_CATEGORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addPhotoCategory\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_PHOTO_CATEGORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_PHOTO_CATEGORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deletePhotoCategory_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_PHOTO_CATEGORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deletePhotoCategory\", {id: id})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_PHOTO_CATEGORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_PHOTO_CATEGORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const getPhotoGallery_a = (categoryId = -1, setCurrent = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_PHOTO_GALLERY + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"getGallery/\" + categoryId)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_PHOTO_GALLERY + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_PHOTO_GALLERY + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const deleteGalleryImage_a = (itemId) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_GALLERY_IMAGE + 1});\r\n\r\n return axios.post(BackendSettings.baseUrl + \"deleteGalleryItem\", {id: itemId})\r\n .then((response) => {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_GALLERY_IMAGE + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({message: err.message, options: {variant: 'error', autoHideDuration: 3000}}));\r\n dispatch({type: NOTIFIERS.DELETE_GALLERY_IMAGE + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addGalleryImage_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_GALLERY_IMAGE + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addGalleryItem\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_GALLERY_IMAGE + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({message: err.message, options: {variant: 'error', autoHideDuration: 3000}}));\r\n dispatch({type: NOTIFIERS.ADD_GALLERY_IMAGE + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\n\r\nexport const setGalleryEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_GALLERY_EDIT_STATE, newState: state};\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_PHOTO_STATE, newState: state};\r\n}\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {BackendSettings} from '../../config/config';\r\nimport MaterialTable from 'material-table';\r\n\r\nconst styles = () => ({\r\n root: {\r\n minWidth: 1200,\r\n width: '100%',\r\n display: \"inline-block\",\r\n\r\n \"& th\":\r\n {\r\n color: \"#FFF\",\r\n backgroundColor: \"#000 !important\",\r\n height: \"10px !important\",\r\n fontSize: \"1rem\"\r\n },\r\n \"& tr td:first-child\": {\r\n width: 100\r\n },\r\n \"& tfoot tr td:first-child\": {\r\n width: 500\r\n }\r\n },\r\n\r\n listImage: {\r\n maxHeight: 90,\r\n },\r\n\r\n titleButton: {\r\n marginLeft: 50\r\n }\r\n});\r\n\r\nclass RockLegendsTable extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n };\r\n\r\n onRowClick = (event, rowData) => {\r\n this.props.onRowClick(rowData);\r\n }\r\n\r\n onButtonClick = (event) => {\r\n this.props.eventHandler(event.currentTarget.name);\r\n }\r\n\r\n onAdd = () => {\r\n this.props.eventHandler(\"tableAdd\");\r\n }\r\n\r\n onDelete = (data) => {\r\n this.props.eventHandler(\"tableDelete\", data);\r\n }\r\n\r\n render() {\r\n\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {data, classes} = this.props;\r\n\r\n return (\r\n \r\n new Promise((resolve, reject) => {\r\n this.onAddCategory({...newData});\r\n resolve();\r\n }),\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n this.onCategoryDelete(oldData);\r\n resolve();\r\n }),\r\n onRowUpdate: (newData, oldData) => new Promise((resolve, reject) => {\r\n this.onCategoryEdit(newData, oldData);\r\n resolve();\r\n }),\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n return (\r\n )\r\n },\r\n filtering: false\r\n },\r\n {title: 'Name', field: 'name'},\r\n {\r\n title: 'Publish', field: 'publish',\r\n render: rowData => {\r\n return (rowData.publish ? \"Yes\" : \"No\")\r\n },\r\n filtering: false\r\n }\r\n ]}\r\n\r\n options={{\r\n pageSize: 10,\r\n pageSizeOptions: [10, 20, 30]\r\n }}\r\n\r\n onRowClick={this.onRowClick}\r\n\r\n actions={[{\r\n disabled: false,\r\n icon: \"add\",\r\n //iconProps: {style: {marginLeft:20}},\r\n isFreeAction: true,\r\n onClick: this.onAddImage\r\n }]}\r\n\r\n editable={{\r\n onRowDelete: oldData =>\r\n new Promise((resolve, reject) => {\r\n this.onDeleteGalleryImage(oldData);\r\n resolve();\r\n }),\r\n /*\r\n onRowUpdate: (newData, oldData) => {\r\n new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\r\n })\r\n }*/\r\n }\r\n }\r\n />\r\n
\r\n \r\n {\r\n return (\r\n )\r\n },\r\n filtering: false\r\n },\r\n {title: 'Title', field: 'title'},\r\n {title: 'Display Order', field: 'display_order'},\r\n ]}\r\n\r\n options={{\r\n pageSize: 10,\r\n pageSizeOptions: [10, 20, 30],\r\n filtering: true,\r\n }}\r\n\r\n onRowClick={this.onRowClick}\r\n\r\n actions={[{\r\n disabled: false,\r\n icon: \"add\",\r\n //iconProps: {style: {marginLeft:20}},\r\n isFreeAction: true,\r\n onClick: this.onAdd\r\n }]}\r\n\r\n editable={{\r\n onRowDelete: oldData =>\r\n new Promise((resolve, reject) => {\r\n this.onDelete(oldData);\r\n resolve();\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}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {}\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(RockLegendsTable));","import React from 'react';\r\nimport {Button, FormControl, Input, InputLabel, TextField} from \"@material-ui/core\";\r\nimport {CkEditor} from '../comps/ckEditor';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport FormBar from '../comps/formBar';\r\nimport ReactDropzone from \"react-dropzone\";\r\nimport {BackendSettings} from '../../config/config';\r\n\r\nconst styles = theme => ({\r\n\r\n root: {\r\n borderRadius: 5,\r\n //background: \"#37393d\",\r\n background: 'linear-gradient(180deg, #000 15%, #222 90%)',\r\n display: \"inline-block\",\r\n padding: \"5px 15px\",\r\n\r\n \"& a span\": {\r\n color: \"black !important\"\r\n },\r\n \"& textarea\": {\r\n fontSize: 12\r\n },\r\n \"& input\": {\r\n fontSize: 12\r\n }\r\n },\r\n\r\n rootLeft: {\r\n maxWidth: 620,\r\n width: 400,\r\n float: \"left\",\r\n marginRight: 20,\r\n textAlign: \"left\"\r\n },\r\n\r\n rootRight: {\r\n maxWidth: 650,\r\n width: 650,\r\n float: \"left\",\r\n },\r\n\r\n textField: {\r\n marginRight: theme.spacing.unit,\r\n marginTop: 0,\r\n width: 200,\r\n },\r\n imageDrop: {\r\n maxWidth: 200,\r\n maxHeight: 200,\r\n padding: 10,\r\n },\r\n\r\n button: {\r\n margin: theme.spacing.unit,\r\n },\r\n});\r\n\r\nclass RockLegendsForm extends React.Component {\r\n\r\n state = {\r\n title: '',\r\n content: '',\r\n content_short: '',\r\n display_order: 1,\r\n value: 0,\r\n id: null\r\n };\r\n\r\n handleChange = (event) => {\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n }\r\n\r\n handleEditorChange(event) {\r\n this.setState({...this.state, content: event.editor.getData()});\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n if (nextProps.data && nextProps.editMode === true) {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n id: nextProps.data.id,\r\n title: nextProps.data.title,\r\n content: nextProps.data.content,\r\n content_short: nextProps.data.content_short,\r\n display_order: nextProps.data.display_order,\r\n });\r\n } else {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n });\r\n }\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formBack':\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n this.resetStateData();\r\n break;\r\n case 'formSave':\r\n let data = {\r\n editMode: this.state.editMode,\r\n id: this.state.id,\r\n title: this.state.title,\r\n content: this.state.content,\r\n content_short: this.state.content_short,\r\n display_order: this.state.display_order,\r\n fileName: this.props.data !== null ? this.props.data.fileName : null\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n this.resetStateData();\r\n break;\r\n }\r\n }\r\n\r\n resetStateData = () => {\r\n this.setState({\r\n title: '',\r\n content: '',\r\n content_short: '',\r\n display_order: 1,\r\n value: 0\r\n });\r\n }\r\n\r\n onDrop = (acceptedFiles, rejectedFiles) => {\r\n this.props.onFormEvent(\"albumsImage\", acceptedFiles[0]);\r\n }\r\n\r\n render() {\r\n if (this.props.hidden) {\r\n return null;\r\n }\r\n\r\n const {classes} = this.props;\r\n\r\n let editorData = this.props.data ? this.props.data.content : '';\r\n let onEditorChange = this.handleEditorChange.bind(this);\r\n\r\n let uploadImage = this.props.data ?\r\n \r\n\r\n this.onButtonClick(event)}> \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default withStyles(styles, {withTheme: true})(RockLegendsForm);","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport RockLegendsTable from './rockLegendsTable';\r\nimport RockLegendsForm from './rockLgendsForm';\r\nimport {STATES} from '../../store/types';\r\nimport {\r\n addRockLegend_a,\r\n deleteRockLegend_a,\r\n getRockLegend_a,\r\n getRockLegends_a,\r\n resetState_a,\r\n setRockLegendEditState_a,\r\n updateRockLegend_a\r\n} from '../../store/actions/rockLegendsActions';\r\nimport {uploadImage_a} from '../../store/actions/fileActions';\r\n\r\n\r\nconst styles = theme => ({\r\n root: {},\r\n});\r\n\r\nclass Albums extends React.Component {\r\n\r\n state = {\r\n value: 0,\r\n editMode: false\r\n };\r\n\r\n componentWillMount() {\r\n this.props.getRockLegends();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.resetState();\r\n }\r\n\r\n onRowClick = (rowData) => {\r\n this.setState({...this.state, editMode: true});\r\n this.props.getRockLegend(rowData.id, true);\r\n }\r\n\r\n eventHandler = (eventName, data) => {\r\n switch (eventName) {\r\n case 'formCancel':\r\n case 'formBack':\r\n this.props.setRockLegendEditState(STATES.LIST);\r\n break;\r\n case 'formSave':\r\n if (data.editMode) {\r\n this.props.updateRockLegend(data);\r\n } else {\r\n this.props.addRockLegend(data);\r\n }\r\n break;\r\n case 'tableDelete':\r\n this.props.deleteRockLegend(data.id);\r\n break;\r\n case 'tableAdd':\r\n this.setState({...this.state, editMode: false});\r\n this.props.setRockLegendEditState(STATES.EDIT);\r\n break;\r\n case 'albumsImage':\r\n this.props.uploadImage(data, \"rockLegendImage\");\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n Title \r\n this.handleChange(event)}\r\n value={this.state.title}/>\r\n this.handleChange(event)} value={this.state.content_short}\r\n multiline rowsMax=\"6\" margin=\"normal\" fullWidth/>\r\n \r\n \r\n {({getRootProps}) => (\r\n \r\n \r\n Order \r\n this.handleChange(event)} value={this.state.display_order}/>\r\n \r\n
\r\n \r\n {uploadImage}\r\n
\r\n )}\r\n \r\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 rockLegends: state.rockLegends\r\n }\r\n}\r\n\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getRockLegends: (data) => dispatch(getRockLegends_a()),\r\n getRockLegend: (id, editMode) => dispatch(getRockLegend_a(id, editMode)),\r\n setRockLegendEditState: (state) => dispatch(setRockLegendEditState_a(state)),\r\n updateRockLegend: (data) => dispatch(updateRockLegend_a(data)),\r\n addRockLegend: (data) => dispatch(addRockLegend_a(data)),\r\n deleteRockLegend: (id) => dispatch(deleteRockLegend_a(id)),\r\n uploadImage: (file, context) => dispatch(uploadImage_a(file, context)),\r\n resetState: () => dispatch(resetState_a())\r\n }\r\n}\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(Albums));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\nexport const getRockLegends_a = () => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_ROCKLEGENDS + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"rockLegends\")\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_ROCKLEGENDS + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_ROCKLEGENDS + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getRockLegend_a = (id, editMode = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_ROCKLEGEND + 1});\r\n return axios.get(BackendSettings.baseUrl + \"rockLegend/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_ROCKLEGEND + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_ROCKLEGEND + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updateRockLegend_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_ROCKLEGEND + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateRockLegend\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_ROCKLEGEND + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_ROCKLEGEND + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addRockLegend_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_ROCKLEGEND + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addRockLegend\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_ROCKLEGEND + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_ROCKLEGEND + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deleteRockLegend_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_ROCKLEGEND + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deleteRockLegend\", {id: id})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_ROCKLEGEND + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_ROCKLEGEND + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_ROCKLEGEND_STATE, newState: state};\r\n}\r\n\r\nexport const setRockLegendEditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_ROCKLEGEND_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import React, {Component} from 'react';\r\nimport {Button, FormControl, FormControlLabel, Input, InputLabel, Switch} from \"@material-ui/core\";\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport ReactDropzone from \"react-dropzone\";\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {BackendSettings} from '../../config/config';\r\n\r\nconst styles = () => ({\r\n textField: {\r\n fontSize: 12\r\n },\r\n root: {\r\n width: 600,\r\n float: \"left\",\r\n marginRight: 20,\r\n marginBottom: 20,\r\n textAlign: \"left\"\r\n },\r\n dialogTitle: {\r\n padding: \"10px 10px 10px 22px\",\r\n textAlign: \"center\"\r\n },\r\n imageDrop: {\r\n maxWidth: 200,\r\n maxHeight: 200,\r\n paddingTop: 10,\r\n },\r\n innerLeft: {\r\n width: 195,\r\n float: \"left\"\r\n },\r\n innerRight: {\r\n width: 300,\r\n float: \"left\",\r\n marginLeft: 20\r\n }\r\n});\r\n\r\nclass Top20ItemDlg extends Component {\r\n\r\n state = {\r\n artist: '',\r\n song: '',\r\n url: '',\r\n votes: 0,\r\n active: 1,\r\n previousMonth: 0,\r\n previous2Months: 0,\r\n monthsInTop: 0,\r\n totalVotes: 0\r\n };\r\n\r\n handleChange = (event) => {\r\n if (event.target.type === \"checkbox\") {\r\n this.setState({...this.state, [event.target.name]: event.target.checked});\r\n } else {\r\n this.setState({...this.state, [event.target.name]: event.target.value});\r\n }\r\n }\r\n\r\n onDrop = (acceptedFiles, rejectedFiles) => {\r\n this.props.onFormEvent(\"top20Image\", acceptedFiles[0]);\r\n }\r\n\r\n onCancel = (event) => {\r\n this.props.onFormEvent('formCancel');\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.open !== this.props.open && this.props.open === false) {\r\n this.resetState();\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n if (nextProps.data && nextProps.editMode === true) {\r\n this.setState({\r\n editMode: nextProps.editMode,\r\n id: nextProps.data.id,\r\n artist: nextProps.data.artist,\r\n song: nextProps.data.song,\r\n url: nextProps.data.url,\r\n votes: nextProps.data.votes,\r\n active: nextProps.data.active,\r\n previousMonth: nextProps.data.previousMonth,\r\n previous2Months: nextProps.data.previous2Months,\r\n monthsInTop: nextProps.data.monthsInTop,\r\n totalVotes: nextProps.data.totalVotes,\r\n });\r\n } else {\r\n this.setState({\r\n ...this.state,\r\n editMode: nextProps.editMode,\r\n });\r\n }\r\n }\r\n\r\n resetState = () => {\r\n this.setState({\r\n artist: '',\r\n song: '',\r\n url: '',\r\n votes: 0,\r\n active: 1,\r\n previousMonth: 0,\r\n previous2Months: 0,\r\n monthsInTop: 0,\r\n totalVotes: 0\r\n });\r\n }\r\n\r\n onButtonClick = (event) => {\r\n switch (event.currentTarget.name) {\r\n case 'formCancel':\r\n this.props.onFormEvent(event.currentTarget.name);\r\n break;\r\n case 'formSave':\r\n let data = {\r\n artist: this.state.artist,\r\n song: this.state.song,\r\n id: this.state.id,\r\n editMode: this.state.editMode,\r\n fileName: this.props.data !== null ? this.props.data.fileName : null,\r\n url: this.state.url,\r\n votes: this.state.votes,\r\n totalVotes: this.state.totalVotes,\r\n active: this.state.active,\r\n previousMonth: this.state.previousMonth,\r\n previous2Months: this.state.previous2Months,\r\n monthsInTop: this.state.monthsInTop\r\n }\r\n this.props.onFormEvent(event.currentTarget.name, data);\r\n break;\r\n }\r\n }\r\n\r\n onOk = (event) => {\r\n this.props.dlgSettings.onOk({value: this.state.value});\r\n };\r\n\r\n handleInputChange = (event) => {\r\n this.setState({value: event.target.value});\r\n };\r\n\r\n render() {\r\n const {classes} = this.props;\r\n\r\n let uploadImage = this.props.data && this.props.data.image !== \"\" ?\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 top20: state.top20\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getTop20Category: (id, setCurrent) => dispatch(getTop20Category_a(id, setCurrent)),\r\n setTop20EditState: (newState) => dispatch(setTop20EditState_a(newState)),\r\n addCategory: (data) => dispatch(addCategory_a(data)),\r\n deleteCategory: (data) => dispatch(deleteCategory_a(data)),\r\n updateCategory: (data) => dispatch(updateCategory_a(data)),\r\n getTop20Items: (id) => dispatch(getTop20Items_a(id)),\r\n getTop20Item: (id, editMode) => dispatch(getTop20Item_a(id, editMode)),\r\n uploadImage: (file, context) => dispatch(uploadImage_a(file, context)),\r\n updateTop20Item: (data) => dispatch(updateTop20Item_a(data)),\r\n deleteTop20Item: (data) => dispatch(deleteTop20Item_a(data)),\r\n addTop20Item: (data) => dispatch(addTop20Item_a(data)),\r\n resetState: () => dispatch(resetState_a())\r\n }\r\n}\r\n\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(Top20));","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport {enqueueSnackbar} from './snackBarActions';\r\n\r\n\r\nexport const getTop20Category_a = (categoryId = -1, setCurrent = false) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_TOP20_CATEGORY + 1});\r\n\r\n return axios.get(BackendSettings.baseUrl + \"top20/\" + categoryId)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_TOP20_CATEGORY + 2, payload: response.data, setCurrent: setCurrent});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_TOP20_CATEGORY + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\n\r\nexport const addCategory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_TOP20_CATEGORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addTop20Category\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_TOP20_CATEGORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_TOP20_CATEGORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deleteCategory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_TOP20_CATEGORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deleteTop20Category\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_TOP20_CATEGORY + 2, payload: response.data});\r\n } else {\r\n console.log(response.data);\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_TOP20_CATEGORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const updateCategory_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_TOP20_CATEGORY + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateTop20Category\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_TOP20_CATEGORY + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_TOP20_CATEGORY + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const getTop20Items_a = (id) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_TOP20_ITEMS + 1});\r\n return axios.get(BackendSettings.baseUrl + \"top20/get/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_TOP20_ITEMS + 2, payload: response.data});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_TOP20_ITEMS + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const getTop20Item_a = (id, editMode) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.GET_TOP20_ITEM + 1});\r\n return axios.get(BackendSettings.baseUrl + \"top20/getItem/\" + id)\r\n .then((response) => {\r\n dispatch({type: NOTIFIERS.GET_TOP20_ITEM + 2, payload: response.data, editMode: editMode});\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.GET_TOP20_ITEM + 3,\r\n payload: err.message\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport const updateTop20Item_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.UPDATE_TOP20_ITEM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"updateTop20Item\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_TOP20_ITEM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.UPDATE_TOP20_ITEM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const deleteTop20Item_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.DELETE_TOP20_ITEM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"deleteTop20Item\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_TOP20_ITEM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.DELETE_TOP20_ITEM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const addTop20Item_a = (data) => {\r\n return (dispatch, getState) => {\r\n dispatch({type: NOTIFIERS.ADD_TOP20_ITEM + 1});\r\n return axios.post(BackendSettings.baseUrl + \"addTop20Item\", data)\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_TOP20_ITEM + 2, payload: response.data});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'error', autoHideDuration: 3000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch(enqueueSnackbar({\r\n message: err.message,\r\n options: {variant: 'success', autoHideDuration: 3000}\r\n }));\r\n dispatch({type: NOTIFIERS.ADD_TOP20_ITEM + 3, payload: err.message});\r\n });\r\n }\r\n}\r\n\r\nexport const resetState_a = (state) => {\r\n return {type: NOTIFIERS.RESET_TOP20_STATE, newState: state};\r\n}\r\n\r\nexport const setTop20EditState_a = (state) => {\r\n return {type: NOTIFIERS.SET_TOP20_EDIT_STATE, newState: state};\r\n}\r\n\r\n","import {NOTIFIERS} from '../types';\r\nimport isEmpty from 'lodash/isEmpty';\r\n\r\nconst initState = {\r\n authenticated: false,\r\n userInfo: null,\r\n loading: false,\r\n error: null\r\n};\r\n\r\nconst authReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n// LOGIN\r\n case NOTIFIERS.LOGIN + 1:\r\n return {\r\n // ...state,\r\n loading: true,\r\n authenticated: false,\r\n error: null,\r\n userInfo: null,\r\n }\r\n case NOTIFIERS.LOGIN + 2:\r\n return {\r\n //...state,\r\n loading: false,\r\n error: null,\r\n authenticated: !isEmpty(action.payload.user),\r\n userInfo: action.payload.user,\r\n modules: action.payload.modules\r\n }\r\n\r\n case NOTIFIERS.LOGIN + 3:\r\n return {\r\n //...state,\r\n loading: false,\r\n authenticated: false,\r\n error: action.payload,\r\n userInfo: null,\r\n }\r\n\r\n case NOTIFIERS.LOGOUT:\r\n return {\r\n loading: false,\r\n authenticated: false,\r\n error: action.payload,\r\n userInfo: null,\r\n }\r\n }\r\n return state;\r\n}\r\n\r\nexport default authReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n editPage: null,\r\n pages: []\r\n};\r\n\r\nconst pagesReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_PAGES_STATE\r\n case NOTIFIERS.RESET_PAGES_STATE:\r\n return {...state, editPage: null, currentState: STATES.LIST, loading: false, error: null};\r\n\r\n // GET PAGES\r\n case NOTIFIERS.GET_PAGES + 1:\r\n return state;\r\n case NOTIFIERS.GET_PAGES + 2:\r\n return {...state, pages: action.payload};\r\n case NOTIFIERS.GET_PAGES + 3:\r\n return state;\r\n\r\n // ADD_PAGE\r\n case NOTIFIERS.ADD_PAGE + 1:\r\n return state;\r\n case NOTIFIERS.ADD_PAGE + 2:\r\n state.pages = [...state.pages, action.payload.item];\r\n state.currentState = STATES.LIST;\r\n state.editPage = null;\r\n return {...state};\r\n case NOTIFIERS.ADD_PAGE + 3:\r\n return state;\r\n\r\n // DELETE_PAGE\r\n case NOTIFIERS.DELETE_PAGE + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_PAGE + 2:\r\n let pages = state.pages.filter((item) => {\r\n return item.id !== action.payload.item.id;\r\n });\r\n return {...state, pages: pages};\r\n case NOTIFIERS.DELETE_PAGE + 3:\r\n return state;\r\n\r\n // UPDATE_PAGE\r\n case NOTIFIERS.UPDATE_PAGE + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_PAGE + 2:\r\n let newPages = state.pages.map(page => {\r\n if (page.id === action.payload.item.id) {\r\n page.title = action.payload.item.title;\r\n }\r\n return page;\r\n });\r\n state.currentState = STATES.LIST;\r\n state.editPage = null;\r\n return {...state, pages: [...newPages]};\r\n case NOTIFIERS.UPDATE_PAGE + 3:\r\n return state;\r\n\r\n // GET_PAGE\r\n case NOTIFIERS.GET_PAGE + 1:\r\n return state;\r\n case NOTIFIERS.GET_PAGE + 2:\r\n let newState = {...state, editPage: action.payload};\r\n if (action.editMode) {\r\n newState.currentState = STATES.EDIT;\r\n }\r\n return newState;\r\n case NOTIFIERS.GET_PAGE + 3:\r\n return state;\r\n\r\n // SET_PAGE_EDIT_STATE\r\n case NOTIFIERS.SET_PAGE_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editPage = null;\r\n }\r\n return {...state};\r\n }\r\n return state;\r\n}\r\n\r\nexport default pagesReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n editHeadline: null,\r\n headlines: []\r\n};\r\n\r\nconst headlinesReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_PAGES_STATE\r\n case NOTIFIERS.RESET_HEADLINES_STATE:\r\n return {...state, editHeadline: null, currentState: STATES.LIST, loading: false, error: null};\r\n\r\n // GET_HEADLINES\r\n case NOTIFIERS.GET_HEADLINES + 1:\r\n return state;\r\n case NOTIFIERS.GET_HEADLINES + 2:\r\n return {...state, headlines: action.payload};\r\n case NOTIFIERS.GET_HEADLINES + 3:\r\n return state;\r\n\r\n // ADD_HEADLINE\r\n case NOTIFIERS.ADD_HEADLINE + 1:\r\n return state;\r\n case NOTIFIERS.ADD_HEADLINE + 2:\r\n state.headlines = [...state.headlines, action.payload.item];\r\n state.currentState = STATES.LIST;\r\n state.editHeadline = null;\r\n return {...state};\r\n case NOTIFIERS.ADD_HEADLINE + 3:\r\n return state;\r\n\r\n // DELETE_HEADLINE\r\n case NOTIFIERS.DELETE_HEADLINE + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_HEADLINE + 2:\r\n let headlines = state.headlines.filter((item) => {\r\n return item.id !== action.payload.item.id;\r\n });\r\n return {...state, headlines: headlines};\r\n case NOTIFIERS.DELETE_HEADLINE + 3:\r\n return state;\r\n\r\n // UPDATE_HEADLINE\r\n case NOTIFIERS.UPDATE_HEADLINE + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_HEADLINE + 2:\r\n let newHeadlines = state.headlines.map(headline => {\r\n if (headline.id === action.payload.item.id) {\r\n headline = action.payload.item;\r\n }\r\n return headline;\r\n });\r\n state.currentState = STATES.LIST;\r\n state.editHeadline = null;\r\n return {...state, headlines: [...newHeadlines]};\r\n case NOTIFIERS.UPDATE_HEADLINE + 3:\r\n return state;\r\n\r\n // GET_HEADLINE\r\n case NOTIFIERS.GET_HEADLINE + 1:\r\n return state;\r\n case NOTIFIERS.GET_HEADLINE + 2:\r\n let newState = {...state, editHeadline: action.payload};\r\n if (action.editMode) {\r\n newState.currentState = STATES.EDIT;\r\n }\r\n return newState;\r\n case NOTIFIERS.GET_HEADLINE + 3:\r\n return state;\r\n\r\n // SET_HEADLINE_EDIT_STATE\r\n case NOTIFIERS.SET_HEADLINE_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editHeadline = null;\r\n }\r\n return {...state};\r\n }\r\n return state;\r\n}\r\n\r\nexport default headlinesReducer;","const initState = {\r\n notifications: [],\r\n};\r\n\r\nconst snackBarReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n case 'ENQUEUE_SNACKBAR':\r\n return {\r\n ...state,\r\n notifications: [\r\n ...state.notifications,\r\n {\r\n ...action.notification,\r\n },\r\n ],\r\n };\r\n\r\n case 'REMOVE_SNACKBAR':\r\n return {\r\n ...state,\r\n notifications: state.notifications.filter(\r\n notification => notification.key !== action.key,\r\n ),\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default snackBarReducer;\r\n","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n editHistory: null,\r\n history: []\r\n};\r\n\r\nconst historyReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_PAGES_STATE\r\n case NOTIFIERS.RESET_HISTORY_STATE:\r\n return {...state, editHistory: null, currentState: STATES.LIST, loading: false, error: null};\r\n\r\n // GET_HISTORIES\r\n case NOTIFIERS.GET_HISTORIES + 1:\r\n return state;\r\n case NOTIFIERS.GET_HISTORIES + 2:\r\n return {...state, history: action.payload};\r\n case NOTIFIERS.GET_HISTORIES + 3:\r\n return state;\r\n\r\n // ADD_HISTORY\r\n case NOTIFIERS.ADD_HISTORY + 1:\r\n return state;\r\n case NOTIFIERS.ADD_HISTORY + 2:\r\n state.history = [...state.history, action.payload.item];\r\n state.currentState = STATES.LIST;\r\n state.editHistory = null;\r\n return {...state};\r\n case NOTIFIERS.ADD_HISTORY + 3:\r\n return state;\r\n\r\n // DELETE_HISTORY\r\n case NOTIFIERS.DELETE_HISTORY + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_HISTORY + 2:\r\n let history = state.history.filter((item) => {\r\n return item.id !== action.payload.item.id;\r\n });\r\n return {...state, history: history};\r\n case NOTIFIERS.DELETE_HISTORY + 3:\r\n return state;\r\n\r\n // UPDATE_HISTORY\r\n case NOTIFIERS.UPDATE_HISTORY + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_HISTORY + 2:\r\n let newHistory = state.history.map(history_ => {\r\n if (history_.id === action.payload.item.id) {\r\n history_ = action.payload.item;\r\n }\r\n return history_;\r\n });\r\n state.currentState = STATES.LIST;\r\n state.editHistory = null;\r\n return {...state, history: [...newHistory]};\r\n case NOTIFIERS.UPDATE_HISTORY + 3:\r\n return state;\r\n\r\n // GET_HISTORY\r\n case NOTIFIERS.GET_HISTORY + 1:\r\n return state;\r\n case NOTIFIERS.GET_HISTORY + 2:\r\n let newState = {...state, editHistory: action.payload};\r\n if (action.editMode) {\r\n newState.currentState = STATES.EDIT;\r\n }\r\n return newState;\r\n case NOTIFIERS.GET_HISTORY + 3:\r\n return state;\r\n\r\n // SET_HISTORY_EDIT_STATE\r\n case NOTIFIERS.SET_HISTORY_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editHistory = null;\r\n }\r\n return {...state};\r\n }\r\n return state;\r\n}\r\n\r\nexport default historyReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n editInfo: null,\r\n info: []\r\n};\r\n\r\nconst rockInfoReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_ROCKINFO_STATE\r\n case NOTIFIERS.RESET_ROCKINFO_STATE:\r\n return {...state, editInfo: null, currentState: STATES.LIST, loading: false, error: null};\r\n\r\n // GET_ROCKINFOS\r\n case NOTIFIERS.GET_ROCKINFOS + 1:\r\n return state;\r\n case NOTIFIERS.GET_ROCKINFOS + 2:\r\n return {...state, info: action.payload};\r\n case NOTIFIERS.GET_ROCKINFOS + 3:\r\n return state;\r\n\r\n // ADD_ROCKINFO\r\n case NOTIFIERS.ADD_ROCKINFO + 1:\r\n return state;\r\n case NOTIFIERS.ADD_ROCKINFO + 2:\r\n state.info = [...state.info, action.payload.item];\r\n state.currentState = STATES.LIST;\r\n state.editInfo = null;\r\n return {...state};\r\n case NOTIFIERS.ADD_ROCKINFO + 3:\r\n return state;\r\n\r\n // DELETE_ROCKINFO\r\n case NOTIFIERS.DELETE_ROCKINFO + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_ROCKINFO + 2:\r\n let info_ = state.headlines.filter((item) => {\r\n return item.id !== action.payload.item.id;\r\n });\r\n return {...state, info: info_};\r\n case NOTIFIERS.DELETE_ROCKINFO + 3:\r\n return state;\r\n\r\n // UPDATE_ROCKINFO\r\n case NOTIFIERS.UPDATE_ROCKINFO + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_ROCKINFO + 2:\r\n let newInfo = state.info.map(info_ => {\r\n if (info_.id === action.payload.item.id) {\r\n info_ = action.payload.item;\r\n }\r\n return info_;\r\n });\r\n state.currentState = STATES.LIST;\r\n state.editInfo = null;\r\n return {...state, info: [...newInfo]};\r\n case NOTIFIERS.UPDATE_ROCKINFO + 3:\r\n return state;\r\n\r\n // GET_ROCKINFO\r\n case NOTIFIERS.GET_ROCKINFO + 1:\r\n return state;\r\n case NOTIFIERS.GET_ROCKINFO + 2:\r\n let newState = {...state, editInfo: action.payload};\r\n if (action.editMode) {\r\n newState.currentState = STATES.EDIT;\r\n }\r\n return newState;\r\n case NOTIFIERS.GET_ROCKINFO + 3:\r\n return state;\r\n\r\n // SET_HEADLINE_EDIT_STATE\r\n case NOTIFIERS.SET_ROCKINFO_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editInfo = null;\r\n }\r\n return {...state};\r\n }\r\n return state;\r\n}\r\n\r\nexport default rockInfoReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n editNews: null,\r\n news: []\r\n};\r\n\r\nconst newsReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n // RESET_NEWS_STATE\r\n case NOTIFIERS.RESET_NEWS_STATE:\r\n return {...state, editNews: null, currentState: STATES.LIST, loading: false, error: null};\r\n\r\n // GET_NEWS\r\n case NOTIFIERS.GET_NEWS + 1:\r\n return state;\r\n case NOTIFIERS.GET_NEWS + 2:\r\n return {...state, news: action.payload};\r\n case NOTIFIERS.GET_NEWS + 3:\r\n return state;\r\n\r\n // ADD_NEWS\r\n case NOTIFIERS.ADD_NEWS + 1:\r\n return state;\r\n case NOTIFIERS.ADD_NEWS + 2:\r\n state.news = [...state.news, action.payload.item];\r\n state.currentState = STATES.LIST;\r\n state.editNews = null;\r\n return {...state};\r\n case NOTIFIERS.ADD_NEWS + 3:\r\n return state;\r\n\r\n // DELETE_NEWS\r\n case NOTIFIERS.DELETE_NEWS + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_NEWS + 2:\r\n let news = state.news.filter((item) => {\r\n return item.id !== action.payload.item.id;\r\n });\r\n return {...state, news: news};\r\n case NOTIFIERS.DELETE_NEWS + 3:\r\n return state;\r\n\r\n // UPDATE_NEWS\r\n case NOTIFIERS.UPDATE_NEWS + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_NEWS + 2:\r\n let newNews = state.news.map(news => {\r\n if (news.id === action.payload.item.id) {\r\n news = {...news, ...action.payload.item};\r\n }\r\n return news;\r\n });\r\n state.currentState = STATES.LIST;\r\n state.editNews = null;\r\n return {...state, news: [...newNews]};\r\n case NOTIFIERS.UPDATE_NEWS + 3:\r\n return state;\r\n\r\n // GET_NEWS_DETAILS\r\n case NOTIFIERS.GET_NEWS_DETAILS + 1:\r\n return state;\r\n case NOTIFIERS.GET_NEWS_DETAILS + 2:\r\n let newState = {...state, editNews: action.payload};\r\n if (action.editMode) {\r\n newState.currentState = STATES.EDIT;\r\n }\r\n return newState;\r\n case NOTIFIERS.GET_NEWS_DETAILS + 3:\r\n return state;\r\n\r\n case NOTIFIERS.SET_NEWS_IMAGE_UPLOAD:\r\n return {\r\n ...state,\r\n editNews: {\r\n ...state.editNews,\r\n image: action.payload.item.fileUrl,\r\n fileName: action.payload.item.fileName\r\n }\r\n };\r\n\r\n // SET_NEWS_EDIT_STATE\r\n case NOTIFIERS.SET_NEWS_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editNews = null;\r\n }\r\n return {...state};\r\n }\r\n return state;\r\n}\r\n\r\nexport default newsReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n editData: null,\r\n data: []\r\n};\r\n\r\nconst timReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_PAGES_STATE\r\n case NOTIFIERS.RESET_TIM_STATE:\r\n return {...state, editData: null, currentState: STATES.LIST, loading: false, error: null};\r\n\r\n\r\n // GET_TIM\r\n case NOTIFIERS.GET_TIM + 1:\r\n return state;\r\n case NOTIFIERS.GET_TIM + 2:\r\n return {...state, data: action.payload};\r\n case NOTIFIERS.GET_TIM + 3:\r\n return state;\r\n\r\n // UPDATE_TIM\r\n case NOTIFIERS.UPDATE_TIM + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_TIM + 2:\r\n state.currentState = STATES.LIST;\r\n state.editData = null;\r\n return {...state};\r\n case NOTIFIERS.UPDATE_TIM + 3:\r\n return state;\r\n\r\n // GET_TIM_DETAIL\r\n case NOTIFIERS.GET_TIM_DETAIL + 1:\r\n return state;\r\n case NOTIFIERS.GET_TIM_DETAIL + 2:\r\n let newState = {...state, editData: action.payload};\r\n if (action.editMode) {\r\n newState.currentState = STATES.EDIT;\r\n }\r\n return newState;\r\n case NOTIFIERS.GET_TIM_DETAIL + 3:\r\n return state;\r\n\r\n // SET_TIM_EDIT_STATE\r\n case NOTIFIERS.SET_TIM_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editData = null;\r\n }\r\n return {...state};\r\n }\r\n return state;\r\n}\r\n\r\nexport default timReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n editData: null,\r\n data: []\r\n};\r\n\r\nconst bannerReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n // GET_BANNERS\r\n case NOTIFIERS.GET_BANNERS + 1:\r\n return state;\r\n case NOTIFIERS.GET_BANNERS + 2:\r\n return {...state, data: action.payload};\r\n case NOTIFIERS.GET_BANNERS + 3:\r\n return state;\r\n\r\n // ADD_BANNER\r\n case NOTIFIERS.ADD_BANNER + 1:\r\n return state;\r\n case NOTIFIERS.ADD_BANNER + 2:\r\n state.data = [...state.data, action.payload.item];\r\n state.currentState = STATES.LIST;\r\n state.editData = null;\r\n return {...state};\r\n case NOTIFIERS.ADD_BANNER + 3:\r\n return state;\r\n\r\n // DELETE_BANNER\r\n case NOTIFIERS.DELETE_BANNER + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_BANNER + 2:\r\n let data = state.data.filter((item) => {\r\n return item.id !== action.payload.item.id;\r\n });\r\n return {...state, data: data};\r\n case NOTIFIERS.DELETE_BANNER + 3:\r\n return state;\r\n\r\n // UPDATE_BANNER\r\n case NOTIFIERS.UPDATE_BANNER + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_BANNER + 2:\r\n let newData = state.data.map(data_ => {\r\n if (data_.id === action.payload.item.id) {\r\n data_ = {...data_, ...action.payload.item};\r\n }\r\n return data_;\r\n });\r\n state.currentState = STATES.LIST;\r\n state.editData = null;\r\n return {...state, data: [...newData]};\r\n case NOTIFIERS.UPDATE_BANNER + 3:\r\n return state;\r\n\r\n // GET_BANNER\r\n case NOTIFIERS.GET_BANNER + 1:\r\n return state;\r\n case NOTIFIERS.GET_BANNER + 2:\r\n let newState = {...state, editData: action.payload};\r\n if (action.editMode) {\r\n newState.currentState = STATES.EDIT;\r\n }\r\n return newState;\r\n case NOTIFIERS.GET_BANNER + 3:\r\n return state;\r\n\r\n // SET_BANNER_EDIT_STATE\r\n case NOTIFIERS.SET_BANNER_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editData = null;\r\n }\r\n return {...state};\r\n }\r\n return state;\r\n}\r\n\r\nexport default bannerReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n editData: null,\r\n data: []\r\n};\r\n\r\nconst albumsReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_PAGES_STATE\r\n case NOTIFIERS.RESET_ALBUMS_STATE:\r\n return {...state, editData: null, currentState: STATES.LIST, loading: false, error: null};\r\n\r\n // GET_ALBUMS\r\n case NOTIFIERS.GET_ALBUMS + 1:\r\n return state;\r\n case NOTIFIERS.GET_ALBUMS + 2:\r\n return {...state, data: action.payload};\r\n case NOTIFIERS.GET_ALBUMS + 3:\r\n return state;\r\n\r\n // ADD_ALBUM\r\n case NOTIFIERS.ADD_ALBUM + 1:\r\n return state;\r\n case NOTIFIERS.ADD_ALBUM + 2:\r\n state.data = [...state.data, action.payload.item];\r\n state.currentState = STATES.LIST;\r\n state.editData = null;\r\n return {...state};\r\n case NOTIFIERS.ADD_ALBUM + 3:\r\n return state;\r\n\r\n // DELETE_ALBUM\r\n case NOTIFIERS.DELETE_ALBUM + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_ALBUM + 2:\r\n let data = state.data.filter((item) => {\r\n return item.id !== action.payload.item.id;\r\n });\r\n return {...state, data: data};\r\n case NOTIFIERS.DELETE_ALBUM + 3:\r\n return state;\r\n\r\n // UPDATE_ALBUM\r\n case NOTIFIERS.UPDATE_ALBUM + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_ALBUM + 2:\r\n let newData = state.data.map(item => {\r\n if (item.id === action.payload.item.id) {\r\n item = {...item, ...action.payload.item};\r\n }\r\n return item;\r\n });\r\n state.currentState = STATES.LIST;\r\n state.editData = null;\r\n return {...state, data: [...newData]};\r\n case NOTIFIERS.UPDATE_ALBUM + 3:\r\n return state;\r\n\r\n // GET_ALBUM\r\n case NOTIFIERS.GET_ALBUM + 1:\r\n return state;\r\n case NOTIFIERS.GET_ALBUM + 2:\r\n let newState = {...state, editData: action.payload};\r\n if (action.editMode) {\r\n newState.currentState = STATES.EDIT;\r\n }\r\n return newState;\r\n case NOTIFIERS.GET_ALBUM + 3:\r\n return state;\r\n\r\n\r\n case NOTIFIERS.SET_ALBUM_IMAGE_UPLOAD:\r\n return {\r\n ...state,\r\n editData: {\r\n ...state.editData,\r\n image: action.payload.item.fileUrl,\r\n fileName: action.payload.item.fileName\r\n }\r\n };\r\n\r\n // SET_ALBUM_EDIT_STATE\r\n case NOTIFIERS.SET_ALBUM_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editData = null;\r\n }\r\n return {...state};\r\n }\r\n return state;\r\n}\r\n\r\nexport default albumsReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n currentCategoryId: -1,\r\n currentSubcategoryId: -1,\r\n categories: [],\r\n currentPlaylist: [],\r\n editData: null,\r\n};\r\n\r\nconst playlistReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_PAGES_STATE\r\n case NOTIFIERS.RESET_PLAYLISTS_STATE:\r\n return {\r\n ...state,\r\n currentState: STATES.LIST,\r\n currentPlaylist: [],\r\n currentCategoryId: -1,\r\n currentSubcategoryId: -1,\r\n loading: false,\r\n error: null\r\n };\r\n\r\n // SET_GALLERY_EDIT_STATE\r\n case NOTIFIERS.SET_PLAYLIST_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editData = null;\r\n }\r\n return {...state};\r\n\r\n // SET_PLAYLIST_IMAGE_UPLOAD\r\n case NOTIFIERS.SET_PLAYLIST_IMAGE_UPLOAD:\r\n return {\r\n ...state,\r\n editData: {\r\n ...state.editData,\r\n image: action.payload.item.fileUrl,\r\n fileName: action.payload.item.fileName\r\n }\r\n };\r\n\r\n // GET_PLAYLIST_ITEM\r\n case NOTIFIERS.GET_PLAYLIST_ITEM + 1:\r\n return state;\r\n case NOTIFIERS.GET_PLAYLIST_ITEM + 2:\r\n return {\r\n ...state,\r\n editData: action.payload.items,\r\n currentState: STATES.EDIT\r\n };\r\n case NOTIFIERS.GET_PLAYLIST_ITEM + 3:\r\n return state;\r\n\r\n // GET_PLAYLIST\r\n case NOTIFIERS.GET_PLAYLIST + 1:\r\n return state;\r\n case NOTIFIERS.GET_PLAYLIST + 2:\r\n return {...state, currentPlaylist: action.payload.items, currentSubcategoryId: action.payload.parentId};\r\n case NOTIFIERS.GET_PLAYLIST + 3:\r\n return state;\r\n\r\n //ADD_PLAYLIST_ITEM\r\n case NOTIFIERS.ADD_PLAYLIST_ITEM + 1:\r\n return state;\r\n case NOTIFIERS.ADD_PLAYLIST_ITEM + 2:\r\n return {\r\n ...state,\r\n currentPlaylist: [...state.currentPlaylist, action.payload.items],\r\n currentState: STATES.LIST\r\n };\r\n case NOTIFIERS.ADD_PLAYLIST_ITEM + 3:\r\n return state;\r\n\r\n\r\n // DELETE_PLAYLIST_ITEM\r\n case NOTIFIERS.DELETE_PLAYLIST_ITEM + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_PLAYLIST_ITEM + 2:\r\n let items = state.currentPlaylist.filter((item) => {\r\n return item.id !== action.payload.items.id;\r\n });\r\n return {...state, currentPlaylist: items};\r\n case NOTIFIERS.DELETE_PLAYLIST_ITEM + 3:\r\n return state;\r\n\r\n\r\n // UPDATE_PLAYLIST_ITEM\r\n case NOTIFIERS.UPDATE_PLAYLIST_ITEM + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_PLAYLIST_ITEM + 2:\r\n let newItems = state.currentPlaylist.map(item => {\r\n if (item.id === action.payload.items.id) {\r\n item.name = action.payload.items.name;\r\n item.url = action.payload.items.url;\r\n item.display_order = action.payload.items.display_order;\r\n }\r\n return item;\r\n });\r\n return {...state, currentPlaylist: [...newItems], currentState: STATES.LIST};\r\n case NOTIFIERS.UPDATE_PLAYLIST_ITEM + 3:\r\n return state;\r\n\r\n\r\n // GET_PLAYLIST_CATEGORY\r\n case NOTIFIERS.GET_PLAYLIST_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.GET_PLAYLIST_CATEGORY + 2: {\r\n if (action.payload.parentId == -1) { // root category\r\n return {...state, categories: action.payload.items, currentCategoryId: -1, playlist: []}\r\n } else { // child category\r\n for (var i = 0; i < state.categories.length; i++) {\r\n if (state.categories[i]['id'] == action.payload.parentId) {\r\n state.categories[i]['categories'] = action.payload['items'];\r\n if (action.setCurrent) {\r\n state.currentCategoryId = action.payload.parentId;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n return {...state};\r\n }\r\n ;\r\n case NOTIFIERS.GET_PLAYLIST_CATEGORY + 3:\r\n return state;\r\n\r\n //ADD_PLAYLIST_CATEGORY\r\n case NOTIFIERS.ADD_PLAYLIST_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.ADD_PLAYLIST_CATEGORY + 2: {\r\n if (action.payload.parentId == -1) { // root category\r\n return {...state, categories: [...state.categories, action.payload.items]}\r\n } else { // child category\r\n for (var i = 0; i < state.categories.length; i++) {\r\n if (state.categories[i]['id'] == action.payload.parentId) {\r\n state.categories[i]['categories'].push(action.payload['items'])\r\n break;\r\n }\r\n }\r\n }\r\n return {...state};\r\n }\r\n ;\r\n case NOTIFIERS.ADD_PLAYLIST_CATEGORY + 3:\r\n return state;\r\n\r\n //DELETE_PLAYLIST_CATEGORY\r\n case NOTIFIERS.DELETE_PLAYLIST_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_PLAYLIST_CATEGORY + 2:\r\n let categories = state.categories;\r\n if (action.payload.items['parent_id'] == -1) // top category\r\n {\r\n categories = state.categories.filter((item) => {\r\n return item.id !== action.payload.items.id;\r\n });\r\n } else {\r\n let subcat = null;\r\n for (var i = 0; i < categories.length; i++) {\r\n if (categories[i]['id'] == action.payload.items['parent_id']) {\r\n subcat = categories[i]['categories'];\r\n let newSubCategories = subcat.filter((item) => {\r\n return item.id !== action.payload.items.id;\r\n });\r\n categories[i]['categories'] = newSubCategories;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return {...state, categories: categories};\r\n case NOTIFIERS.DELETE_PLAYLIST_CATEGORY + 3:\r\n return state;\r\n\r\n // UPDATE_PLAYLIST_CATEGORY\r\n case NOTIFIERS.UPDATE_PLAYLIST_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_PLAYLIST_CATEGORY + 2:\r\n if (action.payload.items['parent_id'] == -1) // top category\r\n {\r\n for (var i = 0; i < state.categories.length; i++) {\r\n if (state.categories[i]['id'] == action.payload.items['id']) {\r\n state.categories[i]['name'] = action.payload.items['name'];\r\n break;\r\n }\r\n }\r\n } else {\r\n for (var i = 0; i < state.categories.length; i++) {\r\n if (state.categories[i]['id'] == action.payload.items['parent_id']) {\r\n for (var j = 0; j < state.categories[i]['categories'].length; j++) {\r\n if (state.categories[i]['categories'][j]['id'] == action.payload.items['id']) {\r\n state.categories[i]['categories'][j]['name'] = action.payload.items['name'];\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return {...state};\r\n case NOTIFIERS.UPDATE_PLAYLIST_CATEGORY + 3:\r\n return state;\r\n }\r\n return state;\r\n};\r\n\r\n\r\nexport default playlistReducer;\r\n\r\n\r\n","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n currentCategoryId: -1,\r\n categories: [],\r\n currentGallery: [],\r\n editData: null\r\n};\r\n\r\nconst photoGalleryReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_PAGES_STATE\r\n case NOTIFIERS.RESET_PHOTO_STATE:\r\n return {\r\n ...state,\r\n currentState: STATES.LIST,\r\n currentGallery: [],\r\n editData: null,\r\n currentCategoryId: -1,\r\n loading: false,\r\n error: null\r\n };\r\n\r\n // SET_GALLERY_EDIT_STATE\r\n case NOTIFIERS.SET_GALLERY_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editData = null;\r\n }\r\n return {...state};\r\n\r\n // ADD_GALLERY_IMAGE\r\n case NOTIFIERS.ADD_GALLERY_IMAGE + 1:\r\n return state;\r\n case NOTIFIERS.ADD_GALLERY_IMAGE + 2:\r\n return {\r\n ...state,\r\n currentGallery: [...state.currentGallery, action.payload.items],\r\n currentState: STATES.LIST,\r\n editData: null\r\n };\r\n case NOTIFIERS.ADD_GALLERY_IMAGE + 3:\r\n return state;\r\n\r\n // GET_PHOTO_CATEGORIES\r\n case NOTIFIERS.GET_PHOTO_CATEGORIES + 1:\r\n return state;\r\n case NOTIFIERS.GET_PHOTO_CATEGORIES + 2:\r\n return {\r\n ...state,\r\n categories: action.payload.items,\r\n currentGallery: [],\r\n currentCategoryId: -1,\r\n editData: null\r\n };\r\n case NOTIFIERS.GET_PHOTO_CATEGORIES + 3:\r\n return state;\r\n\r\n // GET_PHOTO_GALLERY\r\n case NOTIFIERS.GET_PHOTO_GALLERY + 1:\r\n return state;\r\n case NOTIFIERS.GET_PHOTO_GALLERY + 2:\r\n return {\r\n ...state,\r\n currentGallery: action.payload.items,\r\n currentCategoryId: action.payload.galleryId\r\n };\r\n case NOTIFIERS.GET_PHOTO_GALLERY + 3:\r\n return state;\r\n\r\n // DELETE_GALLERY_IMAGE\r\n case NOTIFIERS.DELETE_GALLERY_IMAGE + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_GALLERY_IMAGE + 2:\r\n let gallery = state.currentGallery.filter((item) => {\r\n return item.id !== action.payload.items.id;\r\n });\r\n return {...state, currentGallery: gallery};\r\n case NOTIFIERS.DELETE_GALLERY_IMAGE + 3:\r\n return state;\r\n\r\n // ADD_PHOTO_CATEGORY\r\n case NOTIFIERS.ADD_PHOTO_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.ADD_PHOTO_CATEGORY + 2:\r\n state.categories = [...state.categories, action.payload.items];\r\n return {...state};\r\n case NOTIFIERS.ADD_PHOTO_CATEGORY + 3:\r\n return state;\r\n\r\n\r\n // DELETE_PHOTO_CATEGORY\r\n case NOTIFIERS.DELETE_PHOTO_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_PHOTO_CATEGORY + 2:\r\n let newCategories = state.categories.filter((item) => {\r\n return item.id !== action.payload.items.id;\r\n });\r\n return {...state, categories: newCategories};\r\n case NOTIFIERS.DELETE_PHOTO_CATEGORY + 3:\r\n return state;\r\n\r\n // UPDATE_PHOTO_CATEGORY\r\n case NOTIFIERS.UPDATE_PHOTO_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_PHOTO_CATEGORY + 2:\r\n let newItems = state.categories.map(item => {\r\n if (item.id === action.payload.items.id) {\r\n item.name = action.payload.items.name;\r\n }\r\n return item;\r\n });\r\n return {...state, categories: [...newItems]};\r\n case NOTIFIERS.UPDATE_PHOTO_CATEGORY + 3:\r\n return state;\r\n\r\n case NOTIFIERS.SET_GALLERY_IMAGE_UPLOAD:\r\n return {\r\n ...state,\r\n editData: {\r\n ...state.editData,\r\n image: action.payload.item.fileUrl,\r\n fileName: action.payload.item.fileName\r\n }\r\n };\r\n }\r\n return state;\r\n};\r\n\r\n\r\nexport default photoGalleryReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n editData: null,\r\n data: []\r\n};\r\n\r\nconst rockLegendsReducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_ROCKLEGEND_STATE\r\n case NOTIFIERS.RESET_ROCKLEGEND_STATE:\r\n return {...state, editData: null, currentState: STATES.LIST, loading: false, error: null};\r\n\r\n // GET_ROCKLEGENDS\r\n case NOTIFIERS.GET_ROCKLEGENDS + 1:\r\n return state;\r\n case NOTIFIERS.GET_ROCKLEGENDS + 2:\r\n return {...state, data: action.payload};\r\n case NOTIFIERS.GET_ROCKLEGENDS + 3:\r\n return state;\r\n\r\n // ADD_ROCKLEGEND\r\n case NOTIFIERS.ADD_ROCKLEGEND + 1:\r\n return state;\r\n case NOTIFIERS.ADD_ROCKLEGEND + 2:\r\n state.data = [...state.data, action.payload.item];\r\n state.currentState = STATES.LIST;\r\n state.editData = null;\r\n return {...state};\r\n case NOTIFIERS.ADD_ROCKLEGEND + 3:\r\n return state;\r\n\r\n // DELETE_ROCKLEGEND\r\n case NOTIFIERS.DELETE_ROCKLEGEND + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_ROCKLEGEND + 2:\r\n let data = state.data.filter((item) => {\r\n return item.id !== action.payload.item.id;\r\n });\r\n return {...state, data: data};\r\n case NOTIFIERS.DELETE_ROCKLEGEND + 3:\r\n return state;\r\n\r\n // UPDATE_ROCKLEGEND\r\n case NOTIFIERS.UPDATE_ROCKLEGEND + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_ROCKLEGEND + 2:\r\n let newData = state.data.map(item => {\r\n if (item.id === action.payload.item.id) {\r\n item = {...item, ...action.payload.item};\r\n }\r\n return item;\r\n });\r\n state.currentState = STATES.LIST;\r\n state.editData = null;\r\n return {...state, data: [...newData]};\r\n case NOTIFIERS.UPDATE_ROCKLEGEND + 3:\r\n return state;\r\n\r\n // GET_ROCKLEGEND\r\n case NOTIFIERS.GET_ROCKLEGEND + 1:\r\n return state;\r\n case NOTIFIERS.GET_ROCKLEGEND + 2:\r\n let newState = {...state, editData: action.payload};\r\n if (action.editMode) {\r\n newState.currentState = STATES.EDIT;\r\n }\r\n return newState;\r\n case NOTIFIERS.GET_ROCKLEGEND + 3:\r\n return state;\r\n\r\n // SET_ROCKLEGEND_IMAGE_UPLOAD\r\n case NOTIFIERS.SET_ROCKLEGEND_IMAGE_UPLOAD:\r\n return {\r\n ...state,\r\n editData: {\r\n ...state.editData,\r\n image: action.payload.item.fileUrl,\r\n fileName: action.payload.item.fileName\r\n }\r\n };\r\n\r\n // SET_ROCKLEGEND_EDIT_STATE\r\n case NOTIFIERS.SET_ROCKLEGEND_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editData = null;\r\n }\r\n return {...state};\r\n }\r\n return state;\r\n}\r\n\r\nexport default rockLegendsReducer;","import {NOTIFIERS, STATES} from '../types';\r\n\r\nconst initState = {\r\n loading: false,\r\n error: null,\r\n currentState: STATES.LIST,\r\n currentCategoryId: -1,\r\n currentSubcategoryId: -1,\r\n categories: [],\r\n currentList: [],\r\n editData: null,\r\n};\r\n\r\nconst top20Reducer = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n //RESET_TOP20_STATE\r\n case NOTIFIERS.RESET_TOP20_STATE:\r\n return {\r\n ...state,\r\n currentState: STATES.LIST,\r\n currentList: [],\r\n currentCategoryId: -1,\r\n currentSubcategoryId: -1,\r\n loading: false,\r\n error: null\r\n };\r\n\r\n // SET_TOP20_EDIT_STATE\r\n case NOTIFIERS.SET_TOP20_EDIT_STATE:\r\n state.currentState = action.newState;\r\n if (action.newState === STATES.LIST) {\r\n state.editData = null;\r\n }\r\n return {...state};\r\n\r\n // GET_TOP20_CATEGORY\r\n case NOTIFIERS.GET_TOP20_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.GET_TOP20_CATEGORY + 2: {\r\n if (action.payload.parentId == -1) { // root category\r\n return {...state, categories: action.payload.items, currentCategoryId: -1, playlist: []}\r\n } else { // child category\r\n for (var i = 0; i < state.categories.length; i++) {\r\n if (state.categories[i]['id'] == action.payload.parentId) {\r\n state.categories[i]['categories'] = action.payload['items'];\r\n state.currentList = [];\r\n if (action.setCurrent) {\r\n state.currentCategoryId = action.payload.parentId;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n return {...state};\r\n }\r\n case NOTIFIERS.GET_TOP20_CATEGORY + 3:\r\n return state;\r\n\r\n\r\n //ADD_TOP20_CATEGORY\r\n case NOTIFIERS.ADD_TOP20_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.ADD_TOP20_CATEGORY + 2: {\r\n if (action.payload.parentId == -1) { // root category\r\n return {...state, categories: [...state.categories, action.payload.items]}\r\n }\r\n return {...state};\r\n }\r\n ;\r\n case NOTIFIERS.ADD_TOP20_CATEGORY + 3:\r\n return state;\r\n\r\n\r\n //DELETE_TOP20_CATEGORY\r\n case NOTIFIERS.DELETE_TOP20_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_TOP20_CATEGORY + 2:\r\n let categories = state.categories;\r\n categories = state.categories.filter((item) => {\r\n return item.id !== action.payload.items.id;\r\n });\r\n return {...state, categories: categories, currentCategoryId: -1};\r\n case NOTIFIERS.DELETE_TOP20_CATEGORY + 3:\r\n return state;\r\n\r\n\r\n // UPDATE_TOP20_CATEGORY\r\n case NOTIFIERS.UPDATE_TOP20_CATEGORY + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_TOP20_CATEGORY + 2:\r\n for (var i = 0; i < state.categories.length; i++) {\r\n if (state.categories[i]['id'] == action.payload.items['id']) {\r\n state.categories[i]['title'] = action.payload.items['title'];\r\n break;\r\n }\r\n }\r\n return {...state};\r\n case NOTIFIERS.UPDATE_TOP20_CATEGORY + 3:\r\n return state;\r\n\r\n // GET_TOP20_ITEMS\r\n case NOTIFIERS.GET_TOP20_ITEMS + 1:\r\n return state;\r\n case NOTIFIERS.GET_TOP20_ITEMS + 2:\r\n return {...state, currentList: action.payload.items, currentSubcategoryId: action.payload.parentId};\r\n case NOTIFIERS.GET_TOP20_ITEMS + 3:\r\n return state;\r\n\r\n // GET_TOP20_ITEM\r\n case NOTIFIERS.GET_TOP20_ITEM + 1:\r\n return state;\r\n case NOTIFIERS.GET_TOP20_ITEM + 2:\r\n return {\r\n ...state,\r\n editData: action.payload.items,\r\n currentState: STATES.EDIT\r\n };\r\n case NOTIFIERS.GET_TOP20_ITEM + 3:\r\n return state;\r\n\r\n // SET_TOP20_IMAGE_UPLOAD\r\n case NOTIFIERS.SET_TOP20_IMAGE_UPLOAD:\r\n return {\r\n ...state,\r\n editData: {\r\n ...state.editData,\r\n image: action.payload.item.fileUrl,\r\n fileName: action.payload.item.fileName\r\n }\r\n };\r\n\r\n // UPDATE_TOP20_ITEM\r\n case NOTIFIERS.UPDATE_TOP20_ITEM + 1:\r\n return state;\r\n case NOTIFIERS.UPDATE_TOP20_ITEM + 2:\r\n let newItems = state.currentList.map(item => {\r\n if (item.id === action.payload.items.id) {\r\n item.artist = action.payload.items.artist;\r\n item.url = action.payload.items.url;\r\n item.song = action.payload.items.song;\r\n }\r\n return item;\r\n });\r\n return {...state, currentList: [...newItems], currentState: STATES.LIST};\r\n case NOTIFIERS.UPDATE_TOP20_ITEM + 3:\r\n return state;\r\n\r\n // DELETE_TOP20_ITEM\r\n case NOTIFIERS.DELETE_TOP20_ITEM + 1:\r\n return state;\r\n case NOTIFIERS.DELETE_TOP20_ITEM + 2:\r\n let items = state.currentList.filter((item) => {\r\n return item.id !== action.payload.items.id;\r\n });\r\n return {...state, currentList: items};\r\n case NOTIFIERS.DELETE_TOP20_ITEM + 3:\r\n return state;\r\n\r\n\r\n //ADD_TOP20_ITEM\r\n case NOTIFIERS.ADD_TOP20_ITEM + 1:\r\n return state;\r\n case NOTIFIERS.ADD_TOP20_ITEM + 2:\r\n return {\r\n ...state,\r\n currentList: [...state.currentList, action.payload.items],\r\n currentState: STATES.LIST\r\n };\r\n case NOTIFIERS.ADD_TOP20_ITEM + 3:\r\n return state;\r\n\r\n }\r\n return state;\r\n};\r\n\r\n\r\nexport default top20Reducer;","import {combineReducers} from 'redux';\r\n\r\nimport authReducer from './authReducer';\r\nimport pagesReducer from './pagesReducer';\r\nimport headlinesReducer from './headlinesReducer';\r\nimport snackBarReducer from './snackBarReducer';\r\nimport historyReducer from './historyReducer';\r\nimport rockInfoReducer from './rockInfoReducer';\r\nimport newsReducer from './newsReducer';\r\nimport timReducer from './timReducer';\r\nimport bannerReducer from './bannerReducer';\r\nimport albumsReducer from './albumsReducer';\r\nimport playlistsReducer from './playlistsReducer';\r\nimport photoGalleryReducer from './photoGalleryReducer';\r\nimport rockLegendsReducer from './rockLegendsReducer';\r\nimport top20Reducer from './top20Reducer'\r\n\r\nconst rootReducer = combineReducers({\r\n userState: authReducer,\r\n pages: pagesReducer,\r\n headlines: headlinesReducer,\r\n histories: historyReducer,\r\n notifications: snackBarReducer,\r\n news: newsReducer,\r\n rockInfo: rockInfoReducer,\r\n todayInMusic: timReducer,\r\n banners: bannerReducer,\r\n albums: albumsReducer,\r\n playlists: playlistsReducer,\r\n galleries: photoGalleryReducer,\r\n rockLegends: rockLegendsReducer,\r\n top20: top20Reducer\r\n});\r\n\r\nexport default rootReducer;\r\n","import {applyMiddleware, createStore} from 'redux';\r\nimport thunk from 'redux-thunk';\r\nimport rootReducer from './reducers/rootReducer';\r\nimport {NOTIFIERS} from './types';\r\nimport setAuthorizationToken from \"../util/auth\";\r\nimport jwt from 'jsonwebtoken';\r\n\r\nconst store = createStore(rootReducer, applyMiddleware(thunk));\r\n\r\nif (localStorage.kptv) {\r\n setAuthorizationToken(localStorage.kptv);\r\n try {\r\n let decodedToken = jwt.decode(localStorage.kptv);\r\n if (decodedToken === null) {\r\n localStorage.removeItem('kptv');\r\n } else {\r\n store.dispatch({type: NOTIFIERS.LOGIN + 2, payload: {user: decodedToken}});\r\n }\r\n } catch (ex) {\r\n localStorage.removeItem('kptv');\r\n console.log(\"invalid authentication\");\r\n }\r\n}\r\n\r\nexport default store;","import axios from 'axios';\r\nimport {rootReducer} from '../store/reducers/rootReducer';\r\nimport store from '../store/store';\r\nimport {enqueueSnackbar} from '../store/actions/snackBarActions';\r\n\r\nexport default function setAuthorizationToken(token) {\r\n if (token) {\r\n axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;\r\n axios.interceptors.response.use(function (response) {\r\n return response;\r\n }, function (error) {\r\n if (error.response.status == 401) {\r\n store.dispatch(enqueueSnackbar({\r\n message: 'Unauthorized: Reason - session expired please Login again.',\r\n options: {variant: 'error'}\r\n }));\r\n }\r\n return Promise.reject(error);\r\n });\r\n } else {\r\n delete axios.defaults.headers.common['Authorization'];\r\n }\r\n}","import axios from 'axios';\r\nimport {NOTIFIERS} from '../types';\r\nimport {BackendSettings} from '../../config/config';\r\nimport setAuthorizationToken from \"../../util/auth\";\r\nimport {enqueueSnackbar} from './snackBarActions';\r\nimport jwt from \"jsonwebtoken\";\r\n\r\nexport const login_a = ({userName, password}) => {\r\n\r\n return (dispatch, getState) => {\r\n console.log(\"::login_a called\");\r\n dispatch({type: NOTIFIERS.LOGIN + 1});\r\n\r\n return axios.post(BackendSettings.baseUrl + \"login\", {username: userName, password: password})\r\n .then((response) => {\r\n if (response.data.status === 1) {\r\n localStorage.setItem(\"kptv\", response.data.token);\r\n setAuthorizationToken(response.data.token);\r\n const tokenDecoded = jwt.decode(response.data.token);\r\n dispatch({type: NOTIFIERS.LOGIN + 2, payload: {user: tokenDecoded}});\r\n } else {\r\n dispatch(enqueueSnackbar({\r\n message: response.data.message,\r\n options: {variant: 'success', autoHideDuration: 2000}\r\n }));\r\n }\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: NOTIFIERS.LOGIN + 3,\r\n payload: err.message\r\n });\r\n\r\n console.log(\"current state \", getState());\r\n });\r\n }\r\n}\r\n\r\n\r\nexport const logout_a = () => {\r\n return (dispatch, getState) => {\r\n localStorage.removeItem('kptv');\r\n setAuthorizationToken(false);\r\n dispatch({type: NOTIFIERS.LOGOUT});\r\n }\r\n}\r\n","import React, {Component} from 'react';\r\nimport {Link, Route, Switch} from 'react-router-dom';\r\nimport {connect} from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {Button, Drawer} from '@material-ui/core';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport List from '@material-ui/core/List';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Divider from '@material-ui/core/Divider';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport MenuIcon from '@material-ui/icons/Menu';\r\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport Icon from '@material-ui/core/Icon';\r\nimport Pages from '../pages/pages';\r\nimport Headlines from '../headlines/headlines';\r\nimport History from '../history/history';\r\nimport RockInfo from '../rockInfo/rockInfo';\r\nimport News from '../news/news';\r\nimport TodayInMusic from '../todayinmusic/todayInMusic';\r\nimport Banners from '../banners/banners';\r\nimport Albums from '../albums/albums';\r\nimport Playlist from '../playlist/playlist';\r\nimport PhotoGallery from '../photoGallery/photoGallery';\r\nimport RockLegends from '../rockLegends/rockLegends';\r\nimport Top20 from '../top20/top20';\r\nimport {logout_a} from '../../store/actions/authActions';\r\n\r\nconst drawerWidth = 200;\r\n\r\nconst styles = theme => ({\r\n root: {\r\n display: 'flex',\r\n \"& a\": {\r\n textDecoration: \"none\"\r\n },\r\n \"& a span\": {\r\n color: \"#FFF\"\r\n\r\n }\r\n\r\n },\r\n appBar: {\r\n background: 'linear-gradient(150deg, #fede00 10%, #000 20%)',\r\n color: \"#000\",\r\n zIndex: theme.zIndex.drawer + 1,\r\n transition: theme.transitions.create(['width', 'margin'], {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.leavingScreen,\r\n }),\r\n },\r\n appBarShift: {\r\n marginLeft: drawerWidth,\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n transition: theme.transitions.create(['width', 'margin'], {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.enteringScreen,\r\n }),\r\n },\r\n menuButton: {\r\n marginLeft: 6,\r\n marginRight: 36,\r\n },\r\n hide: {\r\n display: 'none',\r\n },\r\n drawer: {\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n whiteSpace: 'nowrap',\r\n },\r\n drawerOpen: {\r\n width: drawerWidth,\r\n transition: theme.transitions.create('width', {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.enteringScreen,\r\n }),\r\n },\r\n drawerClose: {\r\n transition: theme.transitions.create('width', {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.leavingScreen,\r\n }),\r\n overflowX: 'hidden',\r\n width: theme.spacing.unit * 7 + 1,\r\n [theme.breakpoints.up('sm')]: {\r\n width: theme.spacing.unit * 7 + 1,\r\n },\r\n },\r\n toolbar: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-end',\r\n padding: '0 8px',\r\n ...theme.mixins.toolbar,\r\n },\r\n content: {\r\n flexGrow: 1,\r\n padding: theme.spacing.unit * 3,\r\n },\r\n title: {\r\n flexGrow: 1,\r\n textAlign: \"left\",\r\n paddingLeft: 26,\r\n textShadow: '0 13.36px 8.896px transparent, 0 2px 5px #fff',\r\n },\r\n\r\n logoutButton: {\r\n marginRight: 20,\r\n background: 'linear-gradient(180deg, #000 90%, #333 90%)',\r\n borderRadius: 3,\r\n color: 'white',\r\n padding: '5px 20px',\r\n }\r\n});\r\n\r\nclass AppLayout extends Component {\r\n state = {\r\n leftDrawerOpen: false,\r\n };\r\n\r\n toggleLeftDrawer = () => {\r\n this.setState({...this.state, leftDrawerOpen: !this.state.leftDrawerOpen});\r\n };\r\n\r\n componentWillMount() {\r\n if (this.props.userState.authenticated === false) {\r\n this.props.history.push(\"/\");\r\n }\r\n };\r\n\r\n onLogout = () => {\r\n this.props.logout();\r\n //this.props.history.entries = [];\r\n //this.props.history.index = -1;\r\n this.props.history.push(\"/\");\r\n }\r\n\r\n render() {\r\n const {classes} = this.props;\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n new Promise((resolve, reject) => {\r\n this.onAddCategory({...newData, parentId: -1});\r\n resolve();\r\n }),\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n this.onDeleteCategory(oldData);\r\n resolve();\r\n }),\r\n onRowUpdate: (newData, oldData) => new Promise((resolve, reject) => {\r\n this.onEditCategory(newData, oldData);\r\n resolve();\r\n }),\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n return ({rowData.artist}
{rowData.song})\r\n },\r\n },\r\n ]}\r\n actions={[{\r\n disabled: false,\r\n icon: \"add\",\r\n isFreeAction: true,\r\n onClick: this.onAddTop20Item\r\n }]}\r\n options={{\r\n paging: false,\r\n search: false,\r\n rowStyle: {height: 50}\r\n }}\r\n onRowClick={this.onTopItemClick}\r\n editable={{\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n this.onDeleteTop20Item(oldData);\r\n resolve();\r\n }),\r\n }}\r\n detailPanel={rowData => {\r\n return (\r\n
\r\n {rowData.song})\r\n },\r\n },\r\n ]}\r\n actions={[{\r\n disabled: false,\r\n icon: \"add\",\r\n isFreeAction: true,\r\n onClick: this.onAddTop20Item\r\n }]}\r\n options={{\r\n paging: false,\r\n search: false,\r\n rowStyle: {height: 50}\r\n }}\r\n onRowClick={this.onTopItemClick}\r\n editable={{\r\n onRowDelete: oldData => new Promise((resolve, reject) => {\r\n this.onDeleteTop20Item(oldData);\r\n resolve();\r\n }),\r\n }}\r\n detailPanel={rowData => {\r\n return (\r\n
\r\n \r\n \r\n \r\n KPTV \r\n \r\n \r\n \r\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 mapDispatchToProps = (dispatch) => {\r\n return {\r\n login: (credentials) => dispatch(login_a(credentials))\r\n }\r\n}\r\n\r\nfunction mapStateToProps({userState}) {\r\n return {userState};\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles/*, { withTheme: true }*/)(LoginLayout));\r\n ","/* eslint-disable react/prop-types */\r\n/* eslint-disable import/no-unresolved */\r\nimport React, {Component} from 'react';\r\nimport {bindActionCreators} from 'redux';\r\nimport {connect} from 'react-redux';\r\nimport {withSnackbar} from 'notistack';\r\nimport {removeSnackbar} from '../../store/actions/snackBarActions';\r\n\r\nclass Notifier extends Component {\r\n displayed = [];\r\n\r\n storeDisplayed = (id) => {\r\n this.displayed = [...this.displayed, id];\r\n };\r\n\r\n shouldComponentUpdate({notifications: newSnacks = []}) {\r\n const {notifications: currentSnacks} = this.props;\r\n\r\n let notExists = false;\r\n for (let i = 0; i < newSnacks.length; i += 1) {\r\n if (notExists) continue;\r\n notExists = notExists || !currentSnacks.filter(({key}) => newSnacks[i].key === key).length;\r\n }\r\n return notExists;\r\n }\r\n\r\n componentDidUpdate() {\r\n const {notifications = []} = this.props;\r\n\r\n notifications.forEach((notification) => {\r\n // Do nothing if snackbar is already displayed\r\n if (this.displayed.includes(notification.key)) return;\r\n // Display snackbar using notistack\r\n this.props.enqueueSnackbar(notification.message, notification.options);\r\n // Keep track of snackbars that we've displayed\r\n this.storeDisplayed(notification.key);\r\n // Dispatch action to remove snackbar from redux store\r\n this.props.removeSnackbar(notification.key);\r\n });\r\n }\r\n\r\n render() {\r\n return null;\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n notifications: store.notifications.notifications,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => bindActionCreators({removeSnackbar}, dispatch);\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps,\r\n)(withSnackbar(Notifier));\r\n","const darkCustom = {\r\n color: {\r\n primary: 'white'\r\n },\r\n palette: {\r\n type: 'dark',\r\n },\r\n overrides: {\r\n MuiButton: {\r\n textPrimary: {\r\n color: '#FFFFFF',\r\n }\r\n }\r\n },\r\n};\r\n\r\nexport default darkCustom;","import React, {Component} from 'react';\r\nimport {connect} from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default function (ComposedComponent) {\r\n\r\n class Authentication extends Component {\r\n static contextTypes = {\r\n router: PropTypes.object\r\n };\r\n\r\n componentWillMount() {\r\n if (!this.props.userState.authenticated) {\r\n this.context.router.history.push(\"/\");\r\n }\r\n }\r\n\r\n componentWillUpdate(nextProps) {\r\n if (!this.props.userState.authenticated) {\r\n this.context.router.history.push(\"/\");\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.userState.authenticated) {\r\n return
Windows NT KPTV 6.2 build 9200 (Windows Server 2012 Datacenter Edition) i586
\r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n {/*
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\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 userState: state.userState\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n logout: () => dispatch(logout_a())\r\n }\r\n}\r\n\r\n\r\nexport default withStyles(styles, {withTheme: true})(connect(mapStateToProps, mapDispatchToProps)(AppLayout));\r\n\r\n","import React, {Component, Fragment} from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport {withStyles} from '@material-ui/core/styles';\r\nimport {connect} from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport {login_a} from '../../store/actions/authActions';\r\nimport setAuthorizationToken from \"../../util/auth\";\r\n\r\nconst styles = theme => ({\r\n\r\n content: {\r\n flexGrow: 1,\r\n padding: theme.spacing.unit,\r\n },\r\n\r\n root: {\r\n display: 'flex',\r\n }\r\n});\r\n\r\nclass LoginLayout extends Component {\r\n\r\n state = {\r\n userName: \"\",\r\n password: \"\"\r\n };\r\n\r\n static contextTypes = {\r\n router: PropTypes.object\r\n };\r\n\r\n onLogin = (event) => {\r\n this.props.login({\r\n userName: this.state.userName,\r\n password: this.state.password\r\n });\r\n };\r\n\r\n componentWillMount() {\r\n localStorage.removeItem('kptv');\r\n setAuthorizationToken(false);\r\n };\r\n\r\n componentWillUpdate(nextProps) {\r\n console.log(\"!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\", nextProps.userState);\r\n if (nextProps.userState.authenticated) {\r\n this.context.router.history.push(\"/app\");\r\n }\r\n };\r\n\r\n handlePasswordChange = (event) => {\r\n this.setState({password: event.target.value});\r\n };\r\n\r\n handleUserNameChange = (event) => {\r\n this.setState({userName: event.target.value});\r\n };\r\n\r\n render() {\r\n const {classes/*, theme */} = this.props;\r\n return (\r\n \n \n \n \n \n \n \n
\n );\n }\n}\n\nexport default connect(null, null)(withStyles(styles, {withTheme: true})(App));\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport {Provider} from 'react-redux';\nimport {SnackbarProvider} from 'notistack';\n\nimport store from './store/store';\n\n//ReactDOM.render(Windows NT KPTV 6.2 build 9200 (Windows Server 2012 Datacenter Edition) i586