New: Translation support for UI Sidebar, Search Input, Base Menus

This commit is contained in:
Qstick
2020-07-08 10:40:53 -04:00
parent bfc0361784
commit 074b49fa8c
97 changed files with 293 additions and 167 deletions

View File

@@ -11,6 +11,7 @@ import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
import BackupRow from './BackupRow';
import RestoreBackupModalConnector from './RestoreBackupModalConnector';
import translate from 'Utilities/String/translate';
const columns = [
{
@@ -79,14 +80,14 @@ class Backups extends Component {
<PageToolbar>
<PageToolbarSection>
<PageToolbarButton
label="Backup Now"
label={translate('BackupNow')}
iconName={icons.BACKUP}
isSpinning={backupExecuting}
onPress={onBackupPress}
/>
<PageToolbarButton
label="Restore Backup"
label={translate('RestoreBackup')}
iconName={icons.RESTORE}
onPress={this.onRestorePress}
/>

View File

@@ -13,6 +13,7 @@ import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
import FilterMenu from 'Components/Menu/FilterMenu';
import LogsTableRow from './LogsTableRow';
import translate from 'Utilities/String/translate';
function LogsTable(props) {
const {
@@ -36,7 +37,7 @@ function LogsTable(props) {
<PageToolbar>
<PageToolbarSection>
<PageToolbarButton
label="Refresh"
label={translate('Refresh')}
iconName={icons.REFRESH}
spinningName={icons.REFRESH}
isSpinning={isFetching}
@@ -44,7 +45,7 @@ function LogsTable(props) {
/>
<PageToolbarButton
label="Clear"
label={translate('Clear')}
iconName={icons.CLEAR}
isSpinning={clearLogExecuting}
onPress={onClearLogsPress}
@@ -58,7 +59,7 @@ function LogsTable(props) {
canModifyColumns={false}
>
<PageToolbarButton
label="Options"
label={translate('Options')}
iconName={icons.TABLE}
/>
</TableOptionsModalWrapper>

View File

@@ -14,6 +14,7 @@ import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
import TableBody from 'Components/Table/TableBody';
import LogsNavMenu from '../LogsNavMenu';
import LogFilesTableRow from './LogFilesTableRow';
import translate from 'Utilities/String/translate';
const columns = [
{
@@ -58,7 +59,7 @@ class LogFiles extends Component {
<PageToolbarSeparator />
<PageToolbarButton
label="Refresh"
label={translate('Refresh')}
iconName={icons.REFRESH}
spinningName={icons.REFRESH}
isSpinning={isFetching}
@@ -66,7 +67,7 @@ class LogFiles extends Component {
/>
<PageToolbarButton
label="Clear"
label={translate('Clear')}
iconName={icons.CLEAR}
isSpinning={deleteFilesExecuting}
onPress={onDeleteFilesPress}

View File

@@ -6,6 +6,7 @@ import InlineMarkdown from 'Components/Markdown/InlineMarkdown';
import DescriptionList from 'Components/DescriptionList/DescriptionList';
import DescriptionListItem from 'Components/DescriptionList/DescriptionListItem';
import StartTime from './StartTime';
import translate from 'Utilities/String/translate';
import styles from './About.css';
class About extends Component {
@@ -32,7 +33,7 @@ class About extends Component {
} = this.props;
return (
<FieldSet legend="About">
<FieldSet legend={translate('About')}>
<DescriptionList className={styles.descriptionList}>
<DescriptionListItem
title="Version"

View File

@@ -9,6 +9,7 @@ import TableBody from 'Components/Table/TableBody';
import TableRow from 'Components/Table/TableRow';
import TableRowCell from 'Components/Table/Cells/TableRowCell';
import ProgressBar from 'Components/ProgressBar';
import translate from 'Utilities/String/translate';
import styles from './DiskSpace.css';
const columns = [
@@ -45,7 +46,7 @@ class DiskSpace extends Component {
} = this.props;
return (
<FieldSet legend="Disk Space">
<FieldSet legend={translate('DiskSpace')}>
{
isFetching &&
<LoadingIndicator />

View File

@@ -11,6 +11,7 @@ import Table from 'Components/Table/Table';
import TableBody from 'Components/Table/TableBody';
import TableRow from 'Components/Table/TableRow';
import TableRowCell from 'Components/Table/Cells/TableRowCell';
import translate from 'Utilities/String/translate';
import styles from './Health.css';
function getInternalLink(source) {
@@ -119,7 +120,7 @@ class Health extends Component {
<FieldSet
legend={
<div className={styles.legend}>
Health
{translate('Health')}
{
isFetching && isPopulated &&

View File

@@ -4,6 +4,7 @@ import FieldSet from 'Components/FieldSet';
import DescriptionList from 'Components/DescriptionList/DescriptionList';
import DescriptionListItemTitle from 'Components/DescriptionList/DescriptionListItemTitle';
import DescriptionListItemDescription from 'Components/DescriptionList/DescriptionListItemDescription';
import translate from 'Utilities/String/translate';
class MoreInfo extends Component {
@@ -12,7 +13,7 @@ class MoreInfo extends Component {
render() {
return (
<FieldSet legend="More Info">
<FieldSet legend={translate('MoreInfo')}>
<DescriptionList>
<DescriptionListItemTitle>Home page</DescriptionListItemTitle>
<DescriptionListItemDescription>

View File

@@ -5,6 +5,7 @@ import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import Table from 'Components/Table/Table';
import TableBody from 'Components/Table/TableBody';
import QueuedTaskRowConnector from './QueuedTaskRowConnector';
import translate from 'Utilities/String/translate';
const columns = [
{
@@ -51,7 +52,7 @@ function QueuedTasks(props) {
} = props;
return (
<FieldSet legend="Queue">
<FieldSet legend={translate('Queue')}>
{
isFetching && !isPopulated &&
<LoadingIndicator />

View File

@@ -5,6 +5,7 @@ import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import Table from 'Components/Table/Table';
import TableBody from 'Components/Table/TableBody';
import ScheduledTaskRowConnector from './ScheduledTaskRowConnector';
import translate from 'Utilities/String/translate';
const columns = [
{
@@ -46,7 +47,7 @@ function ScheduledTasks(props) {
} = props;
return (
<FieldSet legend="Scheduled">
<FieldSet legend={translate('Scheduled')}>
{
isFetching && !isPopulated &&
<LoadingIndicator />