First commit.

2018-02-23 22:39:14 +08:00
commit c2f01ec1c4
20 changed files with 988 additions and 0 deletions
--- a/qml/Login.qml
+++ b/qml/Login.qml
@@ -0,0 +1,130 @@
+import QtQuick 2.10
+import QtQuick.Layouts 1.3
+import QtGraphicalEffects 1.0
+import QtQuick.Controls 2.3
+import QtQuick.Controls.Material 2.3
+import "qrc:/qml/component"
+
+Page {
+    property var window
+    property alias username: usernameField.text
+    property alias password: passwordField.text
+
+    Row {
+        anchors.fill: parent
+
+        Pane {
+            width: parent.width / 2
+            height: parent.height
+
+            background: Item {
+                Image {
+                    id: background
+                    anchors.fill: parent
+                    source: "qrc:/asset/img/background.jpg"
+                    fillMode: Image.PreserveAspectCrop
+                }
+
+                ColorOverlay {
+                    anchors.fill: background
+                    source: background
+                    color: "#b000796b"
+                }
+            }
+
+            Column {
+                x: 32
+                anchors.verticalCenter: parent.verticalCenter
+
+                Label {
+                    text: "MATRIX LOGIN."
+                    font.pointSize: 36
+                    font.bold: true
+                    color: "white"
+                }
+
+                Label {
+                    text: "A NEW METHOD OF MESSAGING"
+                    font.pointSize: 12
+                    color: "white"
+                }
+            }
+        }
+
+        Pane {
+            width: parent.width / 2
+            height: parent.height
+            padding: 64
+
+            Column {
+                id: main_col
+                spacing: 8
+                anchors.fill: parent
+
+                ImageStatus {
+                    width: 96
+                    height: width
+                    source: "qrc:/asset/img/avatar.png"
+                    anchors.horizontalCenter: parent.horizontalCenter
+                }
+
+                TextField {
+                    id: serverField
+                    width: parent.width
+                    height: 48
+                    placeholderText: "Server"
+                    leftPadding: 16
+                    topPadding: 0
+                    bottomPadding: 0
+
+                    background: Rectangle {
+                        color: "#eaeaea"
+                        border.color: parent.activeFocus ? Material.accent : "transparent"
+                        border.width: 2
+                    }
+                }
+
+                TextField {
+                    id: usernameField
+                    width: parent.width
+                    height: 48
+                    placeholderText: "Username"
+                    leftPadding: 16
+                    topPadding: 0
+                    bottomPadding: 0
+
+                    background: Rectangle {
+                        color: "#eaeaea"
+                        border.color: parent.activeFocus ? Material.accent : "transparent"
+                        border.width: 2
+                    }
+                }
+
+                TextField {
+                    id: passwordField
+                    width: parent.width
+                    height: 48
+                    placeholderText: "Password"
+                    leftPadding: 16
+                    topPadding: 0
+                    bottomPadding: 0
+
+                    background: Rectangle {
+                        color: "#eaeaea"
+                        border.color: parent.activeFocus ? Material.accent : "transparent"
+                        border.width: 2
+                    }
+                }
+
+                Button {
+                    id: loginButton
+                    text: "LOGIN"
+                    highlighted: true
+                    width: parent.width
+
+                    onClicked: window.login()
+                }
+            }
+        }
+    }
+}