AddChat page

src/qml/Pages/AddChat/AddChat.qml

@@ -0,0 +1,53 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import QtQuick.Layouts 1.12
+import "../../Base"
+
+HPage {
+    onFocusChanged: createRoom.forceActiveFocus()
+
+    HBox {
+        id: rootBox
+        multiplyWidth: 1.11
+        multiplyHorizontalSpacing: 0
+        multiplyVerticalSpacing: 0
+        Layout.alignment: Qt.AlignCenter
+
+        TabBar {
+            id: tabBar
+            position: TabBar.Header
+            currentIndex: 1
+
+            Layout.fillWidth: true
+
+            Repeater {
+                model: [
+                    qsTr("Find someone"),
+                    qsTr("Create room"),
+                    qsTr("Join room"),
+                ]
+
+                TabButton {
+                    text: modelData
+                }
+            }
+        }
+
+
+        SwipeView {
+            clip: true
+            currentIndex: tabBar.currentIndex
+
+            Layout.fillWidth: true
+
+            Item {}
+
+            CreateRoom {
+                id: createRoom
+                color: "transparent"
+            }
+
+            Item {}
+        }
+    }
+}

src/qml/Pages/AddChat/CreateRoom.qml

@@ -0,0 +1,78 @@
+import QtQuick 2.12
+import QtQuick.Layouts 1.12
+import "../../Base"
+
+HBox {
+    id: addChatBox
+    clickButtonOnEnter: "create"
+
+    onFocusChanged: nameField.forceActiveFocus()
+
+    buttonModel: [
+        { name: "apply", text: qsTr("Create"), iconName: "apply" },
+        { name: "cancel", text: qsTr("Cancel"), iconName: "cancel" },
+    ]
+
+    buttonCallbacks: ({
+    })
+
+    HTextField {
+        id: nameField
+        placeholderText: qsTr("Name (optional)")
+
+        Layout.fillWidth: true
+    }
+
+    HTextField {
+        id: topicField
+        placeholderText: qsTr("Topic (optional)")
+
+        Layout.fillWidth: true
+    }
+
+    HCheckBox {
+        id: publicCheckBox
+        text: qsTr("Make this room public")
+        subtitle.text: qsTr("Anyone can join without being invited")
+        spacing: addChatBox.horizontalSpacing
+
+        Layout.maximumWidth: parent.width
+    }
+
+    HCheckBox {
+        id: encryptCheckBox
+        text: qsTr("Encrypt messages")
+        subtitle.text:
+            qsTr("Only you and users you trust will be able to read them") +
+            "<br><font color='" + theme.colors.middleBackground + "'>" +
+            qsTr("Cannot be disabled later!") +
+            "</font>"
+        subtitle.textFormat: Text.StyledText
+        spacing: addChatBox.horizontalSpacing
+
+        Layout.maximumWidth: parent.width
+    }
+
+    HCheckBox {
+        id: blockOtherServersCheckBox
+        text: qsTr("Reject users from other matrix servers")
+        subtitle.text: qsTr("Cannot be changed later!")
+        subtitle.color: theme.colors.middleBackground
+        spacing: addChatBox.horizontalSpacing
+
+        Layout.maximumWidth: parent.width
+    }
+
+    HLabel {
+        id: errorMessage
+        wrapMode: Text.Wrap
+        horizontalAlignment: Text.AlignHCenter
+        color: theme.colors.errorText
+
+        visible: Layout.maximumHeight > 0
+        Layout.maximumHeight: text ? implicitHeight : 0
+        Behavior on Layout.maximumHeight { HNumberAnimation {} }
+
+        Layout.fillWidth: true
+    }
+}