Add a legal disclaimer view

src/RootView.js

@@ -18,10 +18,12 @@ import {TemplateView} from "./utils/TemplateView.js";
 import {OpenLinkView} from "./open/OpenLinkView.js";
 import {CreateLinkView} from "./create/CreateLinkView.js";
 import {LoadServerPolicyView} from "./policy/LoadServerPolicyView.js";
+import {DisclaimerView} from "./disclaimer/DisclaimerView.js";
 
 export class RootView extends TemplateView {
     render(t, vm) {
         return t.div({className: "RootView"}, [
+            t.mapView(vm => vm.showDisclaimer, disclaimer => disclaimer ? new DisclaimerView() : null),
             t.mapView(vm => vm.openLinkViewModel, vm => vm ? new OpenLinkView(vm) : null),
             t.mapView(vm => vm.createLinkViewModel, vm => vm ? new CreateLinkView(vm) : null),
             t.mapView(vm => vm.loadServerPolicyViewModel, vm => vm ? new LoadServerPolicyView(vm) : null),
@@ -33,6 +35,8 @@ export class RootView extends TemplateView {
                     t.li(externalLink(t, "https://github.com/matrix-org/matrix.to/tree/main/src/open/clients", "Add your app")),
                     t.li({className: {hidden: vm => !vm.hasPreferences}},
                         t.button({className: "text", onClick: () => vm.clearPreferences()}, "Clear preferences")),
+                    t.li(
+                        t.button({className: "text", onClick: () => vm.openLink("/#/disclaimer/")}, "Disclaimer")),
                 ])
             ])
         ]);

src/RootViewModel.js

@@ -29,6 +29,7 @@ export class RootViewModel extends ViewModel {
         this.openLinkViewModel = null;
         this.createLinkViewModel = null;
         this.loadServerPolicyViewModel = null;
+        this.showDisclaimer = false;
         this.preferences.on("canClear", () => {
             this.emitChange();
         });
@@ -50,11 +51,23 @@ export class RootViewModel extends ViewModel {
         this.emitChange();
     }
 
+    _showDisclaimer() {
+        this.showDisclaimer = true;
+        this.link = null;
+        this.openLinkViewModel = null;
+        this.createLinkViewModel = null;
+        this.loadServerPolicyViewModel = null;
+        this.emitChange();
+    }
+
     updateHash(hash) {
+        this.showDisclaimer = false;
         if (hash.startsWith("#/policy/")) {
             const server = hash.substr(9);
             this.loadServerPolicyViewModel = new LoadServerPolicyViewModel(this.childOptions({server}));
             this.loadServerPolicyViewModel.load();
+        } else if (hash.startsWith("#/disclaimer/")) {
+            this._showDisclaimer();
         } else {
             const oldLink = this.link;
             this.link = Link.parse(hash);

src/disclaimer/DisclaimerView.js

@@ -0,0 +1,17 @@
+import {TemplateView} from "../utils/TemplateView.js";
+
+export class DisclaimerView extends TemplateView {
+    render(t) {
+        return t.div({ className: "DisclaimerView card" }, [
+            t.h1("Disclaimer"),
+            t.p(
+                'Matrix.to is a service provided by the Matrix.org Foundation ' +
+                'which allows you to easily create invites to Matrix rooms and accounts, ' +
+                'regardless of your Matrix homeserver. The service is provided "as is" without ' +
+                'warranty of any kind, either express, implied, statutory or otherwise. ' +
+                'The Matrix.org Foundation shall not be responsible or liable for the room ' +
+                'and account contents shared via this service.'
+            ),
+        ]);
+    }
+}