Miika Turunen
8 years ago
28 changed files with 944 additions and 614 deletions
@ -0,0 +1,106 @@ |
|||||
|
import Config from '../../config'; |
||||
|
import { getDecryptedPassphrase, getPinList, triggerToaster } from "../actionCreators"; |
||||
|
import { iguanaWalletPassphrase } from "./walletAuth"; |
||||
|
|
||||
|
export function encryptPassphrase(passphrase, key, pubKey) { |
||||
|
const payload = { |
||||
|
string: passphrase, |
||||
|
key: key, |
||||
|
pubkey: pubKey, |
||||
|
}; |
||||
|
|
||||
|
return dispatch => { |
||||
|
return fetch(`http://127.0.0.1:${Config.agamaPort}/shepherd/encryptkey`, { |
||||
|
method: 'POST', |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
}, |
||||
|
body: JSON.stringify(payload), |
||||
|
}) |
||||
|
.catch(function(error) { |
||||
|
console.log(error); |
||||
|
dispatch( |
||||
|
triggerToaster( |
||||
|
'encryptKey', |
||||
|
'Error', |
||||
|
'error' |
||||
|
) |
||||
|
); |
||||
|
}) |
||||
|
.then(response => response.json()) |
||||
|
.then(json => { |
||||
|
dispatch( |
||||
|
triggerToaster( |
||||
|
'Passphrase successfully encrypted', |
||||
|
'Success', |
||||
|
'success' |
||||
|
) |
||||
|
); |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export function loginWithPin(key, pubKey) { |
||||
|
const payload = { |
||||
|
key: key, |
||||
|
pubkey: pubKey, |
||||
|
}; |
||||
|
|
||||
|
return dispatch => { |
||||
|
return fetch(`http://127.0.0.1:${Config.agamaPort}/shepherd/decryptkey`, { |
||||
|
method: 'POST', |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
}, |
||||
|
body: JSON.stringify(payload), |
||||
|
}) |
||||
|
.catch(function(error) { |
||||
|
console.log(error); |
||||
|
dispatch( |
||||
|
triggerToaster( |
||||
|
'decryptKey', |
||||
|
'Error', |
||||
|
'error' |
||||
|
) |
||||
|
); |
||||
|
}) |
||||
|
.then(response => response.json()) |
||||
|
.then(json => { |
||||
|
dispatch(iguanaWalletPassphrase(json.result)); |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export function loadPinList() { |
||||
|
return dispatch => { |
||||
|
return fetch(`http://127.0.0.1:${Config.agamaPort}/shepherd/getpinlist`, { |
||||
|
method: 'GET', |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
} |
||||
|
}) |
||||
|
.catch(function(error) { |
||||
|
console.log(error); |
||||
|
dispatch( |
||||
|
triggerToaster( |
||||
|
'getPinList', |
||||
|
'Error', |
||||
|
'error' |
||||
|
) |
||||
|
); |
||||
|
}) |
||||
|
.then(response => response.json()) |
||||
|
.then(json => { |
||||
|
dispatch( |
||||
|
triggerToaster( |
||||
|
'getPinList', |
||||
|
'Success', |
||||
|
'success' |
||||
|
) |
||||
|
); |
||||
|
dispatch( |
||||
|
getPinList(json.result) |
||||
|
) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,86 @@ |
|||||
|
import React from 'react'; |
||||
|
import className from 'classnames'; |
||||
|
import * as Utils from './settings.panelUtils'; |
||||
|
|
||||
|
class Panel extends React.Component { |
||||
|
|
||||
|
constructor(props) { |
||||
|
super(props); |
||||
|
this.toggleSection = this.toggleSection.bind(this); |
||||
|
this.state = { |
||||
|
singleOpen: this.props.singleOpen, |
||||
|
openByDefault: this.props.openByDefault, |
||||
|
activeSections: [], |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
componentWillMount() { |
||||
|
const { |
||||
|
singleOpen, |
||||
|
openByDefault, |
||||
|
uniqId, |
||||
|
children } = this.props; |
||||
|
|
||||
|
const settings = { |
||||
|
singleOpen, |
||||
|
openByDefault, |
||||
|
uniqId, |
||||
|
kids: children |
||||
|
}; |
||||
|
|
||||
|
const initialStateSections = Utils.setupAccordion(settings).activeSections; |
||||
|
this.setState({ activeSections: initialStateSections }); |
||||
|
} |
||||
|
|
||||
|
getChildrenWithProps() { |
||||
|
const { |
||||
|
children, |
||||
|
} = this.props; |
||||
|
|
||||
|
|
||||
|
const kids = React.Children.map(children, (child, i) => { |
||||
|
if(child) { |
||||
|
const unqId = `panel-sec-${i}`; |
||||
|
return React.cloneElement(child, { |
||||
|
toggle: (acId) => this.toggleSection(acId), |
||||
|
key: unqId, |
||||
|
unq: unqId, |
||||
|
active: (this.state.activeSections && this.state.activeSections.lastIndexOf(unqId) !== -1) |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
return kids; |
||||
|
} |
||||
|
|
||||
|
toggleSection(sectionId) { |
||||
|
const newActive = Utils.toggleSection( |
||||
|
sectionId, |
||||
|
this.state.activeSections, |
||||
|
this.state.singleOpen); |
||||
|
|
||||
|
this.setState({ |
||||
|
activeSections: newActive |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
render() { |
||||
|
const { |
||||
|
className: propClasses, |
||||
|
uniqId: propId |
||||
|
} = this.props; |
||||
|
|
||||
|
const childrenWithProps = this.getChildrenWithProps(); |
||||
|
const accordionClasses = className('panel-group', propClasses); |
||||
|
const uniqId = propId || ''; |
||||
|
|
||||
|
return( |
||||
|
<div className={accordionClasses} id={uniqId}> |
||||
|
{childrenWithProps} |
||||
|
</div> |
||||
|
); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default Panel; |
||||
@ -0,0 +1,89 @@ |
|||||
|
import React from 'react'; |
||||
|
import className from 'classnames'; |
||||
|
|
||||
|
class PanelSection extends React.Component { |
||||
|
constructor(props) { |
||||
|
super(props); |
||||
|
this.state = { |
||||
|
sectionHeight: 0, |
||||
|
} |
||||
|
this.toggleSection = this.toggleSection.bind(this); |
||||
|
} |
||||
|
|
||||
|
componentDidMount() { |
||||
|
const { active } = this.props; |
||||
|
if (active) this.setState({sectionHeight: this.accordionContent.scrollHeight}); |
||||
|
} |
||||
|
|
||||
|
componentWillReceiveProps(nextProps) { |
||||
|
if(this.props.active) { |
||||
|
this.setState({ |
||||
|
sectionHeight: 'auto', |
||||
|
}); |
||||
|
} |
||||
|
if (nextProps.active !== this.props.active) { |
||||
|
this.toggleOpen(nextProps.active); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
getHeight() { |
||||
|
const { active } = this.props; |
||||
|
return (active) ? this.accordionContent.scrollHeight : 0; |
||||
|
} |
||||
|
|
||||
|
toggleSection() { |
||||
|
const { |
||||
|
unq, |
||||
|
toggle |
||||
|
} = this.props; |
||||
|
toggle(unq); |
||||
|
} |
||||
|
|
||||
|
toggleOpen(active) { |
||||
|
const height = (active) ? `${this.accordionContent.scrollHeight}px` : 0; |
||||
|
this.setState({ |
||||
|
sectionHeight: height, |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
render() { |
||||
|
const { |
||||
|
title, |
||||
|
icon, |
||||
|
children, |
||||
|
active, |
||||
|
className: propClasses |
||||
|
} = this.props; |
||||
|
|
||||
|
const contentStyles = { |
||||
|
height: this.state.sectionHeight, |
||||
|
overflow: 'hidden', |
||||
|
transition: 'height .25s ease', |
||||
|
}; |
||||
|
|
||||
|
const triggerClasses = className('panel', { |
||||
|
active |
||||
|
}); |
||||
|
|
||||
|
const contentClasses = className('panel-collapse', { |
||||
|
active |
||||
|
}); |
||||
|
|
||||
|
return( |
||||
|
<div className={triggerClasses} onClick={() => this.toggleSection()}> |
||||
|
<div className="panel-heading"> |
||||
|
<a className='panel-title'> |
||||
|
<i className={icon}></i> {title} |
||||
|
</a> |
||||
|
</div> |
||||
|
<div className={contentClasses} style={contentStyles} ref={(ref) => this.accordionContent = ref}> |
||||
|
<div className="panel-body"> |
||||
|
{children} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default PanelSection; |
||||
@ -0,0 +1,48 @@ |
|||||
|
export function checkUndef(item) { |
||||
|
return (typeof item !== 'undefined'); |
||||
|
} |
||||
|
|
||||
|
export function toggleSection(sectionId, activeSections, singleOpen) { |
||||
|
let present = null; |
||||
|
let newActiveSections = activeSections; |
||||
|
|
||||
|
newActiveSections.map((section) => { |
||||
|
if (section === sectionId) present = true; |
||||
|
return true; |
||||
|
}); |
||||
|
|
||||
|
if (!singleOpen) { |
||||
|
if (present) { |
||||
|
const pos = newActiveSections.indexOf(sectionId); |
||||
|
newActiveSections.splice(pos, 1); |
||||
|
} else { |
||||
|
newActiveSections.push(sectionId); |
||||
|
} |
||||
|
} else { |
||||
|
newActiveSections = [sectionId]; |
||||
|
} |
||||
|
|
||||
|
return newActiveSections; |
||||
|
} |
||||
|
|
||||
|
export function setupAccordion(info) { |
||||
|
const singleOpen = (checkUndef(info.singleOpen)) ? info.singleOpen : false; |
||||
|
const activeSections = []; |
||||
|
const singleChild = typeof info.kids.length === 'undefined'; |
||||
|
|
||||
|
if (!singleChild) { |
||||
|
info.kids.forEach((child, i) => { |
||||
|
const { openByDefault } = child ? child.props : false; |
||||
|
if (singleOpen && activeSections.length === 0 && openByDefault) { |
||||
|
activeSections.push(`panel-sec-${i}`); |
||||
|
} |
||||
|
if (!singleOpen && openByDefault) { |
||||
|
activeSections.push(`panel-sec-${i}`); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
return { |
||||
|
activeSections, |
||||
|
}; |
||||
|
} |
||||
@ -1,227 +1,111 @@ |
|||||
import React from 'react'; |
import React from 'react'; |
||||
import { translate } from '../../../translate/translate'; |
import { translate } from '../../../translate/translate'; |
||||
|
import PanelSection from './settings.panelBody'; |
||||
|
import Panel from './settings.panel'; |
||||
|
|
||||
|
import AppUpdatePanel from './settings.appUpdatePanel'; |
||||
|
import AppInfoPanel from './settings.appInfoPanel'; |
||||
|
import AddNodePanel from './settings.addNodePanel'; |
||||
|
import AppSettingsPanel from './settings.appSettingsPanel'; |
||||
|
import CliPanel from './settings.cliPanel'; |
||||
|
import DebugLogPanel from './settings.debugLogPanel'; |
||||
|
import FiatCurrencyPanel from './settings.fiatCurrencyPanel'; |
||||
|
import ExportKeysPanel from './settings.exportKeysPanel'; |
||||
|
import ImportKeysPanel from './settings.importKeysPanel'; |
||||
|
import SupportPanel from './settings.supportPanel'; |
||||
|
import WalletInfoPanel from './settings.walletInfoPanel'; |
||||
|
import WalletBackupPanel from './settings.walletBackupPanel'; |
||||
|
|
||||
export const SettingsRender = function() { |
export const SettingsRender = function() { |
||||
return ( |
return ( |
||||
<div className="margin-left-0 full-height"> |
<div |
||||
<div |
id="section-iguana-wallet-settings" |
||||
className="page-content full-height" |
className="padding-30"> |
||||
id="section-iguana-wallet-settings"> |
|
||||
<div className="row"> |
<div className="row"> |
||||
<div className="col-xlg-12 col-md-12"> |
<div className="col-sm-12"> |
||||
<div className="row"> |
<h4 className="font-size-14 text-uppercase">{ translate('INDEX.WALLET_SETTINGS') }</h4> |
||||
<div className="col-xlg-12 col-md-12"> |
<Panel |
||||
<h4 className="font-size-14 text-uppercase">{ translate('INDEX.WALLET_SETTINGS') }</h4> |
uniqId={'SettingsAccordion'} |
||||
<div |
singleOpen={true}> |
||||
className="panel-group" |
{ !this.props.disableWalletSpecificUI && |
||||
id="SettingsAccordion"> |
<PanelSection |
||||
|
title={ translate('INDEX.WALLET_INFO') } |
||||
{ !this.props.disableWalletSpecificUI && |
icon="icon md-balance-wallet" |
||||
<div |
openByDefault={!this.props.disableWalletSpecificUI}> |
||||
id="WalletInfo" |
<WalletInfoPanel /> |
||||
onClick={ () => this.openTab('WalletInfo', 0) } |
</PanelSection> |
||||
className={ 'panel' + (this.state.nativeOnly ? ' hide' : '') }> |
} |
||||
<div className="panel-heading"> |
{ !this.props.disableWalletSpecificUI && |
||||
<a className={ 'panel-title' + (this.state.activeTab === 0 ? '' : ' collapsed') }> |
<PanelSection |
||||
<i className="icon md-balance-wallet"></i>{ translate('INDEX.WALLET_INFO') } |
title={ translate('INDEX.ADD_NODE') } |
||||
</a> |
icon="icon md-plus-square"> |
||||
</div> |
<AddNodePanel /> |
||||
<div |
</PanelSection> |
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 0 ? ' in' : '') } |
} |
||||
style={{ height: this.state.activeTab === 0 ? `auto` : '0' }}> |
{ !this.props.disableWalletSpecificUI && |
||||
{ this.renderWalletInfo() } |
<PanelSection |
||||
</div> |
title={ translate('INDEX.WALLET_BACKUP') } |
||||
</div> |
icon="icon wb-briefcase"> |
||||
} |
<WalletBackupPanel /> |
||||
{ !this.props.disableWalletSpecificUI && |
</PanelSection> |
||||
<div |
} |
||||
id="AddNodeforCoin" |
{ !this.props.disableWalletSpecificUI && |
||||
onClick={ () => this.openTab('AddNodeforCoin', 1) } |
<PanelSection |
||||
className={ 'panel' + (this.state.nativeOnly ? ' hide' : '') }> |
title={ translate('INDEX.FIAT_CURRENCY') } |
||||
<div className="panel-heading"> |
icon="icon fa-money"> |
||||
<a className={ 'panel-title' + (this.state.activeTab === 1 ? '' : ' collapsed') }> |
<FiatCurrencyPanel /> |
||||
<i className="icon md-plus-square"></i>{ translate('INDEX.ADD_NODE') } |
</PanelSection> |
||||
</a> |
} |
||||
</div> |
{ !this.props.disableWalletSpecificUI && |
||||
<div |
<PanelSection |
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 1 ? ' in' : '') } |
title={ translate('INDEX.EXPORT_KEYS') } |
||||
style={{ height: this.state.activeTab === 1 ? `auto` : '0' }}> |
icon="icon md-key"> |
||||
{ this.renderAddNode() } |
<ExportKeysPanel /> |
||||
</div> |
</PanelSection> |
||||
</div> |
} |
||||
} |
{ !this.props.disableWalletSpecificUI && |
||||
{ !this.props.disableWalletSpecificUI && |
<PanelSection |
||||
<div |
title={ translate('INDEX.IMPORT_KEYS') } |
||||
id="DumpWallet" |
icon="icon md-key"> |
||||
onClick={ () => this.openTab('DumpWallet', 2) } |
<ImportKeysPanel /> |
||||
className={ 'hide panel' + (this.state.nativeOnly ? ' hide' : '') }> |
</PanelSection> |
||||
<div className="panel-heading"> |
} |
||||
<a className={ 'panel-title' + (this.state.activeTab === 2 ? '' : ' collapsed') }> |
<PanelSection |
||||
<i className="icon wb-briefcase"></i>{ translate('INDEX.WALLET_BACKUP') } |
title={ translate('INDEX.DEBUG_LOG') } |
||||
</a> |
icon="icon fa-bug" |
||||
</div> |
openByDefault={this.props.disableWalletSpecificUI}> |
||||
<div |
<DebugLogPanel /> |
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 2 ? ' in' : '') } |
</PanelSection> |
||||
style={{ height: this.state.activeTab === 2 ? `auto` : '0' }}> |
<PanelSection |
||||
{ this.renderWalletBackup() } |
title={ translate('SETTINGS.APP_CONFIG') + ' (config.json)' } |
||||
</div> |
icon="icon fa-bug"> |
||||
</div> |
<AppSettingsPanel /> |
||||
} |
</PanelSection> |
||||
{ !this.props.disableWalletSpecificUI && |
<PanelSection |
||||
<div |
title={ translate('SETTINGS.APP_INFO') } |
||||
id="FiatCurrencySettings" |
icon="icon md-info"> |
||||
onClick={ () => this.openTab('FiatCurrencySettings', 3) } |
<AppInfoPanel /> |
||||
className={ 'hide panel' + (this.state.nativeOnly ? ' hide' : '') }> |
</PanelSection> |
||||
<div className="panel-heading"> |
{ this.props.Main && this.props.Main.coins.native && |
||||
<a className={ 'panel-title' + (this.state.activeTab === 3 ? '' : ' collapsed') }> |
<PanelSection |
||||
<i className="icon fa-money"></i>{ translate('INDEX.FIAT_CURRENCY') } |
title="CLI" |
||||
</a> |
icon="icon fa-code"> |
||||
</div> |
<CliPanel /> |
||||
<div |
</PanelSection> |
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 3 ? ' in' : '') } |
} |
||||
style={{ height: this.state.activeTab === 3 ? `auto` : '0' }}> |
<PanelSection |
||||
{ this.renderFiatCurrency() } |
title={ translate('INDEX.UPDATE') } |
||||
</div> |
icon="icon fa fa-cloud-download"> |
||||
</div> |
<AppUpdatePanel /> |
||||
} |
</PanelSection> |
||||
{ !this.props.disableWalletSpecificUI && |
<PanelSection |
||||
<div |
title="Support" |
||||
id="ExportKeys" |
icon="icon fa fa-life-ring"> |
||||
onClick={ () => this.openTab('ExportKeys', 4) } |
<SupportPanel /> |
||||
className={ 'panel' + (this.state.nativeOnly ? ' hide' : '') }> |
</PanelSection> |
||||
<div className="panel-heading"> |
</Panel> |
||||
<a className={ 'panel-title' + (this.state.activeTab === 4 ? '' : ' collapsed') }> |
|
||||
<i className="icon md-key"></i>{ translate('INDEX.EXPORT_KEYS') } |
|
||||
</a> |
|
||||
</div> |
|
||||
<div |
|
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 4 ? ' in' : '') } |
|
||||
style={{ height: this.state.activeTab === 4 ? `auto` : '0' }}> |
|
||||
{ this.renderExportKeys() } |
|
||||
</div> |
|
||||
</div> |
|
||||
} |
|
||||
{ !this.props.disableWalletSpecificUI && |
|
||||
<div |
|
||||
id="ImportKeys" |
|
||||
onClick={ () => this.openTab('ImportKeys', 5) } |
|
||||
className={ 'panel' + (this.state.nativeOnly ? ' hide' : '') }> |
|
||||
<div className="panel-heading"> |
|
||||
<a className={ 'panel-title' + (this.state.activeTab === 5 ? '' : ' collapsed') }> |
|
||||
<i className="icon md-key"></i>{ translate('INDEX.IMPORT_KEYS') } |
|
||||
</a> |
|
||||
</div> |
|
||||
<div |
|
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 5 ? ' in' : '') } |
|
||||
style={{ height: this.state.activeTab === 5 ? `auto` : '0' }}> |
|
||||
{ this.renderImportKeys() } |
|
||||
</div> |
|
||||
</div> |
|
||||
} |
|
||||
|
|
||||
<div |
|
||||
className="panel" |
|
||||
id="DebugLog" |
|
||||
onClick={ () => this.openTab('DebugLog', 6) }> |
|
||||
<div className="panel-heading"> |
|
||||
<a className={ 'panel-title' + (this.state.activeTab === 6 ? '' : ' collapsed') }> |
|
||||
<i className="icon fa-bug"></i>{ translate('INDEX.DEBUG_LOG') } |
|
||||
</a> |
|
||||
</div> |
|
||||
<div |
|
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 6 ? ' in' : '') } |
|
||||
style={{ height: this.state.activeTab === 6 ? `auto` : '0' }}> |
|
||||
{ this.renderDebugLog() } |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<div |
|
||||
className="panel" |
|
||||
id="AppSettings" |
|
||||
onClick={ () => this.openTab('AppSettings', 7) }> |
|
||||
<div className="panel-heading"> |
|
||||
<a className={ 'panel-title' + (this.state.activeTab === 7 ? '' : ' collapsed') }> |
|
||||
<i className="icon fa-wrench"></i>{ translate('SETTINGS.APP_CONFIG') } (config.json) |
|
||||
</a> |
|
||||
</div> |
|
||||
<div |
|
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 7 ? ' in' : '') } |
|
||||
style={{ height: this.state.activeTab === 7 ? `auto` : '0' }}> |
|
||||
{ this.renderAppSettings() } |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<div |
|
||||
className="panel" |
|
||||
id="AppInfo" |
|
||||
onClick={ () => this.openTab('AppInfo', 8) }> |
|
||||
<div className="panel-heading"> |
|
||||
<a className={ 'panel-title' + (this.state.activeTab === 8 ? '' : ' collapsed') }> |
|
||||
<i className="icon md-info"></i>{ translate('SETTINGS.APP_INFO') } |
|
||||
</a> |
|
||||
</div> |
|
||||
<div |
|
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 8 ? ' in' : '') } |
|
||||
style={{ height: this.state.activeTab === 8 ? `auto` : '0' }}> |
|
||||
{ this.renderAppInfoTab() } |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
{ this.props.Main && this.props.Main.coins.native && |
|
||||
<div |
|
||||
id="Cli" |
|
||||
onClick={ () => this.openTab('Cli', 9) } |
|
||||
className={ 'panel' + (!this.props.Main.coins.native.length ? ' hide' : '') }> |
|
||||
<div className="panel-heading"> |
|
||||
<a className={ 'panel-title' + (this.state.activeTab === 9 ? '' : ' collapsed') }> |
|
||||
<i className="icon fa-code"></i> CLI |
|
||||
</a> |
|
||||
</div> |
|
||||
<div |
|
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 9 ? ' in' : '') } |
|
||||
style={{ height: this.state.activeTab === 9 ? `auto` : '0' }}> |
|
||||
{ this.renderCliPanel() } |
|
||||
</div> |
|
||||
</div> |
|
||||
} |
|
||||
|
|
||||
<div |
|
||||
className="panel" |
|
||||
id="AppUpdate" |
|
||||
onClick={ () => this.openTab('AppUpdate', 10) }> |
|
||||
<div className="panel-heading"> |
|
||||
<a className={ 'panel-title' + (this.state.activeTab === 10 ? '' : ' collapsed') }> |
|
||||
<i className="icon fa fa-cloud-download"></i> { translate('INDEX.UPDATE') } |
|
||||
</a> |
|
||||
</div> |
|
||||
<div |
|
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 10 ? ' in' : '') } |
|
||||
style={{ height: this.state.activeTab === 10 ? `auto` : '0' }}> |
|
||||
{ this.renderAppUpdateTab() } |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<div |
|
||||
className="panel" |
|
||||
id="Support" |
|
||||
onClick={ () => this.openTab('Support', 11) }> |
|
||||
<div className="panel-heading"> |
|
||||
<a className={ 'panel-title' + (this.state.activeTab === 11 ? '' : ' collapsed') }> |
|
||||
<i className="icon fa fa-life-ring"></i> Support |
|
||||
</a> |
|
||||
</div> |
|
||||
<div |
|
||||
className={ 'panel-collapse collapse' + (this.state.activeTab === 11 ? ' in' : '') } |
|
||||
style={{ height: this.state.activeTab === 11 ? `auto` : '0' }}> |
|
||||
{ this.renderSupportPanel() } |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</div> |
|
||||
); |
); |
||||
}; |
}; |
||||
@ -0,0 +1,18 @@ |
|||||
|
import { GET_PIN_LIST } from "../actions/storeType"; |
||||
|
|
||||
|
export function Login(state = { |
||||
|
pinList: [], |
||||
|
}, action) { |
||||
|
if (state === null) state = { pinList: [] }; |
||||
|
|
||||
|
switch (action.type) { |
||||
|
case GET_PIN_LIST: |
||||
|
return Object.assign({}, state, { |
||||
|
pinList: action.pinList, |
||||
|
}); |
||||
|
default: |
||||
|
return state; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default Login; |
||||
Loading…
Reference in new issue