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-12-01 13:01:15 -05:00
|
|
|
t.h1({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})),
|
2020-12-01 13:01:15 -05:00
|
|
|
t.h1(vm => vm.name),
|
|
|
|
t.p(vm => vm.identifier),
|
2020-11-30 15:05:26 -05:00
|
|
|
]),
|
2020-12-01 13:01:15 -05:00
|
|
|
t.p({className: {hidden: vm => vm.clientsViewModel}}, t.button({
|
|
|
|
className: "primary fullwidth",
|
2020-12-01 09:29:12 -05:00
|
|
|
onClick: () => vm.showClients()
|
|
|
|
}, vm => vm.showClientsLabel)),
|
2020-12-01 06:04:11 -05:00
|
|
|
t.mapView(vm => vm.clientsViewModel, childVM => childVM ? new ClientListView(childVM) : null),
|
2020-12-01 13:01:15 -05:00
|
|
|
t.p(["Preview provided by ", vm => vm.previewDomain]),
|
2020-11-30 06:49:16 -05:00
|
|
|
])
|
2020-11-30 04:57:39 -05:00
|
|
|
]);
|
|
|
|
}
|
2020-12-01 06:04:11 -05:00
|
|
|
}
|