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

jumblr, settings templates

all-modes
pbca26 8 years ago
parent
232de8a17f
commit
ab2d3e350c
3 changed files with 531 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      react/src/components/dashboard/dashboard.js
  2. 238
      react/src/components/dashboard/jumblr.js
  3. 289
      react/src/components/dashboard/settings.js

4
react/src/components/dashboard/dashboard.js
View File

@ -9,6 +9,7 @@ import WalletsNav from './walletsNav';
import SendCoin from './sendCoin';
import WalletsData from './walletsData';
import Atomic from './atomic';
import Jumblr from './jumblr';
class Dashboard extends React.Component {
constructor(props) {
@ -39,6 +40,9 @@ class Dashboard extends React.Component {
<div className={this.props.Dashboard.activeSection === 'atomic' ? 'show' : 'hide'}>
<Atomic {...this.props} />
</div>
<div className={this.props.Dashboard.activeSection === 'jumblr' ? 'show' : 'hide'}>
<Jumblr {...this.props} />
</div>
</div>
</div>
);

238
react/src/components/dashboard/jumblr.js
View File

@ -0,0 +1,238 @@
import React from 'react';
import { translate } from '../../translate/translate';
/*import { dashboardChangeSection, toggleAddcoinModal, logout } from '../../actions/actionCreators';
import Store from '../../store';*/
class Jumblr extends React.Component {
constructor(props) {
super(props);
this.state = {
activeTab: 0,
};
}
openTab(tab) {
this.setState(Object.assign({}, this.state, {
activeTab: tab,
}));
}
render() {
return (
<div className="page" data-animsition-in="fade-in" data-animsition-out="fade-out" style={{marginLeft: '0'}}>
<div className="page-content" id="section-jumblr">
<div className="row" id="jumblr_dashboard" data-plugin="masonry">
<div className="col-xs-12" id="jumblr_testing_alert">
<div className="alert alert-danger" role="alert">
<button type="button" className="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<span style={{fontSize: '24px', textAlign: 'center'}}>
<i className="icon fa-paw" aria-hidden="true"></i> {translate('JUMBLR.NOTICE')}
</span>
<br />
{translate('JUMBLR.DESCRIPTION')}
</div>
</div>
<div className="col-xs-12" id="jumblr_no_native_kmd_alert">
<div className="alert alert-info alert-dismissible" role="alert">
<button type="button" className="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<span style={{fontSize: '24px', textAlign: 'center'}}>
<i className="icon fa-paw" aria-hidden="true"></i> {translate('JUMBLR.NEED_NATIVE')}
</span>
<br />
{translate('JUMBLR.TO_USE_JUMBLR')}
<br />
{translate('JUMBLR.IF_YOU_ALREADY_RUNNING')}
</div>
</div>
<div className="col-xlg-12 col-md-12">
<p>{translate('JUMBLR.THIS_SCREEN_DOESNT_REFRESH')}</p>
</div>
<div className="col-xs-12">
<div className="panel-group" id="jumber_quick_info" aria-multiselectable="true" role="tablist">
<div className="panel">
<div className="panel-heading" id="jumblr_security_notes" role="tab" onClick={() => this.openTab(0)}>
<a className={this.state.activeTab === 0 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#jumber_quick_info" aria-expanded="true" aria-controls="jumblr_security_notes_1">{translate('JUMBLR.FEW_SECURITY_NOTES')}</a>
</div>
<div className={this.state.activeTab === 0 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="jumblr_security_notes_1" aria-labelledby="jumblr_security_notes" role="tabpanel">
<div className="panel-body">
<ul>
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC1')}</li>
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC2')}</li>
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC3')}</li>
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC4')}</li>
<li>{translate('JUMBLR.FEW_SECURITY_NOTES_DESC5')}</li>
</ul>
</div>
</div>
</div>
<div className="panel">
<div className="panel-heading" id="jumblr_access_funds" role="tab" onClick={() => this.openTab(1)}>
<a className={this.state.activeTab === 1 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#jumber_quick_info" aria-expanded="false" aria-controls="jumblr_access_funds_2">{translate('JUMBLR.ACCESS_JUMBLR_FUNDS')}</a>
</div>
<div className={this.state.activeTab === 1 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="jumblr_access_funds_2" aria-labelledby="jumblr_access_funds" role="tabpanel">
<div className="panel-body">
<p>{translate('JUMBLR.ADDRESS_ACCESSIBLE_EASILY')}</p>
<ul>
<code>duck dog cat donkey</code>
</ul>
<ol>
<li>{translate('JUMBLR.TO_ACCESS')}</li>
<li>{translate('JUMBLR.CLOSE_IAPP')}</li>
<li>{translate('JUMBLR.START_IAPP')}</li>
<li>{translate('JUMBLR.START_KMD')}</li>
<li>{translate('JUMBLR.ACCESS_JUMBLR_FUNDS')}
<ul>
<li>{translate('JUMBLR.SMALL_LETTERS')}</li>
<li>{translate('JUMBLR.WHITE_SPACE')}</li>
</ul>
</li>
<li>
{translate('JUMBLR.PER_EXAMPLE')}
<br />
<code>jumblr duck dog cat donkey</code>
</li>
<li>{translate('JUMBLR.LOGIN_WITH_JUMBLR')}</li>
</ol>
<h4>{translate('JUMBLR.AGAIN_DONT_SHARE')}</h4>
</div>
</div>
</div>
<div className="panel">
<div className="panel-heading" id="jumblr_using_jumblr" role="tab" onClick={() => this.openTab(2)}>
<a className={this.state.activeTab === 2 ? 'panel-title' : 'panel-title collapsed'} data-toggle="collapse" data-parent="#jumber_quick_info" aria-expanded="false" aria-controls="jumblr_using_jumblr_3">{translate('JUMBLR.USING_JUMBLR')}</a>
</div>
<div className={this.state.activeTab === 2 ? 'panel-collapse collapse in' : 'panel-collapse collapse'} id="jumblr_using_jumblr_3" aria-labelledby="jumblr_using_jumblr"
role="tabpanel">
<div className="panel-body">
<ul>
<li>{translate('JUMBLR.RUN_KMD')}</li>
<li>{translate('JUMBLR.LOGIN_KMD')}</li>
<li>{translate('JUMBLR.GO_TO')}</li>
<li>{translate('JUMBLR.FIND_DEPOSIT_ADDR')}</li>
<li>{translate('JUMBLR.YOU_SEND_FUNDS')}</li>
<li>{translate('JUMBLR.KEEP_WALLET_OPEN')}</li>
<li>{translate('JUMBLR.IMPORTANT_FUNDS')}</li>
<li>{translate('JUMBLR.LARGE_LOT')}</li>
</ul>
<p>{translate('JUMBLR.EG')}</p>
<p>{translate('JUMBLR.93_KMD')}</p>
<p>{translate('JUMBLR.TO_CLEAR_THEM')}</p>
<p>{translate('JUMBLR.WHEN_IT_TOTALS')}</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-xlg-12 col-md-12">
<h4 className="font-size-14 text-uppercase">{translate('JUMBLR.JADDR')}</h4>
<div className="panel" id="projects">
<div className="table-responsive">
<table className="table table-striped">
<tbody>
<tr>
<td width="20%">{translate('JUMBLR.BTC_DEPOSIT')}</td>
<td>
<span id="jumblr_BTCdeposit"></span>
</td>
</tr>
<tr>
<td>BTC Jumblr</td>
<td>
<button type="button" className="btn btn-animate btn-animate-side btn-default btn-sm waves-effect waves-light jumblr_show_hide_addr_btc_btn" data-jumblr="BTCjumblr">
<span><i className="icon fa-eye" aria-hidden="true"></i> {translate('JUMBLR.SHOW_HIDE')}</span>
</button>
<span className="label label-lg label-outline label-success" id="jumblr_BTCjumblr" style={{display: 'none'}}></span>
<span className="label label-lg label-outline label-default" id="jumblr_BTCjumblr_showhide">{translate('JUMBLR.HIDDEN')}</span>
</td>
</tr>
<tr>
<td>{translate('JUMBLR.KMD_DEPOSIT')}</td>
<td>
<span id="jumblr_KMDdeposit"></span>
</td>
</tr>
<tr>
<td>KMD Jumblr</td>
<td>
<button type="button" className="btn btn-animate btn-animate-side btn-default btn-sm waves-effect waves-light jumblr_show_hide_addr_kmd_btn" data-jumblr="KMDjumblr">
<span><i className="icon fa-eye" aria-hidden="true"></i> {translate('JUMBLR.SHOW_HIDE')}</span>
</button>
<span className="label label-lg label-outline label-success" id="jumblr_KMDjumblr" style={{display: 'none'}}></span>
<span className="label label-lg label-outline label-default" id="jumblr_KMDjumblr_showhide">{translate('JUMBLR.HIDDEN')}</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div className="col-xlg-12 col-md-12">
<h4 className="font-size-14 text-uppercase">{translate('JUMBLR.JSTATUS')}</h4>
<div className="panel" id="projects">
<div className="table-responsive">
<table className="table table-striped">
<tbody>
<tr>
<td width="20%">{translate('JUMBLR.RESULT')}</td>
<td>
<span id="jumblr_status_result" className="label label-success"></span>
</td>
</tr>
<tr>
<td>{translate('JUMBLR.DEPOSITED')}</td>
<td>
<span id="jumblr_status_deposited"></span>
</td>
</tr>
<tr>
<td>{translate('JUMBLR.PUB_TO_PRIV')}</td>
<td>
<span id="jumblr_status_t_to_z"></span>
</td>
</tr>
<tr>
<td>{translate('JUMBLR.PRIV_TO_PRIV')}</td>
<td>
<span id="jumblr_status_z_to_z"></span>
</td>
</tr>
<tr>
<td>{translate('JUMBLR.PRIV_TO_PUB')}</td>
<td>
<span id="jumblr_status_z_to_t"></span>
</td>
</tr>
<tr>
<td>{translate('JUMBLR.FINISHED')}</td>
<td>
<span id="jumblr_status_finished"></span>
</td>
</tr>
<tr>
<td>{translate('JUMBLR.PENDING')}</td>
<td>
<span id="jumblr_status_pending"></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
)
}
}
export default Jumblr;

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

@ -0,0 +1,289 @@
import React from 'react';
import { translate } from '../../translate/translate';
/*import { dashboardChangeSection, toggleAddcoinModal, logout } from '../../actions/actionCreators';
import Store from '../../store';*/
class Settings extends React.Component {
constructor(props) {
super(props);
this.state = {
activeTab: 0,
};
}
openTab(tab) {
this.setState(Object.assign({}, this.state, {
activeTab: tab,
}));
}
render() {
return (
<div class="page" data-animsition-in="fade-in" data-animsition-out="fade-out" style={{marginLeft: '0'}}>
<div class="page-content" id="section-iguana-wallet-settings">
<div class="row" id="iguana-wallet-settings" data-plugin="masonry">
<div class="col-xlg-12 col-md-12">
<div class="row" id="iguana-wallet-settings" data-plugin="masonry">
<div class="col-xlg-12 col-md-12">
<h4 class="font-size-14 text-uppercase" data-lang="INDEX.WALLET_SETTINGS"></h4>
<div class="panel-group" id="SettingsAccordion" aria-multiselectable="true"
role="tablist">
<div class="panel">
<div class="panel-heading" id="WalletInfo" role="tab">
<a class="panel-title" data-toggle="collapse" href="#WalletInfoTab" data-parent="#SettingsAccordion" aria-expanded="true" aria-controls="WalletInfoTab">
<i class="icon md-balance-wallet" aria-hidden="true"></i><span data-lang="INDEX.WALLET_INFO"></span>
</a>
</div>
<div class="panel-collapse collapse in" id="WalletInfoTab" aria-labelledby="WalletInfo"
role="tabpanel">
<div class="panel-body">
<table class="table" id="wallet-info-table">
<thead>
<tr>
<th width="10%" data-lang="INDEX.KEY"></th>
<th data-lang="INDEX.VALUE"></th>
</tr>
</thead>
<tbody>
<tr>
<td style="font-weight: bold">pubkey</td>
<td>
<div id="winfo_pubkey_value"></div>
</td>
</tr>
<tr>
<td style="font-weight: bold">btcpubkey</td>
<td>
<div id="winfo_btcpubkey_value"></div>
</td>
</tr>
<tr>
<td style="font-weight: bold">rmd160</td>
<td>
<div id="winfo_rmd160_value"></div>
</td>
</tr>
<tr>
<td style="font-weight: bold">NXT</td>
<td>
<div id="winfo_NXT_value"></div>
</td>
</tr>
<tr>
<td style="font-weight: bold">notary</td>
<td>
<div id="winfo_notary_value"></div>
</td>
</tr>
<tr>
<td style="font-weight: bold">status</td>
<td>
<div id="winfo_status_value"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading" id="AddNodeforCoin" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" data-parent="#SettingsAccordion" aria-expanded="false" aria-controls="AddNodeforCoinTab">
<i class="icon md-plus-square" aria-hidden="true"></i><span data-lang="INDEX.ADD_NODE"></span>
</a>
</div>
<div class="panel-collapse collapse" id="AddNodeforCoinTab" aria-labelledby="AddNodeforCoin"
role="tabpanel">
<div class="panel-body">
<div class="row">
<div class="col-sm-6">
<div class="col-sm-12">
<p data-lang="INDEX.USE_THIS_SECTION"></p>
</div>
<div class="col-sm-8 col-xs-12">
<div class="form-group">
<select class="form-control form-material" id="settings_select_coin_options">
<option data-lang="INDEX.SELECT_COIN"></option>
${templates.addCoinOptions}
</select>
</div>
</div>
<div class="col-sm-4 col-xs-12" style={{textAlign: 'center'}}>
<button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_getcoinpeers_btn" onclick="Settings_ShowCoinPeers()" data-lang="INDEX.CHECK_NODES"></button>
</div>
<div class="col-sm-12">
<h5>
SuperNET Peers: <span id="coin_supernetpeers_h"></span>
</h5>
<p id="coin_supernetpeers"></p>
<h5>
Raw Peers: <span id="coin_rawpeers_h"></span>
</h5>
<p id="coin_rawpeers"></p>
</div>
</div>
<div class="col-sm-6">
<div class="col-sm-12">
<p data-lang="INDEX.USE_THIS_SECTION_PEER"></p>
</div>
<div class="col-sm-8 col-xs-12">
<div class="form-group">
<select class="form-control form-material" id="settings_select_coin_addpeer_options">
<option data-lang="INDEX.SELECT_COIN"></option>
${templates.addCoinOptions}
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" id="settings_add_peer_ip" name="settings_add_peer_ip" placeholder="Add Peer IP">
</div>
</div>
<div class="col-sm-4 col-xs-12" style={{textAlign: 'center'}}>
<button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="settings_addcoinpeers_btn" onclick="Settings_AddCoinPeers()" data-lang="INDEX.ADD_NODE"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading" id="DumpWallet" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" data-parent="#SettingsAccordion" aria-expanded="false" aria-controls="DumpWalletTab">
<i class="icon wb-briefcase" aria-hidden="true"></i><span data-lang="INDEX.WALLET_BACKUP"></span>
</a>
</div>
<div class="panel-collapse collapse" id="DumpWalletTab" aria-labelledby="DumpWallet" role="tabpanel">
<div class="panel-body">Wallet Backup section to be updated soon.</div>
</div>
</div>
<div class="panel">
<div class="panel-heading" id="FiatCurrencySettings" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" data-parent="#SettingsAccordion" aria-expanded="false" aria-controls="FiatCurrencySettingsTab">
<i class="icon fa-money" aria-hidden="true"></i><span data-lang="INDEX.FIAT_CURRENCY"></span>
</a>
</div>
<div class="panel-collapse collapse" id="FiatCurrencySettingsTab" aria-labelledby="FiatCurrencySettings" role="tabpanel">
<div class="panel-body">Fiat currency settings section to be updated soon.</div>
</div>
</div>
<div class="panel">
<div class="panel-heading" id="ExportKeys" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" data-parent="#SettingsAccordion" aria-expanded="false" aria-controls="ExportKeysTab">
<i class="icon md-key" aria-hidden="true"></i><span data-lang="INDEX.EXPORT_KEYS"></span>
</a>
</div>
<div class="panel-collapse collapse" id="ExportKeysTab" aria-labelledby="ExportKeys" role="tabpanel">
<div class="panel-body">
<p>
<div data-lang="INDEX.ONLY_ACTIVE_WIF_KEYS"></div><br/>
<b>
<i data-lang="INDEX.PLEASE_KEEP_KEYS_SAFE"></i>
</b>
</p>
<div class="col-sm-12"></div>
<form class="wifkeys-form" method="post" action="javascript:" autocomplete="off">
<div class="form-group form-material floating">
<input type="password" class="form-control" name="wifkeys_passphrase" id="wifkeys_passphrase">
<label class="floating-label" for="wifkeys_passphrase" data-lang="INDEX.PASSPHRASE"></label>
</div>
<div class="col-sm-12 col-xs-12" style="text-align: center">
<button type="submit" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="wifkeys_passphrase_btn" data-lang="INDEX.GET_WIF_KEYS"></button>
</div>
</form>
<div class="col-sm-12" style={{paddingTop: '15px'}}>
<div class="row" id="wif-priv-keys" data-plugin="masonry">
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading" id="ImportKeys" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" href="#ImportKeysTab" aria-expanded="false" aria-controls="ImportKeysTab">
<i class="icon md-key" aria-hidden="true"></i><span data-lang="INDEX.IMPORT_KEYS"></span>
</a>
</div>
<div class="panel-collapse collapse" id="ImportKeysTab" aria-labelledby="ImportKeys" role="tabpanel">
<div class="panel-body">
<p>
<div data-lang="INDEX.IMPORT_KEYS_DESC_P1"></div><br/>
<div data-lang="INDEX.IMPORT_KEYS_DESC_P2"></div><br/>
<div data-lang="INDEX.IMPORT_KEYS_DESC_P3"></div><br/>
<b>
<i data-lang="INDEX.PLEASE_KEEP_KEYS_SAFE"></i>
</b>
</p>
<div class="col-sm-12"></div>
<form class="wifkeys-import-form" method="post" action="javascript:" autocomplete="off">
<div class="form-group form-material floating">
<input type="text" class="form-control" name="import_wifkey" id="import_wifkey">
<label class="floating-label" for="import_wifkey" data-lang="INDEX.INPUT_PRIV_KEY"></label>
</div>
<div class="col-sm-12 col-xs-12" style="text-align: center">
<button type="submit" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="import_wifkey_btn" data-lang="INDEX.IMPORT_PRIV_KEY"></button>
</div>
</form>
<div class="col-sm-12" style={{paddingTop: '15px'}}>
<div class="row" id="wif-priv-keys" data-plugin="masonry">
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading" id="DebugLog" role="tab">
<a class="panel-title collapsed" data-toggle="collapse" data-parent="#SettingsAccordion" aria-expanded="false" aria-controls="DebugLogTab">
<i class="icon md-info" aria-hidden="true"></i><span data-lang="INDEX.DEBUG_LOG"></span>
</a>
</div>
<div class="panel-collapse collapse" id="DebugLogTab" aria-labelledby="DebugLog" role="tabpanel">
<div class="panel-body">
<p data-lang="INDEX.DEBUG_LOG_DESC"></p>
<div class="col-sm-12"></div>
<form class="read-debug-log-import-form" method="post" action="javascript:" autocomplete="off">
<div class="form-group form-material floating">
<input type="text" class="form-control" name="read_debug_log_lines" id="read_debug_log_lines" value="10" />
<label class="floating-label" for="read_debug_log_lines" data-lang="INDEX.DEBUG_LOG_LINES"></label>
</div>
<div class="form-group form-material floating">
<select class="form-control form-material" id="settings_select_debuglog_options">
<option value="iguana">Iguana</option>
<option value="komodo">Komodo</option>
</select>
<label class="floating-label" for="settings_select_debuglog_options" data-lang="INDEX.TARGET"></label>
</div>
<div class="col-sm-12 col-xs-12" style={{textAlign: 'center'}}>
<button type="submit" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-dismiss="modal" id="read_debug_log_btn" onclick="Settings_LoadDebugLog()" data-lang="INDEX.LOAD_DEBUG_LOG"></button>
</div>
<div class="col-sm-12 col-xs-12" style={{textAlign: 'center'}}>
<br/>
<textarea id="read_debug_log_textarea" style={{width: '100%'; height: '200px'}}></textarea>
</div>
</form>
<div class="col-sm-12" style={{paddingTop: '15px'}}>
<div class="row" id="wif-priv-keys" data-plugin="masonry"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
)
}
}
export default Settings;
Write Preview
Loading…
Cancel
Save