Add login page and forget room system

harmonyqml/components/pages/AddAccountPage.qml

@@ -1,9 +0,0 @@
-import QtQuick 2.7
-import "../base" as Base
-
-Rectangle {
-    Base.HLabel {
-        anchors.centerIn: parent
-        text: "Add account page"
-    }
-}

harmonyqml/components/pages/AddRoomPage.qml

@@ -1,9 +0,0 @@
-import QtQuick 2.7
-import "../base" as Base
-
-Rectangle {
-    Base.HLabel {
-        anchors.centerIn: parent
-        text: "Add room page"
-    }
-}

harmonyqml/components/pages/LoginPage.qml

@@ -0,0 +1,122 @@
+import QtQuick 2.7
+import QtQuick.Controls 2.2
+import QtQuick.Layouts 1.4
+import "../base" as Base
+
+Image {
+    id: loginBackground
+    asynchronous: true
+    fillMode: Image.PreserveAspectCrop
+    cache: false
+    source: "../../images/login_background.jpg"
+
+    Rectangle {
+        color: Qt.hsla(1, 1, 1, 0.3)
+
+        id: loginBox
+
+        property real widthForHeight: 0.75
+        property int baseHeight: 300
+        property int baseWidth: baseHeight * widthForHeight
+        property int startScalingUpAboveHeight: 1080
+
+        anchors.centerIn: parent
+        height: Math.min(parent.height, baseHeight)
+        width: Math.min(parent.width, baseWidth)
+        scale: Math.max(1, parent.height / startScalingUpAboveHeight)
+
+        Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+
+        ColumnLayout {
+            anchors.fill: parent
+            id: mainColumn
+
+            property int hMargin: loginBox.baseWidth * 0.05
+            property int vMargin: hMargin * loginBox.widthForHeight
+
+            Base.HRowLayout {
+                Layout.alignment: Qt.AlignHCenter
+                Layout.margins: mainColumn.hMargin
+                Layout.topMargin: mainColumn.vMargin
+                Layout.bottomMargin: mainColumn.vMargin
+
+                Base.HLabel {
+                    text: "Sign in"
+                    font.pixelSize: Base.HStyle.fontSize.big
+                }
+            }
+
+            Item { Layout.fillHeight: true }
+
+            Base.HRowLayout {
+                Layout.margins: mainColumn.hMargin
+                Layout.topMargin: mainColumn.vMargin
+                Layout.bottomMargin: mainColumn.vMargin
+                Layout.alignment: Qt.AlignHCenter
+                spacing: mainColumn.hMargin * 1.25
+
+                Base.HButton {
+                    id: loginWithUsernameButton
+                    iconName: "username"
+                    circle: true
+                    checked: true
+                    checkable: true
+                    autoExclusive: true
+                }
+                Base.HButton {
+                    id: loginWithEmailButton
+                    iconName: "email"
+                    circle: true
+                    checkable: true
+                    autoExclusive: true
+                }
+                Base.HButton {
+                    id: loginWithPhoneButton
+                    iconName: "phone"
+                    circle: true
+                    checkable: true
+                    autoExclusive: true
+                }
+            }
+
+            Base.HTextField {
+                placeholderText: qsTr(
+                    loginWithEmailButton.checked ? "Email" :
+                    loginWithPhoneButton.checked ? "Phone" :
+                    "Username"
+                )
+
+                Layout.fillWidth: true
+                Layout.margins: mainColumn.hMargin
+                Layout.topMargin: mainColumn.vMargin
+                Layout.bottomMargin: mainColumn.vMargin
+            }
+
+            Base.HTextField {
+                placeholderText: qsTr("Password")
+
+                Layout.fillWidth: true
+                Layout.margins: mainColumn.hMargin
+                Layout.topMargin: mainColumn.vMargin
+                Layout.bottomMargin: mainColumn.vMargin
+            }
+
+            Item { Layout.fillHeight: true }
+
+            Base.HRowLayout {
+                Base.HButton {
+                    text: qsTr("Register")
+                    Layout.fillWidth: true
+                }
+                Base.HButton {
+                    text: qsTr("Login")
+                    Layout.fillWidth: true
+                }
+                Base.HButton {
+                    text: qsTr("Forgot?")
+                    Layout.fillWidth: true
+                }
+            }
+        }
+    }
+}

harmonyqml/components/pages/MainUI.qml

@@ -0,0 +1,42 @@
+import QtQuick 2.7
+import QtQuick.Controls 1.4 as Controls1
+import QtQuick.Controls 2.2
+import QtQuick.Layouts 1.4
+import "../sidePane" as SidePane
+import "../chat" as Chat
+
+//https://doc.qt.io/qt-5/qml-qtquick-controls-splitview.html
+Controls1.SplitView {
+    anchors.fill: parent
+
+    SidePane.Root {
+        Layout.minimumWidth: 36
+        width: 200
+    }
+
+    StackView {
+        function showRoom(userId, roomId) {
+            pageStack.replace(
+                "../chat/Root.qml", { userId: userId, roomId: roomId }
+            )
+        }
+
+        id: pageStack
+
+        onCurrentItemChanged: if (currentItem) {
+            currentItem.forceActiveFocus()
+        }
+
+        initialItem: Item {  // TODO: (test, remove)
+            Keys.onEnterPressed: pageStack.showRoom(
+                "@test_mary:matrix.org", "!TSXGsbBbdwsdylIOJZ:matrix.org"
+                //"@test_mary:matrix.org", "!TEXkdeErtVCMqClNfb:matrix.org"
+            )
+        }
+
+        // Buggy
+        replaceExit: null
+        popExit: null
+        pushExit: null
+    }
+}

harmonyqml/components/pages/SettingsPage.qml

@@ -1,9 +0,0 @@
-import QtQuick 2.7
-import "../base" as Base
-
-Rectangle {
-    Base.HLabel {
-        anchors.centerIn: parent
-        text: "Settings page"
-    }
-}