lukechilds
/
EasyDEX-GUI
mirror of https://github.com/lukechilds/EasyDEX-GUI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

app info tab in settings

all-modes
Petr Balashov 8 years ago
parent
0792bf86bd
commit
50c2f5f8ed
1 changed files with 341 additions and 294 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 119
      react/src/components/dashboard/settings.js

119
react/src/components/dashboard/settings.js
View File

@ -103,6 +103,88 @@ class Settings extends React.Component {
} }
} }
renderAppInfoTab() {
const releaseInfo = this.props.Settings.appInfo && this.props.Settings.appInfo.releaseInfo;
if (releaseInfo) {
return (
<div className="panel" id="AppInfo">
<div className="panel-heading" role="tab" onClick={() => this.openTab('AppInfo', 8)}>
<a className={this.state.activeTab === 8 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#AppInfoAccordion">
<i className="icon md-info" aria-hidden="true"></i>App Info
</a>
</div>
<div className={this.state.activeTab === 8 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} style={{height: this.state.activeTab === 8 ? this.state.activeTabHeight + 'px' : '10px'}} aria-labelledby="DebugLog" role="tabpanel">
<div className="panel-body">
<div className="col-sm-12" style={{paddingTop: '15px'}}>
<div className="row">
<h5>App Release</h5>
<div>
Name: {this.props.Settings.appInfo.releaseInfo.name}
</div>
<div>
Version: {this.props.Settings.appInfo.releaseInfo.version}
</div>
</div>
</div>
<div className="col-sm-12" style={{paddingTop: '20px'}}>
<div className="row">
<h5>System Info</h5>
<div>
Architecture: {this.props.Settings.appInfo.sysInfo.arch}
</div>
<div>
OS Type: {this.props.Settings.appInfo.sysInfo.os_type}
</div>
<div>
OS Platfrom: {this.props.Settings.appInfo.sysInfo.platform}
</div>
<div>
OS Release: {this.props.Settings.appInfo.sysInfo.os_release}
</div>
<div>
CPU: {this.props.Settings.appInfo.sysInfo.cpu}
</div>
<div>
CPU Cores: {this.props.Settings.appInfo.sysInfo.cpu_cores}
</div>
<div>
Memory: {this.props.Settings.appInfo.sysInfo.totalmem_readable}
</div>
</div>
</div>
<div className="col-sm-12" style={{paddingTop: '20px'}}>
<div className="row">
<h5>Locations</h5>
<div>
Cache: {this.props.Settings.appInfo.dirs.cacheLocation}
</div>
<div>
Config: {this.props.Settings.appInfo.dirs.configLocation}
</div>
<div>
Iguana Bin: {this.props.Settings.appInfo.dirs.iguanaBin}
</div>
<div>
Iguana Dir: {this.props.Settings.appInfo.dirs.iguanaDir}
</div>
<div>
Komodo Bin: {this.props.Settings.appInfo.dirs.komododBin}
</div>
<div>
Komodo Dir: {this.props.Settings.appInfo.dirs.komodoDir}
</div>
</div>
</div>
</div>
</div>
</div>
);
} else {
return null;
}
}
renderSNPeersList() { renderSNPeersList() {
if (this.state.getPeersCoin) { if (this.state.getPeersCoin) {
const coin = this.state.getPeersCoin.split('|')[0]; const coin = this.state.getPeersCoin.split('|')[0];
@ -475,42 +557,7 @@ class Settings extends React.Component {
</div> </div>
</div> </div>
<div className="panel" id="AppInfo"> {this.renderAppInfoTab()}
<div className="panel-heading" role="tab" onClick={() => this.openTab('AppInfo', 8)}>
<a className={this.state.activeTab === 8 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#AppInfoAccordion">
<i className="icon md-info" aria-hidden="true"></i>App Info
</a>
</div>
<div className={this.state.activeTab === 8 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} style={{height: this.state.activeTab === 8 ? this.state.activeTabHeight + 'px' : '10px'}} aria-labelledby="DebugLog" role="tabpanel">
<div className="panel-body">
<p>{translate('INDEX.DEBUG_LOG_DESC')}</p>
<div className="col-sm-12"></div>
<form className="read-debug-log-import-form" method="post" action="javascript:" autoComplete="off">
<div className="form-group form-material floating">
<input type="text" className="form-control" name="debugLinesCount" id="read_debug_log_lines" value={this.state.debugLinesCount} onChange={this.updateInput} />
<label className="floating-label" htmlFor="read_debug_log_lines">{translate('INDEX.DEBUG_LOG_LINES')}</label>
</div>
<div className="form-group form-material floating">
<select className="form-control form-material" name="debugTarget" id="settings_select_debuglog_options" onChange={this.updateInput}>
<option value="iguana">Iguana</option>
<option value="komodo">Komodo</option>
</select>
<label className="floating-label" htmlFor="settings_select_debuglog_options">{translate('INDEX.TARGET')}</label>
</div>
<div className="col-sm-12 col-xs-12" style={{textAlign: 'center'}}>
<button type="button" className="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="read_debug_log_btn" onClick={this.readDebugLog}>{translate('INDEX.LOAD_DEBUG_LOG')}</button>
</div>
<div className="col-sm-12 col-xs-12" style={{textAlign: 'left'}}>
<br />
<div style={{padding: '20px 0'}}>{this.props.Settings.debugLog}</div>
</div>
</form>
<div className="col-sm-12" style={{paddingTop: '15px'}}>
<div className="row" data-plugin="masonry"></div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save