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

Add workspace app icon side-effects and add wiki link for settings. (#387)

Browse Source 
* Add side-effect for app icons for workspaces and udated mpris types.

* Add links to workspace icon toggles.

* Add subtitle
This commit is contained in:
Jas Singh
2024-10-28 00:03:28 -07:00
committed by GitHub
parent 4e2a774c7e
commit 5bc1c1e7d4
8 changed files with 90 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
modules/menus/media/components/controls/loop/index.ts
View File

@@ -1,7 +1,6 @@
import icons from 'lib/icons';
import { BoxWidget } from 'lib/types/widget';
import { getPlayerInfo } from '../../helpers';
import { MprisPlayer } from 'types/service/mpris';
import { isLoopActive, isValidLoopStatus } from './helpers';
const media = await Service.import('mpris');
@@ -36,7 +35,7 @@ export const loopControl = (): BoxWidget => {
child: Widget.Icon({
setup: (self) => {
self.hook(media, () => {
const foundPlayer: MprisPlayer = getPlayerInfo();
const foundPlayer = getPlayerInfo();
if (foundPlayer === undefined) {
self.icon = icons.mpris.loop['none'];

5
modules/menus/media/components/controls/playpause/index.ts
View File

@@ -1,6 +1,5 @@
const media = await Service.import('mpris');
import { getPlayerInfo } from '../../helpers';
import { MprisPlayer } from 'types/service/mpris';
import { isValidPlaybackStatus } from './helpers';
import Button from 'types/widgets/button';
import Icon from 'types/widgets/icon';
@@ -26,10 +25,12 @@ export const playPause = (): Button<Icon<Attribute>, Attribute> => {
},
child: Widget.Icon({
icon: Utils.watch(icons.mpris.paused, media, 'changed', () => {
const foundPlayer: MprisPlayer = getPlayerInfo();
const foundPlayer = getPlayerInfo();
if (foundPlayer === undefined) {
return icons.mpris['paused'];
}
const playbackStatus = foundPlayer.play_back_status?.toLowerCase();
if (playbackStatus && isValidPlaybackStatus(playbackStatus)) {

5
modules/menus/media/components/helpers.ts
View File

@@ -46,6 +46,9 @@ export const initializeActivePlayerHook = (): void => {
});
};
export const getPlayerInfo = (): MprisPlayer => {
export const getPlayerInfo = (): MprisPlayer | undefined => {
if (media.players.length === 0) {
return;
}
return media.players.find((p) => p.bus_name === curPlayer.value) || media.players[0];
};

16
modules/menus/media/components/timebar/helpers.ts
View File

@@ -2,7 +2,13 @@ import { Attribute } from 'lib/types/widget';
import { MprisPlayer } from 'types/service/mpris';
import Slider from 'types/widgets/slider';
export const updateTooltip = (self: Slider<Attribute>, foundPlayer: MprisPlayer): void => {
/**
* Updates the tooltip text of the slider based on the player's current position.
*
* @param self - The slider component to update.
* @param foundPlayer - The MPRIS player object, if available.
*/
export const updateTooltip = (self: Slider<Attribute>, foundPlayer?: MprisPlayer): void => {
if (foundPlayer === undefined) {
self.tooltip_text = '00:00';
return;
@@ -29,7 +35,13 @@ export const updateTooltip = (self: Slider<Attribute>, foundPlayer: MprisPlayer)
}
};
export const update = (self: Slider<Attribute>, foundPlayer: MprisPlayer): void => {
/**
* Updates the value of the slider based on the player's current position and length.
*
* @param self - The slider component to update.
* @param foundPlayer - The MPRIS player object, if available.
*/
export const update = (self: Slider<Attribute>, foundPlayer?: MprisPlayer): void => {
if (foundPlayer !== undefined) {
const value = foundPlayer.length ? foundPlayer.position / foundPlayer.length : 0;
self.value = value > 0 ? value : 0;