\r\n \r\n {buttonBack && (\r\n \r\n \r\n )}\r\n {!disabledLanguages && (\r\n \r\n {languagesToUse &&\r\n languagesToUse.map((item, key) => {\r\n return (\r\n \r\n this.handleChangeLang(item.slug)}\r\n onCancel={() => this.setState({ dialog: null })}\r\n title=\"Change languaje\"\r\n isFetching={this.state.isFetchingForm}\r\n content={\r\n {\r\n if (item.slug !== this.state.slug) {\r\n this.setState({ dialog: item.slug })\r\n }\r\n }}\r\n className={this.state.slug === item.slug ? 'active' : ''}\r\n >\r\n {item.title}\r\n \r\n \r\n )\r\n })}\r\n \r\n )}\r\n \r\n \r\n \r\n {this.props.options && this.props.options.label && (\r\n {`${this.props.options.label} ${this.props.id ? 'edit' : 'create'}`} \r\n )}\r\n \r\n \r\n \r\n \r\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 enhance = compose(\r\n connect(\r\n (state) => ({}),\r\n (dispatch) => ({\r\n reset: () => dispatch(reset('record-form')),\r\n initialize: (data) => dispatch(initialize('record-form', data)),\r\n })\r\n ),\r\n withStyles(styles)\r\n)\r\n\r\nexport default enhance(LanguagesNav)\r\n","import React from 'react'\r\nimport Popover from '@material-ui/core/Popover'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport { withStyles } from '@material-ui/core/styles'\r\n\r\nconst styles = (theme) => ({\r\n popover: {\r\n pointerEvents: 'none',\r\n },\r\n paper: {\r\n padding: theme.spacing.unit,\r\n },\r\n})\r\n\r\nclass Popper extends React.Component {\r\n state = {\r\n anchorEl: null,\r\n }\r\n\r\n handlePopoverOpen = (event) => {\r\n this.setState({ anchorEl: event.currentTarget })\r\n }\r\n\r\n handlePopoverClose = () => {\r\n this.setState({ anchorEl: null })\r\n }\r\n\r\n render() {\r\n const { classes } = this.props\r\n const { anchorEl } = this.state\r\n const open = Boolean(anchorEl)\r\n\r\n return (\r\n \r\n
\r\n }\r\n />\r\n Si continuas los datos no guardados se perderán
\r\n¿Estás seguro?
\r\n\r\n \r\n {this.props.content} \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default withStyles(styles)(Popper)\r\n","import styled from 'styled-components'\r\n\r\nexport const SeparatorStyled = styled.div`\r\n flex-grow: 1;\r\n`\r\n","import Button from '@material-ui/core/Button'\r\nimport React from 'react'\r\nimport { CREATE, fetchEnd, fetchStart, SaveButton, showNotification, SimpleForm, Toolbar, UPDATE } from 'react-admin'\r\nimport { connect } from 'react-redux'\r\nimport compose from 'recompose/compose'\r\nimport { change, destroy, getFormValues, submit } from 'redux-form'\r\n\r\nimport dataProvider from '../../providers'\r\nimport { SeparatorStyled } from './style'\r\nimport { withStyles } from '@material-ui/core/styles'\r\n\r\nconst styles = (theme) => ({\r\n form: {\r\n '& > div:first-child': {\r\n padding: '0px',\r\n },\r\n '& > div': {\r\n minWidth: '100%',\r\n boxSizing: 'border-box',\r\n },\r\n },\r\n})\r\n\r\nconst DialogToolbar = ({ handleSubmitWithRedirect, redirect, submitOnEnter, onClose, ...rest }) => (\r\n \r\n {this.props.children}\r\n
\r\n \r\n {label && {label} }\r\n \r\n {valueVideo && !valueVideo.id && (\r\n \r\n )}\r\n \r\n
\r\n )\r\n return (\r\n \r\n {label && {label} }\r\n {this.state.status && this.state.status.state === 'Finished' && {this.state.isFetching && !this.state.status && \r\n )}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default withStyles(styles)(ViedeoField)\r\n","import styled from 'styled-components'\r\nimport { colors } from '../../../config/theme'\r\n\r\nexport const StateStyled = styled.div`\r\n position: absolute;\r\n height: 100%;\r\n width: 24px;\r\n top: 0px;\r\n left: 0px;\r\n ${({ status }) => {\r\n switch (status) {\r\n case 'FirstHalf':\r\n case 'HalfTime':\r\n case 'SecondHalf':\r\n case 'ExtraFirstHalf':\r\n case 'ExtraSecondHalf':\r\n case 'ExtraHalfTime':\r\n case 'ShootOut':\r\n return `boder: 1px ${colors.states.warning}; background: ${colors.states.warningLight};`\r\n case 'FullTime':\r\n return `boder: 1px ${colors.primary.main}; background: ${colors.primary.main};`\r\n case 'Abandoned':\r\n case 'Canceled':\r\n return `boder: 1px ${colors.states.error}; background: ${colors.states.errorLight};`\r\n case 'PreMatch':\r\n default:\r\n return `boder: 1px ${colors.grey[300]}; background: ${colors.grey[200]};`\r\n }\r\n }}\r\n`\r\n","import React from 'react'\r\nimport _ from 'lodash'\r\nimport { FunctionField } from 'react-admin'\r\nimport { StateStyled } from './style'\r\n\r\nconst MatchStatusField = ({ source, ...rest }) => {\r\n return (\r\n \r\n \r\n {this.state.fetching && (\r\n \r\n \r\n \r\n \r\n )}\r\n {!this.state.fetching && !myValue && (\r\n \r\n Drop File to upload, or click to select one\r\n Drop the file\r\n Wrong file\r\n \r\n )}\r\n {!this.state.fetching && myValue && (\r\n \r\n )}\r\n \r\n {myValue && (\r\n \r\n {myValue.fileDir}\r\n \r\n )}\r\n {cropperOptions && (\r\n \r\n this.setState(\r\n {\r\n image: null,\r\n fetching: false,\r\n modalFetching: false,\r\n },\r\n () => {\r\n onChange(null)\r\n }\r\n )\r\n }\r\n >\r\n \r\n this.setAsset(file)}\r\n onImageLoaded={(image) => this.handleImageLoaded(image)}\r\n type={this.state.type}\r\n />\r\n \r\n \r\n )}\r\n
\r\n {((meta.error && meta.touched) || this.state.error) && (\r\n {this.state.error}
\r\n {(this.state.isFetching || this.props.isFetching) &&
\r\n \r\n {parts.map((part, index) => {\r\n return part.highlight ? (\r\n \r\n {part.text}\r\n \r\n ) : (\r\n \r\n {part.text}\r\n \r\n )\r\n })}\r\n
\r\n \r\n )\r\n }\r\n\r\n handleBlur = () => {\r\n const { dirty, searchText, selectedItem } = this.state\r\n const { onBlur } = this.props.input ? this.props.input : this.props\r\n\r\n const { allowEmpty } = this.props\r\n if (dirty) {\r\n if (searchText === '' && allowEmpty) {\r\n onBlur && onBlur(null)\r\n } else {\r\n onBlur && onBlur(this.state.inputValue)\r\n this.setState({\r\n dirty: false,\r\n searchText: this.getSuggestionText(selectedItem),\r\n suggestions: this.props.limitChoicesToValue && selectedItem ? [selectedItem] : this.props.choices,\r\n })\r\n }\r\n } else {\r\n onBlur && onBlur(this.state.inputValue)\r\n }\r\n }\r\n\r\n handleFocus = () => {\r\n const { onFocus } = this.props.input ? this.props.input : this.props\r\n onFocus && onFocus()\r\n }\r\n\r\n updateFilter = (value) => {\r\n const { setFilter, choices } = this.props\r\n if (this.previousFilterValue !== value) {\r\n if (setFilter) {\r\n setFilter(value)\r\n } else {\r\n this.setState({\r\n suggestions: choices.filter((choice) => this.getSuggestionText(choice).toLowerCase().includes(value.toLowerCase())),\r\n })\r\n }\r\n }\r\n this.previousFilterValue = value\r\n }\r\n\r\n shouldRenderSuggestions = (value) => {\r\n return value.length >= 2 && (!this.state.selectedItem || (this.state.selectedItem && this.state.selectedItem.name !== value))\r\n }\r\n\r\n handleKeyUp = (event) => {\r\n const { onChange, allowAnyText } = this.props.input ? this.props.input : this.props\r\n const code = event.which\r\n const inputValue = event.target.value\r\n\r\n if (allowAnyText && inputValue.trim().length > 0) {\r\n if (code == 13) {\r\n event.preventDefault()\r\n this.setState(\r\n {\r\n dirty: false,\r\n inputValue,\r\n selectedItem: inputValue,\r\n searchText: inputValue,\r\n suggestions: [],\r\n },\r\n () => onChange && onChange(inputValue)\r\n )\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { alwaysRenderSuggestions, classes = {}, isRequired, label, meta, resource, source, className, options } = this.props\r\n const { suggestions, searchText } = this.state\r\n\r\n return (\r\n \r\n {\r\n onMonthSelect(month, e.target.value)\r\n }}\r\n >\r\n {moment.months().map((label, value) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {\r\n onYearSelect(month, e.target.value)\r\n }}\r\n >\r\n {arrayYears.map((value) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {\r\n onMonthSelect(month, e.target.value)\r\n }}\r\n >\r\n {moment.months().map((label, value) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {\r\n onYearSelect(month, e.target.value)\r\n }}\r\n >\r\n {arrayYears.map((value) => (\r\n \r\n ))}\r\n \r\n
\r\n {this.state.error}
\r\n \r\n \r\n
\r\n )\r\n }\r\n return null\r\n }\r\n\r\n render() {\r\n const { info } = this.props\r\n return (\r\n \r\n \r\n {this.props.children}\r\n \r\n {provided.placeholder}\r\n
\r\n )}\r\n \r\n {this.props.list.map((item, index) => {\r\n return (\r\n \r\n {(provided) => (\r\n \r\n )\r\n })}\r\n {provided.placeholder}\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {item.content}
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default LongMenu\r\n","import styled, { keyframes } from 'styled-components'\r\nimport { colors, size } from '../../../config/theme'\r\nimport { ImageField } from '../../../components/field'\r\nimport ListItemText from '@material-ui/core/ListItemText'\r\nimport ListItem from '@material-ui/core/ListItem'\r\n\r\nconst fetching = keyframes`\r\n from {\r\n opacity: .3;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n`\r\n\r\nexport const LabelStyled = styled.label`\r\n position: relative;\r\n padding-left: 6px;\r\n display: block;\r\n font-size: 12px;\r\n margin-bottom: 8px;\r\n color: ${colors.grey[700]};\r\n`\r\n\r\nexport const ModalStyled = styled.div`\r\n padding: 10px;\r\n background-color: ${colors.secondary.main};\r\n`\r\n\r\nexport const PluginContainerStyled = styled.div`\r\n padding: 13px;\r\n display: grid;\r\n grid-template-columns: 40% 1fr;\r\n grid-column-gap: 23px;\r\n`\r\n\r\nexport const ImageContainerStyled = styled.div`\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: ${colors.grey[300]};\r\n width: 100%;\r\n min-width: 200px;\r\n min-height: 200px;\r\n position: relative;\r\n & > img {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n object-fit: contain;\r\n }\r\n`\r\n\r\nexport const OptionsBarStyled = styled.div`\r\n display: flex;\r\n align-items: center;\r\n`\r\n\r\nexport const ContentListStyled = styled.div`\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n grid-column-gap: 20px;\r\n grid-row-gap: 20px;\r\n padding: 15px;\r\n background-color: ${colors.common.white};\r\n min-height: 388px;\r\n overflow-y: auto;\r\n & div[class^='MuiCardContent'] {\r\n max-width: 100%;\r\n }\r\n`\r\n\r\nexport const ContentStyled = styled.div``\r\n\r\nexport const ItemListStyled = styled.div`\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n box-sizing: border-box;\r\n animation: ${fetching} 1s;\r\n ${(props) => (props.mode === 'selection' ? `opacity: ${props.selected ? `1` : `.5`}` : ``)}\r\n & img {\r\n width: 100%;\r\n box-sizing: border-box;\r\n height: 115px;\r\n object-fit: cover;\r\n transition: border 0.2s;\r\n }\r\n & span {\r\n font-size: 13px;\r\n line-height: 18px;\r\n display: inline-block;\r\n min-height: 25px;\r\n padding-top: 7px;\r\n word-break: break-all;\r\n }\r\n &:hover {\r\n }\r\n`\r\n\r\nexport const ImgItemListStyled = styled.div`\r\n position: relative;\r\n line-height: 0px;\r\n height: 115px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n &:before {\r\n content: '';\r\n position: absolute;\r\n top: 0px;\r\n left: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n transition: all 0.2;\r\n border: solid 4px ${(props) => (props.selected ? colors.secondary.dark : 'transparent')};\r\n z-index: 1;\r\n }\r\n & > * {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n`\r\n\r\nexport const ItemListFetchingStyled = styled.div`\r\n background-color: ${colors.grey[300]};\r\n height: 133px;\r\n animation: ${fetching} 1s infinite;\r\n & span {\r\n font-weight: bold;\r\n }\r\n animation-direction: alternate;\r\n`\r\n\r\nexport const FooterStyled = styled.div`\r\n padding-top: 15px;\r\n padding-bottom: 5px;\r\n padding-left: 5px;\r\n padding-right: 38px;\r\n display: flex;\r\n`\r\n\r\nexport const GrowStyled = styled.div`\r\n flex-grow: 1;\r\n`\r\n\r\nexport const InputStyled = styled.div`\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n height: 35px;\r\n max-width: 200px;\r\n width: 100%;\r\n & input {\r\n width: 100%;\r\n box-sizing: border-box;\r\n font-size: 13px;\r\n outline: none;\r\n border-image-outset: none;\r\n border: none;\r\n background-image: none;\r\n background-color: transparent;\r\n -webkit-box-shadow: none;\r\n -moz-box-shadow: none;\r\n box-shadow: none;\r\n padding: 9px 16px;\r\n padding-right: 30px;\r\n height: 35px;\r\n background-image: none;\r\n background-color: ${colors.common.white};\r\n border: solid 1px ${colors.grey[300]};\r\n border-radius: 0px;\r\n box-shadow: none;\r\n }\r\n & svg {\r\n position: absolute;\r\n top: 50%;\r\n right: 5px;\r\n transform: translateY(-50%);\r\n fill: ${colors.grey[300]};\r\n }\r\n`\r\n\r\nexport const FilterBarContainerStyled = styled.div`\r\n background-color: ${colors.common.white};\r\n display: inline-block;\r\n width: 100%;\r\n`\r\n\r\nexport const FilterBarStyled = styled.div`\r\n background-color: ${colors.common.white};\r\n padding: 10px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n`\r\n\r\nexport const FiltersStyled = styled.div`\r\n padding: 10px;\r\n border: solid 1px ${colors.primary.main};\r\n margin: 10px;\r\n margin-top: -9px;\r\n`\r\n\r\nexport const FilterOptionsBarStyled = styled.div`\r\n display: flex;\r\n align-items: center;\r\n margin-right: 10px;\r\n align-self: flex-end;\r\n`\r\n\r\nexport const PlaceholderImgStyled = styled.div`\r\n width: 100%;\r\n height: 115px;\r\n background-color: ${colors.grey[300]};\r\n`\r\nexport const ImageFieldStyled = styled(ImageField)`\r\n width: 100%;\r\n`\r\nexport const PreviewContainer = styled.div`\r\n width: 100%;\r\n`\r\n\r\nexport const TableContainerStyled = styled.div`\r\n width: 100%;\r\n padding: 0px 10px;\r\n box-sizing: border-box;\r\n & * {\r\n box-sizing: border-box;\r\n }\r\n & td:first-child {\r\n padding: 0px;\r\n padding-right: 10px;\r\n }\r\n`\r\n\r\nexport const TableRowStyled = styled.div`\r\n color: inherit;\r\n height: 48px;\r\n display: table-row;\r\n outline: none;\r\n position: relative;\r\n vertical-align: middle;\r\n`\r\n\r\nexport const ListItemContainerStyled = styled.div`\r\n background-color: ${colors.common.white};\r\n`\r\n\r\nexport const ListItemTextStyled = styled(ListItemText)`\r\n word-break: break-all;\r\n`\r\n\r\nexport const ListItemStyled = styled(ListItem)`\r\n @media (max-width: ${size.lg}) {\r\n flex-wrap: wrap;\r\n }\r\n`\r\nexport const SmallItemListStyled = styled.div`\r\n display: flex;\r\n width: 100%;\r\n`\r\n\r\nexport const SmallItemListOptionsStyled = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n`\r\n","import ListItemAvatar from '@material-ui/core/ListItemAvatar'\r\nimport ListItemIcon from '@material-ui/core/ListItemIcon'\r\nimport DragHandleIcon from '@material-ui/icons/DragHandle'\r\nimport Switch from '@material-ui/core/Switch'\r\nimport MenuListItem from './menuListItem'\r\nimport React, { Component } from 'react'\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel'\r\nimport { ListItemTextStyled, ListItemStyled } from './style'\r\nimport { Responsive } from 'react-admin'\r\n\r\nimport { ImgItemListStyled, ItemListFetchingStyled, ItemListStyled, SmallItemListStyled, SmallItemListOptionsStyled } from './style'\r\n\r\nclass RenderCheckbox extends Component {\r\n render() {\r\n const { checkOptions, checked, handleChangeCheckbox, index, sm } = this.props\r\n if (checkOptions && checkOptions.checkboxActions && handleChangeCheckbox) {\r\n return (\r\n \r\n {file.length > 1 && (\r\n this.props.onClose()}\r\n record={{ asset: file }}\r\n form={FORM}\r\n onClickSave={(data) => this.saveImages(this.state.files, data)}\r\n >\r\n \r\n \r\n \r\n {_.map(file, (myfile) => {\r\n return (\r\n \r\n \r\n \r\n \r\n )}\r\n {file.length === 1 && (\r\n this.props.onClose()}\r\n form={FORM}\r\n onSubmit={(data) => this.handleSubmit(data)}\r\n >\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ImagesFormModal\r\n","import styled, { keyframes } from 'styled-components'\r\nimport { colors } from '../../../../config/theme'\r\n\r\nconst appear = keyframes`\r\n from {\r\n opacity: .3;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n`\r\n\r\nconst container = `\r\n position: absolute;\r\n top: 0px;\r\n left: 0px;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 100;\r\n animation: ${appear} .3s;\r\n`\r\n\r\nexport const DropzoneStyled = styled.div`\r\n ${container}\r\n pointer-events: none;\r\n background-color: ${colors.grey[300]};\r\n border: solid 2px transparent;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n border: dashed 2px ${colors.grey[400]};\r\n`\r\n\r\nexport const FormStyled = styled.div`\r\n background-color: ${colors.common.white};\r\n animation: ${appear} 0.3s;\r\n`\r\n\r\nexport const SeparatorStyled = styled.div`\r\n flex-grow: 1;\r\n`\r\n","import CircularProgress from '@material-ui/core/CircularProgress'\r\nimport { withStyles } from '@material-ui/core/styles'\r\nimport CloudUpload from '@material-ui/icons/CloudUpload'\r\nimport React from 'react'\r\nimport Dropzone from 'react-dropzone'\r\nimport _ from 'lodash'\r\n\r\nimport { getResource } from '../../../../config/resources'\r\nimport dataProvider from '../../../../providers'\r\nimport { CREATE_IMAGE } from '../../../../providers/dataProvider/types'\r\nimport ImageForm from './imageForm'\r\nimport { DropzoneStyled, FormStyled } from './style'\r\n\r\nconst DRAGGING = 'dragging'\r\nconst FORM = 'form'\r\nconst LIST = 'list'\r\n\r\nconst styles = (theme) => ({\r\n dropzone: {\r\n position: 'absolute',\r\n top: '0px',\r\n left: '0px',\r\n width: '100%',\r\n height: '100%',\r\n pointerEvents: 'none',\r\n backgroundColor: theme.palette.grey[300],\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n transition: 'all .3s',\r\n fontSize: '16px',\r\n zIndex: '100',\r\n border: `dashed 2px ${theme.palette.grey[400]}`,\r\n },\r\n dropzoneReject: {\r\n borderColor: theme.palette.states.error,\r\n },\r\n dropzoneAccept: {\r\n borderColor: theme.palette.primary.main,\r\n },\r\n disableEvents: {\r\n pointerEvents: 'none',\r\n },\r\n upload: {\r\n width: '70px',\r\n height: '70px',\r\n fill: theme.palette.grey[600],\r\n },\r\n continerDropzone: {\r\n position: 'relative',\r\n },\r\n})\r\n\r\nclass DropzoneWithPreview extends React.Component {\r\n constructor() {\r\n super()\r\n this.state = {\r\n fetching: false,\r\n file: null,\r\n status: LIST,\r\n isDragging: false,\r\n }\r\n }\r\n\r\n onDrop(file) {\r\n const numFiles = file.length\r\n let files = []\r\n this.setState({\r\n fetching: true,\r\n })\r\n _.map(file, (myFile) => {\r\n const reader = new FileReader()\r\n reader.onloadend = () => {\r\n this.setAsset(reader.result).then((response) => {\r\n files.push({ ...response.data, filename: myFile.name })\r\n if (files.length >= numFiles) {\r\n this.setState({\r\n error: null,\r\n file: files,\r\n status: FORM,\r\n fetching: false,\r\n })\r\n }\r\n })\r\n }\r\n reader.readAsArrayBuffer(myFile)\r\n return {\r\n ...myFile,\r\n preview: URL.createObjectURL(myFile),\r\n }\r\n })\r\n }\r\n\r\n onDragStart() {\r\n this.setState({\r\n state: 'drag',\r\n })\r\n }\r\n\r\n onSubmitForm(data) {\r\n if (this.props.onSubmit) this.props.onSubmit()\r\n this.setState({\r\n status: LIST,\r\n })\r\n }\r\n\r\n onDragLeave() {\r\n this.setState({\r\n state: null,\r\n })\r\n }\r\n\r\n setAsset(asset) {\r\n return dataProvider(CREATE_IMAGE, getResource('assets', 'assets'), {\r\n data: asset,\r\n }).catch((error) => {\r\n this.setState({\r\n error: error,\r\n status: LIST,\r\n })\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n this.setState({ status: LIST })}\r\n onDragEnter={() => {\r\n this.setState({ status: DRAGGING })\r\n }}\r\n onDragLeave={() => this.setState({ status: LIST })}\r\n className={this.props.classes.continerDropzone}\r\n acceptClassName={this.props.classes.dropzoneAccept}\r\n rejectClassName={this.props.classes.dropzoneReject}\r\n >\r\n
\r\n \r\n {this.state.status === DRAGGING && (\r\n \r\n {!this.state.fetching && \r\n )}\r\n {this.state.status === FORM && (\r\n \r\n this.setState({ status: LIST })} onSubmit={(data) => this.onSubmitForm(data)} file={this.state.file} />\r\n \r\n )}\r\n {this.state.status !== FORM &&
\r\n \r\n {this.props.children}
}\r\n \r\n {value.q.length > 0 &&
\r\n )\r\n }\r\n\r\n render() {\r\n const { FilterButton, NumFilters } = this\r\n const { onChange, value, ...rest } = this.props\r\n return (\r\n \r\n {!this.state.list && \r\n {this.renderList(this.state.list)} \r\n \r\n {this.state.list && (\r\n this.setList(page, this.state.perPage, this.props.filters)}\r\n setPerPage={(perPage) => this.setList(this.state.page, perPage, this.props.filters)}\r\n total={this.state.total}\r\n perPage={this.state.perPage}\r\n page={this.state.page}\r\n />\r\n )}\r\n this.props.onSubmit(this.state.selectedImg)}\r\n variant=\"contained\"\r\n color=\"primary\"\r\n disabled={!this.state.list || this.state.list <= 0 || !this.state.selectedImg}\r\n >\r\n ADD\r\n \r\n \r\n \r\n )}\r\n {this.state.selectedView === LIST_VIEW_SELECTED && (\r\n \r\n {this.renderList(this.state.selectedImg)} \r\n \r\n )}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default withStyles(styles)(ImageList)\r\n","import Button from '@material-ui/core/Button'\r\nimport { withStyles } from '@material-ui/core/styles'\r\nimport _ from 'lodash'\r\nimport React, { Component } from 'react'\r\nimport { ReferenceField } from 'react-admin'\r\n\r\nimport { getResource } from '../../../config/resources'\r\nimport ItemListLayout from './itemListLayout'\r\nimport { ContentListStyled, FooterStyled, GrowStyled, ImageFieldStyled } from './style'\r\n\r\nconst VIDEOS = 'videos'\r\nconst GALLERIES = 'galleries'\r\nconst NEWS = 'news'\r\n\r\nconst styles = {\r\n pagination: {\r\n backgroundColor: 'transparent',\r\n },\r\n}\r\n\r\nclass ImageListSelected extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {}\r\n }\r\n\r\n componentDidMount() {\r\n const { selectedItems } = this.props\r\n this.setState({\r\n selectedItems: selectedItems,\r\n selectedItemsBase: selectedItems,\r\n })\r\n }\r\n\r\n isSelected(item) {\r\n const { multiselect } = this.props\r\n if (!this.state.selectedItems) return false\r\n if (multiselect) {\r\n return _.find(this.state.selectedItems, { id: item.id })\r\n } else {\r\n return item.id === this.state.selectedItems.id\r\n }\r\n }\r\n\r\n //PUSH ITEM\r\n selectItem(item) {\r\n const { multiselect, onChange } = this.props\r\n if (multiselect) {\r\n const mySelectedItems = this.state.selectedItems ? [...this.state.selectedItems] : []\r\n const indexItem = _.findIndex(mySelectedItems, { id: item.id })\r\n if (indexItem > -1) {\r\n mySelectedItems.splice(indexItem, 1)\r\n } else {\r\n mySelectedItems.push(item)\r\n }\r\n this.setState({ selectedItems: mySelectedItems })\r\n onChange(mySelectedItems)\r\n } else {\r\n this.setState({ selectedItems: item })\r\n onChange(item)\r\n }\r\n }\r\n\r\n renderList(list) {\r\n //ERROR\r\n if (this.state.error) {\r\n return \r\n \r\n \r\n {provided.placeholder}\r\n
\r\n )}\r\n - \r\n {value.map((contentItem, index) => {\r\n const item = content ? _.get(contentItem, content) : contentItem\r\n\r\n return (\r\n
\r\n {options && options.type === IMAGES && (\r\n this.onChangeCheckbox(index, e)}\r\n />\r\n )}\r\n {options && options.type === GALLERIES && (\r\n \r\n
\r\n )}\r\n \r\n this.handleChange(items)} />\r\n
\r\n - \r\n {list}\r\n
\r\n Match Referees \r\n \r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default withStyles(styles)(MatchReferees)\r\n","import React, { Component } from 'react'\r\nimport { Field } from 'redux-form'\r\nimport MatchReferees from './MatchReferees'\r\n\r\nclass matchRefereesInput extends Component {\r\n render() {\r\n return {title}
\r\n- \r\n {_.map(list, (item, index) => (\r\n
\r\n {label && }\r\n
\r\n )\r\n}\r\n\r\nexport default withStyles(styles)(withFormActiveLanguage(RichText))\r\n","import React, { Component } from 'react'\r\nimport { Field } from 'redux-form'\r\nimport RichText from './RichText'\r\n\r\nclass RichTextInput extends Component {\r\n render() {\r\n if (this.props.source) {\r\n return