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

63 lines
1.9 KiB
JavaScript
Raw Normal View History

2017-07-26 13:28:43 +03:00
import React from 'react';
import PropTypes from 'prop-types';
2017-07-26 18:47:58 +03:00
import url from 'url';
2017-07-28 18:39:18 +03:00
import { _t } from '../../../languageHandler';
2017-07-26 13:28:43 +03:00
export default class AppPermission extends React.Component {
constructor(props) {
super(props);
const curlBase = this.getCurlBase();
2017-07-28 18:36:06 +03:00
this.state = { curlBase: curlBase};
2017-07-26 13:28:43 +03:00
}
// Return string representation of content URL without query parameters
getCurlBase() {
2017-07-26 18:47:58 +03:00
const wurl = url.parse(this.props.url);
let curl;
let curlString;
2017-07-26 18:47:58 +03:00
const searchParams = new URLSearchParams(wurl.search);
2017-07-26 18:47:58 +03:00
if(searchParams && searchParams.get('url')) {
curl = url.parse(searchParams.get('url'));
if(curl) {
curl.search = curl.query = "";
curlString = curl.format();
}
2017-07-26 13:28:43 +03:00
}
if (!curl && wurl) {
wurl.search = wurl.query = "";
curlString = wurl.format();
}
return curlString;
2017-07-26 13:28:43 +03:00
}
render() {
return (
2017-07-26 18:47:58 +03:00
<div className='mx_AppPermissionWarning'>
<div className='mx_AppPermissionWarningImage'>
2017-07-28 18:39:18 +03:00
<img src='img/warning.svg' alt={_t('Warning!')}/>
2017-07-26 18:47:58 +03:00
</div>
<div className='mx_AppPermissionWarningText'>
<span className='mx_AppPermissionWarningTextLabel'>Do you want to load widget from URL:</span> <span className='mx_AppPermissionWarningTextURL'>{this.state.curlBase}</span>
2017-07-26 18:47:58 +03:00
</div>
2017-07-26 13:28:43 +03:00
<input
2017-07-26 18:47:58 +03:00
className='mx_AppPermissionButton'
2017-07-26 13:28:43 +03:00
type='button'
2017-07-28 18:42:07 +03:00
value={_t('Allow')}
2017-07-26 13:28:43 +03:00
onClick={this.props.onPermissionGranted}
/>
</div>
);
}
}
AppPermission.propTypes = {
url: PropTypes.string.isRequired,
onPermissionGranted: PropTypes.func.isRequired,
};
2017-07-28 18:23:38 +03:00
AppPermission.defaultProps = {
2017-07-26 13:28:43 +03:00
onPermissionGranted: function() {},
};