70 lines
1.8 KiB
JavaScript
70 lines
1.8 KiB
JavaScript
import React, { Fragment } from 'react'
|
|
|
|
import {
|
|
Edit,
|
|
FormDataConsumer,
|
|
SimpleForm,
|
|
TextInput,
|
|
TextField,
|
|
BooleanInput,
|
|
required,
|
|
useTranslate,
|
|
usePermissions,
|
|
ReferenceInput,
|
|
SelectInput,
|
|
} from 'react-admin'
|
|
import { isWritable, Title } from '../common'
|
|
|
|
const SyncFragment = ({ formData, variant, ...rest }) => {
|
|
return (
|
|
<Fragment>
|
|
{formData.path && <BooleanInput source="sync" {...rest} />}
|
|
{formData.path && <TextField source="path" {...rest} />}
|
|
</Fragment>
|
|
)
|
|
}
|
|
|
|
const PlaylistTitle = ({ record }) => {
|
|
const translate = useTranslate()
|
|
const resourceName = translate('resources.playlist.name', { smart_count: 1 })
|
|
return <Title subTitle={`${resourceName} "${record ? record.name : ''}"`} />
|
|
}
|
|
|
|
const PlaylistEditForm = (props) => {
|
|
const { record } = props
|
|
const { permissions } = usePermissions()
|
|
return (
|
|
<SimpleForm redirect="list" variant={'outlined'} {...props}>
|
|
<TextInput source="name" validate={required()} />
|
|
<TextInput multiline source="comment" />
|
|
{permissions === 'admin' ? (
|
|
<ReferenceInput
|
|
source="ownerId"
|
|
reference="user"
|
|
perPage={0}
|
|
sort={{ field: 'name', order: 'ASC' }}
|
|
>
|
|
<SelectInput
|
|
label={'resources.playlist.fields.ownerName'}
|
|
optionText="userName"
|
|
/>
|
|
</ReferenceInput>
|
|
) : (
|
|
<TextField source="ownerName" />
|
|
)}
|
|
<BooleanInput source="public" disabled={!isWritable(record.ownerId)} />
|
|
<FormDataConsumer>
|
|
{(formDataProps) => <SyncFragment {...formDataProps} />}
|
|
</FormDataConsumer>
|
|
</SimpleForm>
|
|
)
|
|
}
|
|
|
|
const PlaylistEdit = (props) => (
|
|
<Edit title={<PlaylistTitle />} actions={false} {...props}>
|
|
<PlaylistEditForm {...props} />
|
|
</Edit>
|
|
)
|
|
|
|
export default PlaylistEdit
|