astra/launcher/ui/Pages/LoginPage.qml

// SPDX-FileCopyrightText: 2023 Joshua Goins <josh@redstrate.com>
// SPDX-License-Identifier: GPL-3.0-or-later

import QtQuick 2.15
import QtQuick.Window 2.15
import org.kde.kirigami 2.20 as Kirigami
import QtQuick.Controls 2.15 as Controls
import QtQuick.Layouts 1.15
import org.kde.kirigamiaddons.formcard 1.0 as FormCard
import org.kde.kirigamiaddons.components as Components
import zone.xiv.astra 1.0

Controls.Control {
    id: page

    property var profile: LauncherCore.profileManager.getProfile(0)
    readonly property bool isLoginValid: {
        if (!profile.account) {
            return false
        }

        if (usernameField.text.length === 0) {
            return false
        }

        if (!profile.account.rememberPassword && passwordField.text.length === 0) {
            return false
        }

        if (profile.account.useOTP && !profile.account.rememberOTP && otpField.text.length === 0) {
            return false
        }

        return true;
    }

    function updateFields() {
        usernameField.text = profile.account.name
        passwordField.text = profile.account.rememberPassword ? profile.account.getPassword() : ""
        otpField.text = ""
    }

    Connections {
        target: profile

        function onAccountChanged() {
            updateFields()
        }
    }

    onProfileChanged: updateFields()

    contentItem: ColumnLayout {
        width: parent.width

        FormCard.FormCard {
            Layout.fillWidth: true

            FormCard.FormButtonDelegate {
                text: i18n("Current Profile")
                description: page.profile.name

                Controls.Menu {
                    id: profileMenu

                    Repeater {
                        model: LauncherCore.profileManager

                        Controls.MenuItem {
                            required property var profile

                            Controls.MenuItem {
                                text: profile.name

                                onClicked: {
                                    page.profile = profile
                                    profileMenu.close()
                                }
                            }
                        }
                    }
                }

                onClicked: profileMenu.popup()
            }
        }

        FormCard.FormCard {
            Layout.fillWidth: true

            FormCard.FormButtonDelegate {
                text: i18n("Current Account")
                description: page.profile.account.name

                leading: Components.Avatar
                {
                    source: page.profile.account.avatarUrl
                }

                leadingPadding: Kirigami.Units.largeSpacing * 2

                Controls.Menu {
                    id: accountMenu

                    Repeater {
                        model: LauncherCore.accountManager

                        Controls.MenuItem {
                            required property var account

                            Controls.MenuItem {
                                text: account.name
                                icon.name: account.avatarUrl.length === 0 ? "actor" : ""
                                icon.source: account.avatarUrl

                                onClicked: {
                                    page.profile.account = account
                                    accountMenu.close()
                                }
                            }
                        }
                    }
                }

                onClicked: accountMenu.popup()
            }

            FormCard.FormDelegateSeparator {
            }

            FormCard.FormTextFieldDelegate {
                id: usernameField
                label: page.profile.account.isSapphire ? i18n("Username") : i18n("Square Enix ID")
                text: page.profile.account.name
                enabled: false
            }

            FormCard.FormDelegateSeparator {
            }

            FormCard.FormTextFieldDelegate {
                id: passwordField
                label: page.profile.account.isSapphire ? i18n("Password") : i18n("Square Enix Password")
                echoMode: TextInput.Password
                focus: true
                onAccepted: {
                    if (otpField.visible) {
                        otpField.clicked();
                    } else {
                        loginButton.clicked();
                    }
                }
                text: page.profile.account.rememberPassword ? "abcdefg" : ""
            }

            FormCard.FormDelegateSeparator {
            }

            FormCard.FormTextFieldDelegate {
                id: otpField
                label: i18n("One-time Password")
                visible: page.profile.account.useOTP
                onAccepted: loginButton.clicked()
            }

            FormCard.FormDelegateSeparator {}

            FormCard.FormButtonDelegate {
                id: loginButton

                text: i18n("Log In")
                icon.name: "unlock"
                enabled: page.isLoginValid
                onClicked: {
                    LauncherCore.login(page.profile, usernameField.text, passwordField.text, otpField.text)
                    pageStack.layers.push('qrc:/ui/Pages/StatusPage.qml')
                }
            }

            FormCard.FormDelegateSeparator {
                visible: forgotPasswordButton.visible
            }

            FormCard.FormButtonDelegate {
                id: forgotPasswordButton

                text: i18n("Forgot ID or Password")
                icon.name: "dialog-password"
                visible: !page.profile.account.isSapphire
                onClicked: applicationWindow().openUrl('https://secure.square-enix.com/account/app/svc/reminder')
            }
        }
    }

    Component.onCompleted: passwordField.forceActiveFocus()
}