status-desktop/ui/app/AppLayouts/Communities/panels/SharedAddressesAccountSelector.qml

import QtQuick 2.15
import QtQuick.Controls 2.15

import StatusQ.Core 0.1
import StatusQ.Components 0.1
import StatusQ.Controls 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Core.Utils 0.1

import SortFilterProxyModel 0.2

import utils 1.0

StatusListView {
    id: root

    property bool hasPermissions
    property var uniquePermissionTokenKeys

    // read/write properties
    property string selectedAirdropAddress
    property var selectedSharedAddresses: []

    signal addressesChanged()

    leftMargin: d.absLeftMargin
    topMargin: Style.current.padding
    rightMargin: Style.current.padding
    bottomMargin: Style.current.padding

    QtObject {
        id: d

        // UI
        readonly property int absLeftMargin: 12

        readonly property ButtonGroup airdropGroup: ButtonGroup {
            exclusive: true
        }

        readonly property ButtonGroup addressesGroup: ButtonGroup {
            exclusive: false
        }

        function selectFirstAvailableAirdropAddress() {
            root.selectedAirdropAddress = ModelUtils.modelToFlatArray(root.model, "address").find(address => selectedSharedAddresses.includes(address))
        }
    }

    spacing: Style.current.halfPadding
    delegate: StatusListItem {
        width: ListView.view.width - ListView.view.leftMargin - ListView.view.rightMargin
        statusListItemTitle.font.weight: Font.Medium
        title: model.name
        tertiaryTitle: !walletAccountAssetsModel.count && root.hasPermissions ? qsTr("No relevant tokens") : ""

        tagsModel: SortFilterProxyModel {
            id: walletAccountAssetsModel
            sourceModel: model.assets

            function filterPredicate(modelData) {
                return root.uniquePermissionTokenKeys.includes(modelData.symbol.toUpperCase())
            }

            filters: ExpressionFilter {
                expression: walletAccountAssetsModel.filterPredicate(model)
            }
            sorters: ExpressionSorter {
                expression: {
                    return modelLeft.enabledNetworkBalance.amount > modelRight.enabledNetworkBalance.amount // descending, biggest first
                }
            }
        }
        statusListItemInlineTagsSlot.spacing: Style.current.padding
        tagsDelegate: Row {
            spacing: 4
            StatusRoundedImage {
                anchors.verticalCenter: parent.verticalCenter
                width: 16
                height: 16
                image.source: Constants.tokenIcon(model.symbol.toUpperCase())
            }
            StatusBaseText {
                anchors.verticalCenter: parent.verticalCenter
                font.pixelSize: Theme.tertiaryTextFontSize
                text: LocaleUtils.currencyAmountToLocaleString(enabledNetworkBalance)
            }
        }

        asset.color: !!model.color ? model.color : ""
        asset.emoji: model.emoji
        asset.name: !model.emoji ? "filled-account": ""
        asset.letterSize: 14
        asset.isLetterIdenticon: !!model.emoji
        asset.isImage: asset.isLetterIdenticon

        components: [
            StatusFlatButton {
                ButtonGroup.group: d.airdropGroup
                anchors.verticalCenter: parent.verticalCenter
                icon.name: "airdrop"
                icon.color: hovered ? Theme.palette.primaryColor3 :
                                      checked ? Theme.palette.primaryColor1 : disabledTextColor
                checkable: true
                checked: model.address === root.selectedAirdropAddress
                enabled: shareAddressCheckbox.checked && root.selectedSharedAddresses.length > 1 // last cannot be unchecked
                visible: shareAddressCheckbox.checked
                opacity: enabled ? 1.0 : 0.3
                onCheckedChanged: if (checked) root.selectedAirdropAddress = model.address
                onToggled: root.addressesChanged()

                StatusToolTip {
                    text: qsTr("Use this address for any Community airdrops")
                    visible: parent.hovered
                    delay: 500
                }
            },
            StatusCheckBox {
                id: shareAddressCheckbox
                ButtonGroup.group: d.addressesGroup
                anchors.verticalCenter: parent.verticalCenter
                checkable: true
                checked: root.selectedSharedAddresses.includes(model.address)
                enabled: !(root.selectedSharedAddresses.length === 1 && checked) // last cannot be unchecked
                onToggled: {
                    // handle selected addresses
                    const index = root.selectedSharedAddresses.indexOf(model.address)
                    const selectedSharedAddressesCopy = Object.assign([], root.selectedSharedAddresses) // deep copy
                    if (index === -1) {
                        selectedSharedAddressesCopy.push(model.address)
                    } else {
                        selectedSharedAddressesCopy.splice(index, 1)
                    }
                    root.selectedSharedAddresses = selectedSharedAddressesCopy

                    // switch to next available airdrop address when unchecking
                    if (!checked && model.address === root.selectedAirdropAddress) {
                        d.selectFirstAvailableAirdropAddress()
                    }

                    root.addressesChanged()
                }
            }
        ]
    }
}