Regenerated
This commit is contained in:
@@ -0,0 +1,301 @@
|
||||
// --- This file has been auto-generated. For permanent changes alter the appropriate block in the README.org. ---
|
||||
// --- This file has been auto-generated. For permanent changes alter the appropriate block in the README.org. ---
|
||||
import Quickshell
|
||||
import Quickshell.Io
|
||||
import QtQuick
|
||||
import QtQuick.Layouts
|
||||
|
||||
ShellRoot {
|
||||
QtObject {
|
||||
id: colors
|
||||
readonly property color baseAlpha: Qt.rgba(30/255, 30/255, 46/255, 0.95)
|
||||
readonly property color base: "#1e1e2e"
|
||||
readonly property color surface0: "#313244"
|
||||
readonly property color surface1: "#45475a"
|
||||
readonly property color surface2: "#585b70"
|
||||
readonly property color text: "#cdd6f4"
|
||||
readonly property color subtext0: "#a6adc8"
|
||||
readonly property color subtext1: "#bac2de"
|
||||
readonly property color blue: "#89b4fa"
|
||||
readonly property color green: "#a6e3a1"
|
||||
readonly property color teal: "#94e2d5"
|
||||
readonly property color red: "#f38ba8"
|
||||
readonly property color mauve: "#cba6f7"
|
||||
readonly property color peach: "#fab387"
|
||||
readonly property color lavender: "#b4befe"
|
||||
}
|
||||
|
||||
// State
|
||||
QtObject {
|
||||
id: media
|
||||
property string artist: ""
|
||||
property string title: ""
|
||||
property string album: ""
|
||||
property string artUrl: ""
|
||||
property string status: ""
|
||||
property string device: ""
|
||||
property real progress: 0.0
|
||||
property real duration: 0.0
|
||||
property real position: 0.0
|
||||
}
|
||||
|
||||
// Poll playerctl every second
|
||||
Timer {
|
||||
interval: 1000
|
||||
running: true
|
||||
repeat: true
|
||||
onTriggered: {
|
||||
artistProc.running = true
|
||||
titleProc.running = true
|
||||
albumProc.running = true
|
||||
artProc.running = true
|
||||
statusProc.running = true
|
||||
positionProc.running = true
|
||||
lengthProc.running = true
|
||||
}
|
||||
}
|
||||
|
||||
Process {
|
||||
id: artistProc
|
||||
command: ["playerctl", "metadata", "artist"]
|
||||
stdout: StdioCollector { onStreamFinished: media.artist = text.trim() }
|
||||
}
|
||||
Process {
|
||||
id: titleProc
|
||||
command: ["playerctl", "metadata", "title"]
|
||||
stdout: StdioCollector { onStreamFinished: media.title = text.trim() }
|
||||
}
|
||||
Process {
|
||||
id: albumProc
|
||||
command: ["playerctl", "metadata", "album"]
|
||||
stdout: StdioCollector { onStreamFinished: media.album = text.trim() }
|
||||
}
|
||||
Process {
|
||||
id: artProc
|
||||
command: ["playerctl", "metadata", "mpris:artUrl"]
|
||||
stdout: StdioCollector { onStreamFinished: media.artUrl = text.trim() }
|
||||
}
|
||||
Process {
|
||||
id: statusProc
|
||||
command: ["playerctl", "status"]
|
||||
stdout: StdioCollector { onStreamFinished: media.status = text.trim() }
|
||||
}
|
||||
Process {
|
||||
id: positionProc
|
||||
command: ["playerctl", "position"]
|
||||
stdout: StdioCollector {
|
||||
onStreamFinished: {
|
||||
media.position = parseFloat(text.trim()) || 0
|
||||
if (media.duration > 0)
|
||||
media.progress = media.position / media.duration
|
||||
}
|
||||
}
|
||||
}
|
||||
Process {
|
||||
id: lengthProc
|
||||
command: ["playerctl", "metadata", "mpris:length"]
|
||||
stdout: StdioCollector {
|
||||
onStreamFinished: {
|
||||
media.duration = (parseFloat(text.trim()) || 0) / 1000000
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Playback controls
|
||||
Process { id: prevProc; command: ["playerctl", "previous"] }
|
||||
Process { id: playProc; command: ["playerctl", "play-pause"] }
|
||||
Process { id: nextProc; command: ["playerctl", "next"] }
|
||||
|
||||
FloatingWindow {
|
||||
id: root
|
||||
title: "quickshell-media"
|
||||
visible: true
|
||||
width: 300
|
||||
height: 420
|
||||
color: "transparent"
|
||||
|
||||
Shortcut {
|
||||
sequence: "Escape"
|
||||
onActivated: Qt.quit()
|
||||
}
|
||||
|
||||
// Gradient border
|
||||
Rectangle {
|
||||
anchors.fill: parent
|
||||
anchors.margins: -2
|
||||
radius: 18
|
||||
z: -1
|
||||
gradient: Gradient {
|
||||
orientation: Gradient.Horizontal
|
||||
GradientStop { position: 0.0; color: colors.blue }
|
||||
GradientStop { position: 1.0; color: colors.green }
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
anchors.fill: parent
|
||||
radius: 16
|
||||
color: colors.base
|
||||
|
||||
ColumnLayout {
|
||||
anchors {
|
||||
fill: parent
|
||||
margins: 16
|
||||
}
|
||||
spacing: 12
|
||||
|
||||
// Album art
|
||||
Rectangle {
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: 200
|
||||
radius: 12
|
||||
color: colors.surface0
|
||||
clip: true
|
||||
|
||||
Image {
|
||||
anchors.fill: parent
|
||||
source: media.artUrl
|
||||
fillMode: Image.PreserveAspectCrop
|
||||
visible: media.artUrl !== ""
|
||||
}
|
||||
|
||||
// Placeholder when no art
|
||||
Text {
|
||||
anchors.centerIn: parent
|
||||
text: ""
|
||||
font.pixelSize: 48
|
||||
color: colors.surface2
|
||||
visible: media.artUrl === ""
|
||||
}
|
||||
}
|
||||
|
||||
// Artist
|
||||
Text {
|
||||
Layout.fillWidth: true
|
||||
text: media.artist || "Unknown artist"
|
||||
color: colors.subtext1
|
||||
font.pixelSize: 12
|
||||
elide: Text.ElideRight
|
||||
}
|
||||
|
||||
// Title
|
||||
Text {
|
||||
Layout.fillWidth: true
|
||||
text: media.title || "Nothing playing"
|
||||
color: colors.text
|
||||
font.pixelSize: 14
|
||||
font.bold: true
|
||||
elide: Text.ElideRight
|
||||
}
|
||||
|
||||
// Album
|
||||
Text {
|
||||
Layout.fillWidth: true
|
||||
text: media.album
|
||||
color: colors.subtext0
|
||||
font.pixelSize: 11
|
||||
elide: Text.ElideRight
|
||||
visible: media.album !== ""
|
||||
}
|
||||
|
||||
// Device (Spotify)
|
||||
Text {
|
||||
Layout.fillWidth: true
|
||||
text: " " + media.device
|
||||
color: colors.green
|
||||
font.pixelSize: 11
|
||||
visible: media.device !== ""
|
||||
}
|
||||
|
||||
// Progress bar
|
||||
Rectangle {
|
||||
Layout.fillWidth: true
|
||||
height: 4
|
||||
radius: 2
|
||||
color: colors.surface1
|
||||
|
||||
Rectangle {
|
||||
width: parent.width * media.progress
|
||||
height: parent.height
|
||||
radius: parent.radius
|
||||
gradient: Gradient {
|
||||
orientation: Gradient.Horizontal
|
||||
GradientStop { position: 0.0; color: colors.blue }
|
||||
GradientStop { position: 1.0; color: colors.green }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Time
|
||||
RowLayout {
|
||||
Layout.fillWidth: true
|
||||
|
||||
Text {
|
||||
text: {
|
||||
var m = Math.floor(media.position / 60)
|
||||
var s = Math.floor(media.position % 60)
|
||||
return m + ":" + (s < 10 ? "0" + s : s)
|
||||
}
|
||||
color: colors.subtext0
|
||||
font.pixelSize: 11
|
||||
}
|
||||
|
||||
Item { Layout.fillWidth: true }
|
||||
|
||||
Text {
|
||||
text: {
|
||||
var m = Math.floor(media.duration / 60)
|
||||
var s = Math.floor(media.duration % 60)
|
||||
return m + ":" + (s < 10 ? "0" + s : s)
|
||||
}
|
||||
color: colors.subtext0
|
||||
font.pixelSize: 11
|
||||
}
|
||||
}
|
||||
|
||||
// Playback controls
|
||||
RowLayout {
|
||||
Layout.fillWidth: true
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
spacing: 24
|
||||
|
||||
Text {
|
||||
text: ""
|
||||
font.pixelSize: 22
|
||||
color: prevHover.containsMouse ? colors.blue : colors.text
|
||||
MouseArea {
|
||||
id: prevHover
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
onClicked: prevProc.running = true
|
||||
}
|
||||
}
|
||||
|
||||
Text {
|
||||
text: media.status === "Playing" ? "" : ""
|
||||
font.pixelSize: 28
|
||||
color: playHover.containsMouse ? colors.green : colors.text
|
||||
MouseArea {
|
||||
id: playHover
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
onClicked: playProc.running = true
|
||||
}
|
||||
}
|
||||
|
||||
Text {
|
||||
text: ""
|
||||
font.pixelSize: 22
|
||||
color: nextHover.containsMouse ? colors.blue : colors.text
|
||||
MouseArea {
|
||||
id: nextHover
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
onClicked: nextProc.running = true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user