qtrs 0.1.0

qtrs - A type-safe, builder-pattern-driven Qt6 GUI library for Rust
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15

Window {
    id: root
    objectName: "loginWindow"
    width: 360
    height: 480
    title: "Login"
    visible: true

    Rectangle {
        anchors.fill: parent
        color: "#1a1a2e"
    }

    ColumnLayout {
        anchors.centerIn: parent
        spacing: 20
        width: 300

        Text {
            text: "Welcome"
            font.pixelSize: 32
            font.bold: true
            color: "white"
            horizontalAlignment: Text.AlignHCenter
            Layout.alignment: Qt.AlignHCenter
            Layout.bottomMargin: 20
        }

        TextField {
            id: usernameInput
            objectName: "usernameInput"
            Layout.fillWidth: true
            placeholderText: "Username"
            color: "white"
            font.pixelSize: 16
            background: Rectangle {
                color: "#16213e"
                radius: 8
                border.color: usernameInput.activeFocus ? "#0f3460" : "transparent"
            }
        }

        TextField {
            id: passwordInput
            objectName: "passwordInput"
            Layout.fillWidth: true
            placeholderText: "Password"
            echoMode: TextInput.Password
            color: "white"
            font.pixelSize: 16
            background: Rectangle {
                color: "#16213e"
                radius: 8
                border.color: passwordInput.activeFocus ? "#0f3460" : "transparent"
            }
        }

        Button {
            id: loginButton
            Layout.fillWidth: true
            text: "Login"
            font.pixelSize: 18
            font.bold: true

            background: Rectangle {
                color: "#0f3460"
                radius: 8
            }
            contentItem: Text {
                text: loginButton.text
                color: "white"
                font: loginButton.font
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
            }

            onClicked: {
                backend.login(usernameInput.text, passwordInput.text)
            }
        }

        Text {
            id: statusText
            objectName: "statusText"
            text: ""
            color: "#ff6b6b"
            font.pixelSize: 14
            horizontalAlignment: Text.AlignHCenter
            Layout.alignment: Qt.AlignHCenter
            visible: text !== ""
        }
    }

    Connections {
        target: backend
        function onLoginResult(success, message) {
            if (success) {
                statusText.color = "#51cf66"
                statusText.text = " OK  " + message
                loginTimer.start()
            } else {
                statusText.color = "#ff6b6b"
                statusText.text = "FAIL " + message
            }
        }
    }

    Timer {
        id: loginTimer
        interval: 1000
        onTriggered: root.close()
    }
}