dca968fdb7
* [#214] Move "reader settings" util functions into new file * [#214] Extract "options" of "ReaderSettings" to new component * [#214] Add component for changing the default reader settings * [#214] Add default "ReaderSettings" to "Settings" * [#214] Use default "ReaderSettings" stored on the server Wait for both "manga" and "defaultSettings" to be loaded. Otherwise, by the time the "manga" response was received, the "defaultSettings" might be still loading and thus, the local fallback "default" settings will get used as the "default settings" * [#214] Save and update "ReaderSettings" options in case they are missing - Manga gets read the first time => save settings in metadata - Default settings get opened the first time => save settings in global metadata
98 lines
3.9 KiB
TypeScript
98 lines
3.9 KiB
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
import {
|
|
List, ListItem, ListItemText, Switch,
|
|
} from '@mui/material';
|
|
import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
|
|
import Select from '@mui/material/Select';
|
|
import MenuItem from '@mui/material/MenuItem';
|
|
import React from 'react';
|
|
|
|
interface IProps extends IReaderSettings {
|
|
setSettingValue: (key: keyof IReaderSettings, value: string | boolean) => void
|
|
}
|
|
|
|
export default function ReaderSettingsOptions({
|
|
staticNav, loadNextonEnding, readerType, showPageNumber, setSettingValue,
|
|
}: IProps) {
|
|
return (
|
|
<>
|
|
<List>
|
|
<ListItem>
|
|
<ListItemText primary="Static Navigation" />
|
|
<ListItemSecondaryAction>
|
|
<Switch
|
|
edge="end"
|
|
checked={staticNav}
|
|
onChange={(e) => setSettingValue('staticNav', e.target.checked)}
|
|
/>
|
|
</ListItemSecondaryAction>
|
|
</ListItem>
|
|
<ListItem>
|
|
<ListItemText primary="Show page number" />
|
|
<ListItemSecondaryAction>
|
|
<Switch
|
|
edge="end"
|
|
checked={showPageNumber}
|
|
onChange={(e) => setSettingValue('showPageNumber', e.target.checked)}
|
|
/>
|
|
</ListItemSecondaryAction>
|
|
</ListItem>
|
|
<ListItem>
|
|
<ListItemText primary="Load next chapter at ending" />
|
|
<ListItemSecondaryAction>
|
|
<Switch
|
|
edge="end"
|
|
checked={loadNextonEnding}
|
|
onChange={(e) => setSettingValue('loadNextonEnding', e.target.checked)}
|
|
/>
|
|
</ListItemSecondaryAction>
|
|
</ListItem>
|
|
<ListItem>
|
|
<ListItemText primary="Reader Type" />
|
|
<Select
|
|
variant="standard"
|
|
value={readerType}
|
|
onChange={(e) => setSettingValue('readerType', e.target.value)}
|
|
sx={{ p: 0 }}
|
|
>
|
|
<MenuItem value="SingleLTR">
|
|
Single Page (LTR)
|
|
</MenuItem>
|
|
<MenuItem value="SingleRTL">
|
|
Single Page (RTL)
|
|
</MenuItem>
|
|
{/* <MenuItem value="SingleVertical">
|
|
Vertical(WIP)
|
|
</MenuItem> */}
|
|
<MenuItem value="DoubleLTR">
|
|
Double Page (LTR)
|
|
</MenuItem>
|
|
<MenuItem value="DoubleRTL">
|
|
Double Page (RTL)
|
|
</MenuItem>
|
|
<MenuItem value="Webtoon">
|
|
Webtoon
|
|
</MenuItem>
|
|
<MenuItem value="ContinuesVertical">
|
|
Continues Vertical
|
|
</MenuItem>
|
|
<MenuItem value="ContinuesHorizontalLTR">
|
|
Horizontal (LTR)
|
|
</MenuItem>
|
|
<MenuItem value="ContinuesHorizontalRTL">
|
|
Horizontal (RTL)
|
|
</MenuItem>
|
|
</Select>
|
|
</ListItem>
|
|
</List>
|
|
</>
|
|
);
|
|
}
|