OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Add manage integration link.

pull/21833/head
Richard Lewis 2018-01-17 00:04:06 +00:00
parent 86da204169
commit 614a10c6d3
1 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/views/rooms/Stickerpack.js
View File

@ -20,7 +20,10 @@ import Widgets from '../../../utils/widgets';
import AppTile from '../elements/AppTile';
import ContextualMenu from '../../structures/ContextualMenu';
import MatrixClientPeg from '../../../MatrixClientPeg';
import Modal from '../../../Modal';
import sdk from '../../../index';
import SdkConfig from '../../../SdkConfig';
import ScalarAuthClient from '../../../ScalarAuthClient';
export default class Stickerpack extends React.Component {
@ -29,6 +32,7 @@ export default class Stickerpack extends React.Component {
this.onShowStickersClick = this.onShowStickersClick.bind(this);
this.onHideStickersClick = this.onHideStickersClick.bind(this);
this.onFinished = this.onFinished.bind(this);
this._launchManageIntegrations = this._launchManageIntegrations.bind(this);
this.defaultStickersContent = (
<div className='mx_StickersContentPlaceholder'>
@ -47,6 +51,20 @@ export default class Stickerpack extends React.Component {
}
componentDidMount() {
this.scalarClient = null;
if (SdkConfig.get().integrations_ui_url && SdkConfig.get().integrations_rest_url) {
this.scalarClient = new ScalarAuthClient();
this.scalarClient.connect().then(() => {
this.forceUpdate();
}).catch((e) => {
console.log("Failed to connect to integrations server");
// TODO -- Handle Scalar errors
// this.setState({
// scalar_error: err,
// });
});
}
// Stickers
// TODO - Add support for stickerpacks from multiple app stores.
// Render content from multiple stickerpack sources, each within their own iframe, within the stickerpack UI element.
@ -56,6 +74,7 @@ export default class Stickerpack extends React.Component {
// Load stickerpack content
if (stickerpackWidget && stickerpackWidget.content && stickerpackWidget.content.url) {
this.widgetId = stickerpackWidget.id;
stickersContent = (
<div
style={{
@ -96,7 +115,7 @@ export default class Stickerpack extends React.Component {
padding: '5px',
borderTop: '1px solid #999',
}}>
Add sticker packs
<span className='mx_Stickerpack_addLink' onClick={this._launchManageIntegrations} >Add sticker packs</span>
</div>
</div>
);
@ -138,6 +157,21 @@ export default class Stickerpack extends React.Component {
this.setState({showStickers: false});
}
_launchManageIntegrations() {
this.onFinished();
const IntegrationsManager = sdk.getComponent("views.settings.IntegrationsManager");
const src = (this.scalarClient !== null && this.scalarClient.hasCredentials()) ?
this.scalarClient.getScalarInterfaceUrlForRoom(
this.props.room.roomId,
'add_integ',
// this.widgetId,
) :
null;
Modal.createTrackedDialog('Integrations Manager', '', IntegrationsManager, {
src: src,
}, "mx_IntegrationsManager");
}
render() {
const TintableSvg = sdk.getComponent("elements.TintableSvg");
let stickersButton;