Loading ...
;
+ return
-
- this.selectOwner(applicablePolicies)}>{applicablePolicies}
- this.selectOwner(localPolicies)}>{localPolicies}
- this.selectOwner(allPolicies)}>{allPolicies}
+ this.selectOwner(applicablePolicies)}>{i18n.t('policies.kind.applicable')}
+ this.selectOwner(localPolicies)}>{i18n.t('policies.kind.local')}
+ this.selectOwner(allPolicies)}>{i18n.t('policies.kind.all')}
this.selectOwner(globalPolicy)}>{globalPolicy}
- this.selectOwner(perUserPolicies)}>{perUserPolicies}
- this.selectOwner(perHostPolicies)}>{perHostPolicies}
+ this.selectOwner(globalPolicy)}>{i18n.t('policies.kind.global')}
+ this.selectOwner(perUserPolicies)}>{i18n.t('policies.kind.user')}
+ this.selectOwner(perHostPolicies)}>{i18n.t('policies.kind.host')}
this.selectOwner(v)}>{v} )}
@@ -275,7 +276,7 @@ export class Policies extends Component {
{(this.state.selectedOwner === localPolicies || this.state.selectedOwner === this.state.localSourceName || this.state.selectedOwner === applicablePolicies) ? <>
Set Policy
@@ -286,11 +287,11 @@ export class Policies extends Component {
}
{policies.length > 0 ?
-
Found {policies.length} policies matching criteria.
+
{i18n.t('policies.feedback.find.count', { count: policies.length })}
- No policy found for directory {this.state.policyPath}. Click Set Policy to define it.
-
: No policies found.
)}
+ {i18n.t('policies.feedback.find.none.create', { path: this.state.policyPath })}
+ : {i18n.t('policies.feedback.find.none')}
)}
this.setState({ showLog: false })}>
New Snapshot
+ {i18n.t('snapshot.feedback.snapshot.new')}
Estimate
+ onClick={this.estimate}>{i18n.t('snapshot.event.create.estimate')}
Snapshot Now
+ onClick={this.snapshotNow}>{i18n.t('snapshot.event.create.now')}
{this.state.estimateTaskID && this.state.estimateTaskVisible &&
diff --git a/src/pages/SnapshotDirectory.jsx b/src/pages/SnapshotDirectory.jsx
index bbadb8d..7f051a3 100644
--- a/src/pages/SnapshotDirectory.jsx
+++ b/src/pages/SnapshotDirectory.jsx
@@ -10,6 +10,7 @@ import { DirectoryItems } from "../components/DirectoryItems";
import { CLIEquivalent } from '../utils/uiutil';
import { DirectoryBreadcrumbs } from "../components/DirectoryBreadcrumbs";
import { UIPreferencesContext } from '../contexts/UIPreferencesContext';
+import i18n from '../utils/i18n';
export class SnapshotDirectory extends Component {
constructor() {
@@ -91,7 +92,7 @@ export class SnapshotDirectory extends Component {
browseMounted() {
if (!window.kopiaUI) {
- alert('Directory browsing is not supported in a web browser. Use Kopia UI.');
+ alert(i18n.t('snapshot.event.directory.browsing'));
return;
}
@@ -124,24 +125,22 @@ export class SnapshotDirectory extends Component {
Unmount
+ {i18n.t('snapshot.event.directory.unmount')}
{window.kopiaUI && <>
- Browse
+ {i18n.t('snapshot.event.directory.browse')}
}
Mount as Local Filesystem
+ {i18n.t('snapshot.event.directory.mount')}
}
Restore
- Files & Directories
+ href={"/snapshots/dir/" + this.props.match.params.oid + "/restore"}>{i18n.t('snapshot.event.directory.restore')}
|
diff --git a/src/pages/SnapshotHistory.jsx b/src/pages/SnapshotHistory.jsx
index cf6324f..e695b26 100644
--- a/src/pages/SnapshotHistory.jsx
+++ b/src/pages/SnapshotHistory.jsx
@@ -14,6 +14,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import Modal from 'react-bootstrap/Modal';
import { faFileAlt } from '@fortawesome/free-regular-svg-icons';
import { UIPreferencesContext } from '../contexts/UIPreferencesContext';
+import i18n from '../utils/i18n'
function pillVariant(tag) {
if (tag.startsWith("latest-")) {
@@ -249,7 +250,7 @@ export class SnapshotHistory extends Component {
originalSnapshotDescription: x.description,
})
}}
- title={x.description + " - Click to update snapshot description."}
+ title={i18n.t('snapshot.event.history.description.update', {description: x.description})}
className={x.description ? "snapshot-description-set" : "snapshot-description"}>
,
}, {
id: 'startTime',
- Header: 'Start time',
+ Header: i18n.t('snapshot.history.header.time.start'),
width: 200,
accessor: x => {
let timestamp = rfc3339TimestampForDisplay(x.startTime);
@@ -345,38 +346,38 @@ export class SnapshotHistory extends Component {
},
}, {
id: 'description',
- Header: '',
+ Header: i18n.t('snapshot.history.header.description'),
width: 20,
Cell: x => this.descriptionFor(x.row.original),
}, {
id: 'rootID',
- Header: 'Root',
+ Header: i18n.t('snapshot.history.header.root'),
width: "",
accessor: x => x.rootID,
Cell: x => <>{x.cell.value}
{x.row.original.description && {x.row.original.description}
},
}, {
- Header: 'Retention',
+ Header: i18n.t('snapshot.history.header.retention'),
accessor: 'retention',
width: "",
Cell: x =>
{x.cell.value.map(l => {l} {' '}
- this.editPin(x.row.original, l)}> {' '}
+ this.editPin(x.row.original, l)}> {' '}
)}
{this.newPinFor(x.row.original)}
}, {
- Header: 'Size',
+ Header: i18n.t('snapshot.history.header.size'),
accessor: 'summary.size',
width: 100,
Cell: x => sizeWithFailures(x.cell.value, x.row.original.summary, bytesStringBase2),
}, {
- Header: 'Files',
+ Header: i18n.t('snapshot.history.header.files'),
accessor: 'summary.files',
width: 100,
}, {
- Header: 'Dirs',
+ Header: i18n.t('snapshot.history.header.directories'),
accessor: 'summary.dirs',
width: 100,
}]
@@ -387,30 +388,30 @@ export class SnapshotHistory extends Component {
Select All :
- Deselect All )}
-
- {selectedElements.length > 0 && <>
- Delete Selected ({selectedElements.length})
+ {i18n.t('snapshot.event.history.select.all')} :
+ {i18n.t('snapshot.event.history.deselect.all')} )}
+ {' '}
+ {selectedElements.length > 0 && <>{' '}
+ {i18n.t('snapshot.event.history.selected.delete')}{selectedElements.length})
}
- {snapshots.length === 0 && <>
- Delete Snapshot Source
+ {snapshots.length === 0 && <>{' '}
+ {i18n.t('snapshot.event.history.delete.source')}
}
- {this.state.isRefreshing ?
- Displaying {snapshots.length !== unfilteredCount ? snapshots.length + ' out of ' + unfilteredCount : snapshots.length} snapshots of {this.state.userName}@{this.state.host}:{this.state.path}
+ {i18n.t('snapshot.feedback.history.display')} {snapshots.length !== unfilteredCount ? snapshots.length + ' out of ' + unfilteredCount : snapshots.length} snapshots of{' '}{this.state.userName}@{this.state.host}:{this.state.path}
@@ -421,7 +422,7 @@ export class SnapshotHistory extends Component {
- Confirm Delete
+ {i18n.t('common.delete.confirm')}
<>
- {selectedElements.length > 1 ?
- Do you want to delete the selected {selectedElements.length} snapshots ?
:
- Do you want to delete the selected snapshot?
}
+ {i18n.t('snapshot.event.delete.selected',{count: selectedElements.length})}
{selectedElements.length === snapshots.length &&
this.setState({ alsoDeleteSource: !this.state.alsoDeleteSource })}
@@ -457,19 +456,19 @@ export class SnapshotHistory extends Component {
|
- Delete
- Cancel
+ {i18n.t('common.delete')}
+ {i18n.t('common.cancel')}
- Snapshot Description
+ {i18n.t('description.feedback.description')}
- Enter new description
+ {i18n.t('description.event.new')}
{this.state.savingSnapshot && Update Description
- {this.state.originalSnapshotDescription && Remove Description }
- Cancel
+ {i18n.t('description.event.update')}
+ {this.state.originalSnapshotDescription && {i18n.t('description.event.remove')} }
+ {i18n.t('description.event.cancel')}
- Pin Snapshot
+ {i18n.t('pin.event.snapshot.pin')}
- Name of the pin
+ {i18n.t('pin.feedback.name')}
{this.state.savingSnapshot && {this.state.originalPinName ? "Update Pin" : "Add Pin"}
- {this.state.originalPinName && this.removePin(this.state.originalPinName)}>Remove Pin }
- Cancel
+ {this.state.originalPinName ? i18n.t('pin.event.update') : i18n.t('pin.event.add')}
+ {this.state.originalPinName && this.removePin(this.state.originalPinName)}>{i18n.t('pin.event.remove')} }
+ {i18n.t('pin.event.cancel')}
;
diff --git a/src/pages/SnapshotRestore.jsx b/src/pages/SnapshotRestore.jsx
index 72da735..1b9371b 100644
--- a/src/pages/SnapshotRestore.jsx
+++ b/src/pages/SnapshotRestore.jsx
@@ -92,7 +92,7 @@ export class SnapshotRestore extends Component {
if (this.state.restoreTask) {
return
;
}
diff --git a/src/pages/Snapshots.jsx b/src/pages/Snapshots.jsx
index b5ffdad..4aec6be 100644
--- a/src/pages/Snapshots.jsx
+++ b/src/pages/Snapshots.jsx
@@ -14,7 +14,7 @@ import { handleChange } from '../forms';
import KopiaTable from '../utils/KopiaTable';
import { CLIEquivalent, compare, errorAlert, ownerName, policyEditorURL, redirect, sizeDisplayName, sizeWithFailures, sourceQueryStringParams } from '../utils/uiutil';
import { UIPreferencesContext } from '../contexts/UIPreferencesContext';
-import i18n from '../utils/i18n'
+import i18n from '../utils/i18n';
const localSnapshots = "Local Snapshots"
const allSnapshots = "All Snapshots"
@@ -135,14 +135,14 @@ export class Snapshots extends Component {
{i18n.t('snapshot.event.snapshot.policy')}
{
parent.startSnapshot(x.row.original.source);
- }}>{i18n.t('snapshot.event.snapshot.now')}
+ }}>{i18n.t('snapshot.event.create.now')}
;
case "PENDING":
return <>
-
@@ -309,7 +314,7 @@ export class Snapshots extends Component {
}
{i18n.t('snapshot.event.snapshot.new')}
+ this.navigateTo("/snapshots/new")}>{i18n.t('snapshot.event.snapshot.new')}
Loading ...
;
+ return {i18n.t('common.loading')}
;
}
return
@@ -204,12 +203,12 @@ Object {
class="label-description"
for="bytesBaseInput"
>
- user.interface.byte.representation.description
+ ui.feedback.byte-representation-description
- user.interface.byte.representation.help
+ ui.feedback.byte-representation-help
- user.interface.appearance
+ ui.feedback.appearance
- user.interface.appearance.small
+ ui.value.appearance-small
- user.interface.appearance.medium
+ ui.value.appearance-medium
- user.interface.appearance.large
+ ui.value.appearance-large
- user.interface.appearance.help
+ ui.feedback.appearance-help
- user.interface.pagesize.description
+ ui.feedback.pagesize-description
- user.interface.pagesize.help
+ ui.feedback.pagesize-help
@@ -407,12 +405,12 @@ Object {
class="label-description"
for="bytesBaseInput"
>
- user.interface.byte.representation.description
+ ui.feedback.byte-representation-description
- user.interface.byte.representation.help
+ ui.feedback.byte-representation-help
- user.interface.appearance
+ ui.feedback.appearance
- user.interface.appearance.small
+ ui.value.appearance-small
- user.interface.appearance.medium
+ ui.value.appearance-medium
- user.interface.appearance.large
+ ui.value.appearance-large
- user.interface.appearance.help
+ ui.feedback.appearance-help
- user.interface.pagesize.description
+ ui.feedback.pagesize-description
- user.interface.pagesize.help
+ ui.feedback.pagesize-help
@@ -553,12 +550,12 @@ Object {
class="label-description"
for="bytesBaseInput"
>
- user.interface.byte.representation.description
+ ui.feedback.byte-representation-description
- user.interface.byte.representation.help
+ ui.feedback.byte-representation-help
- user.interface.appearance
+ ui.feedback.appearance
- user.interface.appearance.small
+ ui.value.appearance-small
- user.interface.appearance.medium
+ ui.value.appearance-medium
- user.interface.appearance.large
+ ui.value.appearance-large
- user.interface.appearance.help
+ ui.feedback.appearance-help
- user.interface.pagesize.description
+ ui.feedback.pagesize-description
- user.interface.pagesize.help
+ ui.feedback.pagesize-help
@@ -756,12 +752,12 @@ Object {
class="label-description"
for="bytesBaseInput"
>
- user.interface.byte.representation.description
+ ui.feedback.byte-representation-description
- user.interface.byte.representation.help
+ ui.feedback.byte-representation-help
- user.interface.appearance
+ ui.feedback.appearance
- user.interface.appearance.small
+ ui.value.appearance-small
- user.interface.appearance.medium
+ ui.value.appearance-medium
- user.interface.appearance.large
+ ui.value.appearance-large
- user.interface.appearance.help
+ ui.feedback.appearance-help
- user.interface.pagesize.description
+ ui.feedback.pagesize-description
- user.interface.pagesize.help
+ ui.feedback.pagesize-help
@@ -902,12 +897,12 @@ Object {
class="label-description"
for="bytesBaseInput"
>
- user.interface.byte.representation.description
+ ui.feedback.byte-representation-description
- user.interface.byte.representation.help
+ ui.feedback.byte-representation-help
- user.interface.appearance
+ ui.feedback.appearance
- user.interface.appearance.small
+ ui.value.appearance-small
- user.interface.appearance.medium
+ ui.value.appearance-medium
- user.interface.appearance.large
+ ui.value.appearance-large
- user.interface.appearance.help
+ ui.feedback.appearance-help
- user.interface.pagesize.description
+ ui.feedback.pagesize-description
- user.interface.pagesize.help
+ ui.feedback.pagesize-help
@@ -1105,12 +1099,12 @@ Object {
class="label-description"
for="bytesBaseInput"
>
- user.interface.byte.representation.description
+ ui.feedback.byte-representation-description
- user.interface.byte.representation.help
+ ui.feedback.byte-representation-help
- user.interface.appearance
+ ui.feedback.appearance
- user.interface.appearance.small
+ ui.value.appearance-small
- user.interface.appearance.medium
+ ui.value.appearance-medium
- user.interface.appearance.large
+ ui.value.appearance-large
- user.interface.appearance.help
+ ui.feedback.appearance-help
- user.interface.pagesize.description
+ ui.feedback.pagesize-description
- user.interface.pagesize.help
+ ui.feedback.pagesize-help
@@ -1251,12 +1244,12 @@ Object {
class="label-description"
for="bytesBaseInput"
>
- user.interface.byte.representation.description
+ ui.feedback.byte-representation-description
- user.interface.byte.representation.help
+ ui.feedback.byte-representation-help
- user.interface.appearance
+ ui.feedback.appearance
- user.interface.appearance.small
+ ui.value.appearance-small
- user.interface.appearance.medium
+ ui.value.appearance-medium
- user.interface.appearance.large
+ ui.value.appearance-large
- user.interface.appearance.help
+ ui.feedback.appearance-help
- user.interface.pagesize.description
+ ui.feedback.pagesize-description
- user.interface.pagesize.help
+ ui.feedback.pagesize-help
diff --git a/src/utils/i18n.js b/src/utils/i18n.js
index 6c09172..a0002f0 100644
--- a/src/utils/i18n.js
+++ b/src/utils/i18n.js
@@ -1,11 +1,11 @@
import i18n from "i18next";
import { initReactI18next } from "react-i18next";
-import LanguageDetector from 'i18next-browser-languagedetector';
+import detector from 'i18next-browser-languagedetector';
import backend from "i18next-http-backend"
i18n
.use(backend)
- .use(LanguageDetector)
+ .use(detector)
.use(initReactI18next)
.init({
lng: "en",
@@ -18,7 +18,7 @@ i18n
react:
{
useSuspense: true
- }
+ },
});
export default i18n;
\ No newline at end of file