calamares-parch/etc/calamares/branding/parchlinux/usersq.qml

import io.calamares.ui 1.0

import QtQuick 2.10
import QtQuick.Controls 2.10
import QtQuick.Layouts 1.3

import QtGraphicalEffects 1.0
import QtQuick.Window 2.3
import "."

import org.kde.kirigami 2.7 as Kirigami


ResponsiveBase
{
    id: control

    // 	nextButton.enabled:  config.isNextEnabled

    title: qsTr("Users")
    subtitle: qsTr("Pick your user name and credentials to login and perform admin tasks")
    message: config.status.message
    icon.source: "cala-qml-user"

    stackView.initialItem: ScrollView
    {
        id: _userPage
        contentWidth: availableWidth
        padding: 0
        background:  Rectangle
        {
            color: Qt.lighter(control.Kirigami.Theme.backgroundColor)
            radius: 5
            opacity: 0.5
        }

        Flickable
        {
            contentHeight: _formLayout.implicitHeight

            Column
        {
            id: _formLayout
            width: parent.width
            height: parent.height

            spacing: Kirigami.Units.smallSpacing

            ItemSection
            {
                width: parent.width

                title: qsTr("What is your name?")

                TextField
                {
                    id: _userNameField
                    width: parent.width
                    enabled: config.isEditable("fullName")
                    placeholderText: qsTr("Your Full Name")
                    text: config.fullName
                    onTextChanged: config.setFullName(text)
                    background: Rectangle
                    {
                        color: Kirigami.Theme.backgroundColor
                        radius: 5
                        opacity: 0.5
                        border.color:  _userNameField.text.length ? Kirigami.Theme.backgroundColor : ( config.fullNameChanged ? Kirigami.Theme.backgroundColor : Kirigami.Theme.negativeTextColor)
                    }
                }
            }

            ItemSection
            {
                width: parent.width

                title:  qsTr("What name do you want to use to log in?")
                subtitle: qsTr("If more than one person will use this computer, you can create multiple accounts after installation.")

                TextField
                {
                    id: _userLoginField
                    enabled: config.isEditable("loginName")
                    width: parent.width
                    placeholderText: qsTr("Login Name")
                    text: config.loginName
                    onTextChanged: config.setLoginName(text)

                    background: Rectangle
                    {
                        color:  Kirigami.Theme.backgroundColor
                        radius: 5
                        opacity: 0.5
                        border.color: _userLoginField.text.length ? Kirigami.Theme.backgroundColor : (config.loginNameStatusChanged ? Kirigami.Theme.backgroundColor : Kirigami.Theme.negativeTextColor)

                    }
                }
            }

            ItemSection
            {
                width: parent.width

                title: qsTr("What is the name of this computer?")
                subtitle: qsTr("This name will be used if you make the computer visible to others on a network.")

                TextField
                {
                    id: _hostName
                    width: parent.width
                    placeholderText: qsTr("Computer Name")
                    text: config.hostName
                    onTextChanged: config.setHostName(text)
                    background: Rectangle
                    {
                        color:  Kirigami.Theme.backgroundColor
                        radius: 5
                        opacity: 0.5
                        border.color:  _hostName.text.length ? Kirigami.Theme.backgroundColor :  ( config.hostNameStatusChanged ? Kirigami.Theme.backgroundColor : Kirigami.Theme.negativeTextColor)
                    }
                }
            }

            ItemSection
            {
                width: parent.width

                title: qsTr("Choose a password to keep your account safe.")
                subtitle: qsTr("Enter the same password twice, so that it can be checked for typing errors. A good password will contain a mixture of letters, numbers and punctuation, should be at least eight characters long, and should be changed at regular intervals.")

                TextField
                {
                    id: _passwordField
                    width: parent.width
                    placeholderText: qsTr("Password")
                    text: config.userPassword

                    echoMode: TextInput.Password
                    passwordMaskDelay: 300
                    inputMethodHints: Qt.ImhNoAutoUppercase
                    onTextChanged: config.setUserPassword(text)

                    background: Rectangle
                    {
                        color:  Kirigami.Theme.backgroundColor
                        radius: 5
                        opacity: 0.5
                        border.color: ( config.userPasswordStatusChanged ? Kirigami.Theme.backgroundColor : Kirigami.Theme.negativeTextColor)
                    }

                }

                TextField
                {
                    id: _verificationPasswordField
                    width: parent.width
                    placeholderText: qsTr("Repeat Password")
                    text: config.userPasswordSecondary
                    onTextChanged: config.setUserPasswordSecondary(text)

                    echoMode: TextInput.Password
                    passwordMaskDelay: 300
                    inputMethodHints: Qt.ImhNoAutoUppercase

                    background: Rectangle
                    {
                        color:  Kirigami.Theme.backgroundColor
                        radius: 5
                        opacity: 0.5
                        border.color: config.userPasswordSecondaryChanged ? Kirigami.Theme.backgroundColor : Kirigami.Theme.negativeTextColor
                    }
                }

                CheckBox
                {
                    visible: config.writeRootPassword
                    text: qsTr("Reuse user password as root password")
                    checked: config.reuseUserPasswordForRoot
                    onCheckedChanged: config.setReuseUserPasswordForRoot(checked)
                }

            }


            ItemSection
            {
                width: parent.width
                visible: !config.reuseUserPasswordForRoot

                title: qsTr("Choose a root password to keep your account safe.")

                TextField
                {
                    id: _rootPasswordField
                    width: parent.width
                    placeholderText: qsTr("Root Password")
                    echoMode: TextInput.Password
                    passwordMaskDelay: 300
                    inputMethodHints: Qt.ImhNoAutoUppercase
                    text: config.rootPassword
                    onTextChanged: config.setRootPassword(text)

                    background: Rectangle
                    {
                        color:  Kirigami.Theme.backgroundColor
                        radius: 5
                        opacity: 0.5
                        border.color: _rootPasswordField.text.length ? Kirigami.Theme.backgroundColor :  ( config.rootPasswordReady ? Kirigami.Theme.backgroundColor : Kirigami.Theme.negativeTextColor)

                    }
                }

                TextField
                {
                    id: _verificationRootPasswordField
                    width: parent.width
                    placeholderText: qsTr("Repeat Root Password")
                    echoMode: TextInput.Password
                    passwordMaskDelay: 300
                    inputMethodHints: Qt.ImhNoAutoUppercase
                    text: config.rootPasswordSecondary
                    onTextChanged: config.setRootPasswordSecondary(text)

                    background: Rectangle
                    {
                        color:  Kirigami.Theme.backgroundColor
                        radius: 5
                        opacity: 0.5
                        border.color: _verificationRootPasswordField.text.length ? Kirigami.Theme.backgroundColor : ( config.rootPasswordReady ? Kirigami.Theme.backgroundColor : Kirigami.Theme.negativeTextColor)
                    }
                }
            }


            ItemSection
            {
                width: parent.width
                title: qsTr("More options.")


                CheckBox
                {
                    visible: config.permitWeakPasswords
                    text: qsTr("Validate passwords quality")
                    checked: config.requireStrongPasswords
                    onCheckedChanged: config.setRequireStrongPasswords(checked)
                }



                CheckBox
                {
                    text: qsTr("Log in automatically without asking for the password")
                    checked: config.doAutoLogin
                    onCheckedChanged: config.setAutoLogin(checked)
                }
            }

        }
        }

    }

}