2020-11-30 15:05:26 -05:00
|
|
|
/*
|
|
|
|
Copyright 2020 The Matrix.org Foundation C.I.C.
|
|
|
|
|
|
|
|
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.
|
|
|
|
*/
|
|
|
|
|
|
|
|
import {isWebPlatform, Platform} from "./Platform.js";
|
|
|
|
import {ViewModel} from "../utils/ViewModel.js";
|
|
|
|
|
|
|
|
export class ClientViewModel extends ViewModel {
|
|
|
|
constructor(options) {
|
|
|
|
super(options);
|
|
|
|
const {client, link} = options;
|
|
|
|
this._client = client;
|
|
|
|
const supportedPlatforms = client.platforms;
|
|
|
|
const matchingPlatforms = this.platforms.filter(p => {
|
|
|
|
return supportedPlatforms.includes(p);
|
|
|
|
});
|
|
|
|
const nativePlatform = matchingPlatforms.find(p => !isWebPlatform(p));
|
|
|
|
const webPlatform = this.platforms.find(p => isWebPlatform(p));
|
|
|
|
this.actions = this._createActions(client, link, nativePlatform, webPlatform);
|
|
|
|
this.name = this._client.getName(nativePlatform || webPlatform);
|
|
|
|
}
|
|
|
|
|
|
|
|
_createActions(client, link, nativePlatform, webPlatform) {
|
|
|
|
let actions = [];
|
|
|
|
if (nativePlatform) {
|
|
|
|
const nativeActions = client.getInstallLinks(nativePlatform).map(installLink => {
|
|
|
|
return {
|
|
|
|
label: installLink.description,
|
|
|
|
url: installLink.createInstallURL(link),
|
|
|
|
kind: installLink.channelId,
|
2020-12-01 06:04:11 -05:00
|
|
|
primary: true,
|
|
|
|
activated: () => this.preferences.setClient(client.id, nativePlatform),
|
2020-11-30 15:05:26 -05:00
|
|
|
};
|
|
|
|
});
|
|
|
|
actions.push(...nativeActions);
|
|
|
|
}
|
|
|
|
if (webPlatform) {
|
|
|
|
actions.push({
|
|
|
|
label: `Or open in ${client.getName(webPlatform)}`,
|
|
|
|
url: client.getDeepLink(webPlatform, link),
|
|
|
|
kind: "open-in-web",
|
2020-12-01 06:04:11 -05:00
|
|
|
activated: () => this.preferences.setClient(client.id, webPlatform),
|
2020-11-30 15:05:26 -05:00
|
|
|
});
|
|
|
|
}
|
|
|
|
return actions;
|
|
|
|
}
|
|
|
|
|
|
|
|
get description() {
|
|
|
|
return this._client.description;
|
|
|
|
}
|
|
|
|
|
|
|
|
get clientId() {
|
|
|
|
return this._client.id;
|
|
|
|
}
|
|
|
|
}
|