123 lines
4.8 KiB
QML
123 lines
4.8 KiB
QML
import QtQuick 2.3
|
|
import QtQuick.Layouts 1.1
|
|
import QtQml.Models 2.2
|
|
import QtQuick.Controls 2.15 as QQC2
|
|
import org.kde.plasma.components 3.0 as PlasmaComponents3
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
|
|
Item {
|
|
property alias view: deviceView
|
|
objectName: "DevicesPage"
|
|
|
|
PlasmaComponents3.ScrollView {
|
|
anchors.fill: parent
|
|
|
|
// HACK: workaround for https://bugreports.qt.io/browse/QTBUG-83890
|
|
PlasmaComponents3.ScrollBar.horizontal.policy: PlasmaComponents3.ScrollBar.AlwaysOff
|
|
|
|
contentItem: TopLevelView {
|
|
id: deviceView
|
|
model: plasmoid.nativeInterface.sortFilterDevModel
|
|
|
|
delegate: TopLevelItem {
|
|
id: item
|
|
width: deviceView.width
|
|
readonly property string devName: name
|
|
readonly property string devID: devId
|
|
property alias resumePauseButton: resumePauseButton
|
|
|
|
ColumnLayout {
|
|
width: parent.width
|
|
spacing: 0
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
PlasmaCore.IconItem {
|
|
Layout.preferredWidth: units.iconSizes.small
|
|
Layout.preferredHeight: units.iconSizes.small
|
|
Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
|
|
source: statusIcon
|
|
}
|
|
PlasmaComponents3.Label {
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
|
|
elide: Text.ElideRight
|
|
text: name
|
|
}
|
|
RowLayout {
|
|
id: toolButtonsLayout
|
|
spacing: 0
|
|
PlasmaComponents3.Label {
|
|
height: implicitHeight
|
|
text: statusString
|
|
color: statusColor ? statusColor : PlasmaCore.ColorScope.textColor
|
|
Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
|
|
}
|
|
Item {
|
|
width: 3
|
|
}
|
|
TinyButton {
|
|
id: resumePauseButton
|
|
icon.source: paused ? "image://fa/play" : "image://fa/pause"
|
|
tooltip: paused ? qsTr("Resume") : qsTr("Pause")
|
|
enabled: !isOwnDevice
|
|
onClicked: {
|
|
paused ? plasmoid.nativeInterface.connection.resumeDevice(
|
|
[devId]) : plasmoid.nativeInterface.connection.pauseDevice(
|
|
[devId])
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
DetailView {
|
|
id: detailsView
|
|
visible: item.expanded
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 3
|
|
|
|
model: DelegateModel {
|
|
model: plasmoid.nativeInterface.devModel
|
|
rootIndex: deviceView.model.mapToSource(deviceView.model.index(index, 0))
|
|
delegate: DetailItem {
|
|
width: detailsView.width
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
QQC2.Menu {
|
|
id: contextMenu
|
|
|
|
function init(item) {
|
|
// use value for properties depending on paused state from buttons
|
|
resumePauseItem.text = item.resumePauseButton.tooltip
|
|
resumePauseItem.icon = item.resumePauseButton.icon
|
|
}
|
|
|
|
QQC2.MenuItem {
|
|
text: qsTr("Copy name")
|
|
icon.name: "edit-copy"
|
|
onTriggered: deviceView.copyCurrentItemData("devName")
|
|
}
|
|
QQC2.MenuItem {
|
|
text: qsTr("Copy ID")
|
|
icon.name: "edit-copy"
|
|
onTriggered: deviceView.copyCurrentItemData("devID")
|
|
}
|
|
QQC2.MenuSeparator {
|
|
}
|
|
QQC2.MenuItem {
|
|
id: resumePauseItem
|
|
text: qsTr("Pause")
|
|
icon.name: "media-playback-pause"
|
|
onTriggered: deviceView.clickCurrentItemButton(
|
|
"resumePauseButton")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|