import QtQuick 2.13 import QtQuick.Controls 2.13 import QtQuick.Layouts 1.13 import StatusQ.Controls.Validators 0.1 import utils 1.0 import StatusQ.Controls 0.1 import StatusQ.Popups 0.1 import StatusQ.Components 0.1 import StatusQ.Core 0.1 import StatusQ.Core.Theme 0.1 import StatusQ.Core.Utils 0.1 as StatusQUtils import "../controls" import "../views" StatusFloatingButtonsSelector { id: floatingHeader property var selectedAccount repeater.objectName: "accountsListFloatingHeader" signal updatedSelectedAccount(var account) QtObject { id: d property var firstModelData: null } delegate: Rectangle { width: button.width height: button.height radius: 8 visible: floatingHeader.visibleIndices.includes(index) && walletType !== Constants.watchWalletType color: Theme.palette.baseColor3 StatusButton { id: button topPadding: 8 bottomPadding: 0 implicitHeight: 32 defaultLeftPadding: 4 text: name objectName: name icon.emoji: !!emoji ? emoji: "" icon.emojiSize: StatusQUtils.Emoji.size.middle icon.name: !emoji ? "filled-account": "" normalColor: "transparent" hoverColor: Theme.palette.statusFloatingButtonHighlight highlighted: index === floatingHeader.currentIndex onClicked: { updatedSelectedAccount(model) floatingHeader.currentIndex = index } Component.onCompleted: { // On startup make the preseected wallet in the floating menu, // and if the selectedAccount is watch only then select 0th item if(index === 0) { d.firstModelData = model } if(name !== floatingHeader.selectedAccount.name) { return } if(name === floatingHeader.selectedAccount.name) { if(walletType !== Constants.watchWalletType) { // If the selected index wont be displayed, added it to the visible indices if(index > 2) { visibleIndices = [0, 1, index] } floatingHeader.currentIndex = index } else { floatingHeader.currentIndex = 0 updatedSelectedAccount(d.firstModelData) } } } } } popupMenuDelegate: StatusListItem { implicitWidth: 272 title: name subTitle: currencyBalance icon.emoji: !!emoji ? emoji: "" icon.color: model.color icon.name: !emoji ? "filled-account": "" icon.letterSize: 14 icon.isLetterIdenticon: !!model.emoji icon.background.color: Theme.palette.indirectColor1 onClicked: { updatedSelectedAccount(model) floatingHeader.itemSelected(index) } visible: !floatingHeader.visibleIndices.includes(index) && walletType !== Constants.watchWalletType } }