aboutsummaryrefslogtreecommitdiffstats
path: root/old-ui/app/config.js
diff options
context:
space:
mode:
Diffstat (limited to 'old-ui/app/config.js')
-rw-r--r--old-ui/app/config.js266
1 files changed, 266 insertions, 0 deletions
diff --git a/old-ui/app/config.js b/old-ui/app/config.js
new file mode 100644
index 000000000..9e07cf348
--- /dev/null
+++ b/old-ui/app/config.js
@@ -0,0 +1,266 @@
+const inherits = require('util').inherits
+const Component = require('react').Component
+const h = require('react-hyperscript')
+const connect = require('react-redux').connect
+const actions = require('../../ui/app/actions')
+const infuraCurrencies = require('./infura-conversion.json').objects.sort((a, b) => {
+ return a.quote.name.toLocaleLowerCase().localeCompare(b.quote.name.toLocaleLowerCase())
+ })
+const validUrl = require('valid-url')
+const exportAsFile = require('./util').exportAsFile
+const Modal = require('../../ui/app/components/modals/index').Modal
+
+module.exports = connect(mapStateToProps)(ConfigScreen)
+
+function mapStateToProps (state) {
+ return {
+ metamask: state.metamask,
+ warning: state.appState.warning,
+ }
+}
+
+inherits(ConfigScreen, Component)
+function ConfigScreen () {
+ Component.call(this)
+}
+
+ConfigScreen.prototype.render = function () {
+ var state = this.props
+ var metamaskState = state.metamask
+ var warning = state.warning
+
+ return (
+ h('.flex-column.flex-grow', {
+ style:{
+ maxHeight: '585px',
+ overflowY: 'auto',
+ },
+ }, [
+
+ h(Modal, {}, []),
+
+ // subtitle and nav
+ h('.section-title.flex-row.flex-center', [
+ h('i.fa.fa-arrow-left.fa-lg.cursor-pointer', {
+ onClick: (event) => {
+ state.dispatch(actions.goHome())
+ },
+ }),
+ h('h2.page-subtitle', 'Settings'),
+ ]),
+
+ h('.error', {
+ style: {
+ display: warning ? 'block' : 'none',
+ padding: '0 20px',
+ textAlign: 'center',
+ },
+ }, warning),
+
+ // conf view
+ h('.flex-column.flex-justify-center.flex-grow.select-none', [
+ h('.flex-space-around', {
+ style: {
+ padding: '20px',
+ overflow: 'auto',
+ },
+ }, [
+
+ currentProviderDisplay(metamaskState),
+
+ h('div', { style: {display: 'flex'} }, [
+ h('input#new_rpc', {
+ placeholder: 'New RPC URL',
+ style: {
+ width: 'inherit',
+ flex: '1 0 auto',
+ height: '30px',
+ margin: '8px',
+ },
+ onKeyPress (event) {
+ if (event.key === 'Enter') {
+ var element = event.target
+ var newRpc = element.value
+ rpcValidation(newRpc, state)
+ }
+ },
+ }),
+ h('button', {
+ style: {
+ alignSelf: 'center',
+ },
+ onClick (event) {
+ event.preventDefault()
+ var element = document.querySelector('input#new_rpc')
+ var newRpc = element.value
+ rpcValidation(newRpc, state)
+ },
+ }, 'Save'),
+ ]),
+
+ h('hr.horizontal-line'),
+
+ currentConversionInformation(metamaskState, state),
+
+ h('hr.horizontal-line'),
+
+ h('div', {
+ style: {
+ marginTop: '20px',
+ },
+ }, [
+ h('p', {
+ style: {
+ fontFamily: 'Montserrat Light',
+ fontSize: '13px',
+ },
+ }, `State logs contain your public account addresses and sent transactions.`),
+ h('br'),
+ h('button', {
+ style: {
+ alignSelf: 'center',
+ },
+ onClick (event) {
+ window.logStateString((err, result) => {
+ if (err) {
+ state.dispatch(actions.displayWarning('Error in retrieving state logs.'))
+ } else {
+ exportAsFile('MetaMask State Logs.json', result)
+ }
+ })
+ },
+ }, 'Download State Logs'),
+ ]),
+
+ h('hr.horizontal-line'),
+
+ h('div', {
+ style: {
+ marginTop: '20px',
+ },
+ }, [
+ h('button', {
+ style: {
+ alignSelf: 'center',
+ },
+ onClick (event) {
+ event.preventDefault()
+ state.dispatch(actions.revealSeedConfirmation())
+ },
+ }, 'Reveal Seed Words'),
+ ]),
+
+ h('hr.horizontal-line'),
+
+ h('div', {
+ style: {
+ marginTop: '20px',
+ },
+ }, [
+
+ h('p', {
+ style: {
+ fontFamily: 'Montserrat Light',
+ fontSize: '13px',
+ },
+ }, [
+ 'Resetting is for developer use only. ',
+ h('a', {
+ href: 'http://metamask.helpscoutdocs.com/article/36-resetting-an-account',
+ target: '_blank',
+ onClick (event) { this.navigateTo(event.target.href) },
+ }, 'Read more.'),
+ ]),
+ h('br'),
+
+ h('button', {
+ style: {
+ alignSelf: 'center',
+ },
+ onClick (event) {
+ event.preventDefault()
+ state.dispatch(actions.resetAccount())
+ },
+ }, 'Reset Account'),
+ ]),
+
+ ]),
+ ]),
+ ])
+ )
+}
+
+function rpcValidation (newRpc, state) {
+ if (validUrl.isWebUri(newRpc)) {
+ state.dispatch(actions.setRpcTarget(newRpc))
+ } else {
+ var appendedRpc = `http://${newRpc}`
+ if (validUrl.isWebUri(appendedRpc)) {
+ state.dispatch(actions.displayWarning('URIs require the appropriate HTTP/HTTPS prefix.'))
+ } else {
+ state.dispatch(actions.displayWarning('Invalid RPC URI'))
+ }
+ }
+}
+
+function currentConversionInformation (metamaskState, state) {
+ var currentCurrency = metamaskState.currentCurrency
+ var conversionDate = metamaskState.conversionDate
+ return h('div', [
+ h('span', {style: { fontWeight: 'bold', paddingRight: '10px'}}, 'Current Conversion'),
+ h('span', {style: { fontWeight: 'bold', paddingRight: '10px', fontSize: '13px'}}, `Updated ${Date(conversionDate)}`),
+ h('select#currentCurrency', {
+ onChange (event) {
+ event.preventDefault()
+ var element = document.getElementById('currentCurrency')
+ var newCurrency = element.value
+ state.dispatch(actions.setCurrentCurrency(newCurrency))
+ },
+ defaultValue: currentCurrency,
+ }, infuraCurrencies.map((currency) => {
+ return h('option', {key: currency.quote.code, value: currency.quote.code}, `${currency.quote.code.toUpperCase()} - ${currency.quote.name}`)
+ })
+ ),
+ ])
+}
+
+function currentProviderDisplay (metamaskState) {
+ var provider = metamaskState.provider
+ var title, value
+
+ switch (provider.type) {
+
+ case 'mainnet':
+ title = 'Current Network'
+ value = 'Main Ethereum Network'
+ break
+
+ case 'ropsten':
+ title = 'Current Network'
+ value = 'Ropsten Test Network'
+ break
+
+ case 'kovan':
+ title = 'Current Network'
+ value = 'Kovan Test Network'
+ break
+
+ case 'rinkeby':
+ title = 'Current Network'
+ value = 'Rinkeby Test Network'
+ break
+
+ default:
+ title = 'Current RPC'
+ value = metamaskState.provider.rpcTarget
+ }
+
+ return h('div', [
+ h('span', {style: { fontWeight: 'bold', paddingRight: '10px'}}, title),
+ h('span', value),
+ ])
+}
+
+ConfigScreen.prototype.navigateTo = function (url) {
+ global.platform.openWindow({ url })
+}