mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 01:38:56 -04:00
[i18n] Translate Saved_Objects (#26179)
* Translate ui -> savedObjects * Fix snapshots * Fix minor issue
This commit is contained in:
parent
6f26171c98
commit
64412efa2c
4 changed files with 59 additions and 13 deletions
|
@ -49,7 +49,7 @@ exports[`render 1`] = `
|
|||
<EuiSpacer
|
||||
size="s"
|
||||
/>
|
||||
<SavedObjectFinder
|
||||
<InjectIntl(SavedObjectFinderUI)
|
||||
callToActionButton={
|
||||
<EuiButton
|
||||
color="primary"
|
||||
|
|
|
@ -26,7 +26,7 @@ exports[`render 1`] = `
|
|||
<EuiSpacer
|
||||
size="m"
|
||||
/>
|
||||
<SavedObjectFinder
|
||||
<InjectIntl(SavedObjectFinderUI)
|
||||
callToActionButton={
|
||||
<EuiButton
|
||||
color="primary"
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue