55 lines
1.6 KiB
JavaScript
55 lines
1.6 KiB
JavaScript
import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
|
|
|
|
import { Box } from 'resource:///com/github/Aylur/ags/widget.js';
|
|
import * as VARS from './variables.js';
|
|
|
|
const PADDING = 34;
|
|
const MARGIN = 9;
|
|
const DEFAULT_STYLE = `
|
|
min-width: ${VARS.SCREEN.X * VARS.SCALE}px;
|
|
min-height: ${(VARS.SCREEN.Y * VARS.SCALE) - (VARS.MARGIN / 2)}px;
|
|
border-radius: 10px;
|
|
`;
|
|
|
|
/**
|
|
* @typedef {import('types/widgets/box').default} Box
|
|
* @typedef {import('types/widgets/revealer').default} Revealer
|
|
*/
|
|
|
|
|
|
export const Highlighter = () => Box({
|
|
vpack: 'start',
|
|
hpack: 'start',
|
|
class_name: 'workspace active',
|
|
css: DEFAULT_STYLE,
|
|
});
|
|
|
|
/**
|
|
* @param {Box} main
|
|
* @param {Box} highlighter
|
|
*/
|
|
export const updateCurrentWorkspace = (main, highlighter) => {
|
|
const currentId = Hyprland.active.workspace.id;
|
|
const row = Math.floor((currentId - 1) / VARS.WORKSPACE_PER_ROW);
|
|
|
|
// @ts-expect-error
|
|
const rowObject = main.children[0].children[row];
|
|
const workspaces = rowObject.child.centerWidget.child
|
|
.get_children().filter(
|
|
/** @param {Revealer} w */
|
|
(w) => w.reveal_child,
|
|
);
|
|
|
|
const currentIndex = workspaces.findIndex(
|
|
/** @param {Revealer} w */
|
|
(w) => w.attribute.id === currentId,
|
|
);
|
|
const left = currentIndex * ((VARS.SCREEN.X * VARS.SCALE) + PADDING);
|
|
const height = row * ((VARS.SCREEN.Y * VARS.SCALE) + (PADDING / 2));
|
|
|
|
highlighter.setCss(`
|
|
${DEFAULT_STYLE}
|
|
margin-left: ${MARGIN + left}px;
|
|
margin-top: ${MARGIN + height}px;
|
|
`);
|
|
};
|