element-web/src/components/views/elements/AppPermission.js

84 lines
2.7 KiB
JavaScript
Raw Normal View History

2017-07-26 10:28:43 +00:00
import React from 'react';
import PropTypes from 'prop-types';
2017-07-26 15:47:58 +00:00
import url from 'url';
2017-07-28 15:39:18 +00:00
import { _t } from '../../../languageHandler';
2017-07-26 10:28:43 +00:00
export default class AppPermission extends React.Component {
constructor(props) {
super(props);
const curlBase = this.getCurlBase();
2017-07-28 15:36:06 +00:00
this.state = { curlBase: curlBase};
2017-07-26 10:28:43 +00:00
}
// Return string representation of content URL without query parameters
getCurlBase() {
2017-07-26 15:47:58 +00:00
const wurl = url.parse(this.props.url);
let curl;
let curlString;
2017-07-26 15:47:58 +00:00
const searchParams = new URLSearchParams(wurl.search);
2017-11-16 13:19:36 +00:00
if (this.isScalarWurl(wurl) && searchParams && searchParams.get('url')) {
curl = url.parse(searchParams.get('url'));
2017-11-16 13:19:36 +00:00
if (curl) {
curl.search = curl.query = "";
curlString = curl.format();
}
2017-07-26 10:28:43 +00:00
}
if (!curl && wurl) {
wurl.search = wurl.query = "";
curlString = wurl.format();
}
return curlString;
2017-07-26 10:28:43 +00:00
}
isScalarWurl(wurl) {
2017-11-16 13:19:36 +00:00
if (wurl && wurl.hostname && (
wurl.hostname === 'scalar.vector.im' ||
wurl.hostname === 'scalar-staging.riot.im' ||
2017-08-02 13:35:14 +00:00
wurl.hostname === 'scalar-develop.riot.im' ||
wurl.hostname === 'demo.riot.im' ||
wurl.hostname === 'localhost'
)) {
return true;
}
return false;
}
2017-07-26 10:28:43 +00:00
render() {
let e2eWarningText;
if (this.props.isRoomEncrypted) {
e2eWarningText =
<span className='mx_AppPermissionWarningTextLabel'>{ _t('NOTE: Apps are not end-to-end encrypted') }</span>;
}
2017-07-26 10:28:43 +00:00
return (
2017-07-26 15:47:58 +00:00
<div className='mx_AppPermissionWarning'>
<div className='mx_AppPermissionWarningImage'>
<img src='img/warning.svg' alt={_t('Warning!')} />
2017-07-26 15:47:58 +00:00
</div>
<div className='mx_AppPermissionWarningText'>
<span className='mx_AppPermissionWarningTextLabel'>{ _t('Do you want to load widget from URL:') }</span> <span className='mx_AppPermissionWarningTextURL'>{ this.state.curlBase }</span>
{ e2eWarningText }
2017-07-26 15:47:58 +00:00
</div>
2017-07-26 10:28:43 +00:00
<input
2017-07-26 15:47:58 +00:00
className='mx_AppPermissionButton'
2017-07-26 10:28:43 +00:00
type='button'
2017-07-28 15:42:07 +00:00
value={_t('Allow')}
2017-07-26 10:28:43 +00:00
onClick={this.props.onPermissionGranted}
/>
</div>
);
}
}
AppPermission.propTypes = {
isRoomEncrypted: PropTypes.bool,
2017-07-26 10:28:43 +00:00
url: PropTypes.string.isRequired,
onPermissionGranted: PropTypes.func.isRequired,
};
2017-07-28 15:23:38 +00:00
AppPermission.defaultProps = {
isRoomEncrypted: false,
2017-07-26 10:28:43 +00:00
onPermissionGranted: function() {},
};