diff --git a/src/component/Admin/Setting/Mail.js b/src/component/Admin/Setting/Mail.js
index 8d7e10f..1df2443 100644
--- a/src/component/Admin/Setting/Mail.js
+++ b/src/component/Admin/Setting/Mail.js
@@ -103,7 +103,7 @@ export default function Mail() {
const sendTestMail = () => {
setLoading(true);
- API.post("/admin/mailTest", {
+ API.post("/admin/test/mail", {
to: tesInput,
})
.then(() => {
diff --git a/src/component/Admin/Setting/ThumbGenerators.js b/src/component/Admin/Setting/ThumbGenerators.js
new file mode 100644
index 0000000..d0a72a0
--- /dev/null
+++ b/src/component/Admin/Setting/ThumbGenerators.js
@@ -0,0 +1,248 @@
+import React, { useCallback, useState } from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import Accordion from "@material-ui/core/Accordion";
+import AccordionSummary from "@material-ui/core/AccordionSummary";
+import AccordionDetails from "@material-ui/core/AccordionDetails";
+import Checkbox from "@material-ui/core/Checkbox";
+import FormControlLabel from "@material-ui/core/FormControlLabel";
+import Typography from "@material-ui/core/Typography";
+import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
+import { useTranslation } from "react-i18next";
+import { useDispatch } from "react-redux";
+import { toggleSnackbar } from "../../../redux/explorer";
+import FormHelperText from "@material-ui/core/FormHelperText";
+import FormControl from "@material-ui/core/FormControl";
+import { Button, TextField } from "@material-ui/core";
+import InputAdornment from "@material-ui/core/InputAdornment";
+import API from "../../../middleware/Api";
+
+const useStyles = makeStyles((theme) => ({
+ root: {
+ width: "100%",
+ },
+ secondaryHeading: {
+ fontSize: theme.typography.pxToRem(15),
+ color: theme.palette.text.secondary,
+ },
+ column: {
+ flexBasis: "33.33%",
+ },
+ details: {
+ display: "block",
+ },
+}));
+
+const generators = [
+ {
+ name: "policyBuiltin",
+ des: "policyBuiltinDes",
+ readOnly: true,
+ },
+ {
+ name: "libreOffice",
+ des: "libreOfficeDes",
+ enableFlag: "thumb_libreoffice_enabled",
+ executableSetting: "thumb_libreoffice_path",
+ inputs: [
+ {
+ name: "thumb_libreoffice_exts",
+ label: "generatorExts",
+ des: "generatorExtsDes",
+ },
+ ],
+ },
+ {
+ name: "vips",
+ des: "vipsDes",
+ enableFlag: "thumb_vips_enabled",
+ executableSetting: "thumb_vips_path",
+ inputs: [
+ {
+ name: "thumb_vips_exts",
+ label: "generatorExts",
+ des: "generatorExtsDes",
+ },
+ ],
+ },
+ {
+ name: "ffmpeg",
+ des: "ffmpegDes",
+ enableFlag: "thumb_ffmpeg_enabled",
+ executableSetting: "thumb_ffmpeg_path",
+ inputs: [
+ {
+ name: "thumb_ffmpeg_exts",
+ label: "generatorExts",
+ des: "generatorExtsDes",
+ },
+ {
+ name: "thumb_ffmpeg_seek",
+ label: "ffmpegSeek",
+ des: "ffmpegSeekDes",
+ required: true,
+ },
+ ],
+ },
+ {
+ name: "cloudreveBuiltin",
+ des: "cloudreveBuiltinDes",
+ enableFlag: "thumb_builtin_enabled",
+ },
+];
+
+export default function ThumbGenerators({ options, setOptions }) {
+ const classes = useStyles();
+ const { t } = useTranslation("dashboard", { keyPrefix: "settings" });
+ const [loading, setLoading] = useState(false);
+ const dispatch = useDispatch();
+ const ToggleSnackbar = useCallback(
+ (vertical, horizontal, msg, color) =>
+ dispatch(toggleSnackbar(vertical, horizontal, msg, color)),
+ [dispatch]
+ );
+
+ const handleChange = (name) => (event) => {
+ setOptions({
+ ...options,
+ [name]: event.target.value,
+ });
+ };
+
+ const testExecutable = (name, executable) => {
+ setLoading(true);
+ API.post("/admin/test/thumb", {
+ name,
+ executable,
+ })
+ .then((response) => {
+ ToggleSnackbar(
+ "top",
+ "right",
+ t("executableTestSuccess", { version: response.data }),
+ "success"
+ );
+ })
+ .catch((error) => {
+ ToggleSnackbar("top", "right", error.message, "error");
+ })
+ .then(() => {
+ setLoading(false);
+ });
+ };
+
+ const handleEnableChange = (name) => (event) => {
+ const newOpts = {
+ ...options,
+ [name]: event.target.checked ? "1" : "0",
+ };
+ setOptions(newOpts);
+
+ if (
+ newOpts["thumb_libreoffice_enabled"] === "1" &&
+ newOpts["thumb_builtin_enabled"] === "0" &&
+ newOpts["thumb_vips_enabled"] === "0"
+ ) {
+ ToggleSnackbar(
+ "top",
+ "center",
+ t("thumbDependencyWarning"),
+ "warning"
+ );
+ }
+ };
+
+ return (
+
+ {generators.map((generator) => (
+
+ }
+ aria-label="Expand"
+ aria-controls="additional-actions1-content"
+ id="additional-actions1-header"
+ >
+ event.stopPropagation()}
+ onFocus={(event) => event.stopPropagation()}
+ control={
+
+ }
+ label={t(generator.name)}
+ disabled={generator.readOnly}
+ />
+
+
+
+ {t(generator.des)}
+
+ {generator.executableSetting && (
+
+
+
+
+ ),
+ }}
+ required
+ />
+
+ {t("executableDes")}
+
+
+ )}
+ {generator.inputs &&
+ generator.inputs.map((input) => (
+
+
+
+ {t(input.des)}
+
+
+ ))}
+
+
+ ))}
+
+ );
+}