-
-
+
-
- setFilterDialog(true)}
- >
-
-
-
-
-
-
-
+ setFilterDialog(false)}
+ setSearch={setSearch}
+ setFilter={setFilter}
+ />
+
- {selected.length > 0 && (
-
-
- 已选择 {selected.length} 个对象
-
-
-
-
-
-
-
-
-
-
- )}
-
-
-
+
+ setPage(p + 1)}
+ onChangeRowsPerPage={(e) => {
+ setPageSize(e.target.value);
+ setPage(1);
+ }}
+ />
+
+
);
}
diff --git a/src/component/Admin/File/Import.js b/src/component/Admin/File/Import.js
index 6c434629..897959d8 100644
--- a/src/component/Admin/File/Import.js
+++ b/src/component/Admin/File/Import.js
@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
import { Dialog } from "@material-ui/core";
import Button from "@material-ui/core/Button";
import Chip from "@material-ui/core/Chip";
@@ -80,6 +81,8 @@ export default function Import() {
const [selectRemote, setSelectRemote] = useState(false);
const [selectLocal, setSelectLocal] = useState(false);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setOptions({
...options,
@@ -105,7 +108,7 @@ export default function Import() {
const submit = (e) => {
e.preventDefault();
if (user === null) {
- ToggleSnackbar("top", "right", "请先选择目标用户", "warning");
+ ToggleSnackbar("top", "right", t('Please select first Select the target user'), "warning");
return;
}
setLoading(true);
@@ -122,7 +125,7 @@ export default function Import() {
ToggleSnackbar(
"top",
"right",
- "导入任务已创建，您可以在“持久任务”中查看执行情况",
+ t('The import task has been created, you can check the execution in the "persistent task"'),
"success"
);
})
@@ -200,7 +203,7 @@ export default function Import() {
ToggleSnackbar(
"top",
"right",
- "选择的存储策略只支持手动输入路径",
+ t('The selected storage strategy only supports manual input of the path'),
"warning"
);
return;
@@ -208,7 +211,7 @@ export default function Import() {
setSelectRemote(true);
} else {
if (user === null) {
- ToggleSnackbar("top", "right", "请先选择目标用户", "warning");
+ ToggleSnackbar("top", "right", t('Please select first Select the target user'), "warning");
return;
}
setSelectLocal(true);
@@ -216,256 +219,256 @@ export default function Import() {
};
return (
-
+
+
-
+
+ setFilterDialog(true)}
+ >
+
+
+
+
+
+
+
-
);
}
diff --git a/src/component/Admin/Group/EditGroup.js b/src/component/Admin/Group/EditGroup.js
index a1001999..4dde3f71 100644
--- a/src/component/Admin/Group/EditGroup.js
+++ b/src/component/Admin/Group/EditGroup.js
@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
import React, { useCallback, useEffect, useState } from "react";
import { useParams } from "react-router";
import API from "../../../middleware/Api";
@@ -17,6 +18,8 @@ export default function EditGroupPreload() {
[dispatch]
);
+ const { t } = useTranslation();
+
useEffect(() => {
setGroup({});
API.get("/admin/group/" + id)
@@ -67,7 +70,7 @@ export default function EditGroupPreload() {
ToggleSnackbar(
"top",
"right",
- "Aria2 设置项格式错误",
+ t('Aria2 setting item format error'),
"warning"
);
return;
diff --git a/src/component/Admin/Group/Group.js b/src/component/Admin/Group/Group.js
index 66f1ffa5..d4db0d2d 100644
--- a/src/component/Admin/Group/Group.js
+++ b/src/component/Admin/Group/Group.js
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import i18next from "i18next";
import Button from "@material-ui/core/Button";
import IconButton from "@material-ui/core/IconButton";
import Paper from "@material-ui/core/Paper";
@@ -43,23 +45,23 @@ const useStyles = makeStyles((theme) => ({
const columns = [
{ id: "#", label: "#", minWidth: 50 },
- { id: "name", label: "名称", minWidth: 170 },
- { id: "type", label: "存储策略", minWidth: 170 },
+ { id: "name", label: i18next.t('Name'), minWidth: 170 },
+ { id: "type", label: i18next.t('Storage Strategy'), minWidth: 170 },
{
id: "count",
- label: "下属用户数",
+ label: i18next.t('Number of Subordinate Users'),
minWidth: 50,
align: "right",
},
{
id: "size",
- label: "最大容量",
+ label: i18next.t('Maximum capacity'),
minWidth: 100,
align: "right",
},
{
id: "action",
- label: "操作",
+ label: i18next.t('Action'),
minWidth: 170,
align: "right",
},
@@ -89,6 +91,8 @@ export default function Group() {
[dispatch]
);
+ const { t } = useTranslation();
+
const loadList = () => {
API.post("/admin/group/list", {
page: page,
@@ -108,7 +112,7 @@ export default function Group() {
useEffect(() => {
if (query.get("code") === "0") {
- ToggleSnackbar("top", "right", "授权成功", "success");
+ ToggleSnackbar("top", "right", t('Authorization succeeded'), "success");
} else if (query.get("msg") && query.get("msg") !== "") {
ToggleSnackbar(
"top",
@@ -127,7 +131,7 @@ export default function Group() {
API.delete("/admin/group/" + id)
.then(() => {
loadList();
- ToggleSnackbar("top", "right", "用户组已删除", "success");
+ ToggleSnackbar("top", "right", t('User group has been deleted'), "success");
})
.catch((error) => {
ToggleSnackbar("top", "right", error.message, "error");
@@ -135,114 +139,114 @@ export default function Group() {
};
return (
-
-
+
+
+
+
+ setPage(p + 1)}
+ onChangeRowsPerPage={(e) => {
+ setPageSize(e.target.value);
+ setPage(1);
+ }}
+ />
+
+
);
}
diff --git a/src/component/Admin/Group/GroupForm.js b/src/component/Admin/Group/GroupForm.js
index 2bbd0987..1a97f4f4 100644
--- a/src/component/Admin/Group/GroupForm.js
+++ b/src/component/Admin/Group/GroupForm.js
@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
import Button from "@material-ui/core/Button";
import Collapse from "@material-ui/core/Collapse";
import FormControl from "@material-ui/core/FormControl";
@@ -98,6 +99,8 @@ export default function GroupForm(props) {
});
}, []);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setGroup({
...group,
@@ -176,7 +179,7 @@ export default function GroupForm(props) {
groupCopy.OptionsSerialized.aria2_options
);
} catch (e) {
- ToggleSnackbar("top", "right", "Aria2 设置项格式错误", "warning");
+ ToggleSnackbar("top", "right", t('Aria2 setting item format error'), "warning");
return;
}
@@ -189,7 +192,7 @@ export default function GroupForm(props) {
ToggleSnackbar(
"top",
"right",
- "用户组已" + (props.group ? "保存" : "添加"),
+ t('User Group Already') + (props.group ? t('save') : t('Add to')),
"success"
);
})
@@ -202,352 +205,349 @@ export default function GroupForm(props) {
};
return (
-
-
-
+
-
-
-
+
-
-
-
-
- setPage(p + 1)}
- onChangeRowsPerPage={(e) => {
- setPageSize(e.target.value);
- setPage(1);
- }}
- />
-
-
+
+
+
-
+
+
+
-
+
);
}
diff --git a/src/component/Admin/Index.js b/src/component/Admin/Index.js
index b18f560d..17f4b22a 100644
--- a/src/component/Admin/Index.js
+++ b/src/component/Admin/Index.js
@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
import Avatar from "@material-ui/core/Avatar";
import Button from "@material-ui/core/Button";
import Chip from "@material-ui/core/Chip";
@@ -118,6 +119,8 @@ export default function Index() {
[dispatch]
);
+ const { t } = useTranslation();
+
const ResetSiteURL = () => {
setOpen(false);
API.patch("/admin/setting", {
@@ -130,7 +133,7 @@ export default function Index() {
})
.then(() => {
setSiteURL(window.location.origin);
- ToggleSnackbar("top", "right", "设置已更改", "success");
+ ToggleSnackbar("top", "right", t('Settings have been changed'), "success");
})
.catch((error) => {
ToggleSnackbar("top", "right", error.message, "error");
@@ -187,323 +190,324 @@ export default function Index() {
}, []);
return (
- -
-
- ![cloudreve]({"/static/img/cloudreve.svg"})
-
-
-
-
- Cloudreve
-
-
- {version.backend}{" "}
- {version.is_pro === "true" && (
-
-
-
-
- -
-
-
- {news &&
- news.map((v) => (
- <>
-
-
+
+
+
+
+
+
+ Cloudreve
+
+
+ {version.backend}{" "}
+ {version.is_pro === "true" && (
+
+
+
+
+ -
+
-
+ {news &&
+ news.map((v) => (
+ <>
+
-
- {props.policy ? "修改" : "添加"} 腾讯云 COS 存储策略
-
-
- {steps.map((label, index) => {
- const stepProps = {};
- const labelProps = {};
- if (label.optional) {
- labelProps.optional = (
- 可选
- );
- }
- if (isStepSkipped(index)) {
- stepProps.completed = false;
- }
- return (
-
- {label.title}
-
- );
- })}
-
+ setMagicVar("")}
+ />
+ setMagicVar("")}
+ />
+
);
}
diff --git a/src/component/Admin/Policy/Guid/EditPro.js b/src/component/Admin/Policy/Guid/EditPro.js
index 13b914aa..d1ba0dd6 100644
--- a/src/component/Admin/Policy/Guid/EditPro.js
+++ b/src/component/Admin/Policy/Guid/EditPro.js
@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
import Button from "@material-ui/core/Button";
import FormControl from "@material-ui/core/FormControl";
import FormControlLabel from "@material-ui/core/FormControlLabel";
@@ -20,6 +21,8 @@ export default function EditPro(props) {
const [, setLoading] = useState(false);
const [policy, setPolicy] = useState(props.policy);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setPolicy({
...policy,
@@ -74,7 +77,7 @@ export default function EditPro(props) {
ToggleSnackbar(
"top",
"right",
- "存储策略已" + (props.policy ? "保存" : "添加"),
+ t('Storage Policy Already') + (props.policy ? t('save') : t('Add to')),
"success"
);
})
@@ -89,460 +92,460 @@ export default function EditPro(props) {
};
return (
-
+
+ {props.policy ? t('Revise') : t('Add to')} {t('Tencent Cloud COS Storage Strategy')}
+
+
+ {steps.map((label, index) => {
+ const stepProps = {};
+ const labelProps = {};
+ if (label.optional) {
+ labelProps.optional = (
+ ({t('Optional')} )
+ );
+ }
+ if (isStepSkipped(index)) {
+ stepProps.completed = false;
+ }
+ return (
+
+ {label.title}
+
+ );
+ })}
+
- {activeStep === 0 && (
-
- )}
+
+
- {activeStep === 4 && (
-
- )}
+ setMagicVar("")}
- />
- setMagicVar("")}
- />
-
+
+
- {activeStep === 1 && (
-
+ )}
-
+
+
+ {getNumber(7, [useCDN === "true"])}
+
+
+
+ {t('Name this storage policy:')}
+
+
+
+
+
+ {t('Storage Policy Name')}
+
+
+
+
+
-
+
-
- 2
-
-
- 是否需要对存储的物理文件进行重命名？此处的重命名不会影响最终呈现给用户的
- 文件名。文件名也可使用魔法变量，
- 可用魔法变量可参考{" "}
- {
- e.preventDefault();
- setMagicVar("file");
- }}
- >
- 文件名魔法变量列表
- {" "}
- 。
-
-
-
-
-
-
-
-
+ {activeStep === 1 && (
+
+
- {activeStep === 2 && (
-
- )}
+
+
+ 2
+
+
+ {t(
+ 'Does the stored physical file need to be renamed? The renaming here will not affect the\nfile name that is finally presented to the user. The file name can also use magic variables,\ncan refer to the available magic variables'
+ )}{" "}
+ {
+ e.preventDefault();
+ setMagicVar("file");
+ }}
+ >
+ {t('File name magic variable list')}
+ {" "}
+ {t('。')}
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
- )}
+
+
+
+ {t('Naming Rules')}
+
+
+
+
+
+
+
+
+
+ {policy.MaxSize !== "0" ? "4" : "3"}
+
+
+
+ {t('Enter the file extensions allowed to upload, please use a comma for more than one file,\nseparated')}
+
+
+
+
+
+ {t('List of extensions')}
+
+
+
+
+
+ {" "}
+
+
+
+ )}
- {activeStep === 5 && (
-
+ )}
- {activeStep === 6 && (
- <>
-
-
-
-
-
- )}
+ {activeStep === 6 && (
+ <>
+
+
+
+
+
+ )}
-
- 编辑存储策略
-
-
-
-
+
+ {t('Edit Storage Policy')}
+
+
+
+
);
}
diff --git a/src/component/Admin/Policy/Guid/LocalGuide.js b/src/component/Admin/Policy/Guid/LocalGuide.js
index 8d541fa8..3145adc3 100644
--- a/src/component/Admin/Policy/Guid/LocalGuide.js
+++ b/src/component/Admin/Policy/Guid/LocalGuide.js
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import i18next from "i18next";
import Button from "@material-ui/core/Button";
import Collapse from "@material-ui/core/Collapse";
import FormControl from "@material-ui/core/FormControl";
@@ -67,19 +69,19 @@ const useStyles = makeStyles((theme) => ({
const steps = [
{
- title: "上传路径",
+ title: i18next.t('Upload Path'),
optional: false,
},
{
- title: "直链设置",
+ title: i18next.t('Straight link settings'),
optional: false,
},
{
- title: "上传限制",
+ title: i18next.t('Upload limit'),
optional: false,
},
{
- title: "完成",
+ title: i18next.t('Finish'),
optional: false,
},
];
@@ -112,6 +114,8 @@ export default function LocalGuide(props) {
}
);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setPolicy({
...policy,
@@ -194,7 +198,7 @@ export default function LocalGuide(props) {
ToggleSnackbar(
"top",
"right",
- "存储策略已" + (props.policy ? "保存" : "添加"),
+ t('Storage Policy Already') + (props.policy ? t('save') : t('Add to')),
"success"
);
setActiveStep(4);
@@ -210,567 +214,567 @@ export default function LocalGuide(props) {
};
return (
-
-
- {props.policy ? "修改" : "添加"}本机存储策略
-
-
- {steps.map((label, index) => {
- const stepProps = {};
- const labelProps = {};
- if (label.optional) {
- labelProps.optional = (
- 可选
- );
- }
- if (isStepSkipped(index)) {
- stepProps.completed = false;
- }
- return (
-
- {label.title}
-
- );
- })}
-
- {activeStep === 0 && (
-
- )}
-
- {activeStep === 1 && (
-
+ )}
+
+ {activeStep === 2 && (
+
+ )}
+
+ {activeStep === 3 && (
+
+ )}
+
+ {activeStep === 4 && (
+ <>
+
+ setMagicVar("")}
+ />
+ setMagicVar("")}
+ />
+
);
}
diff --git a/src/component/Admin/Policy/Guid/OSSGuide.js b/src/component/Admin/Policy/Guid/OSSGuide.js
index c07ffd65..476e85ca 100644
--- a/src/component/Admin/Policy/Guid/OSSGuide.js
+++ b/src/component/Admin/Policy/Guid/OSSGuide.js
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import i18next from "i18next";
import Button from "@material-ui/core/Button";
import Collapse from "@material-ui/core/Collapse";
import FormControl from "@material-ui/core/FormControl";
@@ -80,27 +82,27 @@ const useStyles = makeStyles((theme) => ({
const steps = [
{
- title: "存储空间",
+ title: i18next.t('Storage'),
optional: false,
},
{
- title: "上传路径",
+ title: i18next.t('Upload Path'),
optional: false,
},
{
- title: "直链设置",
+ title: i18next.t('Straight link settings'),
optional: false,
},
{
- title: "上传限制",
+ title: i18next.t('Upload limit'),
optional: false,
},
{
- title: "跨域策略",
+ title: i18next.t('Cross Domain Policy'),
optional: true,
},
{
- title: "完成",
+ title: i18next.t('Finish'),
optional: false,
},
];
@@ -145,6 +147,8 @@ export default function OSSGuide(props) {
props.policy ? props.policy.ID : 0
);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setPolicy({
...policy,
@@ -211,7 +215,7 @@ export default function OSSGuide(props) {
ToggleSnackbar(
"top",
"right",
- "存储策略已" + (props.policy ? "保存" : "添加"),
+ t('Storage Policy Already') + (props.policy ? t('save') : t('Add to')),
"success"
);
setActiveStep(4);
@@ -233,7 +237,7 @@ export default function OSSGuide(props) {
id: policyID,
})
.then(() => {
- ToggleSnackbar("top", "right", "跨域策略已添加", "success");
+ ToggleSnackbar("top", "right", t('Cross-domain policy has been added'), "success");
setActiveStep(5);
})
.catch((error) => {
@@ -245,884 +249,878 @@ export default function OSSGuide(props) {
};
return (
-
+
+
+
+ )}
+
+
-
- {props.policy ? "修改" : "添加"} 阿里云 OSS 存储策略
-
-
- {steps.map((label, index) => {
- const stepProps = {};
- const labelProps = {};
- if (label.optional) {
- labelProps.optional = (
- 可选
- );
- }
- if (isStepSkipped(index)) {
- stepProps.completed = false;
- }
- return (
-
- {label.title}
-
- );
- })}
-
+ setMagicVar("")}
+ />
+ setMagicVar("")}
+ />
+
);
}
diff --git a/src/component/Admin/Policy/Guid/OneDriveGuide.js b/src/component/Admin/Policy/Guid/OneDriveGuide.js
index f259db78..d5441493 100644
--- a/src/component/Admin/Policy/Guid/OneDriveGuide.js
+++ b/src/component/Admin/Policy/Guid/OneDriveGuide.js
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import i18next from "i18next";
import Button from "@material-ui/core/Button";
import Collapse from "@material-ui/core/Collapse";
import FormControl from "@material-ui/core/FormControl";
@@ -80,27 +82,27 @@ const useStyles = makeStyles((theme) => ({
const steps = [
{
- title: "应用授权",
+ title: i18next.t('App Authorization'),
optional: false,
},
{
- title: "上传路径",
+ title: i18next.t('Upload Path'),
optional: false,
},
{
- title: "直链设置",
+ title: i18next.t('Straight link settings'),
optional: false,
},
{
- title: "上传限制",
+ title: i18next.t('Upload limit'),
optional: false,
},
{
- title: "账号授权",
+ title: i18next.t('Account authorization'),
optional: false,
},
{
- title: "完成",
+ title: i18next.t('Finish'),
optional: false,
},
];
@@ -153,6 +155,8 @@ export default function OneDriveGuide(props) {
);
const [httpsAlert, setHttpsAlert] = useState(false);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setPolicy({
...policy,
@@ -265,7 +269,7 @@ export default function OneDriveGuide(props) {
ToggleSnackbar(
"top",
"right",
- "存储策略已" + (props.policy ? "保存" : "添加"),
+ t('Storage Policy Already') + (props.policy ? t('save') : t('Add to')),
"success"
);
setActiveStep(4);
@@ -282,812 +286,809 @@ export default function OneDriveGuide(props) {
};
return (
-
+
+ {props.policy ? t('Revise') : t('Add to')} {t('Alibaba Cloud OSS Storage Strategy')}
+
+
+ {steps.map((label, index) => {
+ const stepProps = {};
+ const labelProps = {};
+ if (label.optional) {
+ labelProps.optional = (
+ ({t('Optional')} )
+ );
+ }
+ if (isStepSkipped(index)) {
+ stepProps.completed = false;
+ }
+ return (
+
+ {label.title}
+
+ );
+ })}
+
- {activeStep === 0 && (
-
- )}
+
+
- {activeStep === 4 && (
-
- )}
+ setMagicVar("")}
- />
- setMagicVar("")}
- />
-
+
+
- {activeStep === 1 && (
-
+ )}
-
+
+
+ {getNumber(8, [useCDN === "true"])}
+
+
+
+ {t('Name this storage policy:')}
+
+
+
+
+
+ {t('Storage Policy Name')}
+
+
+
+
+
-
+
-
- 2
-
-
- 是否需要对存储的物理文件进行重命名？此处的重命名不会影响最终呈现给用户的
- 文件名。文件名也可使用魔法变量，
- 可用魔法变量可参考{" "}
- {
- e.preventDefault();
- setMagicVar("file");
- }}
- >
- 文件名魔法变量列表
- {" "}
- 。
-
-
-
-
-
-
-
-
+ {activeStep === 1 && (
+
+
- {activeStep === 2 && (
-
- )}
+
+
+ 2
+
+
+ {t(
+ 'Does the stored physical file need to be renamed? The renaming here will not affect the\nfile name that is finally presented to the user. The file name can also use magic variables,\ncan refer to the available magic variables'
+ )}{" "}
+ {
+ e.preventDefault();
+ setMagicVar("file");
+ }}
+ >
+ {t('File name magic variable list')}
+ {" "}
+ {t('。')}
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
- )}
+
+
+
+ {t('Naming Rules')}
+
+
+
+
+
+
+
+
+
+ {policy.MaxSize !== "0" ? "4" : "3"}
+
+
+
+ {t('Enter the file extensions allowed to upload, please use a comma for more than one file,\nseparated')}
+
+
+
+
+
+ {t('List of extensions')}
+
+
+
+
+
+ {" "}
+
+
+
+ )}
+
+ {activeStep === 4 && (
+
+ )}
- {activeStep === 5 && (
- <>
-
-
-
-
-
- )}
+ {activeStep === 5 && (
+ <>
+
+
+
+
+
+ )}
-
- setHttpsAlert(false)}
- title={"警告"}
- msg={
- "您必须启用 HTTPS 才能使用 OneDrive/SharePoint 存储策略；启用后同步更改 参数设置 - 站点信息 - 站点URL。"
- }
- />
-
- {props.policy ? "修改" : "添加"} OneDrive/SharePoint 存储策略
-
-
- {steps.map((label, index) => {
- const stepProps = {};
- const labelProps = {};
- if (label.optional) {
- labelProps.optional = (
- 可选
- );
- }
- if (isStepSkipped(index)) {
- stepProps.completed = false;
- }
- return (
-
- {label.title}
-
- );
- })}
-
+ setMagicVar("")}
+ />
+ setMagicVar("")}
+ />
+
);
}
diff --git a/src/component/Admin/Policy/Guid/QiniuGuide.js b/src/component/Admin/Policy/Guid/QiniuGuide.js
index 34bbb8a1..f9d358a2 100644
--- a/src/component/Admin/Policy/Guid/QiniuGuide.js
+++ b/src/component/Admin/Policy/Guid/QiniuGuide.js
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import i18next from "i18next";
import Button from "@material-ui/core/Button";
import Collapse from "@material-ui/core/Collapse";
import FormControl from "@material-ui/core/FormControl";
@@ -68,23 +70,23 @@ const useStyles = makeStyles((theme) => ({
const steps = [
{
- title: "存储空间",
+ title: i18next.t('Storage'),
optional: false,
},
{
- title: "上传路径",
+ title: i18next.t('Upload Path'),
optional: false,
},
{
- title: "直链设置",
+ title: i18next.t('Straight link settings'),
optional: false,
},
{
- title: "上传限制",
+ title: i18next.t('Upload limit'),
optional: false,
},
{
- title: "完成",
+ title: i18next.t('Finish'),
optional: false,
},
];
@@ -120,6 +122,8 @@ export default function RemoteGuide(props) {
}
);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setPolicy({
...policy,
@@ -178,7 +182,7 @@ export default function RemoteGuide(props) {
ToggleSnackbar(
"top",
"right",
- "存储策略已" + (props.policy ? "保存" : "添加"),
+ t('Storage Policy Already') + (props.policy ? t('save') : t('Add to')),
"success"
);
setActiveStep(5);
@@ -194,784 +198,782 @@ export default function RemoteGuide(props) {
};
return (
-
+ setHttpsAlert(false)}
+ title={t('warn')}
+ msg={
+ t('You must enable HTTPS to use the OneDrive/SharePoint storage policy; after enabling it, change the parameter settings-site information-site URL.')
+ }
+ />
+
+ {props.policy ? t('Revise') : t('Add to')} {t('OneDrive/SharePoint Storage Strategy')}
+
+
+ {steps.map((label, index) => {
+ const stepProps = {};
+ const labelProps = {};
+ if (label.optional) {
+ labelProps.optional = (
+ ({t('Optional')} )
+ );
+ }
+ if (isStepSkipped(index)) {
+ stepProps.completed = false;
+ }
+ return (
+
+ {label.title}
+
+ );
+ })}
+
- {activeStep === 0 && (
-
- )}
+ setMagicVar("")}
- />
- setMagicVar("")}
- />
-
+
+
+
+
+ )}
- {activeStep === 1 && (
-
- )}
+
+
+
+
+
+ )}
- {activeStep === 2 && (
-
- )}
+
+ {" "}
+
+
+
+ )}
- {activeStep === 3 && (
-
- )}
+
+ {" "}
+
+
+
+ )}
- {activeStep === 4 && (
-
- )}
+ {activeStep === 4 && (
+
+ )}
- {activeStep === 5 && (
- <>
-
-
-
-
-
- )}
+ {activeStep === 5 && (
+ <>
+
+
+
+
+
+ )}
-
-
- {props.policy ? "修改" : "添加"} 七牛 存储策略
-
-
- {steps.map((label, index) => {
- const stepProps = {};
- const labelProps = {};
- if (label.optional) {
- labelProps.optional = (
- 可选
- );
- }
- if (isStepSkipped(index)) {
- stepProps.completed = false;
- }
- return (
-
- {label.title}
-
- );
- })}
-
-
- {activeStep === 0 && (
-
- )}
-
- {activeStep === 1 && (
-
- )}
-
- {activeStep === 2 && (
-
- )}
-
- {activeStep === 3 && (
-
- )}
-
- {activeStep === 4 && (
-
- )}
-
- {activeStep === 5 && (
- <>
-
- setMagicVar("")}
- />
- setMagicVar("")}
- />
-
+
-
-
-
- )}
-
-
+
+ {props.policy ? t('Revise') : t('Add to')} {t('Qiniu Storage Strategy')}
+
+
+ {steps.map((label, index) => {
+ const stepProps = {};
+ const labelProps = {};
+ if (label.optional) {
+ labelProps.optional = (
+ ({t('Optional')} )
+ );
+ }
+ if (isStepSkipped(index)) {
+ stepProps.completed = false;
+ }
+ return (
+
+ {label.title}
+
+ );
+ })}
+
+
+ {activeStep === 0 && (
+
+ )}
+
+ {activeStep === 1 && (
+
+ )}
+
+ {activeStep === 2 && (
+
+ )}
+
+ {activeStep === 3 && (
+
+ )}
+
+ {activeStep === 4 && (
+
+ )}
+
+ {activeStep === 5 && (
+ <>
+
+ setMagicVar("")}
+ />
+ setMagicVar("")}
+ />
+
);
}
diff --git a/src/component/Admin/Policy/Guid/RemoteGuide.js b/src/component/Admin/Policy/Guid/RemoteGuide.js
index d226b9c8..3337fff0 100644
--- a/src/component/Admin/Policy/Guid/RemoteGuide.js
+++ b/src/component/Admin/Policy/Guid/RemoteGuide.js
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import i18next from "i18next";
import Button from "@material-ui/core/Button";
import Collapse from "@material-ui/core/Collapse";
import FormControl from "@material-ui/core/FormControl";
@@ -90,23 +92,23 @@ const useStyles = makeStyles((theme) => ({
const steps = [
{
- title: "存储端配置",
+ title: i18next.t('Storage configuration'),
optional: false,
},
{
- title: "上传路径",
+ title: i18next.t('Upload Path'),
optional: false,
},
{
- title: "直链设置",
+ title: i18next.t('Straight link settings'),
optional: false,
},
{
- title: "上传限制",
+ title: i18next.t('Upload limit'),
optional: false,
},
{
- title: "完成",
+ title: i18next.t('Finish'),
optional: false,
},
];
@@ -141,6 +143,8 @@ export default function RemoteGuide(props) {
}
);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setPolicy({
...policy,
@@ -178,7 +182,7 @@ export default function RemoteGuide(props) {
secret: policy.SecretKey,
})
.then(() => {
- ToggleSnackbar("top", "right", "通信正常", "success");
+ ToggleSnackbar("top", "right", t('Communication is normal'), "success");
})
.catch((error) => {
ToggleSnackbar("top", "right", error.message, "error");
@@ -223,7 +227,7 @@ export default function RemoteGuide(props) {
ToggleSnackbar(
"top",
"right",
- "存储策略已" + (props.policy ? "保存" : "添加"),
+ t('Storage Policy Already') + (props.policy ? t('save') : t('Add to')),
"success"
);
setActiveStep(5);
@@ -239,754 +243,755 @@ export default function RemoteGuide(props) {
};
return (
-
+
+
+
+ )}
+
+
-
- {props.policy ? "修改" : "添加"}从机存储策略
-
-
- {steps.map((label, index) => {
- const stepProps = {};
- const labelProps = {};
- if (label.optional) {
- labelProps.optional = (
- 可选
- );
- }
- if (isStepSkipped(index)) {
- stepProps.completed = false;
- }
- return (
-
- {label.title}
-
- );
- })}
-
-
- {activeStep === 0 && (
-
- )}
-
- {activeStep === 1 && (
-
- )}
-
- {activeStep === 2 && (
-
+ )}
+
+ {activeStep === 3 && (
+
+ )}
+
+ {activeStep === 4 && (
+
+ )}
+
+ {activeStep === 5 && (
+ <>
+
+ setMagicVar("")}
+ />
+ setMagicVar("")}
+ />
+
);
}
diff --git a/src/component/Admin/Policy/Guid/S3Guide.js b/src/component/Admin/Policy/Guid/S3Guide.js
index c6bd2c62..ec7fc371 100644
--- a/src/component/Admin/Policy/Guid/S3Guide.js
+++ b/src/component/Admin/Policy/Guid/S3Guide.js
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import i18next from "i18next";
import { lighten, makeStyles } from "@material-ui/core/styles";
import React, { useCallback, useState } from "react";
import Stepper from "@material-ui/core/Stepper";
@@ -92,27 +94,27 @@ const useStyles = makeStyles((theme) => ({
const steps = [
{
- title: "存储空间",
+ title: i18next.t('Storage'),
optional: false,
},
{
- title: "上传路径",
+ title: i18next.t('Upload Path'),
optional: false,
},
{
- title: "直链设置",
+ title: i18next.t('Straight link settings'),
optional: false,
},
{
- title: "上传限制",
+ title: i18next.t('Upload limit'),
optional: false,
},
{
- title: "跨域策略",
+ title: i18next.t('Cross Domain Policy'),
optional: true,
},
{
- title: "完成",
+ title: i18next.t('Finish'),
optional: false,
},
];
@@ -140,7 +142,7 @@ const regions = {
"eu-west-3": "Europe (Paris)",
"eu-north-1": "Europe (Stockholm)",
"me-south-1": "Middle East (Bahrain)",
- "sa-east-1": "South America (São Paulo)",
+ "sa-east-1": i18next.t('South America (São Paulo)'),
};
export default function S3Guide(props) {
@@ -179,6 +181,8 @@ export default function S3Guide(props) {
props.policy ? props.policy.ID : 0
);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setPolicy({
...policy,
@@ -241,7 +245,7 @@ export default function S3Guide(props) {
ToggleSnackbar(
"top",
"right",
- "存储策略已" + (props.policy ? "保存" : "添加"),
+ t('Storage Policy Already') + (props.policy ? t('save') : t('Add to')),
"success"
);
setActiveStep(4);
@@ -263,7 +267,7 @@ export default function S3Guide(props) {
id: policyID,
})
.then(() => {
- ToggleSnackbar("top", "right", "跨域策略已添加", "success");
+ ToggleSnackbar("top", "right", t('Cross-domain policy has been added'), "success");
setActiveStep(5);
})
.catch((error) => {
@@ -275,814 +279,811 @@ export default function S3Guide(props) {
};
return (
-
+
+
+
+ )}
+
+
- setAlertOpen(false)}
- title={"警告"}
- msg={
- "S3 类型存储策略目前仅可用于自己使用，或者是给受信任的用户组使用。"
- }
- />
-
- {props.policy ? "修改" : "添加"} Amazon S3 存储策略
-
-
- {steps.map((label, index) => {
- const stepProps = {};
- const labelProps = {};
- if (label.optional) {
- labelProps.optional = (
- 可选
- );
- }
- if (isStepSkipped(index)) {
- stepProps.completed = false;
- }
- return (
-
- {label.title}
-
- );
- })}
-
+ setMagicVar("")}
+ />
+ setMagicVar("")}
+ />
+
);
}
diff --git a/src/component/Admin/Policy/Guid/UpyunGuide.js b/src/component/Admin/Policy/Guid/UpyunGuide.js
index e2ea8692..74942ee5 100644
--- a/src/component/Admin/Policy/Guid/UpyunGuide.js
+++ b/src/component/Admin/Policy/Guid/UpyunGuide.js
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import i18next from "i18next";
import Button from "@material-ui/core/Button";
import Collapse from "@material-ui/core/Collapse";
import FormControl from "@material-ui/core/FormControl";
@@ -67,23 +69,23 @@ const useStyles = makeStyles((theme) => ({
const steps = [
{
- title: "存储空间",
+ title: i18next.t('Storage'),
optional: false,
},
{
- title: "上传路径",
+ title: i18next.t('Upload Path'),
optional: false,
},
{
- title: "直链设置",
+ title: i18next.t('Straight link settings'),
optional: false,
},
{
- title: "上传限制",
+ title: i18next.t('Upload limit'),
optional: false,
},
{
- title: "完成",
+ title: i18next.t('Finish'),
optional: false,
},
];
@@ -118,6 +120,8 @@ export default function UpyunGuide(props) {
}
);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setPolicy({
...policy,
@@ -176,7 +180,7 @@ export default function UpyunGuide(props) {
ToggleSnackbar(
"top",
"right",
- "存储策略已" + (props.policy ? "保存" : "添加"),
+ t('Storage Policy Already') + (props.policy ? t('save') : t('Add to')),
"success"
);
setActiveStep(5);
@@ -192,718 +196,717 @@ export default function UpyunGuide(props) {
};
return (
-
+ setAlertOpen(false)}
+ title={t('warn')}
+ msg={
+ t('S3 type storage policy is currently only available for self-use, or for trusted user groups.')
+ }
+ />
+
+ {props.policy ? t('Revise') : t('Add to')} {t('Amazon S3 Storage Policy')}
+
+
+ {steps.map((label, index) => {
+ const stepProps = {};
+ const labelProps = {};
+ if (label.optional) {
+ labelProps.optional = (
+ ({t('Optional')} )
+ );
+ }
+ if (isStepSkipped(index)) {
+ stepProps.completed = false;
+ }
+ return (
+
+ {label.title}
+
+ );
+ })}
+
- {activeStep === 0 && (
-
- )}
+ setMagicVar("")}
- />
- setMagicVar("")}
- />
-
+
+
+
+
+ )}
- {activeStep === 1 && (
-
- )}
+
+
+
+
+
+ )}
- {activeStep === 2 && (
-
- )}
+
+ {" "}
+
+
+
+ )}
- {activeStep === 3 && (
-
- )}
+
+ {" "}
+
+
+
+ )}
- {activeStep === 4 && (
-
- )}
+ {activeStep === 4 && (
+
+ )}
- {activeStep === 5 && (
- <>
-
-
-
-
-
- )}
+ {activeStep === 5 && (
+ <>
+
+
+
+
+
+ )}
-
-
- {props.policy ? "修改" : "添加"} 又拍云 存储策略
-
-
- {steps.map((label, index) => {
- const stepProps = {};
- const labelProps = {};
- if (label.optional) {
- labelProps.optional = (
- 可选
- );
- }
- if (isStepSkipped(index)) {
- stepProps.completed = false;
- }
- return (
-
- {label.title}
-
- );
- })}
-
-
- {activeStep === 0 && (
-
- )}
-
- {activeStep === 1 && (
-
- )}
-
- {activeStep === 2 && (
-
- )}
-
- {activeStep === 3 && (
-
- )}
-
- {activeStep === 4 && (
-
- )}
-
- {activeStep === 5 && (
- <>
-
- setMagicVar("")}
- />
- setMagicVar("")}
- />
-
+
-
-
-
- )}
-
-
+
+ {props.policy ? t('Revise') : t('Add to')} {t('Shoot cloud storage strategy again')}
+
+
+ {steps.map((label, index) => {
+ const stepProps = {};
+ const labelProps = {};
+ if (label.optional) {
+ labelProps.optional = (
+ ({t('Optional')} )
+ );
+ }
+ if (isStepSkipped(index)) {
+ stepProps.completed = false;
+ }
+ return (
+
+ {label.title}
+
+ );
+ })}
+
+
+ {activeStep === 0 && (
+
+ )}
+
+ {activeStep === 1 && (
+
+ )}
+
+ {activeStep === 2 && (
+
+ )}
+
+ {activeStep === 3 && (
+
+ )}
+
+ {activeStep === 4 && (
+
+ )}
+
+ {activeStep === 5 && (
+ <>
+
+ setMagicVar("")}
+ />
+ setMagicVar("")}
+ />
+
);
}
diff --git a/src/component/Admin/Policy/Policy.js b/src/component/Admin/Policy/Policy.js
index 33408fa6..c0abcf9f 100644
--- a/src/component/Admin/Policy/Policy.js
+++ b/src/component/Admin/Policy/Policy.js
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import i18next from "i18next";
import Button from "@material-ui/core/Button";
import IconButton from "@material-ui/core/IconButton";
import Menu from "@material-ui/core/Menu";
@@ -48,23 +50,23 @@ const useStyles = makeStyles((theme) => ({
const columns = [
{ id: "#", label: "#", minWidth: 50 },
- { id: "name", label: "名称", minWidth: 170 },
- { id: "type", label: "类型", minWidth: 170 },
+ { id: "name", label: i18next.t('Name'), minWidth: 170 },
+ { id: "type", label: i18next.t('Type'), minWidth: 170 },
{
id: "count",
- label: "下属文件数",
+ label: i18next.t('Number of Subordinate Files'),
minWidth: 50,
align: "right",
},
{
id: "size",
- label: "数据量",
+ label: i18next.t('Filesize'),
minWidth: 100,
align: "right",
},
{
id: "action",
- label: "操作",
+ label: i18next.t('Action'),
minWidth: 170,
align: "right",
},
@@ -92,6 +94,8 @@ export default function Policy() {
const history = useHistory();
const query = useQuery();
+ const { t } = useTranslation();
+
const handleClick = (event) => {
setAnchorEl(event.currentTarget);
};
@@ -109,7 +113,7 @@ export default function Policy() {
useEffect(() => {
if (query.get("code") === "0") {
- ToggleSnackbar("top", "right", "授权成功", "success");
+ ToggleSnackbar("top", "right", t('Authorization succeeded'), "success");
} else if (query.get("msg") && query.get("msg") !== "") {
ToggleSnackbar(
"top",
@@ -145,7 +149,7 @@ export default function Policy() {
API.delete("/admin/policy/" + id)
.then(() => {
loadList();
- ToggleSnackbar("top", "right", "存储策略已删除", "success");
+ ToggleSnackbar("top", "right", t('Storage policy has been deleted'), "success");
})
.catch((error) => {
ToggleSnackbar("top", "right", error.message, "error");
@@ -155,142 +159,142 @@ export default function Policy() {
const open = Boolean(anchorEl);
return (
-
+
+
+
+ )}
+
+
- setAddDialog(false)} />
-
+
+
+
+
+ setPage(p + 1)}
+ onChangeRowsPerPage={(e) => {
+ setPageSize(e.target.value);
+ setPage(1);
+ }}
+ />
+
+
+
);
}
diff --git a/src/component/Admin/Setting/Access.js b/src/component/Admin/Setting/Access.js
index 0abc148b..15436925 100644
--- a/src/component/Admin/Setting/Access.js
+++ b/src/component/Admin/Setting/Access.js
@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
import Button from "@material-ui/core/Button";
import FormControl from "@material-ui/core/FormControl";
import FormControlLabel from "@material-ui/core/FormControlLabel";
@@ -49,6 +50,8 @@ export default function Access() {
const [groups, setGroups] = useState([]);
const [httpAlert, setHttpAlert] = useState(false);
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
let value = event.target.value;
if (event.target.checked !== undefined) {
@@ -112,7 +115,7 @@ export default function Access() {
options: option,
})
.then(() => {
- ToggleSnackbar("top", "right", "设置已更改", "success");
+ ToggleSnackbar("top", "right", t('Settings have been changed'), "success");
})
.catch((error) => {
ToggleSnackbar("top", "right", error.message, "error");
@@ -123,203 +126,204 @@ export default function Access() {
};
return (
-
-
-
+
-
-
-
-
+ setAddDialog(false)} />
+
-
-
-
-
- setPage(p + 1)}
- onChangeRowsPerPage={(e) => {
- setPageSize(e.target.value);
- setPage(1);
- }}
- />
-
-
-
+
+
+
-
+
+
+
+
- setHttpAlert(false)}
- open={httpAlert}
- />
-
+
);
}
diff --git a/src/component/Admin/Setting/Aria2.js b/src/component/Admin/Setting/Aria2.js
index a62f79d0..1a1623de 100644
--- a/src/component/Admin/Setting/Aria2.js
+++ b/src/component/Admin/Setting/Aria2.js
@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
import Button from "@material-ui/core/Button";
import FormControl from "@material-ui/core/FormControl";
import FormHelperText from "@material-ui/core/FormHelperText";
@@ -43,6 +44,8 @@ export default function Aria2() {
aria2_call_timeout: "0",
});
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setOptions({
...options,
@@ -91,7 +94,7 @@ export default function Aria2() {
ToggleSnackbar(
"top",
"right",
- "连接成功，Aria2 版本为：" + response.data,
+ t('The connection is successful, the Aria2 version is: ') + response.data,
"success"
);
})
@@ -117,7 +120,7 @@ export default function Aria2() {
options: option,
})
.then(() => {
- ToggleSnackbar("top", "right", "设置已更改", "success");
+ ToggleSnackbar("top", "right", t('Settings have been changed'), "success");
reload();
})
.catch((error) => {
@@ -129,177 +132,174 @@ export default function Aria2() {
};
return (
-
-
+
);
}
diff --git a/src/component/Admin/Setting/Captcha.js b/src/component/Admin/Setting/Captcha.js
index 349461fc..d24d28c1 100644
--- a/src/component/Admin/Setting/Captcha.js
+++ b/src/component/Admin/Setting/Captcha.js
@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
import React, { useCallback, useEffect, useState } from "react";
import { makeStyles } from "@material-ui/core/styles";
import Typography from "@material-ui/core/Typography";
@@ -49,6 +50,8 @@ export default function Captcha() {
captcha_TCaptcha_SecretKey: "",
});
+ const { t } = useTranslation();
+
const handleChange = (name) => (event) => {
setOptions({
...options,
@@ -90,7 +93,7 @@ export default function Captcha() {
options: option,
})
.then(() => {
- ToggleSnackbar("top", "right", "设置已更改", "success");
+ ToggleSnackbar("top", "right", t('Settings have been changed'), "success");
})
.catch((error) => {
ToggleSnackbar("top", "right", error.message, "error");
@@ -101,308 +104,308 @@ export default function Captcha() {
};
return (
-
-
+