Michał Cieślak
Michał
parent
fe249225a2
commit
dedaaa5a60
|
|
@ -1,44 +0,0 @@
|
|||
import QtQuick 2.14
|
||||
import QtQuick.Controls 2.14
|
||||
import QtQuick.Layouts 1.14
|
||||
|
||||
import StatusQ.Controls 0.1
|
||||
import StatusQ.Components 0.1
|
||||
import StatusQ.Core.Theme 0.1
|
||||
|
||||
import Models 1.0
|
||||
|
||||
SplitView {
|
||||
id: root
|
||||
|
||||
SplitView {
|
||||
orientation: Qt.Vertical
|
||||
SplitView.fillWidth: true
|
||||
ColumnLayout {
|
||||
anchors.margins: 100
|
||||
anchors.fill: parent
|
||||
spacing: 150
|
||||
|
||||
StatusEmojiAndColorComboBox {
|
||||
Layout.preferredWidth: 300
|
||||
model: WalletAccountsModel {}
|
||||
type: StatusComboBox.Type.Secondary
|
||||
size: StatusComboBox.Size.Small
|
||||
implicitHeight: 44
|
||||
defaultAssetName: "filled-account"
|
||||
}
|
||||
|
||||
StatusEmojiAndColorComboBox {
|
||||
Layout.preferredWidth: 300
|
||||
model: WalletAccountsModel {}
|
||||
}
|
||||
|
||||
// filler
|
||||
Item {
|
||||
Layout.fillHeight: true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// category: Components
|
||||
|
|
@ -1,126 +0,0 @@
|
|||
import QtQuick 2.14
|
||||
import QtQuick.Layouts 1.14
|
||||
|
||||
import StatusQ.Core 0.1
|
||||
import StatusQ.Controls 0.1
|
||||
import StatusQ.Core.Utils 0.1
|
||||
import StatusQ.Core.Theme 0.1
|
||||
|
||||
// model expected roles: emoji, color, name
|
||||
/*!
|
||||
\qmltype StatusEmojiAndColorComboBox
|
||||
\inherits StatusComboBox
|
||||
\inqmlmodule StatusQ.Components
|
||||
\since StatusQ.Components 0.1
|
||||
\brief It is a combobox where the delegate and the content item are an emoji + color and the text.
|
||||
|
||||
The \c StatusEmojiAndColorComboBox behaves like a combobox but with specific content item and delegate look (emoji + color + text)
|
||||
|
||||
Example of how the control looks like:
|
||||
\image status_emoji_and_color_combobox.png
|
||||
|
||||
Example of how to use it:
|
||||
|
||||
\qml
|
||||
StatusEmojiAndColorComboBox {
|
||||
Layout.preferredWidth: 300
|
||||
model: WalletAccountsModel {}
|
||||
type: StatusComboBox.Type.Secondary
|
||||
size: StatusComboBox.Size.Small
|
||||
implicitHeight: 44
|
||||
defaultAssetName: "filled-account"
|
||||
}
|
||||
\endqml
|
||||
|
||||
For a list of components available see StatusQ.
|
||||
*/
|
||||
StatusComboBox {
|
||||
id: root
|
||||
|
||||
/*!
|
||||
\qmlproperty string StatusEmojiAndColorComboBox::defaultAssetName
|
||||
This property holds the default asset shown if no emoji provided.
|
||||
*/
|
||||
property string defaultAssetName: "info"
|
||||
|
||||
/*!
|
||||
\qmlproperty int StatusEmojiAndColorComboBox::delegateHeight
|
||||
This property holds the delegate height value.
|
||||
*/
|
||||
property int delegateHeight: 44
|
||||
|
||||
ModelChangeTracker {
|
||||
id: modelTracker
|
||||
|
||||
model: root.model
|
||||
}
|
||||
|
||||
QtObject {
|
||||
id: d
|
||||
|
||||
readonly property string emoji: {
|
||||
modelTracker.revision
|
||||
return ModelUtils.get(root.model, currentIndex, "emoji") ?? ""
|
||||
}
|
||||
|
||||
readonly property string color: {
|
||||
modelTracker.revision
|
||||
return ModelUtils.get(root.model, currentIndex, "color") ?? ""
|
||||
}
|
||||
}
|
||||
|
||||
control.textRole: "name"
|
||||
|
||||
contentItem: CustomComboItem {
|
||||
anchors.fill: parent
|
||||
text: root.control.displayText
|
||||
emoji: d.emoji
|
||||
color: d.color
|
||||
onClicked: control.popup.opened ? control.popup.close() : control.popup.open()
|
||||
}
|
||||
|
||||
delegate: CustomComboItem {
|
||||
width: root.width
|
||||
text: model.name
|
||||
emoji: model.emoji
|
||||
color: model.color
|
||||
highlighted: root.control.highlightedIndex === index
|
||||
}
|
||||
|
||||
component CustomComboItem: StatusItemDelegate {
|
||||
id: comboItem
|
||||
|
||||
property string emoji
|
||||
property color color
|
||||
|
||||
height: root.delegateHeight
|
||||
|
||||
contentItem: RowLayout {
|
||||
anchors.fill: parent
|
||||
anchors.margins: 8
|
||||
spacing: 8
|
||||
|
||||
StatusSmartIdenticon {
|
||||
asset.emoji: comboItem.emoji ?? ""
|
||||
asset.color: comboItem.color
|
||||
asset.name: !!comboItem.emoji ? "" : root.defaultAssetName
|
||||
asset.width: 22
|
||||
asset.height: asset.width
|
||||
asset.isLetterIdenticon: !!comboItem.emoji
|
||||
asset.bgColor: Theme.palette.primaryColor3
|
||||
}
|
||||
|
||||
StatusBaseText {
|
||||
Layout.fillWidth: true
|
||||
Layout.fillHeight: true
|
||||
text: comboItem.text
|
||||
horizontalAlignment: Text.AlignLeft
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
elide: Text.ElideRight
|
||||
font.pixelSize: 13
|
||||
wrapMode: Text.WordWrap
|
||||
color: Theme.palette.directColor1
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -29,7 +29,6 @@ StatusDescriptionListItem 0.1 StatusDescriptionListItem.qml
|
|||
StatusDotsLoadingIndicator 0.1 StatusDotsLoadingIndicator.qml
|
||||
StatusDraggableListItem 0.1 StatusDraggableListItem.qml
|
||||
StatusEmoji 0.1 StatusEmoji.qml
|
||||
StatusEmojiAndColorComboBox 0.1 StatusEmojiAndColorComboBox.qml
|
||||
StatusExpandableItem 0.1 StatusExpandableItem.qml
|
||||
StatusFlowSelector 0.1 StatusFlowSelector.qml
|
||||
StatusGroupBox 0.1 StatusGroupBox.qml
|
||||
|
|
@ -69,4 +68,4 @@ StatusToastMessage 0.1 StatusToastMessage.qml
|
|||
StatusToolBar 0.1 StatusToolBar.qml
|
||||
StatusVideo 0.1 StatusVideo.qml
|
||||
StatusWizardStepper 0.1 StatusWizardStepper.qml
|
||||
WebEngineLoader 0.1 WebEngineLoader.qml
|
||||
WebEngineLoader 0.1 WebEngineLoader.qml
|
||||
|
|
|
|||
|
|
@ -26,7 +26,6 @@
|
|||
<file>StatusQ/Components/StatusDotsLoadingIndicator.qml</file>
|
||||
<file>StatusQ/Components/StatusDraggableListItem.qml</file>
|
||||
<file>StatusQ/Components/StatusEmoji.qml</file>
|
||||
<file>StatusQ/Components/StatusEmojiAndColorComboBox.qml</file>
|
||||
<file>StatusQ/Components/StatusExpandableItem.qml</file>
|
||||
<file>StatusQ/Components/StatusFlowSelector.qml</file>
|
||||
<file>StatusQ/Components/StatusGroupBox.qml</file>
|
||||
|
|
|
|||
Loading…
Reference in New Issue