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
|
/*
* Copyright 2013 Canonical Ltd.
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU Lesser 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 Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
* Authored by Andrea Cimitan <andrea.cimitan@canonical.com>
*/
import QtQuick 2.4
import Ubuntu.Components 1.3
import Ubuntu.Settings.Components 0.1
import Ubuntu.Settings.Menus 0.1
MainView {
id: mainView
// Note! applicationName needs to match the .desktop filename
applicationName: "SettingsComponents"
width: units.gu(50)
height: units.gu(100)
property bool pointerMode: true
Component.onCompleted: {
theme.name = "Ubuntu.Components.Themes.SuruDark"
}
ListModel {
id: pages
ListElement { source: "OtherComponents.qml" }
ListElement { source: "MessageComponents.qml" }
ListElement { source: "TransferComponents.qml" }
}
Page {
id: page
header: PageHeader {
id: header
title: listView.currentItem ? listView.currentItem.item.title : "Components"
trailingActionBar.actions: [
Action {
iconName: mainView.pointerMode ? "input-mouse-symbolic" : "input-touchpad-symbolic"
text: mainView.pointerMode ? "Pointer mode" : "Touch mode"
onTriggered: mainView.pointerMode = !mainView.pointerMode
},
Action {
text: i18n.tr('Use dark theme')
iconName: 'torch-on'
visible: theme.name == 'Ubuntu.Components.Themes.Ambiance'
onTriggered: theme.name = 'Ubuntu.Components.Themes.SuruDark'
},
Action {
text: i18n.tr('Use light theme')
iconName: 'torch-off'
visible: theme.name == 'Ubuntu.Components.Themes.SuruDark'
onTriggered: theme.name = 'Ubuntu.Components.Themes.Ambiance'
}
]
}
clip: true
ListView {
id: listView
model: pages
anchors.fill: parent
anchors.topMargin: header.height
orientation: ListView.Horizontal
snapMode: ListView.SnapOneItem
highlightRangeMode: ListView.StrictlyEnforceRange
boundsBehavior: Flickable.StopAtBounds
delegate: Loader {
width: ListView.view.width
height: ListView.view.height
source: model.source
onStatusChanged: {
if (status == Loader.Ready) {
item.pointerMode = Qt.binding(function() { return mainView.pointerMode })
}
}
}
}
}
}
|