pay/guis/mobile/AccountSelectorWidget.qml

/*
 * This file is part of the Flowee project
 * Copyright (C) 2022-2023 Tom Zander <tom@flowee.org>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
import QtQuick
import QtQuick.Controls.Basic as QQC2
import "../Flowee" as Flowee

/**
 * This widget shows a single wallet and the balance.
 * It allows the user to change the 'current' wallet as well via a popup.
 */
Rectangle {
    id: root
    x: -10
    width: parent.width + 20

    // if set to true, tapping on the account has no effect.
    property bool stickyAccount: false
    // list of actions to put in a menu when clicking on the 'balance' side.
    property var balanceActions: [ ]
    property var startingAccount: portfolio.current
    property var selectedAccount: startingAccount

    height: {
        var w = 20 + currentWalletValue.implicitWidth
        if (currentWalletLabel.visible)
            w += currentWalletLabel.implicitWidth + 10 // right spacing.
        if (hamburgerMenu.visible)
            w += 10
        if (width > w && (root.stickyAccount || portfolio.singleAccountSetup))
            return currentWalletValue.height + 20 // all on one line
        return currentWalletValue.height + currentWalletLabel.height + 25
    }
    color: palette.alternateBase

    Flowee.HamburgerMenu {
        id: hamburgerMenu
        x: 10
        anchors.verticalCenter: currentWalletLabel.verticalCenter
        visible: root.stickyAccount === false && !portfolio.singleAccountSetup
    }

    Flowee.Label {
        id: currentWalletLabel
        y: 10
        x: root.stickyAccount ? 10 : 20
        width: parent.width - 30
        text: root.selectedAccount.name
        visible: !portfolio.singleAccountSetup
        color: root.stickyAccount ? palette.brightText : palette.windowText
    }

    Flowee.BitcoinAmountLabel {
        id: currentWalletValue
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        anchors.margins: 10
        value: {
            var wallet = root.selectedAccount
            return wallet.balanceConfirmed + wallet.balanceUnconfirmed
        }
        colorize: false
    }

    MouseArea {
        anchors.fill: parent
        onClicked: (mouse) => {
            var haveActions = balanceActions.length > 0
            if (!haveActions || mouse.x < parent.width / 2) {
                if (root.stickyAccount === false && !portfolio.singleAccountSetup)
                    accountSelector.open()
            } else if (haveActions) {
                while (priceMenu.count > 0) {
                    priceMenu.takeItem(0)
                }
                for (let i = 0; i < balanceActions.length; ++i) {
                    priceMenu.addAction(balanceActions[i])
                }
                priceMenu.x = root.width / 2
                priceMenu.y = -40
                priceMenu.open()
            }
        }
    }
    QQC2.Menu {
        id: priceMenu
    }

    AccountSelectorPopup {
        id: accountSelector
        width: root.width
        y: -10
        onSelectedAccountChanged: root.selectedAccount = selectedAccount
        selectedAccount: root.startingAccount

        // when showing the selector widget these make little to no sense.
        showTotalBalance: false
        showEncryptedAccounts: false
    }
}