mirror of
https://github.com/turt2live/matrix-dimension.git
synced 2024-10-01 01:05:53 -04:00
89 lines
3.7 KiB
TypeScript
89 lines
3.7 KiB
TypeScript
|
import { DISABLE_AUTOMATIC_WRAPPING, WidgetComponent } from "../widget.component";
|
||
|
import { EditableWidget, WIDGET_JITSI } from "../../../shared/models/widget";
|
||
|
import { Component } from "@angular/core";
|
||
|
import { JitsiWidget } from "../../../shared/models/integration";
|
||
|
import { SessionStorage } from "../../../shared/SessionStorage";
|
||
|
import { NameService } from "../../../shared/services/name.service";
|
||
|
import * as url from "url";
|
||
|
|
||
|
@Component({
|
||
|
templateUrl: "jitsi.widget.component.html",
|
||
|
styleUrls: ["jitsi.widget.component.scss"],
|
||
|
})
|
||
|
export class JitsiWidgetConfigComponent extends WidgetComponent {
|
||
|
|
||
|
private jitsiWidget: JitsiWidget = <JitsiWidget>SessionStorage.editIntegration;
|
||
|
|
||
|
constructor(private nameService: NameService) {
|
||
|
super(WIDGET_JITSI, "Jitsi Video Conference", DISABLE_AUTOMATIC_WRAPPING);
|
||
|
}
|
||
|
|
||
|
protected OnWidgetsDiscovered(widgets: EditableWidget[]) {
|
||
|
for (const widget of widgets) {
|
||
|
const templatedUrl = this.templateUrl(widget.url, widget.data);
|
||
|
const parsedUrl = url.parse(templatedUrl, true);
|
||
|
const conferenceId = parsedUrl.query["conferenceId"];
|
||
|
const confId = parsedUrl.query["confId"];
|
||
|
const domain = parsedUrl.query["domain"];
|
||
|
let isAudioConf = parsedUrl.query["isAudioConf"];
|
||
|
|
||
|
// Convert isAudioConf to boolean
|
||
|
if (isAudioConf === "true") isAudioConf = true;
|
||
|
else if (isAudioConf === "false") isAudioConf = false;
|
||
|
else if (isAudioConf && isAudioConf[0] === '$') isAudioConf = widget.data[isAudioConf];
|
||
|
else isAudioConf = false; // default
|
||
|
|
||
|
if (conferenceId) {
|
||
|
// It's a legacy Dimension widget
|
||
|
widget.data.confId = conferenceId;
|
||
|
} else widget.data.confId = confId;
|
||
|
|
||
|
if (domain) widget.data.domain = domain;
|
||
|
else widget.data.domain = "jitsi.riot.im";
|
||
|
|
||
|
widget.data.isAudioConf = isAudioConf;
|
||
|
widget.data.conferenceUrl = "https://" + widget.data.domain + "/" + widget.data.confId;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
protected OnNewWidgetPrepared(widget: EditableWidget): void {
|
||
|
const name = this.nameService.getHumanReadableName();
|
||
|
|
||
|
let rootUrl = "https://jitsi.riot.im/";
|
||
|
if (this.jitsiWidget.options && this.jitsiWidget.options.jitsiDomain) {
|
||
|
rootUrl = "https://" + this.jitsiWidget.options.jitsiDomain + "/";
|
||
|
}
|
||
|
|
||
|
widget.dimension.newData["conferenceUrl"] = rootUrl + name;
|
||
|
}
|
||
|
|
||
|
protected OnWidgetBeforeAdd(widget: EditableWidget) {
|
||
|
this.setJitsiUrl(widget);
|
||
|
}
|
||
|
|
||
|
protected OnWidgetBeforeEdit(widget: EditableWidget) {
|
||
|
this.setJitsiUrl(widget);
|
||
|
}
|
||
|
|
||
|
private setJitsiUrl(widget: EditableWidget) {
|
||
|
const jitsiUrl = url.parse(widget.dimension.newData.conferenceUrl);
|
||
|
widget.dimension.newData.domain = jitsiUrl.host;
|
||
|
widget.dimension.newData.confId = jitsiUrl.path.substring(1);
|
||
|
widget.dimension.newData.isAudioConf = false;
|
||
|
|
||
|
let widgetQueryString = url.format({
|
||
|
query: {
|
||
|
// TODO: Use templating when mobile riot supports it
|
||
|
"confId": widget.dimension.newData.confId,
|
||
|
"domain": widget.dimension.newData.domain,
|
||
|
"isAudioConf": widget.dimension.newData.isAudioConf,
|
||
|
"displayName": "$matrix_display_name",
|
||
|
"avatarUrl": "$matrix_avatar_url",
|
||
|
"userId": "$matrix_user_id",
|
||
|
},
|
||
|
});
|
||
|
widgetQueryString = this.decodeParams(widgetQueryString, Object.keys(widget.dimension.newData).map(k => "$" + k));
|
||
|
|
||
|
widget.dimension.newUrl = window.location.origin + "/widgets/jitsi" + widgetQueryString;
|
||
|
}
|
||
|
}
|