Keys.onEnterPressed

Hii everyone,

I have a login page (username + password), I want when I click on the button [B] Enter [/ B] after typing the password --> Log in as pressing Button Log in : Attachment 11683

code Button Log in :

Code:

---

Rectangle{
                        property color previousColor: "transparent"
                        id: rectangle1
                        ...
                        Text {
                            id: txtLogin
                            text: qsTr("LOG IN")
                            ...
                        }
                        MouseArea{
                            id: mouse
                            anchors.fill: parent
                            onClicked: {
                                if(change.text=="USER")
                                {
                                    if((textinputmod1.txt=="USER")&&(textinputmod2.txt=="1234"))
                                    {
                                        userPage.visible=true
                                    }
                                    else{
                                        winIncId.visible= true
                                    }
                                    textinputmod1.txt= ""
                                    textinputmod2.txt= ""
                                    textinputmod1.focus=true
                                }
                                ...
                            }
                        }
                    }

---

code TextInput of password:

Code:

---

TextInputMod {
                    id: textinputmod2
                    textinput: "Password"
                    mode: TextInput.Password
                    ...
 
 
                    }
                }

---

Cheers,

If TextInputMod is an extended TextInput, you just need to react to the accepted() signal.

No need for a mouse area

Cheers,
_

Hiii,

Create a function then call it in mouseArea(onClicked) and TextInputMod (e.g)

Code:

---

MouseArea{
                            id: mouse
                            anchors.fill: parent
                            function key() {
                                 if((textinputmod1.txt=="USER")&&(textinputmod2.txt=="1234"))
                                    {
                                        userPage.visible=true
                                    }
                                    else{
                                        winIncId.visible= true
                                    }
                                    textinputmod1.txt= ""
                                    textinputmod2.txt= ""
                                    textinputmod1.focus=true
                             }
                            onClicked: {
                                if(change.text=="USER")
                                {
                                    key()
                                }
                                ...
                            }
                        }

---

In TextInputMod :

Code:

---

Keys.onEnterPressed: {
                        if(change.text=="USER") mouse.key()

---

Cheers,

Hiii thanks for yr reply

I have an other problem, I want when I login true (use name + password = true) open the page user (userPage) and close automatically page of Authentification : Attachment 11685

I use page user (User) as instance in page (Authentification)

Code:

---

Window{
    id: root
    minimumWidth: 1200
    minimumHeight: 600
    title: "Authentification
 
    ...
 
    User{
            id: userPage
            visible: false
 
        }
 
   ...
"

---

There is a way to close Authentification page when login true ??
I used root.close(); but both the pages close

Cheers

What is User?
A Window? An Item?

Is the authentication also a child of your "root" window?

Cheers,
_

Authentification.qml

Code:

---

Window{
    id: root
    minimumWidth: 1200
    minimumHeight: 600
    title: "Authentification"
 
    ...
 
    User{
            id: userPage
            visible: false
 
        }
 
   ...

---

User.qml

Code:

---

Window {
    id: user
    width: 1200
    height: 700
    minimumWidth: 1100
    color: base
 
    ...

---

User is an instance of Authentification

is there a way to close authentication when I Log = true ( open User.qml and close Authentification.qml) ?

Cheers,

I am trying to understand your architecture.

Somewhere you write about "pages", which makes it sound like you have one window with different contents.
But you seem to have at least two windows.

Cheers,
_

Yes, Authentication.qml is a Window and User.qml is also a Window

I called [B]User[B] in Authentication.qml when login is TRUE

Authentification.qml :

Code:

---

...
                          MouseArea{
                                id: mouse
                                anchors.fill: parent
                                function key() {
                                     if((textinputmod1.txt=="USER")&&(textinputmod2.txt=="1234"))
                                        {
                                            userPage.visible=true
                                            ( userPage = ID of USER --- User { id: userPage, visible: false } )
                                        }
                                        else{
                                            winIncId.visible= true
                                        }
                                        textinputmod1.txt= ""
                                        textinputmod2.txt= ""
                                        textinputmod1.focus=true
                                 }
                                onClicked: {
                                    if(change.text=="USER")
                                    {
                                        key()
                                    }
                                    ...
                                }
                      }
.....
          User{
               id: userPage
               visible: false
 
     }
 
}

---

So a window (Authentification) calls an other window (User)

Cheers,

---

Added after 1 8 minutes:

Is there an other way to call User.qml when login = TRUE and close Authentification.qml ?

Logically, isn't Authentication the sub window, that you only need to show temporarily, while User is the main window which stays around?

Cheers,
_

In fact, I have 3 windows:
Authentication (Authentification.qml)
User (User.qml)
Admin (Admin.qml)
See the next image : Attachment 11686

Yes, I need to show Authentification first temporarily to login next show User (if login=true) or Admin
Like the Authentication in Window PC when we have more than one session.

I thing that the logic that I used (call User or Admin inside Authentication isn't good)

Authentification.qml:

Code:

---

Window{
    id: root
    minimumWidth: 1200
    minimumHeight: 600
    title: "Authentification"
 
    ...
 
    User{
            id: userPage
            visible: false
 
        }
 
   Admin{
            id: adm
            visible: false
 
        }

---

Have you any idea or an other suggestion ?

Cheers

Hmm, I am still not sure I understand the architecture you are going for but you could try some of these

1) Use one window and change its contents
2) Use a non visible root element and have it hold the two windows side-by-side
3) Provide a function implemented in C++ to load a different window into the engine

Cheers,
_

Try to make Authentication : visible = false when the log in = true in the function key()

Code:

---

MouseArea{
                                id: mouse
                                anchors.fill: parent
                                function key() {
                                     if((textinputmod1.txt=="USER")&&(textinputmod2.txt=="1234"))
                                        {
                                            userPage.visible=true
 
                                            // make root invisible
                                            root.visible = false
 
                                        }
                                        else{
                                            winIncId.visible= true
                                        }
                                        textinputmod1.txt= ""
                                        textinputmod2.txt= ""
                                        textinputmod1.focus=true
                                 }
                                onClicked: {
                                    if(change.text=="USER")
                                    {
                                        key()
                                    }
                                    ...
                                }
                      }

---

Cheers,

Great, It works

Making visible = false ==== close the window/rectangle ?
Is there an other way better than making visible=false?

Cheers,

Well you could use only one window with a loader or stackview control instead of having 3 different Windows.
This would be a better way for a mobile solution. But your login window Looks like it is used on a Desktop.

You can use Stackview, it's better,
All in One window

Code:

---

Window{
    id: root
    minimumWidth: 1200
    minimumHeight: 600
    title: "Authentification"
 
    ...
 
    StackView{
        delegate: StackViewDelegate {
        ...
 
       Component {
            id: pageAdmin
            Admin{
            }
        }
        Component {
            id: pageUser
            User{
            }
        }
 
        ...

---