Allow configuring welcome background image

This commit is contained in:
J. Ryan Stinnett 2019-02-11 16:07:39 +00:00
parent aea2b1ebc9
commit 86ced4cdad
2 changed files with 11 additions and 1 deletions

View File

@ -127,6 +127,9 @@ For a good example, see https://riot.im/develop/config.json
release to release. release to release.
1. `brand`: String to pass to your homeserver when configuring email notifications, to let the 1. `brand`: String to pass to your homeserver when configuring email notifications, to let the
homeserver know what email template to use when talking to you. homeserver know what email template to use when talking to you.
1. `branding`: Configures various branding and logo details, such as:
1. `welcomeBackgroundUrl`: An image to use as a wallpaper outside the app
during authentication flows
1. `integrations_ui_url`: URL to the web interface for the integrations server. The integrations 1. `integrations_ui_url`: URL to the web interface for the integrations server. The integrations
server is not Riot and normally not your homeserver either. The integration server settings server is not Riot and normally not your homeserver either. The integration server settings
may be left blank to disable integrations. may be left blank to disable integrations.

View File

@ -18,6 +18,7 @@ limitations under the License.
import React from 'react'; import React from 'react';
import sdk from 'matrix-react-sdk/lib/index'; import sdk from 'matrix-react-sdk/lib/index';
import SdkConfig from 'matrix-react-sdk/lib/SdkConfig';
export default class VectorAuthPage extends React.PureComponent { export default class VectorAuthPage extends React.PureComponent {
static replaces = 'AuthPage' static replaces = 'AuthPage'
@ -25,8 +26,14 @@ export default class VectorAuthPage extends React.PureComponent {
render() { render() {
const AuthFooter = sdk.getComponent('auth.AuthFooter'); const AuthFooter = sdk.getComponent('auth.AuthFooter');
const brandingConfig = SdkConfig.get().branding;
let backgroundUrl = "themes/riot/img/backgrounds/valley.jpg";
if (brandingConfig && brandingConfig.welcomeBackgroundUrl) {
backgroundUrl = brandingConfig.welcomeBackgroundUrl;
}
const pageStyle = { const pageStyle = {
background: 'center/cover fixed url(themes/riot/img/backgrounds/valley.jpg)', background: `center/cover fixed url(${backgroundUrl})`,
}; };
const modalStyle = { const modalStyle = {