2020-11-30 04:57:39 -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 {TemplateView} from "../utils/TemplateView.js";
|
2020-11-30 15:05:26 -05:00
|
|
|
import {ClientListView} from "../client/ClientListView.js";
|
2020-12-01 06:04:11 -05:00
|
|
|
import {ClientView} from "../client/ClientView.js";
|
2020-11-30 04:57:39 -05:00
|
|
|
|
|
|
|
export class PreviewView extends TemplateView {
|
|
|
|
render(t, vm) {
|
2020-11-30 07:14:13 -05:00
|
|
|
return t.div({className: "PreviewView card"}, [
|
2020-11-30 06:49:16 -05:00
|
|
|
t.h2({className: {hidden: vm => !vm.loading}}, "Loading preview…"),
|
2020-11-30 15:05:26 -05:00
|
|
|
t.div({className: {hidden: vm => vm.loading}}, [
|
|
|
|
t.div({className: "preview"}, [
|
|
|
|
t.p(t.img({className: "avatar", src: vm => vm.avatarUrl})),
|
|
|
|
t.div({className: "profileInfo"}, [
|
|
|
|
t.h2(vm => vm.name),
|
|
|
|
t.p(vm => vm.identifier),
|
|
|
|
t.p(["Preview from ", vm => vm.previewDomain]),
|
|
|
|
]),
|
|
|
|
]),
|
|
|
|
t.p({hidden: vm => !!vm.clientsViewModel}, t.button({onClick: () => vm.accept()}, vm => vm.acceptLabel)),
|
2020-12-01 06:04:11 -05:00
|
|
|
t.mapView(vm => vm.clientsViewModel, childVM => childVM ? new ClientListView(childVM) : null),
|
|
|
|
t.mapView(vm => vm.missingClientViewModel, childVM => childVM ? new MissingClientView(childVM) : null),
|
2020-11-30 06:49:16 -05:00
|
|
|
])
|
2020-11-30 04:57:39 -05:00
|
|
|
]);
|
|
|
|
}
|
2020-12-01 06:04:11 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
class MissingClientView extends TemplateView {
|
|
|
|
render(t, vm) {
|
|
|
|
return t.div({className: "MissingClientView"}, [
|
|
|
|
t.h3(`It looks like you don't have ${vm.name} installed.`),
|
|
|
|
t.view(new ClientView(vm)),
|
|
|
|
]);
|
|
|
|
}
|
2020-11-30 04:57:39 -05:00
|
|
|
}
|