9ae59034fa
* fix: display media total length on bar * fix: add option to display custom nomedia text * feat: add dedicated label too * fix: media add more window names for playables * fix: add option to control display time * Consolidate code and make tooltip timestamp for media bar opt-in. --------- Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>
82 lines
2.6 KiB
TypeScript
82 lines
2.6 KiB
TypeScript
import { Attribute } from 'lib/types/widget';
|
|
import { MprisPlayer } from 'types/service/mpris';
|
|
import Label from 'types/widgets/label';
|
|
import Slider from 'types/widgets/slider';
|
|
|
|
/**
|
|
* 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;
|
|
}
|
|
|
|
const playerPosition = foundPlayer.position;
|
|
|
|
const mediaLength = foundPlayer.length;
|
|
|
|
if (typeof foundPlayer.position === 'number' && foundPlayer.position >= 0) {
|
|
self.tooltip_text = `${getFormattedTime(playerPosition)} / ${getFormattedTime(mediaLength)}`;
|
|
} else {
|
|
self.tooltip_text = `00:00`;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Updates the label text of the timestamp based on the player's current position.
|
|
*
|
|
* @param self - The label component to update.
|
|
* @param foundPlayer - The MPRIS player object, if available.
|
|
*/
|
|
export const updateTimestamp = (self: Label<Attribute>, foundPlayer?: MprisPlayer): void => {
|
|
if (foundPlayer === undefined) {
|
|
self.label = '00:00';
|
|
return;
|
|
}
|
|
|
|
const playerPosition = foundPlayer.position;
|
|
|
|
const mediaLength = foundPlayer.length;
|
|
|
|
if (typeof foundPlayer.position === 'number' && foundPlayer.position >= 0) {
|
|
self.label = `${getFormattedTime(playerPosition)} / ${getFormattedTime(mediaLength)}`;
|
|
} else {
|
|
self.label = `00:00`;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* 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;
|
|
} else {
|
|
self.value = 0;
|
|
}
|
|
};
|
|
|
|
export const getFormattedTime = (time: number): string => {
|
|
const curHour = Math.floor(time / 3600);
|
|
const curMin = Math.floor((time % 3600) / 60);
|
|
const curSec = Math.floor(time % 60);
|
|
|
|
const formatTime = (time: number): string => {
|
|
return time.toString().padStart(2, '0');
|
|
};
|
|
|
|
const formatHour = (hour: number): string => {
|
|
return hour > 0 ? formatTime(hour) + ':' : '';
|
|
};
|
|
|
|
return `${formatHour(curHour)}${formatTime(curMin)}:${formatTime(curSec)}`;
|
|
};
|