View login UI functional

This commit is contained in:
Aurelien Vaillant
2024-08-13 16:57:08 +02:00
parent 3697258d07
commit 1b28d953c2
2 changed files with 26 additions and 19 deletions
-7
View File
@@ -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
View File
@@ -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 }
} }
} }
} }