[i18n] Translate Saved_Objects (#26179)

* Translate ui -> savedObjects

* Fix snapshots

* Fix minor issue
This commit is contained in:
Nox911 2018-12-04 17:39:09 +03:00 committed by GitHub
parent 6f26171c98
commit 64412efa2c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 59 additions and 13 deletions

View file

@ -49,7 +49,7 @@ exports[`render 1`] = `
<EuiSpacer
size="s"
/>
<SavedObjectFinder
<InjectIntl(SavedObjectFinderUI)
callToActionButton={
<EuiButton
color="primary"

View file

@ -26,7 +26,7 @@ exports[`render 1`] = `
<EuiSpacer
size="m"
/>
<SavedObjectFinder
<InjectIntl(SavedObjectFinderUI)
callToActionButton={
<EuiButton
color="primary"

View file

@ -30,7 +30,9 @@ import {
EuiFlexItem,
} from '@elastic/eui';
export class SavedObjectFinder extends React.Component {
import { injectI18n } from '@kbn/i18n/react';
class SavedObjectFinderUI extends React.Component {
constructor(props) {
super(props);
@ -164,7 +166,10 @@ export class SavedObjectFinder extends React.Component {
<EuiFlexGroup>
<EuiFlexItem grow={true}>
<EuiFieldSearch
placeholder="Search..."
placeholder={this.props.intl.formatMessage({
id: 'common.ui.savedObjects.finder.searchPlaceholder',
defaultMessage: 'Search…',
})}
fullWidth
value={this.state.filter}
onChange={(e) => {
@ -199,7 +204,10 @@ export class SavedObjectFinder extends React.Component {
const tableColumns = [
{
field: 'title',
name: 'Title',
name: this.props.intl.formatMessage({
id: 'common.ui.savedObjects.finder.titleLabel',
defaultMessage: 'Title',
}),
sortable: true,
render: (title, record) => {
const {
@ -247,7 +255,7 @@ export class SavedObjectFinder extends React.Component {
}
}
SavedObjectFinder.propTypes = {
SavedObjectFinderUI.propTypes = {
callToActionButton: PropTypes.node,
onChoose: PropTypes.func,
makeUrl: PropTypes.func,
@ -255,3 +263,5 @@ SavedObjectFinder.propTypes = {
savedObjectType: PropTypes.oneOf(['visualization', 'search']).isRequired,
visTypes: PropTypes.object,
};
export const SavedObjectFinder = injectI18n(SavedObjectFinderUI);

View file

@ -19,6 +19,7 @@
import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from '@kbn/i18n/react';
import {
EuiButton,
@ -104,12 +105,30 @@ export class SavedObjectSaveModal extends React.Component {
return (
<Fragment>
<EuiCallOut
title={`A ${this.props.objectType} with the title '${this.state.title}' already exists.`}
title={(<FormattedMessage
id="common.ui.savedObjects.saveModal.duplicateTitleLabel"
defaultMessage="A {objectType} with the title '{title}' already exists."
values={{ objectType: this.props.objectType, title: this.state.title }}
/>)}
color="warning"
data-test-subj="titleDupicateWarnMsg"
>
<p>
Click <strong>Confirm Save</strong> to save the {this.props.objectType} with the duplicate title.
<FormattedMessage
id="common.ui.savedObjects.saveModal.duplicateTitleDescription"
defaultMessage="Click {confirmSaveLabel} to save the {objectType} with the duplicate title."
values={{
objectType: this.props.objectType,
confirmSaveLabel: (
<strong>
<FormattedMessage
id="common.ui.savedObjects.saveModal.duplicateTitleDescription.confirmSaveText"
defaultMessage="Confirm Save"
/>
</strong>
)
}}
/>
</p>
</EuiCallOut>
<EuiSpacer />
@ -124,7 +143,11 @@ export class SavedObjectSaveModal extends React.Component {
return (
<EuiFormRow
label={`Save as a new ${this.props.objectType}`}
label={(<FormattedMessage
id="common.ui.savedObjects.saveModal.saveAsNewLabel"
defaultMessage="Save as a new {objectType}"
values={{ objectType: this.props.objectType }}
/>)}
>
<EuiSwitch
data-test-subj="saveAsNewCheckbox"
@ -145,7 +168,11 @@ export class SavedObjectSaveModal extends React.Component {
>
<EuiModalHeader>
<EuiModalHeaderTitle>
Save {this.props.objectType}
<FormattedMessage
id="common.ui.savedObjects.saveModal.saveTitle"
defaultMessage="Save {objectType}"
values={{ objectType: this.props.objectType }}
/>
</EuiModalHeaderTitle>
</EuiModalHeader>
@ -158,7 +185,10 @@ export class SavedObjectSaveModal extends React.Component {
{this.renderCopyOnSave()}
<EuiFormRow
label="Title"
label={(<FormattedMessage
id="common.ui.savedObjects.saveModal.titleLabel"
defaultMessage="Title"
/>)}
>
<EuiFieldText
autoFocus
@ -180,7 +210,10 @@ export class SavedObjectSaveModal extends React.Component {
data-test-subj="saveCancelButton"
onClick={this.props.onClose}
>
Cancel
<FormattedMessage
id="common.ui.savedObjects.saveModal.cancelButtonLabel"
defaultMessage="Cancel"
/>
</EuiButton>
<EuiButton
@ -190,7 +223,10 @@ export class SavedObjectSaveModal extends React.Component {
isLoading={this.state.isLoading}
isDisabled={this.state.title.length === 0}
>
Confirm Save
<FormattedMessage
id="common.ui.savedObjects.saveModal.confirmSaveButtonLabel"
defaultMessage="Confirm Save"
/>
</EuiButton>
</EuiModalFooter>
</EuiModal>