You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
4.1 KiB
128 lines
4.1 KiB
4 years ago
|
import { isArray } from "lodash";
|
||
|
import React, { FunctionComponent, useContext } from "react";
|
||
|
import { useLanguageProfiles, useLanguages } from "../../@redux/hooks";
|
||
|
import {
|
||
|
Check,
|
||
|
CollapseBox,
|
||
|
Group,
|
||
|
Input,
|
||
|
Message,
|
||
|
SettingsProvider,
|
||
|
useLatest,
|
||
|
} from "../components";
|
||
|
import { enabledLanguageKey, languageProfileKey } from "../keys";
|
||
|
import { LanguageSelector, ProfileSelector } from "./components";
|
||
|
import Table from "./table";
|
||
|
|
||
|
const EnabledLanguageContext = React.createContext<readonly Language[]>([]);
|
||
|
const LanguagesProfileContext = React.createContext<
|
||
|
readonly Profile.Languages[]
|
||
|
>([]);
|
||
|
|
||
|
export function useEnabledLanguages() {
|
||
|
const list = useContext(EnabledLanguageContext);
|
||
|
const latest = useLatest<Language[]>(enabledLanguageKey, isArray);
|
||
|
|
||
|
if (latest) {
|
||
|
return latest;
|
||
|
} else {
|
||
|
return list;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
export function useProfiles() {
|
||
|
const list = useContext(LanguagesProfileContext);
|
||
|
const latest = useLatest<Profile.Languages[]>(languageProfileKey, isArray);
|
||
|
|
||
|
if (latest) {
|
||
|
return latest;
|
||
|
} else {
|
||
|
return list;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
interface Props {}
|
||
|
|
||
|
const SettingsLanguagesView: FunctionComponent<Props> = () => {
|
||
|
const [languages] = useLanguages(false);
|
||
|
const [enabled] = useLanguages(true);
|
||
|
const [profiles] = useLanguageProfiles();
|
||
|
|
||
|
return (
|
||
|
<SettingsProvider title="Languages - Bazarr (Settings)">
|
||
|
<EnabledLanguageContext.Provider value={enabled}>
|
||
|
<LanguagesProfileContext.Provider value={profiles}>
|
||
|
<Group header="Subtitles Language">
|
||
|
<Input>
|
||
|
<Check
|
||
|
label="Single Language"
|
||
|
settingKey="settings-general-single_language"
|
||
|
></Check>
|
||
|
<Message>
|
||
|
Download a single Subtitles file without adding the language
|
||
|
code to the filename.
|
||
|
</Message>
|
||
|
<Message type="warning">
|
||
|
We don't recommend enabling this option unless absolutely
|
||
|
required (ie: media player not supporting language code in
|
||
|
subtitles filename). Results may vary.
|
||
|
</Message>
|
||
|
</Input>
|
||
|
<Input name="Languages Filter">
|
||
|
<LanguageSelector
|
||
|
settingKey={enabledLanguageKey}
|
||
|
options={languages}
|
||
|
></LanguageSelector>
|
||
|
</Input>
|
||
|
</Group>
|
||
|
<Group header="Languages Profiles">
|
||
|
<Table></Table>
|
||
|
</Group>
|
||
|
<Group header="Default Settings">
|
||
|
<CollapseBox>
|
||
|
<CollapseBox.Control>
|
||
|
<Input>
|
||
|
<Check
|
||
|
label="Series"
|
||
|
settingKey="settings-general-serie_default_enabled"
|
||
|
></Check>
|
||
|
<Message>
|
||
|
Apply only to Series added to Bazarr after enabling this
|
||
|
option.
|
||
|
</Message>
|
||
|
</Input>
|
||
|
</CollapseBox.Control>
|
||
|
<CollapseBox.Content indent>
|
||
|
<Input name="Profile">
|
||
|
<ProfileSelector settingKey="settings-general-serie_default_profile"></ProfileSelector>
|
||
|
</Input>
|
||
|
</CollapseBox.Content>
|
||
|
</CollapseBox>
|
||
|
<CollapseBox>
|
||
|
<CollapseBox.Control>
|
||
|
<Input>
|
||
|
<Check
|
||
|
label="Movies"
|
||
|
settingKey="settings-general-movie_default_enabled"
|
||
|
></Check>
|
||
|
<Message>
|
||
|
Apply only to Movies added to Bazarr after enabling this
|
||
|
option.
|
||
|
</Message>
|
||
|
</Input>
|
||
|
</CollapseBox.Control>
|
||
|
<CollapseBox.Content>
|
||
|
<Input name="Profile">
|
||
|
<ProfileSelector settingKey="settings-general-movie_default_profile"></ProfileSelector>
|
||
|
</Input>
|
||
|
</CollapseBox.Content>
|
||
|
</CollapseBox>
|
||
|
</Group>
|
||
|
</LanguagesProfileContext.Provider>
|
||
|
</EnabledLanguageContext.Provider>
|
||
|
</SettingsProvider>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default SettingsLanguagesView;
|