View login UI functional
This commit is contained in:
@@ -3,13 +3,6 @@ import fbx.application 1.0
|
|||||||
import "Views" as View
|
import "Views" as View
|
||||||
|
|
||||||
Application {
|
Application {
|
||||||
// Liste des labels et types
|
|
||||||
property var fields: [
|
|
||||||
{label: "Server", type: "text"},
|
|
||||||
{label: "User", type: "text"},
|
|
||||||
{label: "Password", type: "password"}
|
|
||||||
]
|
|
||||||
|
|
||||||
Row {
|
Row {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
spacing: 10
|
spacing: 10
|
||||||
|
|||||||
+23
-9
@@ -1,37 +1,51 @@
|
|||||||
import QtQuick 2.5
|
import QtQuick 2.5
|
||||||
|
|
||||||
Column {
|
Column {
|
||||||
anchors.fill: parent
|
// Liste des labels et types
|
||||||
|
property var fields: [
|
||||||
|
{label: "Server", type: "text"},
|
||||||
|
{label: "User", type: "text"},
|
||||||
|
{label: "Password", type: "password"}
|
||||||
|
]
|
||||||
|
|
||||||
|
//anchors.centerIn: parent
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.margins: 20
|
anchors.margins: 20
|
||||||
spacing: 15
|
spacing: 15
|
||||||
|
width: parent.width * 0.8
|
||||||
|
|
||||||
|
|
||||||
// Repeater pour générer les champs basés sur la liste des labels et types
|
// Repeater pour générer les champs basés sur la liste des labels et types
|
||||||
Repeater {
|
Repeater {
|
||||||
model: fields
|
model: fields
|
||||||
|
|
||||||
Row {
|
Row {
|
||||||
width: parent.width
|
|
||||||
spacing: 10
|
spacing: 10
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
|
width: parent.width / 2 - 5
|
||||||
text: modelData.label + ":"
|
text: modelData.label + ":"
|
||||||
width: 100
|
|
||||||
color: "white"
|
color: "white"
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
font.pixelSize: 16
|
font.pixelSize: 16
|
||||||
}
|
}
|
||||||
|
|
||||||
// TextInput pour les champs Server et User, et mode Password pour Password
|
// TextInput pour les champs Server et User, et mode Password pour Password
|
||||||
TextInput {
|
Rectangle {
|
||||||
width: parent.width - 110
|
width: 200
|
||||||
height: 30
|
height: 20
|
||||||
font.pixelSize: 16
|
|
||||||
color: "white"
|
color: "white"
|
||||||
|
//border.color: "black"
|
||||||
|
//border.width: 3
|
||||||
|
//radius: 5
|
||||||
|
|
||||||
|
TextInput {
|
||||||
|
font.pixelSize: 16
|
||||||
|
color: "black"
|
||||||
text: modelData.label
|
text: modelData.label
|
||||||
|
|
||||||
// Détermine le mode de saisie en fonction du type
|
// Détermine le mode de saisie en fonction du type
|
||||||
echoMode: modelData.type === "password" ? TextInput.Password : TextInput.Normal
|
echoMode: modelData.type === "password" ? TextInput.Password : TextInput.Normal
|
||||||
//echoMode: TextInput.Password
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user