70 lines
1.7 KiB
QML
70 lines
1.7 KiB
QML
import QtQuick 2.12
|
|
|
|
import Ikinuki.Client 1.0
|
|
|
|
import "./Sidebar"
|
|
|
|
Rectangle {
|
|
id: rect
|
|
property var providers
|
|
property bool maximized: true
|
|
property int selectedElement: 0
|
|
property var max_elements: providers.length
|
|
width: parent.width * 0.2
|
|
height: parent.height
|
|
color: "#22282A"
|
|
state: maximized ? "maximized" : "minimized"
|
|
//color: "#0a3d4a"
|
|
Column {
|
|
anchors.fill: parent
|
|
Header {}
|
|
Repeater {
|
|
id: sidebarElements
|
|
model: providers
|
|
Element {
|
|
provider: modelData
|
|
maximized: rect.maximized
|
|
selected: (index == selectedElement) ? true : false
|
|
}
|
|
}
|
|
}
|
|
states: [
|
|
State {
|
|
name: "minimized"
|
|
PropertyChanges {
|
|
target: rect
|
|
width: parent.width * 0.05
|
|
}
|
|
},
|
|
State {
|
|
name: "maximized"
|
|
PropertyChanges {
|
|
target: rect
|
|
width: parent.width * 0.2
|
|
}
|
|
}
|
|
]
|
|
transitions: [
|
|
Transition {
|
|
NumberAnimation {
|
|
properties: "width"
|
|
duration: 150
|
|
easing.type: Easing.Linear
|
|
}
|
|
}
|
|
]
|
|
function mod(n, m) {
|
|
return ((n % m) + m) % m;
|
|
}
|
|
Keys.onPressed: (event)=> {
|
|
// Handle scrolling
|
|
if (event.key == Qt.Key_Down) {
|
|
selectedElement = mod(selectedElement + 1, max_elements);
|
|
}
|
|
else if (event.key == Qt.Key_Up) {
|
|
selectedElement = mod(selectedElement - 1, max_elements);
|
|
}
|
|
event.accepted = true;
|
|
}
|
|
}
|