1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
/*
* Copyright (C) 2014-2016 Canonical Ltd.
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; version 3.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import QtQuick 2.15
import Lomiri.Components 1.3
import Lomiri.Components.ListItems 1.3 as ListItem
ListItem.Empty {
id: listItem
property alias text: label.text
property bool checked: false
property real leftMargin
property real rightMargin
readonly property real labelOffset: label.x
signal linkActivated(string link)
implicitHeight: Math.max(label.height, checkBox.height)
highlightWhenPressed: false
FocusScope {
anchors.fill: parent
focus: true
CheckBox {
id: checkBox
anchors {
left: parent.left
top: parent.top
leftMargin: listItem.leftMargin
}
Component.onCompleted: {
checked = listItem.checked;
}
onClicked: {
listItem.checked = checked
listItem.triggered(listItem.checked)
}
Connections {
target: listItem
function onCheckedChanged() { checkBox.checked = listItem.checked }
}
Connections {
target: listItem.__mouseArea
function onClicked() {
listItem.checked = !listItem.checked
listItem.triggered(listItem.checked)
}
}
}
Label {
id: label
anchors {
left: checkBox.right
right: parent.right
verticalCenter: parent.verticalCenter
leftMargin: units.gu(2)
rightMargin: listItem.rightMargin
}
wrapMode: Text.Wrap
linkColor: LomiriColors.orange
color: textColor
font.weight: Font.Light
fontSize: "small"
lineHeight: 1.2
onLinkActivated: listItem.linkActivated(link)
}
Keys.onSpacePressed: checkBox.trigger()
}
}
|
