2017-01-25 18:51:41 +01:00
// Copyright 2015-2017 Parity Technologies (UK) Ltd.
2016-10-18 16:44:09 +02:00
// This file is part of Parity.
// Parity is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
// Parity is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
// You should have received a copy of the GNU General Public License
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
2016-11-04 23:08:12 +01:00
import React , { Component , PropTypes } from 'react' ;
2016-12-11 17:42:35 +01:00
import { FormattedMessage } from 'react-intl' ;
2016-10-18 16:44:09 +02:00
2016-12-05 11:47:13 +01:00
import { Container } from '~/ui' ;
2016-10-18 16:44:09 +02:00
import layout from '../layout.css' ;
import styles from './proxy.css' ;
export default class Proxy extends Component {
2016-11-04 23:08:12 +01:00
static contextTypes = {
api : PropTypes . object . isRequired
}
2016-10-18 16:44:09 +02:00
render ( ) {
2016-11-04 23:08:12 +01:00
const { dappsUrl } = this . context . api ;
const proxyurl = ` ${ dappsUrl } /proxy/proxy.pac ` ;
2016-10-18 16:44:09 +02:00
return (
2017-01-18 13:05:01 +01:00
< Container
title = {
< FormattedMessage id = 'settings.proxy.label' / >
}
>
2016-10-18 16:44:09 +02:00
< div className = { layout . layout } >
< div className = { layout . overview } >
2016-12-11 17:42:35 +01:00
< div >
< FormattedMessage
id = 'settings.proxy.overview_0'
2017-01-18 13:05:01 +01:00
defaultMessage = 'The proxy setup allows you to access Parity and all associated decentralized applications via memorable addresses.'
/ >
2016-12-11 17:42:35 +01:00
< / d i v >
2016-10-18 16:44:09 +02:00
< / d i v >
< div className = { layout . details } >
< div className = { styles . details } >
2016-12-11 17:42:35 +01:00
< div >
< FormattedMessage
id = 'settings.proxy.details_0'
defaultMessage = 'Instead of accessing Parity via the IP address and port, you will be able to access it via the .parity subdomain, by visiting {homeProxy}. To setup subdomain-based routing, you need to add the relevant proxy entries to your browser,'
values = { {
homeProxy : < span className = { layout . console } > http : //home.parity/</span>
2017-01-18 13:05:01 +01:00
} }
/ >
2016-12-11 17:42:35 +01:00
< / d i v >
< div className = { layout . center } >
< a href = { proxyurl } target = '_blank' > { proxyurl } < / a >
< / d i v >
< div >
< FormattedMessage
id = 'settings.proxy.details_1'
defaultMessage = 'To learn how to configure the proxy, instructions are provided for {windowsLink}, {macOSLink} or {ubuntuLink}.'
values = { {
2017-02-14 13:16:39 +01:00
windowsLink : < a href = 'https://blogs.msdn.microsoft.com/ieinternals/2013/10/11/understanding-web-proxy-configuration/' target = '_blank' > < FormattedMessage id = 'settings.proxy.details_windows' defaultMessage = 'Windows' / > < / a > ,
2016-12-11 17:42:35 +01:00
macOSLink : < a href = 'https://support.apple.com/kb/PH18553?locale=en_US' target = '_blank' > < FormattedMessage id = 'settings.proxy.details_macos' defaultMessage = 'macOS' / > < / a > ,
ubuntuLink : < a href = 'http://xmodulo.com/how-to-set-up-proxy-auto-config-on-ubuntu-desktop.html' target = '_blank' > < FormattedMessage id = 'settings.proxy.details_ubuntu' defaultMessage = 'Ubuntu' / > < / a >
2017-01-18 13:05:01 +01:00
} }
/ >
2016-12-11 17:42:35 +01:00
< / d i v >
2016-10-18 16:44:09 +02:00
< / d i v >
< / d i v >
< / d i v >
< / C o n t a i n e r >
) ;
}
}