\n \n \n \n\n {isMini && height >= cacheMaxHeight && {t('ScrollDown')} }\n
\n )}\n \n \n\n \n \n \n\n \n \n \n
\n {shouldDisplayFullFileName ? path : title}
\n \n {isViewed && (\n
\n \n \n
\n )}\n {fileHasSeasonText && seasonAmount?.length === 1 && (\n {t('Viewed')}
\n \n \n
\n \n
\n )}\n {fileHasEpisodeText && (\n {t('Season')}
\n {season}
\n \n
\n )}\n {fileHasResolutionText && (\n {t('Episode')}
\n {episode}
\n \n
\n )}\n {t('Resolution')}
\n {resolution}
\n \n
\n {t('Size')}
\n {humanizeSize(length)}
\n \n {t('Cache')}\n\n {\n setIsSnakeDebugMode(checked)\n localStorage.setItem('isSnakeDebugMode', checked)\n }}\n />\n }\n label={t('DebugMode')}\n labelPlacement='start'\n />\n
\n \n
\n)\n\nexport default function DialogTorrentDetailsContent({ closeDialog, torrent }) {\n const { t } = useTranslation()\n const [isLoading, setIsLoading] = useState(true)\n const [isDetailedCacheView, setIsDetailedCacheView] = useState(false)\n const [viewedFileList, setViewedFileList] = useState()\n const [playableFileList, setPlayableFileList] = useState()\n const [seasonAmount, setSeasonAmount] = useState(null)\n const [selectedSeason, setSelectedSeason] = useState()\n const [isSnakeDebugMode] = useState(JSON.parse(localStorage.getItem('isSnakeDebugMode')) || false)\n\n const {\n poster,\n hash,\n title,\n name,\n stat,\n download_speed: downloadSpeed,\n upload_speed: uploadSpeed,\n torrent_size: torrentSize,\n file_stats: torrentFileList,\n } = torrent\n\n const cache = useUpdateCache(hash)\n const settings = useGetSettings(cache)\n\n const { Capacity, PiecesCount, PiecesLength, Filled } = cache\n\n useEffect(() => {\n if (playableFileList && seasonAmount === null) {\n const seasons = []\n playableFileList.forEach(({ path }) => {\n const currentSeason = ptt.parse(path).season\n if (currentSeason) {\n !seasons.includes(currentSeason) && seasons.push(currentSeason)\n }\n })\n seasons.length && setSelectedSeason(seasons[0])\n setSeasonAmount(seasons.sort((a, b) => a - b))\n }\n }, [playableFileList, seasonAmount])\n\n useEffect(() => {\n setPlayableFileList(torrentFileList?.filter(({ path }) => isFilePlayable(path)))\n }, [torrentFileList])\n\n useEffect(() => {\n const cacheLoaded = !!Object.entries(cache).length\n const torrentLoaded = stat !== GETTING_INFO && stat !== IN_DB\n\n if (!cacheLoaded && !isLoading) setIsLoading(true)\n if (cacheLoaded && isLoading && torrentLoaded) setIsLoading(false)\n }, [stat, cache, isLoading])\n\n useEffect(() => {\n // getting viewed file list\n axios.post(viewedHost(), { action: 'list', hash }).then(({ data }) => {\n if (data) {\n const lst = data.map(itm => itm.file_index).sort((a, b) => a - b)\n setViewedFileList(lst)\n } else setViewedFileList()\n })\n }, [hash])\n\n const preloadPerc = settings?.PreloadCache\n const preloadSize = (Capacity / 100) * preloadPerc\n const bufferSize = preloadSize > 33554432 ? preloadSize : 33554432 // Not less than 32MB\n\n const getParsedTitle = () => {\n const newNameStringArr = []\n\n const torrentParsedName = name && ptt.parse(name)\n\n if (title !== name) {\n newNameStringArr.push(removeRedundantCharacters(title))\n } else if (torrentParsedName?.title) newNameStringArr.push(removeRedundantCharacters(torrentParsedName?.title))\n\n // These 2 checks are needed to get year and resolution from torrent name if title does not have this info\n if (torrentParsedName?.year && !newNameStringArr[0].includes(torrentParsedName?.year))\n newNameStringArr.push(torrentParsedName?.year)\n if (torrentParsedName?.resolution && !newNameStringArr[0].includes(torrentParsedName?.resolution))\n newNameStringArr.push(torrentParsedName?.resolution)\n\n const newNameString = newNameStringArr.join('. ')\n\n // removeRedundantCharacters is returning \"..\" if it was \"...\"\n const lastDotShouldBeAdded =\n newNameString[newNameString.length - 1] === '.' && newNameString[newNameString.length - 2] === '.'\n\n return lastDotShouldBeAdded ? `${newNameString}.` : newNameString\n }\n\n return (\n <>\n \n {title && name !== title ? (\n getParsedTitle().length > 90 ? (\n <>\n {ptt.parse(name).title} \n {getParsedTitle()} \n \n ) : (\n <>\n {getParsedTitle()} \n {ptt.parse(name || '')?.title} \n \n )\n ) : (\n {getParsedTitle()} \n )}\n\n \n \n\n
\n {t('AddDialog.AppendFile.Or')}
\n\n {t('AddDialog.AppendFile.ClickOrDrag')}
\n \n
\n\n {t('Name')}
\n {parsedTitle}
\n \n
\n \n
\n\n {t('Size')}
\n {torrentSize > 0 && humanizeSize(torrentSize)}
\n \n
\n\n {t('Speed')}
\n \n {downloadSpeed > 0 ? humanizeSpeed(downloadSpeed) : '---'}\n
\n \n
\n {t('Peers')}
\n {getPeerString(torrent) || '---'}
\n {t('Offline')}
\n {t('NoTorrentsAdded')}
\n - \n
\n \n {isStandaloneApp ? (\n \n \n\n \n\n {isDialogOpen &&
\n )\n}\n","import styled, { css } from 'styled-components'\nimport { mainColors } from 'style/colors'\nimport { StyledHeader } from 'style/CustomMaterialUiStyles'\n\nexport const cacheBeforeReaderColor = '#b3dfc9'\nexport const cacheAfterReaderColor = mainColors.light.primary\n\nexport const SettingsHeader = styled(StyledHeader)`\n display: grid;\n grid-auto-flow: column;\n align-items: center;\n justify-content: space-between;\n\n @media (max-width: 340px) {\n grid-auto-flow: row;\n }\n`\n\nexport const FooterSection = styled.div`\n ${({\n theme: {\n settingsDialog: { footerBG },\n },\n }) => css`\n padding: 20px;\n display: grid;\n grid-auto-flow: column;\n justify-content: end;\n gap: 10px;\n align-items: center;\n background: ${footerBG};\n\n @media (max-width: 500px) {\n grid-auto-flow: row;\n justify-content: stretch;\n }\n `}\n`\nexport const Divider = styled.div`\n height: 1px;\n background-color: rgba(0, 0, 0, 0.12);\n margin: 30px 0;\n`\n\nexport const Content = styled.div`\n ${({\n isLoading,\n theme: {\n settingsDialog: { contentBG },\n },\n }) => css`\n background: ${contentBG};\n overflow: auto;\n flex: 1;\n\n ${isLoading &&\n css`\n min-height: 500px;\n display: grid;\n place-items: center;\n `}\n `}\n`\n\nexport const PreloadCacheValue = styled.div`\n ${({ color }) => css`\n display: grid;\n grid-template-columns: max-content 100px 1fr;\n gap: 10px;\n align-items: flex-start;\n\n :not(:last-child) {\n margin-bottom: 5px;\n }\n\n :before {\n content: '';\n background: ${color};\n width: 16px;\n height: 16px;\n border-radius: 50%;\n margin-top: 2px;\n }\n `}\n`\n\nexport const MainSettingsContent = styled.div`\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 40px;\n padding: 20px;\n\n @media (max-width: 930px) {\n grid-template-columns: 1fr;\n }\n`\nexport const SecondarySettingsContent = styled.div`\n padding: 20px;\n`\n\nexport const StorageButton = styled.div`\n ${({ small, selected }) => css`\n transition: 0.2s;\n cursor: default;\n text-align: center;\n\n ${!selected &&\n css`\n cursor: pointer;\n\n :hover {\n filter: brightness(0.8);\n }\n `}\n\n ${small\n ? css`\n display: grid;\n grid-template-columns: max-content 1fr;\n gap: 20px;\n align-items: center;\n justify-items: start;\n margin-bottom: 20px;\n `\n : css`\n display: grid;\n place-items: center;\n gap: 10px;\n `}\n `}\n`\n\nexport const StorageIconWrapper = styled.div`\n ${({ selected, small }) => css`\n width: ${small ? '60px' : '150px'};\n height: ${small ? '60px' : '150px'};\n border-radius: 50%;\n background: ${selected ? '#323637' : '#dee3e5'};\n\n svg {\n transform: rotate(-45deg) scale(0.75);\n }\n\n @media (max-width: 930px) {\n width: ${small ? '50px' : '90px'};\n height: ${small ? '50px' : '90px'};\n }\n `}\n`\n\nexport const CacheStorageSelector = styled.div`\n display: grid;\n grid-template-rows: max-content 1fr;\n grid-template-areas: 'label label';\n place-items: center;\n\n @media (max-width: 930px) {\n justify-content: start;\n column-gap: 30px;\n }\n`\n\nexport const SettingSectionLabel = styled.div`\n font-size: 25px;\n padding-bottom: 20px;\n\n small {\n display: block;\n font-size: 11px;\n }\n`\n\nexport const PreloadCachePercentage = styled.div.attrs(({ value }) => ({\n // this block is here according to styled-components recomendation about fast changable components\n style: {\n background: `linear-gradient(to right, ${cacheBeforeReaderColor} 0%, ${cacheBeforeReaderColor} ${value}%, ${cacheAfterReaderColor} ${value}%, ${cacheAfterReaderColor} 100%)`,\n },\n}))`\n ${({ label, preloadCachePercentage }) => css`\n border: 1px solid #323637;\n padding: 10px 20px;\n border-radius: 5px;\n color: #000;\n margin-bottom: 10px;\n position: relative;\n\n :before {\n content: '${label}';\n display: grid;\n place-items: center;\n font-size: 20px;\n }\n\n :after {\n content: '';\n width: ${preloadCachePercentage}%;\n height: 100%;\n background: #323637;\n position: absolute;\n bottom: 0;\n left: 0;\n border-radius: 4px;\n filter: opacity(0.15);\n }\n `}\n`\n","export default {\n CacheSize: 64,\n ReaderReadAHead: 95,\n UseDisk: false,\n UploadRateLimit: 0,\n TorrentsSavePath: '',\n ConnectionsLimit: 25,\n DisableDHT: false,\n DisablePEX: false,\n DisableTCP: false,\n DisableUPNP: false,\n DisableUTP: false,\n DisableUpload: false,\n DownloadRateLimit: 0,\n EnableDebug: false,\n EnableIPv6: false,\n FriendlyName: '',\n ForceEncrypt: false,\n PeersListenPort: 0,\n PreloadCache: 50,\n RemoveCacheOnDrop: false,\n RetrackersMode: 1,\n TorrentDisconnectTimeout: 30,\n}\n","export const a11yProps = index => ({\n id: `full-width-tab-${index}`,\n 'aria-controls': `full-width-tabpanel-${index}`,\n})\n\nexport const TabPanel = ({ children, value, index, ...other }) => (\n \n {value === index && <>{children}}\n
\n)\n","import { Grid, OutlinedInput, Slider } from '@material-ui/core'\n\nexport default function SliderInput({\n isProMode,\n title,\n value,\n setValue,\n sliderMin,\n sliderMax,\n inputMin,\n inputMax,\n step = 1,\n onBlurCallback,\n}) {\n const onBlur = ({ target: { value } }) => {\n if (value < inputMin) return setValue(inputMin)\n if (value > inputMax) return setValue(inputMax)\n\n onBlurCallback && onBlurCallback(value)\n }\n\n const onInputChange = ({ target: { value } }) => setValue(value === '' ? '' : Number(value))\n const onSliderChange = (_, newValue) => setValue(newValue)\n\n return (\n <>\n {title}
\n\n \n {t('SettingsDialog.CacheSettings')} \n\n \n \n\n \n \n\n
\n\n setCacheSize(Math.round(value / 4) * 4)}\n />\n\n
\n\n {UseDisk ? (\n \n {100 - cachePercentage}% ({Math.round((cacheSize / 100) * (100 - cachePercentage))} {t('MB')})\n
\n\n {t('SettingsDialog.CacheBeforeReaderDesc')}
\n \n {cachePercentage}% ({Math.round((cacheSize / 100) * cachePercentage)} {t('MB')})\n
\n\n {t('SettingsDialog.CacheAfterReaderDesc')}
\n \n\n
\n
\n
\n ) : (\n \n updateSettings({ UseDisk: false })}>\n \n \n\n \n\n \n \n \n\n \n
\n\n {t('SettingsDialog.RAM')}
\n {t('SettingsDialog.Disk')}
\n \n {t('SettingsDialog.RemoveCacheOnDropDesc')}\n
\n \n
{t('SettingsDialog.RAM')}
\n {t('SettingsDialog.Disk')}
\n \n
\n
\n
\n
\n
\n
{t('SettingsDialog.Settings')}
\n {t('SettingsDialog.Tabs.Additional')}
\n {!isProMode && {t('SettingsDialog.Tabs.AdditionalDisabled')}
}\n \n }\n {...a11yProps(1)}\n />\n\n {isStandaloneApp && \n \n {isStandaloneApp ? (\n <>\n \n \n\n \n\n {isDialogOpen &&
\n )\n}\n","import { Button, Dialog, DialogActions, DialogTitle } from '@material-ui/core'\nimport ListItem from '@material-ui/core/ListItem'\nimport ListItemIcon from '@material-ui/core/ListItemIcon'\nimport ListItemText from '@material-ui/core/ListItemText'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport { useState } from 'react'\nimport { torrentsHost } from 'utils/Hosts'\nimport { useTranslation } from 'react-i18next'\n\nconst fnRemoveAll = () => {\n fetch(torrentsHost(), {\n method: 'post',\n body: JSON.stringify({ action: 'list' }),\n headers: {\n Accept: 'application/json, text/plain, */*',\n 'Content-Type': 'application/json',\n },\n })\n .then(res => res.json())\n .then(json => {\n json.forEach(torr => {\n fetch(torrentsHost(), {\n method: 'post',\n body: JSON.stringify({ action: 'rem', hash: torr.hash }),\n headers: {\n Accept: 'application/json, text/plain, */*',\n 'Content-Type': 'application/json',\n },\n })\n })\n })\n}\n\nexport default function RemoveAll({ isOffline, isLoading }) {\n const { t } = useTranslation()\n const [open, setOpen] = useState(false)\n const closeDialog = () => setOpen(false)\n const openDialog = () => setOpen(true)\n\n return (\n <>\n {t('SettingsDialog.Settings')}
\n \n ) : (\n <>\n {name}
\n {t('Details')}
\n \n ) : (\n <>\n {t('About')}
\n {torrServerVersion}\n 
\n \n {t('ThanksToEveryone')} \n\n \n {t('Links')}\n\n \n\n \n {t('SpecialThanks')}\n\n \n
\n\n \n
\n \n
\n {t('TurnOff')}
\n \n ) : (\n <>\n - \n
- \n
{t('Donate')}
\n \n\n {t('PWAGuide.Header')}\n\n {t('PWAGuide.Description')}
\n\n{t('PWAGuide.VLC')}
\n\n\n 1. {t('PWAGuide.FirstStep')}
\n 2. {t('PWAGuide.SecondStep.Select')} {t('PWAGuide.SecondStep.AddToHomeScreen')}\n
\n\n \n \n \n\n {isMini && height >= cacheMaxHeight && {t('ScrollDown')} }\n
\n )}\n \n \n\n \n \n \n\n \n \n \n
\n {shouldDisplayFullFileName ? path : title}
\n \n {isViewed && (\n
\n \n \n
\n )}\n {fileHasSeasonText && seasonAmount?.length === 1 && (\n {t('Viewed')}
\n \n \n
\n \n
\n )}\n {fileHasEpisodeText && (\n {t('Season')}
\n {season}
\n \n
\n )}\n {fileHasResolutionText && (\n {t('Episode')}
\n {episode}
\n \n
\n )}\n {t('Resolution')}
\n {resolution}
\n \n
\n {t('Size')}
\n {humanizeSize(length)}
\n \n {t('Cache')}\n\n {\n setIsSnakeDebugMode(checked)\n localStorage.setItem('isSnakeDebugMode', checked)\n }}\n />\n }\n label={t('DebugMode')}\n labelPlacement='start'\n />\n
\n \n
\n)\n\nexport default function DialogTorrentDetailsContent({ closeDialog, torrent }) {\n const { t } = useTranslation()\n const [isLoading, setIsLoading] = useState(true)\n const [isDetailedCacheView, setIsDetailedCacheView] = useState(false)\n const [viewedFileList, setViewedFileList] = useState()\n const [playableFileList, setPlayableFileList] = useState()\n const [seasonAmount, setSeasonAmount] = useState(null)\n const [selectedSeason, setSelectedSeason] = useState()\n const [isSnakeDebugMode] = useState(JSON.parse(localStorage.getItem('isSnakeDebugMode')) || false)\n\n const {\n poster,\n hash,\n title,\n name,\n stat,\n download_speed: downloadSpeed,\n upload_speed: uploadSpeed,\n torrent_size: torrentSize,\n file_stats: torrentFileList,\n } = torrent\n\n const cache = useUpdateCache(hash)\n const settings = useGetSettings(cache)\n\n const { Capacity, PiecesCount, PiecesLength, Filled } = cache\n\n useEffect(() => {\n if (playableFileList && seasonAmount === null) {\n const seasons = []\n playableFileList.forEach(({ path }) => {\n const currentSeason = ptt.parse(path).season\n if (currentSeason) {\n !seasons.includes(currentSeason) && seasons.push(currentSeason)\n }\n })\n seasons.length && setSelectedSeason(seasons[0])\n setSeasonAmount(seasons.sort((a, b) => a - b))\n }\n }, [playableFileList, seasonAmount])\n\n useEffect(() => {\n setPlayableFileList(torrentFileList?.filter(({ path }) => isFilePlayable(path)))\n }, [torrentFileList])\n\n useEffect(() => {\n const cacheLoaded = !!Object.entries(cache).length\n const torrentLoaded = stat !== GETTING_INFO && stat !== IN_DB\n\n if (!cacheLoaded && !isLoading) setIsLoading(true)\n if (cacheLoaded && isLoading && torrentLoaded) setIsLoading(false)\n }, [stat, cache, isLoading])\n\n useEffect(() => {\n // getting viewed file list\n axios.post(viewedHost(), { action: 'list', hash }).then(({ data }) => {\n if (data) {\n const lst = data.map(itm => itm.file_index).sort((a, b) => a - b)\n setViewedFileList(lst)\n } else setViewedFileList()\n })\n }, [hash])\n\n const preloadPerc = settings?.PreloadCache\n const preloadSize = (Capacity / 100) * preloadPerc\n const bufferSize = preloadSize > 33554432 ? preloadSize : 33554432 // Not less than 32MB\n\n const getParsedTitle = () => {\n const newNameStringArr = []\n\n const torrentParsedName = name && ptt.parse(name)\n\n if (title !== name) {\n newNameStringArr.push(removeRedundantCharacters(title))\n } else if (torrentParsedName?.title) newNameStringArr.push(removeRedundantCharacters(torrentParsedName?.title))\n\n // These 2 checks are needed to get year and resolution from torrent name if title does not have this info\n if (torrentParsedName?.year && !newNameStringArr[0].includes(torrentParsedName?.year))\n newNameStringArr.push(torrentParsedName?.year)\n if (torrentParsedName?.resolution && !newNameStringArr[0].includes(torrentParsedName?.resolution))\n newNameStringArr.push(torrentParsedName?.resolution)\n\n const newNameString = newNameStringArr.join('. ')\n\n // removeRedundantCharacters is returning \"..\" if it was \"...\"\n const lastDotShouldBeAdded =\n newNameString[newNameString.length - 1] === '.' && newNameString[newNameString.length - 2] === '.'\n\n return lastDotShouldBeAdded ? `${newNameString}.` : newNameString\n }\n\n return (\n <>\n \n {title && name !== title ? (\n getParsedTitle().length > 90 ? (\n <>\n {ptt.parse(name).title} \n {getParsedTitle()} \n \n ) : (\n <>\n {getParsedTitle()} \n {ptt.parse(name || '')?.title} \n \n )\n ) : (\n {getParsedTitle()} \n )}\n\n \n \n\n
\n {t('AddDialog.AppendFile.Or')}
\n\n {t('AddDialog.AppendFile.ClickOrDrag')}
\n \n
\n\n {t('Name')}
\n {parsedTitle}
\n \n
\n \n
\n\n {t('Size')}
\n {torrentSize > 0 && humanizeSize(torrentSize)}
\n \n
\n\n {t('Speed')}
\n \n {downloadSpeed > 0 ? humanizeSpeed(downloadSpeed) : '---'}\n
\n \n
\n {t('Peers')}
\n {getPeerString(torrent) || '---'}
\n {t('Offline')}
\n {t('NoTorrentsAdded')}
\n - \n
\n \n {isStandaloneApp ? (\n \n \n\n \n\n {isDialogOpen &&
\n )\n}\n","import styled, { css } from 'styled-components'\nimport { mainColors } from 'style/colors'\nimport { StyledHeader } from 'style/CustomMaterialUiStyles'\n\nexport const cacheBeforeReaderColor = '#b3dfc9'\nexport const cacheAfterReaderColor = mainColors.light.primary\n\nexport const SettingsHeader = styled(StyledHeader)`\n display: grid;\n grid-auto-flow: column;\n align-items: center;\n justify-content: space-between;\n\n @media (max-width: 340px) {\n grid-auto-flow: row;\n }\n`\n\nexport const FooterSection = styled.div`\n ${({\n theme: {\n settingsDialog: { footerBG },\n },\n }) => css`\n padding: 20px;\n display: grid;\n grid-auto-flow: column;\n justify-content: end;\n gap: 10px;\n align-items: center;\n background: ${footerBG};\n\n @media (max-width: 500px) {\n grid-auto-flow: row;\n justify-content: stretch;\n }\n `}\n`\nexport const Divider = styled.div`\n height: 1px;\n background-color: rgba(0, 0, 0, 0.12);\n margin: 30px 0;\n`\n\nexport const Content = styled.div`\n ${({\n isLoading,\n theme: {\n settingsDialog: { contentBG },\n },\n }) => css`\n background: ${contentBG};\n overflow: auto;\n flex: 1;\n\n ${isLoading &&\n css`\n min-height: 500px;\n display: grid;\n place-items: center;\n `}\n `}\n`\n\nexport const PreloadCacheValue = styled.div`\n ${({ color }) => css`\n display: grid;\n grid-template-columns: max-content 100px 1fr;\n gap: 10px;\n align-items: flex-start;\n\n :not(:last-child) {\n margin-bottom: 5px;\n }\n\n :before {\n content: '';\n background: ${color};\n width: 16px;\n height: 16px;\n border-radius: 50%;\n margin-top: 2px;\n }\n `}\n`\n\nexport const MainSettingsContent = styled.div`\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 40px;\n padding: 20px;\n\n @media (max-width: 930px) {\n grid-template-columns: 1fr;\n }\n`\nexport const SecondarySettingsContent = styled.div`\n padding: 20px;\n`\n\nexport const StorageButton = styled.div`\n ${({ small, selected }) => css`\n transition: 0.2s;\n cursor: default;\n text-align: center;\n\n ${!selected &&\n css`\n cursor: pointer;\n\n :hover {\n filter: brightness(0.8);\n }\n `}\n\n ${small\n ? css`\n display: grid;\n grid-template-columns: max-content 1fr;\n gap: 20px;\n align-items: center;\n justify-items: start;\n margin-bottom: 20px;\n `\n : css`\n display: grid;\n place-items: center;\n gap: 10px;\n `}\n `}\n`\n\nexport const StorageIconWrapper = styled.div`\n ${({ selected, small }) => css`\n width: ${small ? '60px' : '150px'};\n height: ${small ? '60px' : '150px'};\n border-radius: 50%;\n background: ${selected ? '#323637' : '#dee3e5'};\n\n svg {\n transform: rotate(-45deg) scale(0.75);\n }\n\n @media (max-width: 930px) {\n width: ${small ? '50px' : '90px'};\n height: ${small ? '50px' : '90px'};\n }\n `}\n`\n\nexport const CacheStorageSelector = styled.div`\n display: grid;\n grid-template-rows: max-content 1fr;\n grid-template-areas: 'label label';\n place-items: center;\n\n @media (max-width: 930px) {\n justify-content: start;\n column-gap: 30px;\n }\n`\n\nexport const SettingSectionLabel = styled.div`\n font-size: 25px;\n padding-bottom: 20px;\n\n small {\n display: block;\n font-size: 11px;\n }\n`\n\nexport const PreloadCachePercentage = styled.div.attrs(({ value }) => ({\n // this block is here according to styled-components recomendation about fast changable components\n style: {\n background: `linear-gradient(to right, ${cacheBeforeReaderColor} 0%, ${cacheBeforeReaderColor} ${value}%, ${cacheAfterReaderColor} ${value}%, ${cacheAfterReaderColor} 100%)`,\n },\n}))`\n ${({ label, preloadCachePercentage }) => css`\n border: 1px solid #323637;\n padding: 10px 20px;\n border-radius: 5px;\n color: #000;\n margin-bottom: 10px;\n position: relative;\n\n :before {\n content: '${label}';\n display: grid;\n place-items: center;\n font-size: 20px;\n }\n\n :after {\n content: '';\n width: ${preloadCachePercentage}%;\n height: 100%;\n background: #323637;\n position: absolute;\n bottom: 0;\n left: 0;\n border-radius: 4px;\n filter: opacity(0.15);\n }\n `}\n`\n","export default {\n CacheSize: 64,\n ReaderReadAHead: 95,\n UseDisk: false,\n UploadRateLimit: 0,\n TorrentsSavePath: '',\n ConnectionsLimit: 25,\n DisableDHT: false,\n DisablePEX: false,\n DisableTCP: false,\n DisableUPNP: false,\n DisableUTP: false,\n DisableUpload: false,\n DownloadRateLimit: 0,\n EnableDebug: false,\n EnableIPv6: false,\n FriendlyName: '',\n EnableRutorSearch: false,\n ForceEncrypt: false,\n PeersListenPort: 0,\n PreloadCache: 50,\n RemoveCacheOnDrop: false,\n RetrackersMode: 1,\n TorrentDisconnectTimeout: 30,\n}\n","export const a11yProps = index => ({\n id: `full-width-tab-${index}`,\n 'aria-controls': `full-width-tabpanel-${index}`,\n})\n\nexport const TabPanel = ({ children, value, index, ...other }) => (\n \n {value === index && <>{children}}\n
\n)\n","import { Grid, OutlinedInput, Slider } from '@material-ui/core'\n\nexport default function SliderInput({\n isProMode,\n title,\n value,\n setValue,\n sliderMin,\n sliderMax,\n inputMin,\n inputMax,\n step = 1,\n onBlurCallback,\n}) {\n const onBlur = ({ target: { value } }) => {\n if (value < inputMin) return setValue(inputMin)\n if (value > inputMax) return setValue(inputMax)\n\n onBlurCallback && onBlurCallback(value)\n }\n\n const onInputChange = ({ target: { value } }) => setValue(value === '' ? '' : Number(value))\n const onSliderChange = (_, newValue) => setValue(newValue)\n\n return (\n <>\n {title}
\n\n \n {t('SettingsDialog.CacheSettings')} \n\n \n \n\n \n \n\n
\n\n setCacheSize(Math.round(value / 4) * 4)}\n />\n\n
\n\n {UseDisk ? (\n \n {100 - cachePercentage}% ({Math.round((cacheSize / 100) * (100 - cachePercentage))} {t('MB')})\n
\n\n {t('SettingsDialog.CacheBeforeReaderDesc')}
\n \n {cachePercentage}% ({Math.round((cacheSize / 100) * cachePercentage)} {t('MB')})\n
\n\n {t('SettingsDialog.CacheAfterReaderDesc')}
\n \n\n
\n
\n
\n ) : (\n \n updateSettings({ UseDisk: false })}>\n \n \n\n \n\n \n \n \n\n \n
\n\n {t('SettingsDialog.RAM')}
\n {t('SettingsDialog.Disk')}
\n \n {t('SettingsDialog.RemoveCacheOnDropDesc')}\n
\n \n
{t('SettingsDialog.RAM')}
\n {t('SettingsDialog.Disk')}
\n \n
\n
\n
\n
\n
\n
\n
{t('SettingsDialog.Settings')}
\n {t('SettingsDialog.Tabs.Additional')}
\n {!isProMode && {t('SettingsDialog.Tabs.AdditionalDisabled')}
}\n \n }\n {...a11yProps(1)}\n />\n\n {isStandaloneApp && \n \n {isStandaloneApp ? (\n <>\n \n \n\n \n\n {isDialogOpen &&
\n )\n}\n","import { Button, Dialog, DialogActions, DialogTitle } from '@material-ui/core'\nimport ListItem from '@material-ui/core/ListItem'\nimport ListItemIcon from '@material-ui/core/ListItemIcon'\nimport ListItemText from '@material-ui/core/ListItemText'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport { useState } from 'react'\nimport { torrentsHost } from 'utils/Hosts'\nimport { useTranslation } from 'react-i18next'\n\nconst fnRemoveAll = () => {\n fetch(torrentsHost(), {\n method: 'post',\n body: JSON.stringify({ action: 'list' }),\n headers: {\n Accept: 'application/json, text/plain, */*',\n 'Content-Type': 'application/json',\n },\n })\n .then(res => res.json())\n .then(json => {\n json.forEach(torr => {\n fetch(torrentsHost(), {\n method: 'post',\n body: JSON.stringify({ action: 'rem', hash: torr.hash }),\n headers: {\n Accept: 'application/json, text/plain, */*',\n 'Content-Type': 'application/json',\n },\n })\n })\n })\n}\n\nexport default function RemoveAll({ isOffline, isLoading }) {\n const { t } = useTranslation()\n const [open, setOpen] = useState(false)\n const closeDialog = () => setOpen(false)\n const openDialog = () => setOpen(true)\n\n return (\n <>\n {t('SettingsDialog.Settings')}
\n \n ) : (\n <>\n {name}
\n {t('Details')}
\n \n ) : (\n <>\n {t('About')}
\n {torrServerVersion}\n \n \n {t('ThanksToEveryone')} \n\n \n {t('Links')}\n\n \n\n \n {t('SpecialThanks')}\n\n \n
\n\n \n
\n \n
\n {t('TurnOff')}
\n \n ) : (\n <>\n - \n
- \n
{t('Donate')}
\n \n\n {t('PWAGuide.Header')}\n\n {t('PWAGuide.Description')}
\n\n{t('PWAGuide.VLC')}
\n\n\n 1. {t('PWAGuide.FirstStep')}
\n 2. {t('PWAGuide.SecondStep.Select')} {t('PWAGuide.SecondStep.AddToHomeScreen')}\n
\n+