status-desktop/storybook/pages/SortableTokenHoldersListPage.qml

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

import AppLayouts.Communities.panels 1.0

import Storybook 1.0
import Models 1.0

import utils 1.0

SplitView {
    id: root

    Logs { id: logs }

    orientation: Qt.Vertical

    TokenHoldersModel {
        id: tokenHoldersModel
    }

    Item {
        SplitView.fillWidth: true
        SplitView.fillHeight: true

        SortableTokenHoldersList {
            id: holdersList

            anchors.fill: parent
            anchors.margins: 50

            model: TokenHoldersProxyModel {
                sourceModel: tokenHoldersModel

                sortBy: holdersList.sortBy
                sortOrder: holdersList.sortOrder ? Qt.DescendingOrder : Qt.AscendingOrder
            }

            onClicked: logs.logEvent("holdersList.clicked: " + index)
        }
    }

    LogsAndControlsPanel {
        id: logsAndControlsPanel

        SplitView.minimumHeight: 100
        SplitView.preferredHeight: 200

        logsView.logText: logs.logText

        RowLayout {
            Button {
                text: "Set all remotely burn to completed"

                onClicked: {
                    for (let i = 0; i < tokenHoldersModel.count; i++) {
                        tokenHoldersModel.setProperty(
                                    i, "remotelyDestructState",
                                    Constants.ContractTransactionStatus.Completed)
                    }
                }
            }

            Button {
                text: "Set all remotely burn to in progress"

                onClicked: {
                    for (let i = 0; i < tokenHoldersModel.count; i++) {
                        tokenHoldersModel.setProperty(
                                    i, "remotelyDestructState",
                                    Constants.ContractTransactionStatus.InProgress)
                    }
                }
            }
        }
    }
}

// category: Components