2016-11-13 15:10:33 +01:00
|
|
|
/*
|
|
|
|
Copyright 2016 OpenMarket Ltd
|
2017-02-07 12:19:01 +01:00
|
|
|
Copyright 2017 Vector Creations Ltd
|
2016-11-13 15:10:33 +01:00
|
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
you may not use this file except in compliance with the License.
|
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
See the License for the specific language governing permissions and
|
|
|
|
limitations under the License.
|
|
|
|
*/
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
2017-02-07 12:34:34 +01:00
|
|
|
import React from 'react';
|
2017-05-30 04:58:45 +02:00
|
|
|
import GeminiScrollbar from 'react-gemini-scrollbar';
|
|
|
|
import request from 'browser-request';
|
2017-06-01 01:07:47 +02:00
|
|
|
import { _t } from 'matrix-react-sdk/lib/languageHandler';
|
|
|
|
import sanitizeHtml from 'sanitize-html';
|
2016-11-13 15:10:33 +01:00
|
|
|
|
|
|
|
module.exports = React.createClass({
|
|
|
|
displayName: 'HomePage',
|
|
|
|
|
|
|
|
propTypes: {
|
2017-05-25 15:35:59 +02:00
|
|
|
// URL base of the team server. Optional.
|
|
|
|
teamServerUrl: React.PropTypes.string,
|
|
|
|
// Team token. Optional. If set, used to get the static homepage of the team
|
2017-05-25 11:23:26 +02:00
|
|
|
// associated. If unset, homePageUrl will be used.
|
2017-05-24 18:58:03 +02:00
|
|
|
teamToken: React.PropTypes.string,
|
|
|
|
// URL to use as the iFrame src. Defaults to /home.html.
|
|
|
|
homePageUrl: React.PropTypes.string,
|
2016-11-13 15:10:33 +01:00
|
|
|
},
|
|
|
|
|
2017-05-30 04:58:45 +02:00
|
|
|
getInitialState: function() {
|
|
|
|
return {
|
2017-06-01 12:13:04 +02:00
|
|
|
iframeSrc: '',
|
|
|
|
page: '',
|
2017-05-30 04:58:45 +02:00
|
|
|
};
|
|
|
|
},
|
|
|
|
|
2017-06-08 13:06:45 +02:00
|
|
|
translate: function(s) {
|
|
|
|
s = sanitizeHtml(_t(s));
|
|
|
|
// ugly fix for https://github.com/vector-im/riot-web/issues/4243
|
2017-06-08 14:50:53 +02:00
|
|
|
s = s.replace(/Riot\.im/, '<a href="https://riot.im target="_blank">Riot.im</a>');
|
|
|
|
s = s.replace(/\[matrix\]/, '<a href="https://matrix.org" target="_blank"><img width="79" height="34" alt="[matrix]" style="padding-left: 1px;vertical-align: middle" src="home/images/matrix.svg"/></a>');
|
2017-06-08 13:06:45 +02:00
|
|
|
return s;
|
|
|
|
},
|
|
|
|
|
2017-05-30 04:58:45 +02:00
|
|
|
componentWillMount: function() {
|
2017-05-30 22:52:43 +02:00
|
|
|
if (this.props.teamToken && this.props.teamServerUrl) {
|
2017-06-01 12:13:04 +02:00
|
|
|
this.setState({
|
|
|
|
iframeSrc: `${this.props.teamServerUrl}/static/${this.props.teamToken}/home.html`
|
|
|
|
});
|
2017-05-30 22:52:43 +02:00
|
|
|
}
|
2017-06-01 12:13:04 +02:00
|
|
|
else {
|
|
|
|
// we use request() to inline the homepage into the react component
|
|
|
|
// so that it can inherit CSS and theming easily rather than mess around
|
|
|
|
// with iframes and trying to synchronise document.stylesheets.
|
2017-05-30 22:52:43 +02:00
|
|
|
|
2017-06-07 12:20:41 +02:00
|
|
|
let src = this.props.homePageUrl || 'home.html';
|
2017-05-30 04:58:45 +02:00
|
|
|
|
2017-06-01 12:13:04 +02:00
|
|
|
request(
|
|
|
|
{ method: "GET", url: src },
|
|
|
|
(err, response, body) => {
|
|
|
|
if (err || response.status < 200 || response.status >= 300) {
|
2017-06-05 21:16:44 +02:00
|
|
|
console.log(err);
|
2017-06-01 12:13:04 +02:00
|
|
|
this.setState({ page: "Couldn't load home page" });
|
|
|
|
}
|
2017-05-24 18:58:03 +02:00
|
|
|
|
2017-06-08 13:06:45 +02:00
|
|
|
body = body.replace(/_t\(['"]([\s\S]*?)['"]\)/mg, (match, g1)=>this.translate(g1));
|
2017-06-01 12:13:04 +02:00
|
|
|
this.setState({ page: body });
|
2017-05-30 04:58:45 +02:00
|
|
|
}
|
2017-06-01 12:13:04 +02:00
|
|
|
);
|
|
|
|
}
|
2016-11-13 15:10:33 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
render: function() {
|
2017-06-01 12:13:04 +02:00
|
|
|
if (this.state.iframeSrc) {
|
2017-05-30 22:52:43 +02:00
|
|
|
return (
|
|
|
|
<div className="mx_HomePage">
|
2017-06-01 12:13:04 +02:00
|
|
|
<iframe src={ this.state.iframeSrc } />
|
2017-05-30 04:58:45 +02:00
|
|
|
</div>
|
2017-05-30 22:52:43 +02:00
|
|
|
);
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
return (
|
|
|
|
<GeminiScrollbar autoshow={true} className="mx_HomePage">
|
|
|
|
<div className="mx_HomePage_body" dangerouslySetInnerHTML={{ __html: this.state.page }}>
|
|
|
|
</div>
|
|
|
|
</GeminiScrollbar>
|
|
|
|
);
|
|
|
|
}
|
2016-11-13 15:10:33 +01:00
|
|
|
}
|
|
|
|
});
|