github-mirrors/bazarr
1
0
Fork 0
mirror of https://github.com/morpheus65535/bazarr.git synced 2025-04-23 14:17:46 -04:00
Code Issues Projects Releases Packages Wiki Activity

Improved languages profile edit modal to clarify subtitles types.

Browse source
This commit is contained in:
morpheus65535 2023-02-27 22:49:33 -05:00
parent 2e8203f0d4
commit ef46ab9261
1 changed files with 41 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

73
frontend/src/components/forms/ProfileEditForm.tsx
View file

@ -9,6 +9,7 @@ import {
Accordion,
Button,
Checkbox,
Select,
Stack,
Switch,
Text,
@ -34,6 +35,21 @@ const defaultCutoffOptions: SelectorOption<Language.ProfileItem>[] = [
},
];
const subtitlesTypeOptions: SelectorOption<string>[] = [
{
label: "Normal or hearing-impaired",
value: "normal",
},
{
label: "Hearing-impaired required",
value: "hi",
},
{
label: "Forced (foreign part only)",
value: "forced",
},
];
interface Props {
onComplete?: (profile: Language.Profile) => void;
languages: readonly Language.Info[];
@ -157,43 +173,38 @@ const ProfileEditForm: FunctionComponent<Props> = ({
},
},
{
Header: "Forced",
Header: "Subtitles Type",
accessor: "forced",
Cell: ({ row: { original: item, index }, value }) => {
const selectValue = useMemo(() => {
if (item.forced === "True") {
return "forced";
} else if (item.hi === "True") {
return "hi";
} else {
return "normal";
}
}, [item.forced, item.hi]);
return (
<Checkbox
checked={value === "True"}
onChange={({ currentTarget: { checked } }) => {
action.mutate(index, {
...item,
forced: checked ? "True" : "False",
hi: checked ? "False" : item.hi,
});
<Select
value={selectValue}
data={subtitlesTypeOptions}
onChange={(value) => {
if (value) {
action.mutate(index, {
...item,
hi: value === "hi" ? "True" : "False",
forced: value === "forced" ? "True" : "False",
});
}
}}
></Checkbox>
></Select>
);
},
},
{
Header: "HI",
accessor: "hi",
Cell: ({ row: { original: item, index }, value }) => {
return (
<Checkbox
checked={value === "True"}
onChange={({ currentTarget: { checked } }) => {
action.mutate(index, {
...item,
hi: checked ? "True" : "False",
forced: checked ? "False" : item.forced,
});
}}
></Checkbox>
);
},
},
{
Header: "Exclude Audio",
Header: "Exclude If Matching Audio",
accessor: "audio_exclude",
Cell: ({ row: { original: item, index }, value }) => {
return (
@ -317,8 +328,6 @@ export const ProfileEditModal = withModal(
"languages-profile-editor",
{
title: "Edit Languages Profile",
size: "lg",
size: "xl",
}
);
export default ProfileEditForm;