Add possibility for hosting provider IFrame

Add config option hosting_signup_iframe that
will render an action in the UserMenu and ProfileSettings
for setting up a host with some hosting provider
that provides an HTML to do that.

Add iframe for hosting provider signup content

src/components/structures/HostingProviderDialog.tsx

@@ -0,0 +1,33 @@
+/*
+Copyright 2020 Element
+
+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 * as React from "react";
+import SdkConfig from "../../SdkConfig";
+
+interface IProps {}
+
+interface IState {}
+
+export default class HostingProviderDialog extends React.PureComponent<IProps, IState> {
+    public render(): React.ReactNode {
+        const hostingSignupUrl = SdkConfig.get().hosting_signup_iframe;
+        return (
+            <div className="mx_HostingProviderDialog_container">
+                <iframe src={hostingSignupUrl} />
+            </div>
+        );
+    }
+}

src/components/structures/HostingProviderTrigger.tsx

@@ -0,0 +1,39 @@
+/*
+Copyright 2020 Element
+
+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 * as React from "react";
+import Modal from "../../Modal";
+import HostingProviderDialog from "./HostingProviderDialog";
+
+interface IProps {}
+
+interface IState {}
+
+export default class HostingProviderTrigger extends React.PureComponent<IProps, IState> {
+    private static openDialog() {
+        Modal.createDialog(
+            HostingProviderDialog, {}, "mx_HostingProviderDialog",
+        );
+    }
+
+    public render(): React.ReactNode {
+        return (
+            <div onClick={HostingProviderTrigger.openDialog} className="mx_HostingProviderTrigger">
+                Get your own personal Element!
+            </div>
+        );
+    }
+}

src/components/structures/UserMenu.tsx

@@ -51,6 +51,7 @@ import { RightPanelPhases } from "../../stores/RightPanelStorePhases";
 import ErrorDialog from "../views/dialogs/ErrorDialog";
 import EditCommunityPrototypeDialog from "../views/dialogs/EditCommunityPrototypeDialog";
 import {UIFeature} from "../../settings/UIFeature";
+import HostingProviderTrigger from "./HostingProviderTrigger";
 
 interface IProps {
     isMinimized: boolean;
@@ -311,6 +312,16 @@ export default class UserMenu extends React.Component<IProps, IState> {
                 </div>
             );
         }
+        const hostingSignupIFrame = SdkConfig.get().hosting_signup_iframe;
+        let hostingIFrame;
+        if (hostingSignupIFrame) {
+            hostingIFrame = <div
+                className="mx_UserMenu_contextMenu_header mx_UserMenu_contextMenu_hostingLink"
+                onClick={this.onCloseMenu}
+            >
+                <HostingProviderTrigger />
+            </div>;
+        }
 
         let homeButton = null;
         if (this.hasHomePage) {
@@ -495,6 +506,7 @@ export default class UserMenu extends React.Component<IProps, IState> {
                 </AccessibleTooltipButton>
             </div>
             {topSection}
+            {hostingIFrame}
             {primaryOptionList}
             {secondarySection}
         </IconizedContextMenu>;