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
106
107
|
/*
* Copyright (C) 2017 Michael Bohlender, <michael.bohlender@kdemail.net>
* Copyright (C) 2017 Christian Mollekopf, <mollekopf@kolabsys.com>
*
* 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; either version 2 of the License, or
* (at your option) any later version.
*
* 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, write to the Free Software Foundation, Inc.,
* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import QtQuick 2.7
import QtQuick.Controls 2.0 as Controls2
import QtQuick.Layouts 1.1
import org.kube.framework 1.0 as Kube
FocusScope {
id: container
property int visibleViews: 2
property int currentIndex: 0
property int count: contentItems.length
default property alias contentItems: content.data
property bool __aborted: false
//This signal will be emitted once all initial properties have been set and the view is ready to load
signal setup()
Controls2.StackView.onActivated: {
root.setup()
}
//This signal will be emitted before destruction if the view was not done
signal aborted()
onAborted: {
__aborted = true
}
//This signal will be emitted when the view is done
signal done()
onDone: {
if (!__aborted) {
Kube.Fabric.postMessage(Kube.Messages.componentDone, {})
}
}
onCurrentIndexChanged: showRelevantSplits()
Component.onCompleted: showRelevantSplits()
function incrementCurrentIndex() {
if (currentIndex < count) {
currentIndex = currentIndex + 1
}
}
function decrementCurrentIndex() {
if (currentIndex > 0) {
currentIndex = currentIndex - 1
}
}
function showRelevantSplits() {
var i;
for (i = 0; i < count; i++) {
if (i < currentIndex) {
contentItems[i].visible = false;
} else if (i > (currentIndex + visibleViews - 1)) {
contentItems[i].visible = false;
} else {
contentItems[i].visible = true;
}
}
}
Kube.IconButton {
anchors {
top: container.top
left: container.left
}
z: 1
color: Kube.Colors.textColor
iconName: Kube.Icons.goBack_inverted
visible: currentIndex > 0
onClicked: decrementCurrentIndex()
}
Keys.onEscapePressed: {
if (currentIndex > 0) {
decrementCurrentIndex()
}
}
RowLayout {
id: content
anchors.fill: parent
}
}
|
