feat(ui): settings tabs
This commit is contained in:
Alexey Kasyanchuk
parent
aa6014862d
commit
dd982da6b1
@ -5,6 +5,8 @@ import Toggle from 'material-ui/Toggle';
|
||||
import RaisedButton from 'material-ui/RaisedButton';
|
||||
import TextField from 'material-ui/TextField'
|
||||
import Slider from 'material-ui/Slider'
|
||||
import {Tabs, Tab} from 'material-ui/Tabs';
|
||||
import SvgIcon from 'material-ui/SvgIcon';
|
||||
|
||||
import fs from 'fs'
|
||||
let dialog
|
||||
@ -16,6 +18,7 @@ export default class ConfigPage extends Page {
|
||||
super(props)
|
||||
this.setTitle('Rats settings');
|
||||
this.options = {}
|
||||
this.state = {tabIndex: 'main'}
|
||||
}
|
||||
componentDidMount() {
|
||||
this.loadSettings()
|
||||
@ -38,286 +41,397 @@ export default class ConfigPage extends Page {
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<div className='row center pad0-75'>
|
||||
<RaisedButton label={__('Back to main page')} primary={true} onClick={() => {
|
||||
<Tabs value={this.state.tabIndex} onChange={(index) => this.setState({tabIndex: index})}>
|
||||
<Tab value='back' label={__('Back to main page')} onActive={() => {
|
||||
window.router('/')
|
||||
}} />
|
||||
</div>
|
||||
<Tab value='main' label={__("Main settings")} icon={<SvgIcon viewBox="0 0 264.725 264.725">
|
||||
<path d="M220.195,71.427c-0.589-7.654-9.135-15.619-17.979-16.209c-8.844-0.584-17.398,0.301-12.087,6.483
|
||||
c5.308,6.188,7.074,12.091,4.423,11.212c-2.66-0.896-13.267-7.08-45.104-2.066c-4.126,1.17-21.221-12.682-44.513-12.977
|
||||
c-23.283-0.295-40.381,6.346-64.85,72.296c-2.356,5.828-18.866,19.386-27.71,25.865C3.536,162.529,0.007,169.787,0,182.763
|
||||
c-0.018,18.158,25.934,27.187,81.648,26.889c55.715-0.292,85.195-9.388,85.195-9.388c-62.789,6.773-158.907,10.52-158.907-18.687
|
||||
c0-20.641,28.321-28.47,36.281-28.184c7.958,0.3,13.562,12.673,33.307,5.603c3.247-0.295,1.48,4.423-1.18,7.369
|
||||
c-2.651,2.942-0.586,6.487,9.73,6.487c10.315,0,41.183,0.295,47.707,0c6.531-0.299,11.839-11.792-9.384-12.68
|
||||
c-18.548,0.311,12.023-5.773,15.915-21.813c0.709-3.927,8.84-4.139,15.918-4.119c20.777,0.029,34.485,38.193,38.912,38.338
|
||||
c4.416,0.15,17.979,1.621,17.683-4.273c-0.292-5.897-11.491-3.241-13.854-6.487c-2.359-3.234-10.023-15.504-7.366-21.104
|
||||
c2.65-5.59,12.674-21.229,24.463-22.988c11.789-1.777,42.451,7.361,47.459,0c5.012-7.372-6.783-11.512-15.918-28.611
|
||||
C243.779,80.572,238.768,71.728,220.195,71.427z"/>
|
||||
</SvgIcon>
|
||||
}>
|
||||
<div className='column center w100p pad0-75'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Enabled network scanning')}
|
||||
toggled={this.options.indexer}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.indexer = checked
|
||||
if(!this.options.indexer)
|
||||
this.options.p2p = false
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Scanning port')}</div>
|
||||
<TextField
|
||||
style={{width: 65}}
|
||||
hintText={__('Port')}
|
||||
errorText={this.options.spiderPort > 0 ? undefined : __('This field is required')}
|
||||
value={this.options.spiderPort}
|
||||
onChange={(e, value) => {
|
||||
if(!value)
|
||||
value = 0
|
||||
if(value > 65535)
|
||||
value = 65535
|
||||
|
||||
this.options.spiderPort = parseInt(value)
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('For current work TCP and UDP ports must be fully open and forward in case of router usage')}</div>
|
||||
</div>
|
||||
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Trackers responce port')}</div>
|
||||
<TextField
|
||||
style={{width: 65}}
|
||||
hintText="Port"
|
||||
errorText={this.options.udpTrackersPort > 0 ? undefined : __('This field is required')}
|
||||
value={this.options.udpTrackersPort}
|
||||
onChange={(e, value) => {
|
||||
if(!value)
|
||||
value = 0
|
||||
if(value > 65535)
|
||||
value = 65535
|
||||
|
||||
this.options.udpTrackersPort = parseInt(value)
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('For current work UDP port must be fully open and forward in case of router usage')}</div>
|
||||
</div>
|
||||
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Enabled UPnP')}
|
||||
toggled={this.options.upnp}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.upnp = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Collection directory')}</div>
|
||||
<TextField
|
||||
hintText={__('Db path')}
|
||||
errorText={this.options.dbPath && this.options.dbPath.length > 0 ? undefined : __('This field is required')}
|
||||
value={this.options.dbPath}
|
||||
onChange={(e, value) => {
|
||||
if(!fs.existsSync(value))
|
||||
return
|
||||
|
||||
this.options.dbPath = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<RaisedButton style={{marginLeft: 20}} label={__('Browse')} primary={true} onClick={() => {
|
||||
if(!dialog)
|
||||
return
|
||||
const dir = dialog.showOpenDialog({properties: ['openDirectory']})[0]
|
||||
if(dir)
|
||||
{
|
||||
this.options.dbPath = dir
|
||||
this.forceUpdate()
|
||||
}
|
||||
}} />
|
||||
</div>
|
||||
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Download torrents directory')}</div>
|
||||
<TextField
|
||||
hintText={__('Download path')}
|
||||
value={this.options.client && this.options.client.downloadPath}
|
||||
onChange={(e, value) => {
|
||||
if(!fs.existsSync(value))
|
||||
return
|
||||
|
||||
this.options.client.downloadPath = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<RaisedButton style={{marginLeft: 20}} label={__('Browse')} primary={true} onClick={() => {
|
||||
if(!dialog)
|
||||
return
|
||||
const dir = dialog.showOpenDialog({properties: ['openDirectory']})[0]
|
||||
if(dir)
|
||||
{
|
||||
this.options.client.downloadPath = dir
|
||||
this.forceUpdate()
|
||||
}
|
||||
}} />
|
||||
</div>
|
||||
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Hide to tray on application minimize')}
|
||||
toggled={this.options.trayOnMinimize}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.trayOnMinimize = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Hide to tray on application close')}
|
||||
toggled={this.options.trayOnClose}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.trayOnClose = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
|
||||
</div>
|
||||
</Tab>
|
||||
<Tab value='p2p' label={__("P2P settings")} icon={<SvgIcon viewBox="0 0 47 47">
|
||||
<g>
|
||||
<path d="M17.567,15.938l-2.859-2.702c0.333-0.605,0.539-1.29,0.539-2.029c0-2.342-1.897-4.239-4.24-4.239
|
||||
c-2.343,0-4.243,1.896-4.243,4.239c0,2.343,1.9,4.241,4.243,4.241c0.826,0,1.59-0.246,2.242-0.654l2.855,2.699
|
||||
C16.536,16.922,17.023,16.399,17.567,15.938z"/>
|
||||
<path d="M29.66,15.6l3.799-6.393c0.374,0.107,0.762,0.184,1.169,0.184c2.347,0,4.244-1.898,4.244-4.241
|
||||
c0-2.342-1.897-4.239-4.244-4.239c-2.343,0-4.239,1.896-4.239,4.239c0,1.163,0.469,2.214,1.227,2.981l-3.787,6.375
|
||||
C28.48,14.801,29.094,15.169,29.66,15.6z"/>
|
||||
<path d="M42.762,20.952c-1.824,0-3.369,1.159-3.968,2.775l-5.278-0.521c0,0.04,0.006,0.078,0.006,0.117
|
||||
c0,0.688-0.076,1.36-0.213,2.009l5.276,0.521c0.319,2.024,2.062,3.576,4.177,3.576c2.342,0,4.238-1.896,4.238-4.238
|
||||
C47,22.85,45.104,20.952,42.762,20.952z"/>
|
||||
<path d="M28.197,37.624l-1.18-5.156c-0.666,0.232-1.359,0.398-2.082,0.481l1.182,5.157c-1.355,0.709-2.29,2.11-2.29,3.746
|
||||
c0,2.342,1.896,4.237,4.243,4.237c2.342,0,4.238-1.896,4.238-4.237C32.311,39.553,30.479,37.692,28.197,37.624z"/>
|
||||
<path d="M14.357,25.37l-6.57,2.201c-0.758-1.158-2.063-1.926-3.548-1.926C1.896,25.645,0,27.542,0,29.884
|
||||
c0,2.345,1.896,4.242,4.239,4.242c2.341,0,4.242-1.897,4.242-4.242c0-0.098-0.021-0.188-0.029-0.284l6.591-2.207
|
||||
C14.746,26.752,14.51,26.077,14.357,25.37z"/>
|
||||
<circle cx="23.83" cy="23.323" r="7.271"/>
|
||||
</g>
|
||||
</SvgIcon>}>
|
||||
<div className='column center w100p pad0-75'>
|
||||
|
||||
<div style={{marginTop: 10}}>{__('P2P Rats network settings')}:</div>
|
||||
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Enabled p2p search')}
|
||||
toggled={this.options.p2p}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.p2p = this.options.indexer && checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='column w100p'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Enabled bootstrap peers')}
|
||||
toggled={this.options.p2pBootstrap}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.p2pBootstrap = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Use extrnral bootstrap nodes to get p2p peers when network setted wrong or need external source')}</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Max peers limit')} ({__('current')}: {this.options.p2pConnections})</div>
|
||||
<Slider
|
||||
min={10}
|
||||
max={25}
|
||||
step={1}
|
||||
style={{width: 300}}
|
||||
value={this.options.p2pConnections}
|
||||
onChange={(event, value) => {
|
||||
this.options.p2pConnections = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('P2P torrents replication server')}
|
||||
toggled={this.options.p2pReplicationServer}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.p2pReplicationServer = checked
|
||||
if(!checked)
|
||||
this.options.p2pReplication = false
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Enable torrents replication server for other rats clients (required for replication)')}.</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('P2P torrents replication')}
|
||||
toggled={this.options.p2pReplication}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.p2pReplication = checked
|
||||
if(checked)
|
||||
this.options.p2pReplicationServer = true
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Enable torrents replication from another rats clients. Dont recomended if torrent scanner works correct')}.</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</Tab>
|
||||
<Tab value='performance' label={__("Performance settings")} icon={
|
||||
<SvgIcon viewBox="0 0 477.578 477.578">
|
||||
<g>
|
||||
<g>
|
||||
<path d="M471.743,207.281l-28.773-8.078c-1.842-9.613-4.367-19.082-7.555-28.336l20.82-21.32c2.292-2.351,2.914-5.864,1.57-8.86
|
||||
c-6.727-14.998-14.976-29.266-24.618-42.578c-1.918-2.668-5.28-3.882-8.461-3.055l-28.859,7.391
|
||||
c-6.416-7.385-13.342-14.31-20.726-20.726l7.391-28.859c0.813-3.18-0.398-6.534-3.055-8.461
|
||||
c-13.312-9.645-27.579-17.897-42.578-24.625c-2.994-1.357-6.514-0.733-8.859,1.57l-21.32,20.82
|
||||
c-9.257-3.187-18.729-5.712-28.344-7.555l-8.079-28.773c-0.969-3.452-4.117-5.837-7.703-5.836h-47.609
|
||||
c-3.586-0.001-6.734,2.384-7.703,5.836l-8.078,28.773c-9.613,1.842-19.082,4.367-28.336,7.555l-21.32-20.82
|
||||
c-2.346-2.302-5.865-2.926-8.859-1.57c-14.999,6.726-29.267,14.975-42.579,24.617c-2.657,1.927-3.868,5.281-3.055,8.461
|
||||
l7.391,28.859c-7.385,6.416-14.311,13.342-20.727,20.727l-28.859-7.391c-3.181-0.834-6.546,0.381-8.461,3.055
|
||||
c-9.645,13.312-17.897,27.579-24.625,42.578c-1.344,2.996-0.721,6.508,1.57,8.859l20.82,21.32
|
||||
c-3.187,9.257-5.711,18.729-7.555,28.344l-28.773,8.078c-3.452,0.969-5.837,4.117-5.836,7.703v47.602
|
||||
c-0.001,3.586,2.384,6.734,5.836,7.703l28.773,8.078c1.842,9.615,4.367,19.087,7.555,28.344l-20.82,21.32
|
||||
c-2.291,2.351-2.914,5.864-1.57,8.859c6.726,14.999,14.975,29.266,24.617,42.578c1.924,2.661,5.281,3.873,8.461,3.055
|
||||
l28.859-7.391c6.416,7.385,13.342,14.311,20.727,20.727l-7.391,28.859c-0.813,3.18,0.398,6.534,3.055,8.461
|
||||
c13.312,9.645,27.579,17.897,42.578,24.625c2.996,1.34,6.506,0.718,8.859-1.57l21.32-20.82c9.257,3.187,18.729,5.711,28.344,7.555
|
||||
l8.078,28.773c0.969,3.452,4.118,5.837,7.703,5.836h47.602c3.586,0.001,6.734-2.384,7.703-5.836l8.078-28.766
|
||||
c9.615-1.848,19.087-4.375,28.344-7.562l21.32,20.82c2.351,2.291,5.864,2.914,8.859,1.57
|
||||
c14.998-6.727,29.266-14.976,42.578-24.618c2.657-1.927,3.868-5.281,3.055-8.461l-7.391-28.859
|
||||
c7.385-6.416,14.31-13.342,20.726-20.726l28.859,7.391c3.18,0.818,6.537-0.394,8.461-3.055
|
||||
c9.646-13.312,17.897-27.58,24.625-42.579c1.344-2.996,0.721-6.508-1.57-8.859l-20.82-21.32
|
||||
c3.187-9.257,5.711-18.729,7.555-28.344l28.773-8.078c3.452-0.969,5.837-4.117,5.836-7.703v-47.609
|
||||
C477.58,211.399,475.195,208.25,471.743,207.281z M461.578,256.531l-27.758,7.797c-2.985,0.837-5.217,3.325-5.727,6.383
|
||||
c-2.001,12.012-5.146,23.805-9.391,35.219c-1.087,2.9-0.399,6.168,1.766,8.383l20.461,20.953
|
||||
c-5.058,10.576-10.935,20.739-17.578,30.398l-28.375-7.266c-3.002-0.781-6.183,0.256-8.148,2.656
|
||||
c-7.76,9.386-16.392,18.016-25.781,25.773c-2.388,1.976-3.423,5.153-2.656,8.156l7.266,28.375
|
||||
c-9.657,6.644-19.821,12.518-30.398,17.57l-20.954-20.46c-2.212-2.171-5.483-2.86-8.383-1.766
|
||||
c-11.414,4.245-23.207,7.392-35.219,9.398c-3.057,0.513-5.543,2.743-6.383,5.727l-7.797,27.75h-35.476l-7.797-27.758
|
||||
c-0.837-2.985-3.325-5.217-6.383-5.727c-12.012-2.001-23.805-5.146-35.219-9.391c-2.899-1.096-6.172-0.407-8.383,1.766
|
||||
l-20.953,20.461c-10.575-5.058-20.739-10.935-30.398-17.578l7.266-28.375c0.768-3.001-0.267-6.176-2.656-8.148
|
||||
c-9.386-7.76-18.016-16.392-25.773-25.781c-1.978-2.386-5.153-3.42-8.156-2.656l-28.375,7.266
|
||||
c-6.641-9.659-12.516-19.823-17.57-30.398l20.46-20.954c2.164-2.216,2.852-5.483,1.766-8.383
|
||||
c-4.247-11.413-7.391-23.206-9.391-35.219c-0.51-3.058-2.742-5.545-5.727-6.383L16,256.523v-35.477l27.758-7.797
|
||||
c2.985-0.837,5.217-3.325,5.727-6.383c2.001-12.012,5.146-23.805,9.391-35.219c1.087-2.9,0.399-6.168-1.766-8.383l-20.461-20.953
|
||||
c5.058-10.576,10.935-20.739,17.578-30.398l28.375,7.266c3.001,0.769,6.177-0.266,8.148-2.656
|
||||
c7.76-9.386,16.392-18.016,25.781-25.773c2.388-1.976,3.423-5.153,2.656-8.156l-7.266-28.375
|
||||
c9.659-6.641,19.823-12.516,30.399-17.57l20.953,20.46c2.211,2.172,5.483,2.861,8.383,1.766
|
||||
c11.412-4.243,23.202-7.388,35.211-9.391c3.058-0.51,5.545-2.742,6.383-5.727L221.047,16h35.484l7.797,27.758
|
||||
c0.837,2.985,3.325,5.217,6.383,5.727c12.012,2.001,23.805,5.146,35.219,9.391c2.899,1.096,6.172,0.407,8.383-1.766l20.953-20.461
|
||||
c10.576,5.058,20.739,10.935,30.398,17.578l-7.266,28.375c-0.768,3.001,0.267,6.176,2.656,8.148
|
||||
c9.386,7.76,18.016,16.392,25.773,25.781c1.97,2.397,5.152,3.433,8.156,2.656l28.375-7.266
|
||||
c6.644,9.657,12.518,19.821,17.57,30.398l-20.46,20.954c-2.164,2.216-2.852,5.483-1.766,8.383
|
||||
c4.243,11.412,7.388,23.202,9.391,35.211c0.51,3.058,2.742,5.545,5.727,6.383l27.758,7.797V256.531z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M238.789,78.789c-88.366,0-160,71.634-160,160c0.098,88.325,71.675,159.902,160,160c88.366,0,160-71.634,160-160
|
||||
S327.155,78.789,238.789,78.789z M345.95,334.638l-16.653-16.653l-11.313,11.313l16.653,16.653
|
||||
c-24.277,21.798-55.27,34.651-87.849,36.434v-23.595h-16v23.595c-32.578-1.782-63.571-14.636-87.849-36.434l16.653-16.653
|
||||
l-11.313-11.313l-16.653,16.653c-21.798-24.277-34.652-55.27-36.434-87.849h23.595v-16H95.194
|
||||
c1.782-32.578,14.636-63.571,36.434-87.849l16.653,16.653l11.313-11.313l-16.653-16.653c24.277-21.798,55.27-34.651,87.849-36.434
|
||||
v23.595h16V95.194c32.578,1.782,63.571,14.636,87.849,36.434l-16.653,16.653l11.313,11.313l16.653-16.653
|
||||
c21.798,24.277,34.652,55.27,36.434,87.849h-23.595v16h23.595C380.602,279.367,367.748,310.36,345.95,334.638z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M307.224,168.133c-2.687-1.79-6.186-1.79-8.872,0l-58.062,38.711c-0.5-0.031-0.992-0.055-1.5-0.055
|
||||
c-17.673,0-32,14.327-32,32s14.327,32,32,32c17.666-0.018,31.982-14.334,32-32c0-0.5-0.023-1-0.055-1.492l38.711-58.07
|
||||
C311.895,175.55,310.901,170.583,307.224,168.133z M255.781,230.875c-1.094,1.716-1.532,3.768-1.234,5.781
|
||||
c0.136,0.704,0.217,1.417,0.242,2.133c0,8.837-7.163,16-16,16s-16-7.163-16-16s7.163-16,16-16c0.769,0.03,1.534,0.119,2.289,0.266
|
||||
c1.966,0.287,3.969-0.161,5.625-1.258l27.234-18.156L255.781,230.875z"/>
|
||||
</g>
|
||||
</g>
|
||||
</SvgIcon>
|
||||
}>
|
||||
<div className='column center w100p pad0-75'>
|
||||
|
||||
<div className='column w100p'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Check torrent files intergrity')}
|
||||
toggled={this.options.recheckFilesOnAdding}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.recheckFilesOnAdding = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Enable database torrents files intergrity check on adding each torrent. Disable this will free some cpu usage on adding operation.')}</div>
|
||||
</div>
|
||||
|
||||
<div style={{marginTop: 10}}>{__('Torrent network scanner settings')}:</div>
|
||||
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Scanner walk speed')} ({__('current')}: {this.options.spider && this.options.spider.walkInterval}) [{__('affected after program reload')}]</div>
|
||||
<Slider
|
||||
min={1}
|
||||
max={150}
|
||||
step={1}
|
||||
style={{width: 300}}
|
||||
value={this.options.spider && this.options.spider.walkInterval}
|
||||
onChange={(event, value) => {
|
||||
this.options.spider.walkInterval = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Low value')} - {__('fast initial scanning and high cpu usage')}. {__('High Value')} - {__('low cpu usage but very slow scanning')}.
|
||||
{__('Good value between')} 3-60. {__('Defaul value')}: 5</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Nodes usage')} ({__('current')}: {this.options.spider && this.options.spider.nodesUsage})</div>
|
||||
<Slider
|
||||
min={0}
|
||||
max={1000}
|
||||
step={1}
|
||||
style={{width: 300}}
|
||||
value={this.options.spider && this.options.spider.nodesUsage}
|
||||
onChange={(event, value) => {
|
||||
this.options.spider.nodesUsage = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Low Value')} - {__('very low usage of nodes, low network traffic, slow torrent scanning')}. {__('High value')} - {__('high traffic, fast scanning, high routers usage')}.
|
||||
{__('Recomended value between')} 10-1000. {__('Defaul value')}: 100. 0 - {__('Ignore this option')} ({__('no limit')}).
|
||||
</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Reduce network packages')} ({__('current')}: {this.options.spider && this.options.spider.packagesLimit})</div>
|
||||
<Slider
|
||||
min={0}
|
||||
max={2000}
|
||||
step={1}
|
||||
style={{width: 300}}
|
||||
value={this.options.spider && this.options.spider.packagesLimit}
|
||||
onChange={(event, value) => {
|
||||
this.options.spider.packagesLimit = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Low Value')} - {__('ignore more usless network packages, lower traffic and routers usage')}. {__('High Value')} - {__('high traffic and router usage in prospect')}.
|
||||
{__('Recomended value between')} 300-2000. {__('Defaul value')}: 500. 0 - {__('Ignore this option')} ({__('no limit')}).
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</Tab>
|
||||
</Tabs>
|
||||
<div className='column center w100p pad0-75'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Enabled network scanning')}
|
||||
toggled={this.options.indexer}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.indexer = checked
|
||||
if(!this.options.indexer)
|
||||
this.options.p2p = false
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Scanning port')}</div>
|
||||
<TextField
|
||||
style={{width: 65}}
|
||||
hintText={__('Port')}
|
||||
errorText={this.options.spiderPort > 0 ? undefined : __('This field is required')}
|
||||
value={this.options.spiderPort}
|
||||
onChange={(e, value) => {
|
||||
if(!value)
|
||||
value = 0
|
||||
if(value > 65535)
|
||||
value = 65535
|
||||
|
||||
this.options.spiderPort = parseInt(value)
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('For current work TCP and UDP ports must be fully open and forward in case of router usage')}</div>
|
||||
</div>
|
||||
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Trackers responce port')}</div>
|
||||
<TextField
|
||||
style={{width: 65}}
|
||||
hintText="Port"
|
||||
errorText={this.options.udpTrackersPort > 0 ? undefined : __('This field is required')}
|
||||
value={this.options.udpTrackersPort}
|
||||
onChange={(e, value) => {
|
||||
if(!value)
|
||||
value = 0
|
||||
if(value > 65535)
|
||||
value = 65535
|
||||
|
||||
this.options.udpTrackersPort = parseInt(value)
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('For current work UDP port must be fully open and forward in case of router usage')}</div>
|
||||
</div>
|
||||
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Enabled UPnP')}
|
||||
toggled={this.options.upnp}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.upnp = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Collection directory')}</div>
|
||||
<TextField
|
||||
hintText={__('Db path')}
|
||||
errorText={this.options.dbPath && this.options.dbPath.length > 0 ? undefined : __('This field is required')}
|
||||
value={this.options.dbPath}
|
||||
onChange={(e, value) => {
|
||||
if(!fs.existsSync(value))
|
||||
return
|
||||
|
||||
this.options.dbPath = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<RaisedButton style={{marginLeft: 20}} label={__('Browse')} primary={true} onClick={() => {
|
||||
if(!dialog)
|
||||
return
|
||||
const dir = dialog.showOpenDialog({properties: ['openDirectory']})[0]
|
||||
if(dir)
|
||||
{
|
||||
this.options.dbPath = dir
|
||||
this.forceUpdate()
|
||||
}
|
||||
}} />
|
||||
</div>
|
||||
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Download torrents directory')}</div>
|
||||
<TextField
|
||||
hintText={__('Download path')}
|
||||
value={this.options.client && this.options.client.downloadPath}
|
||||
onChange={(e, value) => {
|
||||
if(!fs.existsSync(value))
|
||||
return
|
||||
|
||||
this.options.client.downloadPath = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<RaisedButton style={{marginLeft: 20}} label={__('Browse')} primary={true} onClick={() => {
|
||||
if(!dialog)
|
||||
return
|
||||
const dir = dialog.showOpenDialog({properties: ['openDirectory']})[0]
|
||||
if(dir)
|
||||
{
|
||||
this.options.client.downloadPath = dir
|
||||
this.forceUpdate()
|
||||
}
|
||||
}} />
|
||||
</div>
|
||||
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Hide to tray on application minimize')}
|
||||
toggled={this.options.trayOnMinimize}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.trayOnMinimize = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Hide to tray on application close')}
|
||||
toggled={this.options.trayOnClose}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.trayOnClose = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
|
||||
<div style={{marginTop: 10}}>{__('P2P Rats network settings')}:</div>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Enabled p2p search')}
|
||||
toggled={this.options.p2p}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.p2p = this.options.indexer && checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='column w100p'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Enabled bootstrap peers')}
|
||||
toggled={this.options.p2pBootstrap}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.p2pBootstrap = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Use extrnral bootstrap nodes to get p2p peers when network setted wrong or need external source')}</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Max peers limit')} ({__('current')}: {this.options.p2pConnections})</div>
|
||||
<Slider
|
||||
min={10}
|
||||
max={25}
|
||||
step={1}
|
||||
style={{width: 300}}
|
||||
value={this.options.p2pConnections}
|
||||
onChange={(event, value) => {
|
||||
this.options.p2pConnections = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('P2P torrents replication server')}
|
||||
toggled={this.options.p2pReplicationServer}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.p2pReplicationServer = checked
|
||||
if(!checked)
|
||||
this.options.p2pReplication = false
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Enable torrents replication server for other rats clients (required for replication)')}.</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('P2P torrents replication')}
|
||||
toggled={this.options.p2pReplication}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.p2pReplication = checked
|
||||
if(checked)
|
||||
this.options.p2pReplicationServer = true
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Enable torrents replication from another rats clients. Dont recomended if torrent scanner works correct')}.</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<Toggle
|
||||
style={{marginTop: '10px'}}
|
||||
label={__('Check torrent files intergrity')}
|
||||
toggled={this.options.recheckFilesOnAdding}
|
||||
onToggle={(e, checked) => {
|
||||
this.options.recheckFilesOnAdding = checked
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Enable database torrents files intergrity check on adding each torrent. Disable this will free some cpu usage on adding operation.')}</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div style={{marginTop: 10}}>{__('Torrent network scanner settings')}:</div>
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Scanner walk speed')} ({__('current')}: {this.options.spider && this.options.spider.walkInterval}) [{__('affected after program reload')}]</div>
|
||||
<Slider
|
||||
min={1}
|
||||
max={150}
|
||||
step={1}
|
||||
style={{width: 300}}
|
||||
value={this.options.spider && this.options.spider.walkInterval}
|
||||
onChange={(event, value) => {
|
||||
this.options.spider.walkInterval = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Low value')} - {__('fast initial scanning and high cpu usage')}. {__('High Value')} - {__('low cpu usage but very slow scanning')}.
|
||||
{__('Good value between')} 3-60. {__('Defaul value')}: 5</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Nodes usage')} ({__('current')}: {this.options.spider && this.options.spider.nodesUsage})</div>
|
||||
<Slider
|
||||
min={0}
|
||||
max={1000}
|
||||
step={1}
|
||||
style={{width: 300}}
|
||||
value={this.options.spider && this.options.spider.nodesUsage}
|
||||
onChange={(event, value) => {
|
||||
this.options.spider.nodesUsage = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Low Value')} - {__('very low usage of nodes, low network traffic, slow torrent scanning')}. {__('High value')} - {__('high traffic, fast scanning, high routers usage')}.
|
||||
{__('Recomended value between')} 10-1000. {__('Defaul value')}: 100. 0 - {__('Ignore this option')} ({__('no limit')}).
|
||||
</div>
|
||||
</div>
|
||||
<div className='column w100p'>
|
||||
<div className='row inline w100p'>
|
||||
<div style={{flex: 1}}>{__('Reduce network packages')} ({__('current')}: {this.options.spider && this.options.spider.packagesLimit})</div>
|
||||
<Slider
|
||||
min={0}
|
||||
max={2000}
|
||||
step={1}
|
||||
style={{width: 300}}
|
||||
value={this.options.spider && this.options.spider.packagesLimit}
|
||||
onChange={(event, value) => {
|
||||
this.options.spider.packagesLimit = value
|
||||
this.forceUpdate()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className='fs0-75' style={{color: 'grey'}}>* {__('Low Value')} - {__('ignore more usless network packages, lower traffic and routers usage')}. {__('High Value')} - {__('high traffic and router usage in prospect')}.
|
||||
{__('Recomended value between')} 300-2000. {__('Defaul value')}: 500. 0 - {__('Ignore this option')} ({__('no limit')}).
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{
|
||||
this.settingsSavedMessage
|
||||
&&
|
||||
@ -329,7 +443,6 @@ export default class ConfigPage extends Page {
|
||||
this.saveSettings()
|
||||
}} />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -188,6 +188,9 @@
|
||||
"or with hash": "或者使用Hash",
|
||||
"Check torrent files intergrity": "检查种子文件的完整性",
|
||||
"Enable database torrents files intergrity check on adding each torrent. Disable this will free some cpu usage on adding operation.": "每个种子添加到数据库时都检查完整性，禁用这个可用减少一些CPU使用率。",
|
||||
"Download to": "下载到"
|
||||
"Download to": "下载到",
|
||||
"Main settings": "Main settings",
|
||||
"P2P settings": "P2P settings",
|
||||
"Performance settings": "Performance settings"
|
||||
}
|
||||
}
|
||||
@ -188,6 +188,9 @@
|
||||
"or with hash": "or with hash",
|
||||
"Check torrent files intergrity": "Check torrent files intergrity",
|
||||
"Enable database torrents files intergrity check on adding each torrent. Disable this will free some cpu usage on adding operation.": "Enable database torrents files intergrity check on adding each torrent. Disable this will free some cpu usage on adding operation.",
|
||||
"Download to": "Download to"
|
||||
"Download to": "Download to",
|
||||
"Main settings": "Main settings",
|
||||
"P2P settings": "P2P settings",
|
||||
"Performance settings": "Performance settings"
|
||||
}
|
||||
}
|
||||
@ -188,6 +188,9 @@
|
||||
"or with hash": "или по хэшу",
|
||||
"Check torrent files intergrity": "Проверка целостности файлов",
|
||||
"Enable database torrents files intergrity check on adding each torrent. Disable this will free some cpu usage on adding operation.": "Включить проверку целостности файлов в базе при добавлении каждого торрента. Отключение этой опции освободит некоторорое количество ресурсов процессора при добавлении.",
|
||||
"Download to": "Скачать в"
|
||||
"Download to": "Скачать в",
|
||||
"Main settings": "Главные настройки",
|
||||
"P2P settings": "Настройки P2P",
|
||||
"Performance settings": "Настройки производительности"
|
||||
}
|
||||
}
|
||||
@ -188,6 +188,9 @@
|
||||
"or with hash": "or with hash",
|
||||
"Check torrent files intergrity": "Check torrent files intergrity",
|
||||
"Enable database torrents files intergrity check on adding each torrent. Disable this will free some cpu usage on adding operation.": "Enable database torrents files intergrity check on adding each torrent. Disable this will free some cpu usage on adding operation.",
|
||||
"Download to": "Download to"
|
||||
"Download to": "Download to",
|
||||
"Main settings": "Main settings",
|
||||
"P2P settings": "P2P settings",
|
||||
"Performance settings": "Performance settings"
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user