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
93
94
95
96
97
98
99
100
101
102
103
104
105
|
/*
* This file is part of system-settings
*
* Copyright (C) 2013 Canonical Ltd.
*
* Contact: William Hua <william.hua@canonical.com>
*
* This program is free software: you can redistribute it and/or modify it
* under the terms of the GNU General Public License version 3, as published
* by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranties of
* MERCHANTABILITY, SATISFACTORY QUALITY, 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.12
import Lomiri.Components 1.3
import Lomiri.Components.ListItems 1.3 as ListItem
ListItem.Empty {
id: root
property alias name: name.text
property alias checked: checkBox.checked
property alias shortName: shortName.text
property alias draggable: dragHandle.visible
property alias dragger: dragArea.drag
signal dragStarted()
signal dragFinished()
onClicked: {
checkBox.checked = !checkBox.checked
}
Rectangle {
id: icon
anchors {
left: parent.left
leftMargin: units.gu(2)
}
width: units.gu(3.0)
height: units.gu(3.0)
radius: units.gu(0.5)
color: Theme.palette.normal.backgroundText
anchors.verticalCenter: parent.verticalCenter
Label {
id: shortName
color: Theme.palette.normal.background
fontSize: "small"
anchors.centerIn: parent
}
}
Label {
id: name
anchors {
left: icon.right
leftMargin: units.gu(2)
right: dragHandle.visible ? dragHandle.left : checkBox.left
rightMargin: units.gu(3)
}
elide: Text.ElideMiddle
anchors.verticalCenter: parent.verticalCenter
}
Icon {
id: dragHandle
width: units.gu(2.5)
height: parent.height
anchors {
right: checkBox.left
rightMargin: units.gu(3)
verticalCenter: parent.verticalCenter
}
MouseArea {
id: dragArea
anchors.fill: parent
onPressed: root.dragStarted()
onReleased: root.dragFinished()
}
name: "grip-large"
}
CheckBox {
id: checkBox
anchors {
right: parent.right
rightMargin: units.gu(2)
verticalCenter: parent.verticalCenter
}
}
}
|
