Improved some hints

main
Boris Sekachev 6 years ago
parent f90a22f31b
commit d3378b51da

@ -84,7 +84,7 @@ class AdvancedConfigurationForm extends React.PureComponent<Props> {
const { form } = this.props; const { form } = this.props;
return ( return (
<Form.Item label='Image quality'> <Form.Item label={<span>Image quality</span>}>
<Tooltip overlay='Defines image compression level'> <Tooltip overlay='Defines image compression level'>
{form.getFieldDecorator('imageQuality', { {form.getFieldDecorator('imageQuality', {
initialValue: 70, initialValue: 70,
@ -110,7 +110,7 @@ class AdvancedConfigurationForm extends React.PureComponent<Props> {
const { form } = this.props; const { form } = this.props;
return ( return (
<Form.Item label='Overlap size'> <Form.Item label={<span>Overlap size</span>}>
<Tooltip overlay='Defines a number of intersected frames between different segments'> <Tooltip overlay='Defines a number of intersected frames between different segments'>
{form.getFieldDecorator('overlapSize')( {form.getFieldDecorator('overlapSize')(
<Input size='large' type='number' />, <Input size='large' type='number' />,
@ -124,7 +124,7 @@ class AdvancedConfigurationForm extends React.PureComponent<Props> {
const { form } = this.props; const { form } = this.props;
return ( return (
<Form.Item label='Segment size'> <Form.Item label={<span>Segment size</span>}>
<Tooltip overlay='Defines a number of frames in a segment'> <Tooltip overlay='Defines a number of frames in a segment'>
{form.getFieldDecorator('segmentSize')( {form.getFieldDecorator('segmentSize')(
<Input size='large' type='number' />, <Input size='large' type='number' />,
@ -138,7 +138,7 @@ class AdvancedConfigurationForm extends React.PureComponent<Props> {
const { form } = this.props; const { form } = this.props;
return ( return (
<Form.Item label='Start frame'> <Form.Item label={<span>Start frame</span>}>
{form.getFieldDecorator('startFrame')( {form.getFieldDecorator('startFrame')(
<Input <Input
size='large' size='large'
@ -155,7 +155,7 @@ class AdvancedConfigurationForm extends React.PureComponent<Props> {
const { form } = this.props; const { form } = this.props;
return ( return (
<Form.Item label='Stop frame'> <Form.Item label={<span>Stop frame</span>}>
{form.getFieldDecorator('stopFrame')( {form.getFieldDecorator('stopFrame')(
<Input <Input
size='large' size='large'
@ -172,7 +172,7 @@ class AdvancedConfigurationForm extends React.PureComponent<Props> {
const { form } = this.props; const { form } = this.props;
return ( return (
<Form.Item label='Frame step'> <Form.Item label={<span>Frame step</span>}>
{form.getFieldDecorator('frameStep')( {form.getFieldDecorator('frameStep')(
<Input <Input
size='large' size='large'
@ -210,7 +210,7 @@ class AdvancedConfigurationForm extends React.PureComponent<Props> {
return ( return (
<Form.Item <Form.Item
hasFeedback hasFeedback
label='Dataset repository URL' label={<span>Dataset repository URL</span>}
extra='Attach a repository to store annotations there' extra='Attach a repository to store annotations there'
> >
{form.getFieldDecorator('repository', { {form.getFieldDecorator('repository', {
@ -265,7 +265,7 @@ class AdvancedConfigurationForm extends React.PureComponent<Props> {
return ( return (
<Form.Item <Form.Item
hasFeedback hasFeedback
label='Issue tracker' label={<span>Issue tracker</span>}
extra='Attach issue tracker where the task is described' extra='Attach issue tracker where the task is described'
> >
{form.getFieldDecorator('bugTracker', { {form.getFieldDecorator('bugTracker', {

@ -46,7 +46,7 @@ class BasicConfigurationForm extends React.PureComponent<Props> {
return ( return (
<Form onSubmit={(e: React.FormEvent): void => e.preventDefault()}> <Form onSubmit={(e: React.FormEvent): void => e.preventDefault()}>
<Form.Item hasFeedback label='Name'> <Form.Item hasFeedback label={<span>Name</span>}>
{ getFieldDecorator('name', { { getFieldDecorator('name', {
rules: [{ rules: [{
required: true, required: true,

@ -177,23 +177,25 @@ class LabelForm extends React.PureComponent<Props, {}> {
}; };
return ( return (
<Form.Item> <Tooltip overlay='Press enter to add a new value'>
{ form.getFieldDecorator(`values[${key}]`, { <Form.Item>
initialValue: existedValues, { form.getFieldDecorator(`values[${key}]`, {
rules: [{ initialValue: existedValues,
required: true, rules: [{
message: 'Please specify values', required: true,
}, { message: 'Please specify values',
validator, }, {
}], validator,
})( }],
<Select })(
mode='tags' <Select
dropdownMenuStyle={{ display: 'none' }} mode='tags'
placeholder='Attribute values' dropdownMenuStyle={{ display: 'none' }}
/>, placeholder='Attribute values'
)} />,
</Form.Item> )}
</Form.Item>
</Tooltip>
); );
} }
@ -202,16 +204,18 @@ class LabelForm extends React.PureComponent<Props, {}> {
const { form } = this.props; const { form } = this.props;
return ( return (
<Form.Item> <Tooltip overlay='Specify a default value'>
{ form.getFieldDecorator(`values[${key}]`, { <Form.Item>
initialValue: value, { form.getFieldDecorator(`values[${key}]`, {
})( initialValue: value,
<Select> })(
<Select.Option value='false'> False </Select.Option> <Select>
<Select.Option value='true'> True </Select.Option> <Select.Option value='false'> False </Select.Option>
</Select>, <Select.Option value='true'> True </Select.Option>
)} </Select>,
</Form.Item> )}
</Form.Item>
</Tooltip>
); );
} }

Loading…
Cancel
Save