Enter a strong password to create Kopia repository in the provided storage.
+
{this.toggleAdvancedButton()}
@@ -351,7 +354,7 @@ export class SetupRepository extends Component {
- Encryption
+ {i18n.t('feedback.repository.encryption')}
- Hash Algorithm
+ {i18n.t('feedback.repository.attribute.algorithm-hash')}
+ name="hash"
+ onChange={this.handleChange}
+ data-testid="control-hash"
+ value={this.state.hash}>
{this.state.algorithms.hash.map(x => toAlgorithmOption(x, this.state.defaultHash))}
- Splitter
+ {i18n.t('feedback.repository.attribute.algorithm-splitter')}
+ name="splitter"
+ onChange={this.handleChange}
+ data-testid="control-splitter"
+ value={this.state.splitter}>
{this.state.algorithms.splitter.map(x => toAlgorithmOption(x, this.state.defaultSplitter))}
+
- Repository Format
+ {i18n.t('feedback.repository.attribute.repository-format')}
-
-
+ name="formatVersion"
+ onChange={this.handleChange}
+ data-testid="control-formatVersion"
+ value={this.state.formatVersion}>
+
+
- Error Correction Overhead
+ {i18n.t('feedback.repository.attribute.repository-eco')}
-
+ name="eccOverheadPercent"
+ onChange={this.handleChange}
+ data-testid="control-eccOverheadPercent"
+ value={this.state.eccOverheadPercent}>
+
@@ -408,7 +412,7 @@ export class SetupRepository extends Component {
- Error Correction Algorithm
+ {i18n.t('feedback.repository.attribute.algorithm-eco')}
- [EXPERIMENTAL] Error correction can help protect from certain
- kinds of data corruption due to spontaneous bit flips in the storage
- media. Click here to
- learn more.
+ {i18n.t('feedback.repository.eec-warning')} {i18n.t('common.action.click-here-to-learn-more')}.
+
{this.overrideUsernameHostnameRow()}
- Additional parameters can be set when creating repository using command line.
+ {i18n.t('feedback.repository.additional-parameters-hint')}
+
{this.connectionErrorInfo()}
-
-
-
+
+ {' '}
+
{this.loadingSpinner()}
;
}
overrideUsernameHostnameRow() {
return
- {RequiredField(this, "Username", "username", {}, "Override this when restoring a snapshot taken by another user")}
- {RequiredField(this, "Hostname", "hostname", {}, "Override this when restoring a snapshot taken on another machine")}
+ {RequiredField(this, i18n.t('feedback.repository.username'), "username", {}, i18n.t('feedback.repository.username-hint'))}
+ {RequiredField(this, i18n.t('feedback.repository.hostname'), "hostname", {}, i18n.t('feedback.repository.hostname-hint'))}
;
}
connectionErrorInfo() {
return this.state.connectError &&
- Connect Error: {this.state.connectError}
+ {i18n.t('feedback.error.connection')} {this.state.connectError}
;
}
renderConfirmConnect() {
return
;
}
@@ -523,7 +529,6 @@ export class SetupRepository extends Component {
render() {
return <>
{this.renderInternal()}
- {/*
{JSON.stringify(this.state, null, 2)} */}
;
}
}
diff --git a/src/components/SetupRepositoryAzure.jsx b/src/components/SetupRepositoryAzure.jsx
index b32e22c2..ceb9660d 100644
--- a/src/components/SetupRepositoryAzure.jsx
+++ b/src/components/SetupRepositoryAzure.jsx
@@ -3,6 +3,7 @@ import Row from 'react-bootstrap/Row';
import { handleChange, validateRequiredFields } from '../forms';
import { OptionalField } from '../forms/OptionalField';
import { RequiredField } from '../forms/RequiredField';
+import i18n from '../utils/i18n';
export class SetupRepositoryAzure extends Component {
constructor(props) {
@@ -21,16 +22,18 @@ export class SetupRepositoryAzure extends Component {
render() {
return <>
- {RequiredField(this, "Container", "container", { autoFocus: true, placeholder: "enter container name" })}
- {OptionalField(this, "Object Name Prefix", "prefix", { placeholder: "enter object name prefix or leave empty" })}
+ {RequiredField(this, i18n.t('feedback.provider.azure.container'), "container", { autoFocus: true, placeholder: i18n.t('feedback.provider.azure.enter-container-name') })}
+ {OptionalField(this, i18n.t('feedback.provider.azure.object-name-prefix'), "prefix", { placeholder: i18n.t('feedback.provider.azure.enter-object-name-prefix') })}
+
- {RequiredField(this, "Storage Account", "storageAccount", { placeholder: "enter storage account name" })}
- {OptionalField(this, "Access Key", "storageKey", { placeholder: "enter secret access key", type: "password" })}
+ {RequiredField(this, i18n.t('feedback.provider.azure.storage-account'), "storageAccount", { placeholder: i18n.t('feedback.provider.azure.enter-storage-account') })}
+ {OptionalField(this, i18n.t('feedback.provider.azure.access-key'), "storageKey", { placeholder: i18n.t('feedback.provider.azure.enter-access-key'), type: "password" })}
+
- {OptionalField(this, "Azure Storage Domain", "storageDomain", { placeholder: "enter storage domain or leave empty for default 'blob.core.windows.net'" })}
- {OptionalField(this, "SAS Token", "sasToken", { placeholder: "enter secret SAS Token", type: "password" })}
+ {OptionalField(this, i18n.t('feedback.provider.azure.azure-storage-domain'), "storageDomain", { placeholder: i18n.t('feedback.provider.azure.enter-azure-storage-domain') })}
+ {OptionalField(this, i18n.t('feedback.provider.azure.sas-token'), "sasToken", { placeholder: i18n.t('feedback.provider.azure.enter-sas-token'), type: "password" })}
;
}
diff --git a/src/components/SetupRepositoryB2.jsx b/src/components/SetupRepositoryB2.jsx
index 73fffd11..626b399f 100644
--- a/src/components/SetupRepositoryB2.jsx
+++ b/src/components/SetupRepositoryB2.jsx
@@ -3,6 +3,7 @@ import Row from 'react-bootstrap/Row';
import { handleChange, validateRequiredFields } from '../forms';
import { RequiredField } from '../forms/RequiredField';
import { OptionalField } from '../forms/OptionalField';
+import i18n from '../utils/i18n';
export class SetupRepositoryB2 extends Component {
constructor(props) {
@@ -21,14 +22,16 @@ export class SetupRepositoryB2 extends Component {
render() {
return <>
- {RequiredField(this, "B2 Bucket", "bucket", { autoFocus: true, placeholder: "enter bucket name" })}
+ {RequiredField(this, i18n.t('feedback.provider.b2.bucket-name'), "bucket", { autoFocus: true, placeholder: i18n.t('feedback.provider.b2.enter-bucket-name') })}
+
- {RequiredField(this, "Key ID", "keyId", { placeholder: "enter application or account key ID" })}
- {RequiredField(this, "Key", "key", { placeholder: "enter secret application or account key", type: "password" })}
+ {RequiredField(this, i18n.t('feedback.provider.b2.key-id'), "keyId", { placeholder: i18n.t('feedback.provider.b2.enter-account-key-id') })}
+ {RequiredField(this, i18n.t('feedback.provider.b2.key'), "key", { placeholder: i18n.t('feedback.provider.b2.enter-account-key'), type: "password" })}
+
- {OptionalField(this, "Object Name Prefix", "prefix", { placeholder: "enter object name prefix or leave empty" })}
+ {OptionalField(this, i18n.t('feedback.provider.b2.object-name-prefix'), "prefix", { placeholder: i18n.t('feedback.provider.b2.enter-object-name-prefix') })}
;
}
diff --git a/src/components/SetupRepositoryFilesystem.jsx b/src/components/SetupRepositoryFilesystem.jsx
index 6f3dbcd6..157b0db1 100644
--- a/src/components/SetupRepositoryFilesystem.jsx
+++ b/src/components/SetupRepositoryFilesystem.jsx
@@ -1,6 +1,7 @@
import React, { Component } from 'react';
import { handleChange, validateRequiredFields } from '../forms';
import { RequiredDirectory } from '../forms/RequiredDirectory';
+import i18n from '../utils/i18n';
export class SetupRepositoryFilesystem extends Component {
constructor(props) {
@@ -18,7 +19,7 @@ export class SetupRepositoryFilesystem extends Component {
render() {
return <>
- {RequiredDirectory(this, "Directory Path", "path", { autoFocus: true, placeholder: "enter directory path where you want to store repository files"})}
+ {RequiredDirectory(this, i18n.t('feedback.provider.filesystem.directory-path'), "path", { autoFocus: true, placeholder: i18n.t('feedback.provider.filesystem.enter-directory-path')})}
;
}
}
diff --git a/src/components/SetupRepositoryGCS.jsx b/src/components/SetupRepositoryGCS.jsx
index cb303e99..e9b26194 100644
--- a/src/components/SetupRepositoryGCS.jsx
+++ b/src/components/SetupRepositoryGCS.jsx
@@ -3,6 +3,7 @@ import Row from 'react-bootstrap/Row';
import { handleChange, validateRequiredFields } from '../forms';
import { OptionalField } from '../forms/OptionalField';
import { RequiredField } from '../forms/RequiredField';
+import i18n from '../utils/i18n';
export class SetupRepositoryGCS extends Component {
constructor(props) {
@@ -21,14 +22,16 @@ export class SetupRepositoryGCS extends Component {
render() {
return <>
- {RequiredField(this, "GCS Bucket", "bucket", { autoFocus: true, placeholder: "enter bucket name" })}
- {OptionalField(this, "Object Name Prefix", "prefix", { placeholder: "enter object name prefix or leave empty", type: "password" })}
+ {RequiredField(this, i18n.t('feedback.provider.gcs.bucket-name'), "bucket", { autoFocus: true, placeholder: i18n.t('feedback.provider.gcs.enter-bucket-name') })}
+ {OptionalField(this, i18n.t('feedback.provider.gcs.object-name-prefix'), "prefix", { placeholder: i18n.t('feedback.provider.gcs.enter-object-name-prefix'), type: "password" })}
+
- {OptionalField(this, "Credentials File", "credentialsFile", { placeholder: "enter name of credentials JSON file" })}
+ {OptionalField(this, i18n.t('feedback.provider.gcs.credentials-file'), "credentialsFile", { placeholder: i18n.t('feedback.provider.gcs.enter-credentials-file-name') })}
+
- {OptionalField(this, "Credentials JSON", "credentials", { placeholder: "paste JSON credentials here", as: "textarea", rows: 5 })}
+ {OptionalField(this, i18n.t('feedback.provider.gcs.credentials-json'), "credentials", { placeholder: i18n.t('feedback.prodiver.gcs.paste-json-credentials'), as: "textarea", rows: 5 })}
;
}
diff --git a/src/components/SetupRepositoryRclone.jsx b/src/components/SetupRepositoryRclone.jsx
index 5a59e43f..68796f15 100644
--- a/src/components/SetupRepositoryRclone.jsx
+++ b/src/components/SetupRepositoryRclone.jsx
@@ -3,6 +3,7 @@ import Row from 'react-bootstrap/Row';
import { handleChange, validateRequiredFields } from '../forms';
import { OptionalField } from '../forms/OptionalField';
import { RequiredField } from '../forms/RequiredField';
+import i18n from '../utils/i18n';
export class SetupRepositoryRclone extends Component {
constructor(props) {
@@ -21,10 +22,11 @@ export class SetupRepositoryRclone extends Component {
render() {
return <>
- {RequiredField(this, "Rclone Remote Path", "remotePath", { autoFocus: true, placeholder: "enter :" })}
+ {RequiredField(this, i18n.t('feedback.provider.rclone.rclone-remote-path'), "remotePath", { autoFocus: true, placeholder: i18n.t('feedback.provider.rclone.rclone-remote-path-hint') })}
+
- {OptionalField(this, "Rclone Executable Path", "rcloneExe", { placeholder: "enter path to rclone executable" })}
+ {OptionalField(this, i18n.t('feedback.provider.rclone.rclone-executable-path'), "rcloneExe", { placeholder: i18n.t('feedback.provider.rclone.rclone-executable-path-hint') })}
;
}
diff --git a/src/components/SetupRepositoryS3.jsx b/src/components/SetupRepositoryS3.jsx
index d05da1d3..0c9c8216 100644
--- a/src/components/SetupRepositoryS3.jsx
+++ b/src/components/SetupRepositoryS3.jsx
@@ -4,6 +4,7 @@ import { handleChange, validateRequiredFields } from '../forms';
import { OptionalField } from '../forms/OptionalField';
import { RequiredBoolean } from '../forms/RequiredBoolean';
import { RequiredField } from '../forms/RequiredField';
+import i18n from '../utils/i18n';
export class SetupRepositoryS3 extends Component {
constructor(props) {
@@ -24,21 +25,24 @@ export class SetupRepositoryS3 extends Component {
render() {
return <>
- {RequiredField(this, "Bucket", "bucket", { autoFocus: true, placeholder: "enter bucket name" })}
- {RequiredField(this, "Server Endpoint", "endpoint", { placeholder: "enter server address (e.g., s3.amazonaws.com)" })}
- {OptionalField(this, "Override Region", "region", { placeholder: "enter specific region (e.g., us-west-1) or leave empty" })}
+ {RequiredField(this, i18n.t('feedback.provider.s3.bucket-name'), "bucket", { autoFocus: true, placeholder: i18n.t('feedback.provider.s3.bucket-name-hint') })}
+ {RequiredField(this, i18n.t('feedback.provider.s3.server-endpoint'), "endpoint", { placeholder: i18n.t('feedback.provider.s3.server-endpoint-hint') })}
+ {OptionalField(this, i18n.t('feedback.provider.s3.override-region'), "region", { placeholder: i18n.t('feedback.provider.s3.override-region-hint') })}
+
- {RequiredBoolean(this, "Use HTTP connection (insecure)", "doNotUseTLS")}
- {RequiredBoolean(this, "Do not verify TLS certificate", "doNotVerifyTLS")}
+ {RequiredBoolean(this, i18n.t('value.provider.s3.http-connection-insecure'), "doNotUseTLS")}
+ {RequiredBoolean(this, i18n.t('value.provider.s3.no-tls-verification'), "doNotVerifyTLS")}
+
- {RequiredField(this, "Access Key ID", "accessKeyID", { placeholder: "enter access key ID" })}
- {RequiredField(this, "Secret Access Key", "secretAccessKey", { placeholder: "enter secret access key", type: "password" })}
- {OptionalField(this, "Session Token", "sessionToken", { placeholder: "enter session token or leave empty", type: "password" })}
+ {RequiredField(this, i18n.t('feedback.provider.s3.access-key-id'), "accessKeyID", { placeholder: i18n.t('feedback.provider.s3.access-key-id-hint') })}
+ {RequiredField(this, i18n.t('feedback.provider.s3.secret-access-key'), "secretAccessKey", { placeholder: i18n.t('feedback.provider.s3.secret-access-key-hint'), type: "password" })}
+ {OptionalField(this, i18n.t('feedback.provider.s3.session-token'), "sessionToken", { placeholder: i18n.t('feedback.provider.s3.session-token-hint'), type: "password" })}
+
- {OptionalField(this, "Object Name Prefix", "prefix", { placeholder: "enter object name prefix or leave empty" })}
+ {OptionalField(this, i18n.t('feedback.provider.s3.object-name-prefix'), "prefix", { placeholder: i18n.t('feedback.provider.s3.enter-object-name-prefix-hint') })}
;
}
diff --git a/src/components/SetupRepositorySFTP.jsx b/src/components/SetupRepositorySFTP.jsx
index 3f9a58b9..6d7b39c6 100644
--- a/src/components/SetupRepositorySFTP.jsx
+++ b/src/components/SetupRepositorySFTP.jsx
@@ -5,6 +5,8 @@ import { OptionalField } from '../forms/OptionalField';
import { OptionalNumberField } from '../forms/OptionalNumberField';
import { RequiredBoolean } from '../forms/RequiredBoolean';
import { RequiredField } from '../forms/RequiredField';
+import i18n from '../utils/i18n';
+import { Trans } from 'react-i18next';
function hasExactlyOneOf(component, names) {
let count = 0;
@@ -57,41 +59,46 @@ export class SetupRepositorySFTP extends Component {
render() {
return <>
- {RequiredField(this, "Host", "host", { autoFocus: true, placeholder: "ssh host name (e.g., example.com)" })}
- {RequiredField(this, "User", "username", { placeholder: "user name" })}
- {OptionalNumberField(this, "Port", "port", { placeholder: "port number (e.g., 22)" })}
+ {RequiredField(this, i18n.t('feedback.provider.sftp.host'), "host", { autoFocus: true, placeholder: i18n.t('feedback.provider.sftp.enter-ssh-host-name') })}
+ {RequiredField(this, i18n.t('feedback.provider.sftp.user'), "username", { placeholder: i18n.t('feedback.provider.sftp.user-name') })}
+ {OptionalNumberField(this, i18n.t('feedback.provider.sftp.port'), "port", { placeholder: i18n.t('feedback.provider.sftp.port-number') })}
+
- {RequiredField(this, "Path", "path", { placeholder: "enter remote path to repository, e.g., '/mnt/data/repository'" })}
+ {RequiredField(this, i18n.t('feedback.provider.sftp.path'), "path", { placeholder: i18n.t('feedback.provider.sftp.enter-remote-path') })}
+
{!this.state.externalSSH && <>
- {OptionalField(this, "Password", "password", { type: "password", placeholder: "password" })}
+ {OptionalField(this, i18n.t('feedback.provider.sftp.password'), "password", { type: "password", placeholder: i18n.t('feedback.provider.sftp.enter-password') })}
+
- {OptionalField(this, "Path to key file", "keyfile", { placeholder: "enter path to the key file" })}
- {OptionalField(this, "Path to known_hosts File", "knownHostsFile", { placeholder: "enter path to the known_hosts file" })}
+ {OptionalField(this, i18n.t('feedback.provider.sftp.path-key-file'), "keyfile", { placeholder: i18n.t('feedback.provider.sftp.enter-path-to-key-file') })}
+ {OptionalField(this, i18n.t('feedback.provider.sftp.path-host-file'), "knownHostsFile", { placeholder: i18n.t('feedback.provider.sftp.enter-path-host-file') })}
+
- {OptionalField(this, "Key Data", "keyData", {
- placeholder: "paste contents of the key file",
+ {OptionalField(this, i18n.t('feedback.provider.sftp-key-data'), "keyData", {
+ placeholder: i18n.t('feedback.provider.sftp-key-data-hint'),
as: "textarea",
rows: 5,
isInvalid: this.state.validated && !this.state.externalSSH && !hasExactlyOneOf(this, ["password", "keyfile", "keyData"]),
- }, null, <>One of Password, Key File or Key Data is required.)}
- {OptionalField(this, "Known Hosts Data", "knownHostsData", {
- placeholder: "paste contents of the known_hosts file",
+ }, )}
+ {OptionalField(this, i18n.t('feedback.provider.sftp.known-host-data'), "knownHostsData", {
+ placeholder: i18n.t('feedback.provider.sftp.paste-content-of-known-host'),
as: "textarea",
rows: 5,
isInvalid: this.state.validated && !this.state.externalSSH && !hasExactlyOneOf(this, ["knownHostsFile", "knownHostsData"]),
- }, null, <>Either Known Hosts File or Known Hosts Data is required, but not both.)}
+ }, )}
-
+
}
- {RequiredBoolean(this, "Launch external password-less SSH command", "externalSSH", "By default Kopia connects to the server using internal SSH client which supports limited options. Alternatively it may launch external password-less SSH command, which supports additional options, but is generally less efficient than the built-in client.")}
+ {RequiredBoolean(this, i18n.t('feedback.provider.sftp.launch-external-ssh-command'), "externalSSH", i18n.t('feedback.provider.sftp.launch-external-ssh-command-hint'))}
+
{this.state.externalSSH && <>
- {OptionalField(this, "SSH Command", "sshCommand", { placeholder: "provide enter passwordless SSH command to execute (typically 'ssh')" })}
- {OptionalField(this, "SSH Arguments", "sshArguments", { placeholder: "enter SSH command arguments ('user@host -s sftp' will be appended automatically)" })}
+ {OptionalField(this, i18n.t('feedback.provider.sftp.ssh-command'), "sshCommand", { placeholder: i18n.t('feedback.provider.sftp.provide-passwordless-ssh-command') })}
+ {OptionalField(this, i18n.t('feedback.provider.sftp.ssh-arguments'), "sshArguments", { placeholder: i18n.t('feedback.provider.sftp.enter-ssh-arguments') })}
}
;
diff --git a/src/components/SetupRepositoryServer.jsx b/src/components/SetupRepositoryServer.jsx
index 1bf7ab7e..8aeec57f 100644
--- a/src/components/SetupRepositoryServer.jsx
+++ b/src/components/SetupRepositoryServer.jsx
@@ -3,6 +3,7 @@ import Row from 'react-bootstrap/Row';
import { handleChange, validateRequiredFields } from '../forms';
import { OptionalField } from '../forms/OptionalField';
import { RequiredField } from '../forms/RequiredField';
+import i18n from '../utils/i18n';
export class SetupRepositoryServer extends Component {
constructor(props) {
@@ -21,10 +22,11 @@ export class SetupRepositoryServer extends Component {
render() {
return <>
- {RequiredField(this, "Server address", "url", { autoFocus: true, placeholder: "enter server URL (https://:port)" })}
+ {RequiredField(this, i18n.t('feedback.provider.repositoryserver.server-address'), "url", { autoFocus: true, placeholder: i18n.t('feedback.provider.repositoryserver.enter-server-url') })}
+
- {OptionalField(this, "Trusted server certificate fingerprint (SHA256)", "serverCertFingerprint", { placeholder: "enter trusted server certificate fingerprint printed at server startup" })}
+ {OptionalField(this, i18n.t('feedback.provider.repositoryserver.server-certificate-fingerprint'), "serverCertFingerprint", { placeholder: i18n.t('feedback.provider.repositoryserver.enter-server-certificate-fingerprint') })}
;
}
diff --git a/src/components/SetupRepositoryToken.jsx b/src/components/SetupRepositoryToken.jsx
index b767a355..25e9c064 100644
--- a/src/components/SetupRepositoryToken.jsx
+++ b/src/components/SetupRepositoryToken.jsx
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
import Row from 'react-bootstrap/Row';
import { handleChange, validateRequiredFields } from '../forms';
import { RequiredField } from '../forms/RequiredField';
+import i18n from '../utils/i18n';
export class SetupRepositoryToken extends Component {
constructor(props) {
@@ -20,7 +21,7 @@ export class SetupRepositoryToken extends Component {
render() {
return <>
- {RequiredField(this, "Token", "token", { autoFocus: true, type: "password", placeholder: "paste connection token" })}
+ {RequiredField(this, i18n.t('feedback.provider.repositorytoken.token'), "token", { autoFocus: true, type: "password", placeholder: i18n.t('feedback.provider.repositorytoken.paste-token') })}
;
}
diff --git a/src/components/SetupRepositoryWebDAV.jsx b/src/components/SetupRepositoryWebDAV.jsx
index 51067630..88acd4fd 100644
--- a/src/components/SetupRepositoryWebDAV.jsx
+++ b/src/components/SetupRepositoryWebDAV.jsx
@@ -3,6 +3,7 @@ import Row from 'react-bootstrap/Row';
import { handleChange, validateRequiredFields } from '../forms';
import { OptionalField } from '../forms/OptionalField';
import { RequiredField } from '../forms/RequiredField';
+import i18n from '../utils/i18n';
export class SetupRepositoryWebDAV extends Component {
constructor(props) {
@@ -21,11 +22,12 @@ export class SetupRepositoryWebDAV extends Component {
render() {
return <>
- {RequiredField(this, "WebDAV Server URL", "url", { autoFocus: true, placeholder: "http[s]://server:port/path" })}
+ {RequiredField(this, i18n.t('feedback.provider.webdav.server-url'), "url", { autoFocus: true, placeholder: "http[s]://server:port/path" })}
+
- {OptionalField(this, "Username", "username", { placeholder: "enter username" })}
- {OptionalField(this, "Password", "password", { placeholder: "enter password", type: "password" })}
+ {OptionalField(this, i18n.t('feedback.provider.webdav.username'), "username", { placeholder: i18n.t('feedback.provider.webdav.enter-username') })}
+ {OptionalField(this, i18n.t('feedback.provider.webdav.password'), "password", { placeholder: i18n.t('feedback.provider.webdav.enter-password'), type: "password" })}
;
}
diff --git a/src/components/SnapshotEstimation.jsx b/src/components/SnapshotEstimation.jsx
index 86b07b74..4cd54f2a 100644
--- a/src/components/SnapshotEstimation.jsx
+++ b/src/components/SnapshotEstimation.jsx
@@ -9,28 +9,27 @@ import Form from 'react-bootstrap/Form';
import { Logs } from './Logs';
import { cancelTask, redirect, sizeDisplayName } from '../utils/uiutil';
import { UIPreferencesContext } from '../contexts/UIPreferencesContext';
+import i18n from '../utils/i18n';
+import { Trans } from 'react-i18next';
export class SnapshotEstimation extends Component {
- constructor() {
- super();
+ constructor(props) {
+ super(props);
this.state = {
isLoading: true,
error: null,
showLog: false,
};
-
this.taskID = this.taskID.bind(this);
this.fetchTask = this.fetchTask.bind(this);
-
- // poll frequently, we will stop as soon as the task ends.
- this.interval = window.setInterval(() => this.fetchTask(this.props), 500);
}
componentDidMount() {
this.setState({
isLoading: true,
});
-
+ // poll frequently, we will stop as soon as the task ends.
+ this.interval = window.setInterval(() => this.fetchTask(this.props), 500);
this.fetchTask(this.props);
}
@@ -76,7 +75,7 @@ export class SnapshotEstimation extends Component {
}
if (task.status === "SUCCESS") {
- return "Total"
+ return i18n.t('feedback.task.tasks-total')
}
if (task.status === "CANCELED") {
@@ -94,26 +93,34 @@ export class SnapshotEstimation extends Component {
}
if (isLoading) {
- return
Loading ...
;
+ return
{i18n.t('common.label.loading')}
;
}
return <>
{task.counters &&
- {this.taskStatusDescription(task)} Bytes: {sizeDisplayName(task.counters["Bytes"]?.value, bytesStringBase2)} ({sizeDisplayName(task.counters["Excluded Bytes"]?.value, bytesStringBase2)} excluded)
- Files: {task.counters["Files"]?.value} ({task.counters["Excluded Files"]?.value} excluded)
- Directories: {task.counters["Directories"]?.value} ({task.counters["Excluded Directories"]?.value} excluded)
- Errors: {task.counters["Errors"]?.value} ({task.counters["Ignored Errors"]?.value} ignored)
+
}
{task.status === "RUNNING" && <>
-
+ {' '}
}
{this.state.showLog ? <>
-
+
- :
}
-
- ;
+ :
}
+ ;
}
}
SnapshotEstimation.contextType = UIPreferencesContext
\ No newline at end of file
diff --git a/src/components/policy-editor/ActionRowMode.jsx b/src/components/policy-editor/ActionRowMode.jsx
index 43600dee..3c186efb 100644
--- a/src/components/policy-editor/ActionRowMode.jsx
+++ b/src/components/policy-editor/ActionRowMode.jsx
@@ -5,18 +5,19 @@ import { stateProperty } from '../../forms';
import { LabelColumn } from './LabelColumn';
import { WideValueColumn } from './WideValueColumn';
import { EffectiveValue } from './EffectiveValue';
+import i18n from '../../utils/i18n'
export function ActionRowMode(component, action) {
return
-
+
-
-
-
+
+
+
{EffectiveValue(component, action)}
diff --git a/src/components/policy-editor/ActionRowTimeout.jsx b/src/components/policy-editor/ActionRowTimeout.jsx
index fbbf3417..79f94751 100644
--- a/src/components/policy-editor/ActionRowTimeout.jsx
+++ b/src/components/policy-editor/ActionRowTimeout.jsx
@@ -4,10 +4,11 @@ import { OptionalNumberField } from '../../forms/OptionalNumberField';
import { LabelColumn } from './LabelColumn';
import { WideValueColumn } from './WideValueColumn';
import { EffectiveValue } from './EffectiveValue';
+import i18n from '../../utils/i18n';
export function ActionRowTimeout(component, action) {
return
-
+
{OptionalNumberField(component, "", "policy." + action, {})}
{EffectiveValue(component, action)}
;
diff --git a/src/components/policy-editor/PolicyEditor.jsx b/src/components/policy-editor/PolicyEditor.jsx
index b61554ee..65ca0a4d 100644
--- a/src/components/policy-editor/PolicyEditor.jsx
+++ b/src/components/policy-editor/PolicyEditor.jsx
@@ -29,6 +29,8 @@ import { SectionHeaderRow } from './SectionHeaderRow';
import { ActionRowScript } from './ActionRowScript';
import { ActionRowTimeout } from './ActionRowTimeout';
import { ActionRowMode } from './ActionRowMode';
+import i18n from '../../utils/i18n';
+import { Trans } from 'react-i18next';
export class PolicyEditor extends Component {
constructor() {
@@ -117,10 +119,10 @@ export class PolicyEditor extends Component {
}
if (p.userName === this.props.userName && p.host === this.props.host && p.path === this.props.path) {
- return "(Defined by this policy)";
+ return i18n.t('feedback.policy.defined-by-this-policy');
}
- return <>Defined by {PolicyEditorLink(p)};
+ return <>{i18n.t('feedback.policy.defined-by')} {PolicyEditorLink(p)};
}
getAndValidatePolicy() {
@@ -146,7 +148,7 @@ export class PolicyEditor extends Component {
for (const tod of l) {
if (typeof (tod) !== "object") {
// unparsed
- throw Error("invalid time of day: '" + tod + "'")
+ throw Error(i18n.t('feedback.policy.time-of-day.invalid', { 'tod': tod }))
}
}
@@ -212,7 +214,7 @@ export class PolicyEditor extends Component {
this.props.close();
}).catch(error => {
this.setState({ saving: false });
- errorAlert(error, 'Error saving policy');
+ errorAlert(error, i18n.t('feedback.policy.error-saving-policy'));
});
} catch (e) {
errorAlert(e);
@@ -221,14 +223,14 @@ export class PolicyEditor extends Component {
}
deletePolicy() {
- if (window.confirm('Are you sure you want to delete this policy?')) {
+ if (window.confirm(i18n.t('feedback.policy.confirm-delete-policy'))) {
this.setState({ saving: true });
axios.delete(this.policyURL(this.props)).then(result => {
this.props.close();
}).catch(error => {
this.setState({ saving: false });
- errorAlert(error, 'Error deleting policy');
+ errorAlert(error, i18n.t('feedback.policy.error-delete-policy'));
});
}
}
@@ -248,208 +250,207 @@ export class PolicyEditor extends Component {
}
if (isLoading) {
- return Loading ...
;
+ return {i18n.t('common.label.loading')}
;
}
return <>
@@ -286,11 +287,11 @@ export class Policies extends Component {
No policies found.
)}
+ {i18n.t('feedback.policy.find-none-create', { path: this.state.policyPath })}
+ : {i18n.t('feedback.policy.find-none')}.
)}