You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
3.6 KiB
116 lines
3.6 KiB
import QtQuick 2.9
|
|
import QtQuick.Layouts 1.1
|
|
import FontAwesome 1.0
|
|
|
|
import "../components" as MoneroComponents
|
|
|
|
ColumnLayout {
|
|
id: settingsListItem
|
|
property alias iconText: iconLabel.text
|
|
property alias description: area.text
|
|
property alias title: header.text
|
|
property bool isLast: false
|
|
signal clicked()
|
|
|
|
Layout.fillWidth: true
|
|
spacing: 0
|
|
|
|
Rectangle {
|
|
id: root
|
|
Layout.fillWidth: true
|
|
Layout.minimumHeight: 75
|
|
Layout.preferredHeight: rect.height + 15
|
|
color: "transparent"
|
|
|
|
Rectangle {
|
|
id: divider
|
|
anchors.topMargin: 0
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
height: 1
|
|
color: MoneroComponents.Style.dividerColor
|
|
opacity: MoneroComponents.Style.dividerOpacity
|
|
}
|
|
|
|
Rectangle {
|
|
id: rect
|
|
width: parent.width
|
|
height: header.height + area.contentHeight
|
|
color: "transparent";
|
|
anchors.left: parent.left
|
|
anchors.bottomMargin: 4
|
|
anchors.topMargin: 4
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
Rectangle {
|
|
id: icon
|
|
color: "transparent"
|
|
height: 32
|
|
width: 32
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 16
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
MoneroComponents.Label {
|
|
id: iconLabel
|
|
fontSize: 32
|
|
fontFamily: FontAwesome.fontFamilySolid
|
|
anchors.centerIn: parent
|
|
fontColor: MoneroComponents.Style.defaultFontColor
|
|
styleName: "Solid"
|
|
}
|
|
}
|
|
|
|
MoneroComponents.TextPlain {
|
|
id: header
|
|
anchors.left: icon.right
|
|
anchors.leftMargin: 16
|
|
anchors.top: parent.top
|
|
color: MoneroComponents.Style.defaultFontColor
|
|
opacity: MoneroComponents.Style.blackTheme ? 1.0 : 0.8
|
|
font.bold: true
|
|
font.family: MoneroComponents.Style.fontRegular.name
|
|
font.pixelSize: 16
|
|
}
|
|
|
|
Text {
|
|
id: area
|
|
anchors.top: header.bottom
|
|
anchors.topMargin: 4
|
|
anchors.left: icon.right
|
|
anchors.leftMargin: 16
|
|
color: MoneroComponents.Style.dimmedFontColor
|
|
font.family: MoneroComponents.Style.fontRegular.name
|
|
font.pixelSize: 15
|
|
horizontalAlignment: TextInput.AlignLeft
|
|
wrapMode: Text.WordWrap;
|
|
leftPadding: 0
|
|
topPadding: 0
|
|
width: parent.width - (icon.width + icon.anchors.leftMargin + anchors.leftMargin)
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: bottomDivider
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
height: 1
|
|
color: MoneroComponents.Style.dividerColor
|
|
opacity: MoneroComponents.Style.dividerOpacity
|
|
visible: settingsListItem.isLast
|
|
}
|
|
|
|
MouseArea {
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onEntered: root.color = MoneroComponents.Style.titleBarButtonHoverColor
|
|
onExited: root.color = "transparent"
|
|
onClicked: {
|
|
settingsListItem.clicked()
|
|
}
|
|
}
|
|
}
|
|
}
|