[ML] DF Analytics: UI improvements (#71949)

* make hyper parameters one word

* update analytics job types help text

* update job type text

* ensure long description has word break to prevent overflow
This commit is contained in:
Melissa Alvarez 2020-07-16 14:32:22 -04:00 committed by GitHub
parent 46eba14669
commit acf0617762
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 9 deletions

View file

@ -249,7 +249,7 @@ export const AdvancedStepDetails: FC<{ setCurrentStep: any; state: State }> = ({
<EuiTitle size="xs"> <EuiTitle size="xs">
<h3> <h3>
{i18n.translate('xpack.ml.dataframe.analytics.create.hyperParametersDetailsTitle', { {i18n.translate('xpack.ml.dataframe.analytics.create.hyperParametersDetailsTitle', {
defaultMessage: 'Hyper parameters', defaultMessage: 'Hyperparameters',
})} })}
</h3> </h3>
</EuiTitle> </EuiTitle>

View file

@ -408,7 +408,7 @@ export const AdvancedStepForm: FC<CreateAnalyticsStepProps> = ({
<EuiTitle size="xs"> <EuiTitle size="xs">
<h3> <h3>
{i18n.translate('xpack.ml.dataframe.analytics.create.hyperParametersSectionTitle', { {i18n.translate('xpack.ml.dataframe.analytics.create.hyperParametersSectionTitle', {
defaultMessage: 'Hyper parameters', defaultMessage: 'Hyperparameters',
})} })}
</h3> </h3>
</EuiTitle> </EuiTitle>

View file

@ -21,24 +21,21 @@ export const JobType: FC<Props> = ({ type, setFormState }) => {
const outlierHelpText = i18n.translate( const outlierHelpText = i18n.translate(
'xpack.ml.dataframe.analytics.create.outlierDetectionHelpText', 'xpack.ml.dataframe.analytics.create.outlierDetectionHelpText',
{ {
defaultMessage: defaultMessage: 'Outlier detection identifies unusual data points in the data set.',
'Outlier detection jobs require a source index that is mapped as a table-like data structure and analyze only numeric and boolean fields. Use the advanced editor to add custom options to the configuration.',
} }
); );
const regressionHelpText = i18n.translate( const regressionHelpText = i18n.translate(
'xpack.ml.dataframe.analytics.create.outlierRegressionHelpText', 'xpack.ml.dataframe.analytics.create.outlierRegressionHelpText',
{ {
defaultMessage: defaultMessage: 'Regression predicts numerical values in the data set.',
'Regression jobs analyze only numeric fields. Use the advanced editor to apply custom options, such as the prediction field name.',
} }
); );
const classificationHelpText = i18n.translate( const classificationHelpText = i18n.translate(
'xpack.ml.dataframe.analytics.create.classificationHelpText', 'xpack.ml.dataframe.analytics.create.classificationHelpText',
{ {
defaultMessage: defaultMessage: 'Classification predicts labels of data points in the data set.',
'Classification jobs require a source index that is mapped as a table-like data structure and support fields that are numeric, boolean, text, keyword, or ip. Use the advanced editor to apply custom options, such as the prediction field name.',
} }
); );

View file

@ -75,7 +75,11 @@ export const DetailsStepDetails: FC<{ setCurrentStep: any; state: State }> = ({
<EuiDescriptionList compressed listItems={detailsFirstCol} /> <EuiDescriptionList compressed listItems={detailsFirstCol} />
</EuiFlexItem> </EuiFlexItem>
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<EuiDescriptionList compressed listItems={detailsSecondCol} /> <EuiDescriptionList
style={{ wordBreak: 'break-word' }}
compressed
listItems={detailsSecondCol}
/>
</EuiFlexItem> </EuiFlexItem>
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<EuiDescriptionList compressed listItems={detailsThirdCol} /> <EuiDescriptionList compressed listItems={detailsThirdCol} />