LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update media panel styling

Browse Source
This commit is contained in:
Jas Singh
2024-07-10 02:13:27 -07:00
parent e711d639b7
commit a4580d85c4
5 changed files with 29 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
modules/menus/media/components/bar.js
View File

@@ -14,6 +14,9 @@ const Bar = (getPlayerInfo) => {
draw_value: false,
on_change: ({ value }) => {
const foundPlayer = getPlayerInfo(media);
if (foundPlayer === undefined) {
return;
}
return (foundPlayer.position = value * foundPlayer.length);
},
setup: (self) => {
@@ -32,7 +35,7 @@ const Bar = (getPlayerInfo) => {
function updateTooltip() {
const foundPlayer = getPlayerInfo(media);
if (foundPlayer === undefined) {
return self.tooltip_text = '0:0'
return self.tooltip_text = '00:00'
}
const curHour = Math.floor(foundPlayer.position / 3600);
const curMin = Math.floor((foundPlayer.position % 3600) / 60);

23
modules/menus/media/components/mediainfo.js
View File

@@ -19,7 +19,10 @@ const MediaInfo = (getPlayerInfo) => {
setup: (self) => {
self.hook(media, () => {
const curPlayer = getPlayerInfo();
return (self.label = curPlayer !== undefined ? curPlayer["track-title"] : "No media currently playing");
return (self.label =
curPlayer !== undefined && curPlayer["track-title"].length
? curPlayer["track-title"]
: "No Media Currently Playing");
});
},
}),
@@ -37,7 +40,18 @@ const MediaInfo = (getPlayerInfo) => {
setup: (self) => {
self.hook(media, () => {
const curPlayer = getPlayerInfo();
return (self.label = curPlayer !== undefined ? curPlayer["track-artists"].join(', ') : "-----");
const makeArtistList = (trackArtists) => {
if (trackArtists.length === 1 && !trackArtists[0].length) {
return "-----";
}
return trackArtists.join(", ");
};
return (self.label =
curPlayer !== undefined && curPlayer["track-artists"].length
? makeArtistList(curPlayer["track-artists"])
: "-----");
});
},
}),
@@ -55,7 +69,10 @@ const MediaInfo = (getPlayerInfo) => {
setup: (self) => {
self.hook(media, () => {
const curPlayer = getPlayerInfo();
return (self.label = curPlayer !== undefined ? curPlayer["track-album"] : "---");
return (self.label =
curPlayer !== undefined && curPlayer["track-album"].length
? curPlayer["track-album"]
: "---");
});
},
}),