status-im/status-qml
2
0
Fork 0
mirror of synced 2025-02-18 01:26:41 +00:00
Code Issues Projects Releases Wiki Activity

feat(StatusTagSelector): Updated component to use StatusTagItem as a delegate

Browse Source 
Updated component to use `StatusTagItem` as a delegate.
This commit is contained in:
Noelia 2022-06-07 17:21:24 +02:00 committed by Noelia
parent d69b0598bf
commit b569782d4c
1 changed files with 8 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/StatusQ/Components/StatusTagSelector.qml
View File

@ -5,6 +5,7 @@ import QtGraphicalEffects 1.0
import StatusQ.Core 0.1 import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1 import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1
/*! /*!
\qmltype StatusTagSelector \qmltype StatusTagSelector
@ -277,69 +278,14 @@ Item {
} }
onWidthChanged: { scrollToEnd(); } onWidthChanged: { scrollToEnd(); }
onCountChanged: { scrollToEnd(); } onCountChanged: { scrollToEnd(); }
delegate: Rectangle { delegate: StatusTagItem {
id: nameDelegate isReadonly: model.isReadonly
text: model.name
icon: model.tagIcon
property int tagMargins: 8 onClicked: {
property int tagIconsSize: 20 removeMember(model.publicId);
function getTagColor(isReadonly) { namesModel.remove(index, 1);
if(isReadonly) {
return Theme.palette.baseColor1
}
else {
return mouseArea.containsMouse ? Theme.palette.miscColor1 : Theme.palette.primaryColor1
}
}
width: tagRow.implicitWidth + 2 * nameDelegate.tagMargins
height: 30
color: getTagColor(model.isReadonly)
radius: 8
Row {
id: tagRow
height: parent.height
anchors.left: parent.left
anchors.leftMargin: nameDelegate.tagMargins
anchors.rightMargin: nameDelegate.tagMargins
spacing: 2
StatusIcon {
visible: model.tagIcon
anchors.verticalCenter: parent.verticalCenter
color: Theme.palette.indirectColor1
width: model.tagIcon ? nameDelegate.tagIconsSize : 0
height: nameDelegate.tagIconsSize
icon: model.tagIcon
}
StatusBaseText {
id: nameText
anchors.verticalCenter: parent.verticalCenter
color: Theme.palette.indirectColor1
font.pixelSize: 15
text: name
}
StatusIcon {
id: closeIcon
visible: !model.isReadonly
anchors.leftMargin: nameDelegate.tagMargins
anchors.verticalCenter: parent.verticalCenter
color: Theme.palette.indirectColor1
width: nameDelegate.tagIconsSize
height: nameDelegate.tagIconsSize
icon: "close"
}
}
MouseArea {
id: mouseArea
enabled: !model.isReadonly
anchors.fill: parent
hoverEnabled: true
cursorShape: enabled ? Qt.PointingHandCursor : Qt.ArrowCursor
onClicked: {
removeMember(publicId);
namesModel.remove(index, 1);
}
} }
} }
} }