125a70bea6
Also add selected button color
84 lines
2.3 KiB
QML
84 lines
2.3 KiB
QML
import QtQuick 2.7
|
|
import QtQuick.Layouts 1.3
|
|
import "../Base"
|
|
|
|
Item {
|
|
property string loginWith: "username"
|
|
onFocusChanged: identifierField.forceActiveFocus()
|
|
|
|
HInterfaceBox {
|
|
id: signInBox
|
|
title: "Sign in"
|
|
anchors.centerIn: parent
|
|
|
|
enterButtonTarget: "login"
|
|
|
|
buttonModel: [
|
|
{ name: "register", text: qsTr("Register") },
|
|
{ name: "login", text: qsTr("Login") },
|
|
{ name: "forgot", text: qsTr("Forgot?") }
|
|
]
|
|
|
|
buttonCallbacks: {
|
|
"register": function(button) {},
|
|
|
|
"login": function(button) {
|
|
var future = Backend.clients.new(
|
|
"matrix.org", identifierField.text, passwordField.text
|
|
)
|
|
button.loadingUntilFutureDone(future)
|
|
future.onGotResult.connect(function(client) {
|
|
pageStack.showPage(
|
|
"RememberAccount",
|
|
{"loginWith": loginWith, "client": client}
|
|
)
|
|
})
|
|
},
|
|
|
|
"forgot": function(button) {}
|
|
}
|
|
|
|
HRowLayout {
|
|
spacing: signInBox.margins * 1.25
|
|
Layout.margins: signInBox.margins
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
Repeater {
|
|
model: ["username", "email", "phone"]
|
|
|
|
HButton {
|
|
iconName: modelData
|
|
circle: true
|
|
checked: loginWith == modelData
|
|
autoExclusive: true
|
|
checkedLightens: true
|
|
onClicked: loginWith = modelData
|
|
}
|
|
}
|
|
}
|
|
|
|
HTextField {
|
|
id: identifierField
|
|
placeholderText: qsTr(
|
|
loginWith === "email" ? "Email" :
|
|
loginWith === "phone" ? "Phone" :
|
|
"Username"
|
|
)
|
|
onAccepted: signInBox.clickEnterButtonTarget()
|
|
|
|
Layout.fillWidth: true
|
|
Layout.margins: signInBox.margins
|
|
}
|
|
|
|
HTextField {
|
|
id: passwordField
|
|
placeholderText: qsTr("Password")
|
|
echoMode: HTextField.Password
|
|
onAccepted: signInBox.clickEnterButtonTarget()
|
|
|
|
Layout.fillWidth: true
|
|
Layout.margins: signInBox.margins
|
|
}
|
|
}
|
|
}
|