Feat: 右键发送队列SSL选项

Modify: 完善 reCaptcha 说明文字
This commit is contained in:
HFO4 2020-05-11 09:28:03 +08:00
parent 538bd95a7b
commit 0e8e26e4de
2 changed files with 61 additions and 7 deletions

View File

@ -14,6 +14,7 @@ import { useDispatch } from "react-redux";
import { toggleSnackbar } from "../../../actions";
import API from "../../../middleware/Api";
import AlertDialog from "../Dialogs/Alert";
import Link from "@material-ui/core/Link";
const useStyles = makeStyles(theme => ({
root: {
@ -47,7 +48,7 @@ export default function Access() {
authn_enabled: "0",
captcha_IsUseReCaptcha: "0",
captcha_ReCaptchaKey: "defaultKey",
captcha_ReCaptchaSecret: "defaultSecret",
captcha_ReCaptchaSecret: "defaultSecret"
});
const [siteURL, setSiteURL] = useState("");
const [groups, setGroups] = useState([]);
@ -253,17 +254,18 @@ export default function Access() {
control={
<Switch
checked={
options.captcha_IsUseReCaptcha === "1"
options.captcha_IsUseReCaptcha ===
"1"
}
onChange={handleChange(
"captcha_IsUseReCaptcha"
)}
/>
}
label="使用ReCaptcha验证码"
label="使用 reCaptcha V2 验证码"
/>
<FormHelperText id="component-helper-text">
是否使用ReCaptcha验证码
是否使用 reCaptcha V2 验证码
</FormHelperText>
</FormControl>
</div>
@ -283,7 +285,15 @@ export default function Access() {
)}
/>
<FormHelperText id="component-helper-text">
应用管理页面获取到的的 网站密钥
<Link
href={
"https://www.google.com/recaptcha/admin/create"
}
target={"_blank"}
>
应用管理页面
</Link>{" "}
获取到的的 网站密钥
</FormHelperText>
</FormControl>
</div>
@ -295,13 +305,22 @@ export default function Access() {
</InputLabel>
<Input
required
value={options.captcha_ReCaptchaSecret}
value={
options.captcha_ReCaptchaSecret
}
onChange={handleInputChange(
"captcha_ReCaptchaSecret"
)}
/>
<FormHelperText id="component-helper-text">
应用管理页面获取到的的 秘钥
<Link
href={
"https://www.google.com/recaptcha/admin/create"
}
target={"_blank"}
>
应用管理页面
</Link>{" "}
</FormHelperText>
</FormControl>
</div>

View File

@ -15,6 +15,8 @@ import React, { useCallback, useEffect, useState } from "react";
import { useDispatch } from "react-redux";
import { toggleSnackbar } from "../../../actions";
import API from "../../../middleware/Api";
import FormControlLabel from "@material-ui/core/FormControlLabel";
import Switch from "@material-ui/core/Switch";
const useStyles = makeStyles(theme => ({
root: {
@ -51,6 +53,7 @@ export default function Mail() {
replyTo: "",
smtpUser: "",
smtpPass: "",
smtpEncryption:"",
mail_keepalive: "30",
mail_activation_template: "",
mail_reset_pwd_template: ""
@ -63,6 +66,17 @@ export default function Mail() {
});
};
const handleCheckChange = name => event => {
let value = event.target.value;
if (event.target.checked !== undefined) {
value = event.target.checked ? "1" : "0";
}
setOptions({
...options,
[name]: value
});
};
const dispatch = useDispatch();
const ToggleSnackbar = useCallback(
(vertical, horizontal, msg, color) =>
@ -299,6 +313,27 @@ export default function Mail() {
</FormControl>
</div>
<div className={classes.form}>
<FormControl fullWidth>
<FormControlLabel
control={
<Switch
checked={
options.smtpEncryption === "1"
}
onChange={handleCheckChange(
"smtpEncryption"
)}
/>
}
label="使用加密连接"
/>
<FormHelperText id="component-helper-text">
是否使用SSL加密连接
</FormHelperText>
</FormControl>
</div>
<div className={classes.form}>
<FormControl fullWidth>
<InputLabel htmlFor="component-helper">