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 {TemplateView} from "../utils/TemplateView.js";
|
2020-12-01 13:01:15 -05:00
|
|
|
import {ClientView} from "./ClientView.js";
|
2020-11-30 15:05:26 -05:00
|
|
|
|
|
|
|
export class ClientListView extends TemplateView {
|
|
|
|
render(t, vm) {
|
2020-12-01 13:01:15 -05:00
|
|
|
return t.mapView(vm => vm.clientViewModel, () => {
|
|
|
|
if (vm.clientViewModel) {
|
|
|
|
return new ContinueWithClientView(vm);
|
|
|
|
} else {
|
|
|
|
return new AllClientsView(vm);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class AllClientsView extends TemplateView {
|
|
|
|
render(t, vm) {
|
|
|
|
return t.div({className: "ClientListView"}, [
|
|
|
|
t.h2("Choose an app to continue"),
|
2020-12-02 06:13:06 -05:00
|
|
|
t.mapView(vm => vm.clientList, () => {
|
|
|
|
return new TemplateView(vm, t => {
|
|
|
|
return t.div({className: "list"}, vm.clientList.map(clientViewModel => {
|
|
|
|
return t.view(new ClientView(clientViewModel));
|
|
|
|
}));
|
|
|
|
});
|
|
|
|
}),
|
|
|
|
t.div(t.label([
|
2020-12-02 06:59:48 -05:00
|
|
|
t.input({
|
|
|
|
type: "checkbox",
|
|
|
|
checked: vm.showUnsupportedPlatforms,
|
|
|
|
onChange: evt => vm.showUnsupportedPlatforms = evt.target.checked,
|
|
|
|
}),
|
2020-12-02 06:13:06 -05:00
|
|
|
"Show apps not available on my platform"
|
|
|
|
])),
|
|
|
|
t.div(t.label([
|
2020-12-02 06:59:48 -05:00
|
|
|
t.input({
|
|
|
|
type: "checkbox",
|
|
|
|
checked: vm.showExperimental,
|
|
|
|
onChange: evt => vm.showExperimental = evt.target.checked,
|
|
|
|
}),
|
2020-12-02 06:13:06 -05:00
|
|
|
"Show experimental apps"
|
|
|
|
])),
|
2020-12-01 13:01:15 -05:00
|
|
|
]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class ContinueWithClientView extends TemplateView {
|
|
|
|
render(t, vm) {
|
2020-11-30 15:05:26 -05:00
|
|
|
return t.div({className: "ClientListView"}, [
|
2020-12-01 13:01:15 -05:00
|
|
|
t.div({className: "list"}, t.view(new ClientView(vm.clientViewModel)))
|
2020-11-30 15:05:26 -05:00
|
|
|
]);
|
|
|
|
}
|
|
|
|
}
|