@ -126,16 +126,14 @@ class Settings extends React.Component {
if ( releaseInfo ) {
return (
< div className = "panel" id = "AppInfo" onClick = { ( ) => this . openTab ( 'AppInfo' , 8 ) } >
< div className = "panel-heading" role = "tab" >
< a className = { this . state . activeTab === 8 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon md-info" aria - hidden = "true" > < / i > { t r a n s l a t e ( ' S E T T I N G S . A P P _ I N F O ' ) }
< div className = "panel-heading" >
< a className = { this . state . activeTab === 8 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon md-info" > < / i > { t r a n s l a t e ( ' S E T T I N G S . A P P _ I N F O ' ) }
< / a >
< / d i v >
< div
className = { this . state . activeTab === 8 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style = { { height : this . state . activeTab === 8 ? this . state . activeTabHeight + 'px' : '0' } }
aria - labelledby = "DebugLog"
role = "tabpanel" >
style = { { height : this . state . activeTab === 8 ? this . state . activeTabHeight + 'px' : '0' } } >
< div className = "panel-body" >
< div className = "col-sm-12 padding-top-15" >
< div className = "row" >
@ -346,29 +344,26 @@ class Settings extends React.Component {
return (
< div className = "margin-left-0" >
< div className = "page-content" id = "section-iguana-wallet-settings" >
< div className = "row" id = "iguana-wallet-settings" >
< div className = "row" >
< div className = "col-xlg-12 col-md-12" >
< div className = "row" id = "iguana-wallet-settings" >
< div className = "row" >
< div className = "col-xlg-12 col-md-12" >
< h4 className = "font-size-14 text-uppercase" > { translate ( 'INDEX.WALLET_SETTINGS' ) } < / h 4 >
< div className = "panel-group" id = "SettingsAccordion" aria - multiselectable = "true" role = "tablist" >
< div className = "panel-group" id = "SettingsAccordion" >
< div
className = "panel"
id = "WalletInfo"
onClick = { ( ) => this . openTab ( 'WalletInfo' , 0 ) } >
< div className = "panel-heading" role = "tab" >
< div className = "panel-heading" >
< a className = { this . state . activeTab === 0 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon md-balance-wallet" aria - hidden = "true" > < / i > { t r a n s l a t e ( ' I N D E X . W A L L E T _ I N F O ' ) }
< i className = "icon md-balance-wallet" > < / i > { t r a n s l a t e ( ' I N D E X . W A L L E T _ I N F O ' ) }
< / a >
< / d i v >
< div
className = { this . state . activeTab === 0 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style = { { height : this . state . activeTab === 0 ? this . state . activeTabHeight + 'px' : '0' } }
id = "WalletInfoTab"
aria - labelledby = "WalletInfo"
role = "tabpanel" >
style = { { height : this . state . activeTab === 0 ? this . state . activeTabHeight + 'px' : '0' } } >
< div className = "panel-body" >
< table className = "table" id = "wallet-info-table" >
< table className = "table" >
< thead >
< tr >
< th width = "10%" > { translate ( 'INDEX.KEY' ) } < / t h >
@ -378,39 +373,27 @@ class Settings extends React.Component {
< tbody >
< tr >
< td className = "wallet-info-key" > pubkey < / t d >
< td >
< div id = "winfo_pubkey_value" > { this . props . Main . activeHandle . pubkey } < / d i v >
< / t d >
< td > { this . props . Main . activeHandle . pubkey } < / t d >
< / t r >
< tr >
< td className = "wallet-info-key" > btcpubkey < / t d >
< td >
< div id = "winfo_btcpubkey_value" > { this . props . Main . activeHandle . btcpubkey } < / d i v >
< / t d >
< td > { this . props . Main . activeHandle . btcpubkey } < / t d >
< / t r >
< tr >
< td className = "wallet-info-key" > rmd160 < / t d >
< td >
< div id = "winfo_rmd160_value" > { this . props . Main . activeHandle . rmd160 } < / d i v >
< / t d >
< td > { this . props . Main . activeHandle . rmd160 } < / t d >
< / t r >
< tr >
< td className = "wallet-info-key" > NXT < / t d >
< td >
< div id = "winfo_NXT_value" > { this . props . Main . activeHandle . NXT } < / d i v >
< / t d >
< td > { this . props . Main . activeHandle . NXT } < / t d >
< / t r >
< tr >
< td className = "wallet-info-key" > notary < / t d >
< td >
< div id = "winfo_notary_value" > { this . props . Main . activeHandle . notary } < / d i v >
< / t d >
< td > { this . props . Main . activeHandle . notary } < / t d >
< / t r >
< tr >
< td className = "wallet-info-key" > status < / t d >
< td >
< div id = "winfo_status_value" > { this . props . Main . activeHandle . status } < / d i v >
< / t d >
< td > { this . props . Main . activeHandle . status } < / t d >
< / t r >
< / t b o d y >
< / t a b l e >
@ -422,17 +405,14 @@ class Settings extends React.Component {
className = "panel"
id = "AddNodeforCoin"
onClick = { ( ) => this . openTab ( 'AddNodeforCoin' , 1 ) } >
< div className = "panel-heading" role = "tab" >
< div className = "panel-heading" >
< a className = { this . state . activeTab === 1 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon md-plus-square" aria - hidden = "true" > < / i > { t r a n s l a t e ( ' I N D E X . A D D _ N O D E ' ) }
< i className = "icon md-plus-square" > < / i > { t r a n s l a t e ( ' I N D E X . A D D _ N O D E ' ) }
< / a >
< / d i v >
< div
className = { this . state . activeTab === 1 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style = { { height : this . state . activeTab === 1 ? this . state . activeTabHeight + 'px' : '0' } }
id = "AddNodeforCoinTab"
aria - labelledby = "AddNodeforCoin"
role = "tabpanel" >
style = { { height : this . state . activeTab === 1 ? this . state . activeTabHeight + 'px' : '0' } } >
< div className = "panel-body" >
< div className = "row" >
< div className = "col-sm-6" >
@ -443,7 +423,6 @@ class Settings extends React.Component {
< div className = "form-group" >
< select
className = "form-control form-material"
id = "settings_select_coin_options"
name = "getPeersCoin"
onChange = { this . updateInput } >
< option > { translate ( 'INDEX.SELECT_COIN' ) } < / o p t i o n >
@ -457,18 +436,17 @@ class Settings extends React.Component {
< button
type = "button"
className = "btn btn-primary waves-effect waves-light"
id = "settings_getcoinpeers_btn"
onClick = { this . checkNodes } > { translate ( 'INDEX.CHECK_NODES' ) } < / b u t t o n >
< / d i v >
< div className = "col-sm-12" >
< h5 >
SuperNET Peers : < span id = "coin_supernetpeers_h" > < / s p a n >
SuperNET Peers :
< / h 5 >
< p id = "coin_supernetpeers" > { this . renderSNPeersList ( ) } < / p >
< p > { this . renderSNPeersList ( ) } < / p >
< h5 >
Raw Peers : < span id = "coin_rawpeers_h" > < / s p a n >
Raw Peers :
< / h 5 >
< p id = "coin_rawpeers" > { this . renderPeersList ( ) } < / p >
< p > { this . renderPeersList ( ) } < / p >
< / d i v >
< / d i v >
@ -480,7 +458,6 @@ class Settings extends React.Component {
< div className = "form-group" >
< select
className = "form-control form-material"
id = "settings_select_coin_addpeer_options"
name = "addNodeCoin"
onChange = { this . updateInput } >
< option > { translate ( 'INDEX.SELECT_COIN' ) } < / o p t i o n >
@ -493,7 +470,6 @@ class Settings extends React.Component {
< input
type = "text"
className = "form-control"
id = "settings_add_peer_ip"
name = "addPeerIP"
placeholder = { translate ( 'SETTINGS.ADD_PEER_IP' ) }
onChange = { this . updateInput } / >
@ -503,7 +479,6 @@ class Settings extends React.Component {
< button
type = "button"
className = "btn btn-primary waves-effect waves-light"
id = "settings_addcoinpeers_btn"
onClick = { this . addNode } > { translate ( 'INDEX.ADD_NODE' ) } < / b u t t o n >
< / d i v >
< / d i v >
@ -516,17 +491,14 @@ class Settings extends React.Component {
className = "panel"
id = "DumpWallet"
onClick = { ( ) => this . openTab ( 'DumpWallet' , 2 ) } >
< div className = "panel-heading" role = "tab" >
< a className = { this . state . activeTab === 2 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon wb-briefcase" aria - hidden = "true" > < / i > { t r a n s l a t e ( ' I N D E X . W A L L E T _ B A C K U P ' ) }
< div className = "panel-heading" >
< a className = { this . state . activeTab === 2 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon wb-briefcase" > < / i > { t r a n s l a t e ( ' I N D E X . W A L L E T _ B A C K U P ' ) }
< / a >
< / d i v >
< div
className = { this . state . activeTab === 2 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style = { { height : this . state . activeTab === 2 ? this . state . activeTabHeight + 'px' : '0' } }
id = "DumpWalletTab"
aria - labelledby = "DumpWallet"
role = "tabpanel" >
style = { { height : this . state . activeTab === 2 ? this . state . activeTabHeight + 'px' : '0' } } >
< div className = "panel-body" > Wallet Backup section to be updated soon . < / d i v >
< / d i v >
< / d i v >
@ -535,17 +507,14 @@ class Settings extends React.Component {
className = "panel"
id = "FiatCurrencySettings"
onClick = { ( ) => this . openTab ( 'FiatCurrencySettings' , 3 ) } >
< div className = "panel-heading" role = "tab" >
< div className = "panel-heading" >
< a className = { this . state . activeTab === 3 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon fa-money" aria - hidden = "true" > < / i > { t r a n s l a t e ( ' I N D E X . F I A T _ C U R R E N C Y ' ) }
< i className = "icon fa-money" > < / i > { t r a n s l a t e ( ' I N D E X . F I A T _ C U R R E N C Y ' ) }
< / a >
< / d i v >
< div
className = { this . state . activeTab === 3 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style = { { height : this . state . activeTab === 3 ? this . state . activeTabHeight + 'px' : '0' } }
id = "FiatCurrencySettingsTab"
aria - labelledby = "FiatCurrencySettings"
role = "tabpanel" >
style = { { height : this . state . activeTab === 3 ? this . state . activeTabHeight + 'px' : '0' } } >
< div className = "panel-body" > Fiat currency settings section to be updated soon . < / d i v >
< / d i v >
< / d i v >
@ -554,17 +523,14 @@ class Settings extends React.Component {
className = "panel"
id = "ExportKeys"
onClick = { ( ) => this . openTab ( 'ExportKeys' , 4 ) } >
< div className = "panel-heading" role = "tab" >
< div className = "panel-heading" >
< a className = { this . state . activeTab === 4 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon md-key" aria - hidden = "true" > < / i > { t r a n s l a t e ( ' I N D E X . E X P O R T _ K E Y S ' ) }
< i className = "icon md-key" > < / i > { t r a n s l a t e ( ' I N D E X . E X P O R T _ K E Y S ' ) }
< / a >
< / d i v >
< div
className = { this . state . activeTab === 4 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style = { { height : this . state . activeTab === 4 ? this . state . activeTabHeight + 'px' : '0' } }
id = "ExportKeysTab"
aria - labelledby = "ExportKeys"
role = "tabpanel" >
style = { { height : this . state . activeTab === 4 ? this . state . activeTabHeight + 'px' : '0' } } >
< div className = "panel-body" >
< p >
< div > { this . renderLB ( 'INDEX.ONLY_ACTIVE_WIF_KEYS' ) } < /div><br/ >
@ -579,21 +545,20 @@ class Settings extends React.Component {
type = "password"
className = "form-control"
name = "wifkeysPassphrase"
id = "wifkeys_p assphrase"
id = "wifkeysP assphrase"
onChange = { this . updateInput } / >
< label className = "floating-label" htmlFor = "wifkeys_p assphrase" > { translate ( 'INDEX.PASSPHRASE' ) } < / l a b e l >
< label className = "floating-label" htmlFor = "wifkeysP assphrase" > { translate ( 'INDEX.PASSPHRASE' ) } < / l a b e l >
< / d i v >
< div className = "col-sm-12 col-xs-12 text-align-center" >
< button
type = "button"
className = "btn btn-primary waves-effect waves-light"
id = "wifkeys_passphrase_btn"
onClick = { this . exportWifKeys } > { translate ( 'INDEX.GET_WIF_KEYS' ) } < / b u t t o n >
< / d i v >
< / f o r m >
< div className = "col-sm-12 padding-top-15" >
< div className = "row" id = "wif-priv-keys" >
< div className = "row" >
< table className = { this . props . Settings && this . props . Settings . address ? 'table show' : 'table hide' } >
< tr >
< td className = "width-5-percent" >
@ -618,17 +583,14 @@ class Settings extends React.Component {
className = "panel"
id = "ImportKeys"
onClick = { ( ) => this . openTab ( 'ImportKeys' , 5 ) } >
< div className = "panel-heading" role = "tab" >
< div className = "panel-heading" >
< a className = { this . state . activeTab === 5 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon md-key" aria - hidden = "true" > < / i > { t r a n s l a t e ( ' I N D E X . I M P O R T _ K E Y S ' ) }
< i className = "icon md-key" > < / i > { t r a n s l a t e ( ' I N D E X . I M P O R T _ K E Y S ' ) }
< / a >
< / d i v >
< div
className = { this . state . activeTab === 5 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style = { { height : this . state . activeTab === 5 ? this . state . activeTabHeight + 'px' : '0' } }
id = "ImportKeysTab"
aria - labelledby = "ImportKeys"
role = "tabpanel" >
style = { { height : this . state . activeTab === 5 ? this . state . activeTabHeight + 'px' : '0' } } >
< div className = "panel-body" >
< p >
< div > { translate ( 'INDEX.IMPORT_KEYS_DESC_P1' ) } < /div><br/ >
@ -645,17 +607,16 @@ class Settings extends React.Component {
type = "text"
className = "form-control"
name = "importWifKey"
id = "import_w ifkey"
id = "importW ifkey"
onChange = { this . updateInput } / >
< label
className = "floating-label"
htmlFor = "import_w ifkey" > { translate ( 'INDEX.INPUT_PRIV_KEY' ) } < / l a b e l >
htmlFor = "importW ifkey" > { translate ( 'INDEX.INPUT_PRIV_KEY' ) } < / l a b e l >
< / d i v >
< div className = "col-sm-12 col-xs-12 text-align-center" >
< button
type = "button"
className = "btn btn-primary waves-effect waves-light"
id = "import_wifkey_btn"
onClick = { this . importWifKey } > { translate ( 'INDEX.IMPORT_PRIV_KEY' ) } < / b u t t o n >
< / d i v >
< / f o r m >
@ -667,15 +628,14 @@ class Settings extends React.Component {
className = "panel"
id = "DebugLog"
onClick = { ( ) => this . openTab ( 'DebugLog' , 6 ) } >
< div className = "panel-heading" role = "tab" >
< div className = "panel-heading" >
< a className = { this . state . activeTab === 6 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon fa-bug" aria - hidden = "true" > < / i > { t r a n s l a t e ( ' I N D E X . D E B U G _ L O G ' ) }
< i className = "icon fa-bug" > < / i > { t r a n s l a t e ( ' I N D E X . D E B U G _ L O G ' ) }
< / a >
< / d i v >
< div
className = { this . state . activeTab === 6 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style = { { height : this . state . activeTab === 6 ? this . state . activeTabHeight + 'px' : '0' } }
id = "DebugLogTab" aria - labelledby = "DebugLog" role = "tabpanel" >
style = { { height : this . state . activeTab === 6 ? this . state . activeTabHeight + 'px' : '0' } } >
< div className = "panel-body" >
< p > { translate ( 'INDEX.DEBUG_LOG_DESC' ) } < / p >
< div className = "col-sm-12" > < / d i v >
@ -689,31 +649,30 @@ class Settings extends React.Component {
type = "text"
className = "form-control"
name = "debugLinesCount"
id = "read_debug_log_l ines"
id = "readDebugLogL ines"
value = { this . state . debugLinesCount }
onChange = { this . updateInput } / >
< label
className = "floating-label"
htmlFor = "read_debug_log_l ines" > { translate ( 'INDEX.DEBUG_LOG_LINES' ) } < / l a b e l >
htmlFor = "readDebugLogL ines" > { translate ( 'INDEX.DEBUG_LOG_LINES' ) } < / l a b e l >
< / d i v >
< div className = "form-group form-material floating" >
< select
className = "form-control form-material"
name = "debugTarget"
id = "settings_select_debuglog_o ptions"
id = "settingsDelectDebugLogO ptions"
onChange = { this . updateInput } >
< option value = "iguana" > Iguana < / o p t i o n >
< option value = "komodo" > Komodo < / o p t i o n >
< / s e l e c t >
< label
className = "floating-label"
htmlFor = "settings_select_debuglog_o ptions" > { translate ( 'INDEX.TARGET' ) } < / l a b e l >
htmlFor = "settingsDelectDebugLogO ptions" > { translate ( 'INDEX.TARGET' ) } < / l a b e l >
< / d i v >
< div className = "col-sm-12 col-xs-12 text-align-center" >
< button
type = "button"
className = "btn btn-primary waves-effect waves-light"
id = "read_debug_log_btn"
onClick = { this . readDebugLog } > { translate ( 'INDEX.LOAD_DEBUG_LOG' ) } < / b u t t o n >
< / d i v >
< div className = "col-sm-12 col-xs-12 text-align-left" >
@ -728,15 +687,14 @@ class Settings extends React.Component {
className = "panel"
id = "AppSettings"
onClick = { ( ) => this . openTab ( 'AppSettings' , 7 ) } >
< div className = "panel-heading" role = "tab" >
< div className = "panel-heading" >
< a className = { this . state . activeTab === 7 ? 'panel-title' : 'panel-title collapsed' } >
< i className = "icon fa-wrench" aria - hidden = "true" > < / i > { t r a n s l a t e ( ' S E T T I N G S . A P P _ C O N F I G ' ) } ( c o n f i g . j s o n )
< i className = "icon fa-wrench" > < / i > { t r a n s l a t e ( ' S E T T I N G S . A P P _ C O N F I G ' ) } ( c o n f i g . j s o n )
< / a >
< / d i v >
< div
className = { this . state . activeTab === 7 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style = { { height : this . state . activeTab === 7 ? this . state . activeTabHeight + 'px' : '0' } }
id = "DebugLogTab" aria - labelledby = "DebugLog" role = "tabpanel" >
style = { { height : this . state . activeTab === 7 ? this . state . activeTabHeight + 'px' : '0' } } >
< div className = "panel-body" >
< p >
< strong > { translate ( 'SETTINGS.CONFIG_RESTART_REQUIRED' ) } < / s t r o n g >
@ -752,7 +710,6 @@ class Settings extends React.Component {
< button
type = "button"
className = "btn btn-primary waves-effect waves-light"
id = "read_debug_log_btn"
onClick = { this . _ saveAppConfig } > { translate ( 'SETTINGS.SAVE_APP_CONFIG' ) } < / b u t t o n >
< / d i v >
< / d i v >
pbca26
8 years ago
GitHub