chore(StatusQ): Add new component StatusIconSwitch

Component holding a switch and a title/subtitle using the app style
This commit is contained in:
Alex Jbanca 2024-02-06 11:09:56 +02:00 committed by Alex Jbanca
parent 9d4bc9466e
commit ac569b8ba5
3 changed files with 59 additions and 0 deletions

View File

@ -0,0 +1,57 @@
import QtQuick 2.14
import QtQuick.Controls 2.14
import QtQuick.Layouts 1.14
import StatusQ.Core 0.1
import StatusQ.Components 0.1
import StatusQ.Controls 0.1
import StatusQ.Core.Theme 0.1
Control {
id: root
property string title
property string subTitle
property string icon
property alias checked: switchItem.checked
signal toggled
contentItem: RowLayout {
spacing: 16
StatusRoundIcon {
asset.name: root.icon
}
ColumnLayout {
Layout.fillWidth: true
StatusBaseText {
text: root.title
color: Theme.palette.directColor1
font.pixelSize: 15
}
Item { Layout.fillWidth: true }
StatusBaseText {
Layout.fillWidth: true
Layout.fillHeight: true
text: root.subTitle
visible: !!text
color: Theme.palette.baseColor1
font.pixelSize: 15
lineHeight: 1.2
wrapMode: Text.WordWrap
elide: Text.ElideRight
}
}
StatusSwitch {
id: switchItem
onToggled: root.toggled()
}
}
}

View File

@ -58,3 +58,4 @@ StatusImageSelector 0.1 StatusImageSelector.qml
StatusColorRadioButton 0.1 StatusColorRadioButton.qml
StatusBlockProgressBar 0.1 StatusBlockProgressBar.qml
StatusWarningBox 0.1 StatusWarningBox.qml
StatusIconSwitch 0.1 StatusIconSwitch.qml

View File

@ -102,6 +102,7 @@
<file>StatusQ/Controls/StatusDropdown.qml</file>
<file>StatusQ/Controls/StatusFlatButton.qml</file>
<file>StatusQ/Controls/StatusFlatRoundButton.qml</file>
<file>StatusQ/Controls/StatusIconSwitch.qml</file>
<file>StatusQ/Controls/StatusIconTabButton.qml</file>
<file>StatusQ/Controls/StatusIconTextButton.qml</file>
<file>StatusQ/Controls/StatusIdenticonRing.qml</file>