mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-13 15:55:18 +00:00
e115d5e7ce
Show Qr popup is partially refactored because of the two things: - to meet new UI requirements (introduced in the new saved addresses design) - to make usage of that popup more generic, that it can be easily used from different places
93 lines
2.7 KiB
QML
93 lines
2.7 KiB
QML
import QtQuick 2.15
|
|
|
|
import StatusQ.Controls 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 utils 1.0
|
|
|
|
import "../controls"
|
|
|
|
StatusComboBox {
|
|
id: root
|
|
|
|
property var selectedAccount
|
|
property var getNetworkShortNames: function(chainIds){}
|
|
property int selectedIndex: -1
|
|
|
|
control.padding: 0
|
|
control.spacing: 0
|
|
control.leftPadding: 8
|
|
control.rightPadding: 8
|
|
control.topPadding: 10
|
|
|
|
control.popup.width: 430
|
|
control.indicator: null
|
|
|
|
control.background: Rectangle {
|
|
width: contentItem.childrenRect.width + control.leftPadding + control.rightPadding
|
|
height: 32
|
|
radius: 8
|
|
color: !!selectedAccount ? hoverHandler.hovered ?
|
|
Utils.getHoveredColor(selectedAccount.colorId) :
|
|
Utils.getColorForId(selectedAccount.colorId) : "transparent"
|
|
HoverHandler {
|
|
id: hoverHandler
|
|
cursorShape: Qt.PointingHandCursor
|
|
}
|
|
}
|
|
|
|
contentItem: Row {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
width: childrenRect.width
|
|
spacing: 8
|
|
component Padding: Item {
|
|
width: 12
|
|
height: 16
|
|
}
|
|
Padding {}
|
|
StatusEmoji {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
width: 16
|
|
height: 16
|
|
emojiId: StatusQUtils.Emoji.iconId(selectedAccount.emoji ?? "", StatusQUtils.Emoji.size.verySmall) || ""
|
|
visible: !!emojiId
|
|
}
|
|
StatusBaseText {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: selectedAccount.name ?? ""
|
|
font.pixelSize: 15
|
|
color: Theme.palette.indirectColor1
|
|
}
|
|
StatusIcon {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
width: 16
|
|
height: width
|
|
visible: !!root.model && root.model.count > 1
|
|
icon: "chevron-down"
|
|
color: Theme.palette.indirectColor1
|
|
}
|
|
Padding {}
|
|
}
|
|
|
|
delegate: WalletAccountListItem {
|
|
width: ListView.view.width
|
|
modelData: model
|
|
getNetworkShortNames: root.getNetworkShortNames
|
|
color: sensor.containsMouse || highlighted ?
|
|
Theme.palette.baseColor2 :
|
|
selectedAccount.name === model.name ? Theme.palette.statusListItem.highlightColor : "transparent"
|
|
onClicked: {
|
|
selectedIndex = index
|
|
control.popup.close()
|
|
}
|
|
Component.onCompleted:{
|
|
if(selectedAccount.address === model.address)
|
|
selectedIndex = index
|
|
}
|
|
}
|
|
}
|
|
|