fix dashboard display and player switch
This commit is contained in:
parent
0a33022c6a
commit
d42b7cb612
2 changed files with 46 additions and 41 deletions
|
|
@ -7,57 +7,61 @@ import qs.services
|
|||
import qs.widgets
|
||||
import QtQuick
|
||||
import QtQuick.Layouts
|
||||
import Quickshell.Widgets
|
||||
|
||||
StyledDrawer {
|
||||
id: root
|
||||
|
||||
visible: Visibility.dashboard
|
||||
|
||||
margins: 20
|
||||
contentItem: ColumnLayout {
|
||||
WrapperRectangle {
|
||||
color: Theme.palette.base300
|
||||
radius: 8
|
||||
margin: 20
|
||||
ColumnLayout {
|
||||
RowLayout {
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
|
||||
RowLayout {
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
|
||||
StyledButton {
|
||||
id: previousPlayerButton
|
||||
visible: Mpris.players.length > 1
|
||||
content: LucideIcon {
|
||||
color: previousPlayerButton.containsMouse ? Theme.palette.primarycontent : Theme.palette.basecontent
|
||||
text: Icons.chevronLeft
|
||||
}
|
||||
onClicked: {
|
||||
Mpris.previousPlayer();
|
||||
}
|
||||
}
|
||||
|
||||
StyledText {
|
||||
text: {
|
||||
if (Mpris.active?.identity) {
|
||||
const words = Mpris.active?.identity.split("-");
|
||||
const capitalized = words.map(val => String(val).charAt(0).toUpperCase() + String(val).slice(1));
|
||||
return capitalized.join(" ");
|
||||
StyledButton {
|
||||
id: previousPlayerButton
|
||||
visible: Mpris.players.length > 1
|
||||
content: LucideIcon {
|
||||
color: previousPlayerButton.containsMouse ? Theme.palette.primarycontent : Theme.palette.basecontent
|
||||
text: Icons.chevronLeft
|
||||
}
|
||||
onClicked: {
|
||||
Mpris.previousPlayer();
|
||||
}
|
||||
}
|
||||
|
||||
StyledText {
|
||||
text: {
|
||||
if (Mpris.active?.identity) {
|
||||
const words = Mpris.active?.identity.split("-");
|
||||
const capitalized = words.map(val => String(val).charAt(0).toUpperCase() + String(val).slice(1));
|
||||
return capitalized.join(" ");
|
||||
}
|
||||
return Mpris.active?.desktopEntry ?? Mpris.active?.dbusName ?? "unknown";
|
||||
}
|
||||
font.pixelSize: 20
|
||||
}
|
||||
|
||||
StyledButton {
|
||||
id: nextPlayerButton
|
||||
visible: Mpris.players.length > 1
|
||||
content: LucideIcon {
|
||||
color: nextPlayerButton.containsMouse ? Theme.palette.primarycontent : Theme.palette.basecontent
|
||||
text: Icons.chevronRight
|
||||
}
|
||||
onClicked: {
|
||||
Mpris.nextPlayer();
|
||||
}
|
||||
return Mpris.active?.desktopEntry ?? Mpris.active?.dbusName ?? "unknown";
|
||||
}
|
||||
font.pixelSize: 20
|
||||
}
|
||||
|
||||
StyledButton {
|
||||
id: nextPlayerButton
|
||||
visible: Mpris.players.length > 1
|
||||
content: LucideIcon {
|
||||
color: nextPlayerButton.containsMouse ? Theme.palette.primarycontent : Theme.palette.basecontent
|
||||
text: Icons.chevronRight
|
||||
}
|
||||
onClicked: {
|
||||
Mpris.nextPlayer();
|
||||
}
|
||||
MprisController {
|
||||
player: Mpris.active
|
||||
}
|
||||
}
|
||||
|
||||
MprisController {
|
||||
player: Mpris.active
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,13 +20,14 @@ Singleton {
|
|||
if (players.length == 0) {
|
||||
return;
|
||||
}
|
||||
properties.currentIndex = properties.currentIndex + 1 % players.length;
|
||||
properties.currentIndex = (properties.currentIndex + 1) % players.length;
|
||||
}
|
||||
|
||||
function previousPlayer() {
|
||||
if (players.length == 0) {
|
||||
return;
|
||||
}
|
||||
properties.currentIndex = properties.currentIndex - 1 % players.length;
|
||||
const newIndex = properties.currentIndex - 1;
|
||||
properties.currentIndex = newIndex >= 0 ? newIndex : players.length - 1;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue