tux/tpanel
1
0
Fork 0
mirror of https://github.com/tuxdotrs/tpanel.git synced 2026-02-04 06:56:47 +05:30
Code Issues Packages Projects Releases Wiki Activity

feat: add multi-monitor support

Browse Source
This commit is contained in:
tux
2025-12-29 21:47:59 +05:30
parent f46e52d427
commit b41e5706e1
8 changed files with 44 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
widgets/bar/index.tsx
View File

@@ -8,10 +8,11 @@ import { Tray } from "./tray";
import { WorkspaceButton } from "./workspace";
import { Bluetooth } from "./bluetooth";
import { Cava } from "./cava";
import { onCleanup } from "gnim";
export const WINDOW_NAME = "bar";
export const Bar = (gdkmonitor: Gdk.Monitor) => {
export const Bar = ({ gdkmonitor }: { gdkmonitor: Gdk.Monitor }) => {
const { TOP } = Astal.WindowAnchor;
return (
@@ -24,6 +25,7 @@ export const Bar = (gdkmonitor: Gdk.Monitor) => {
anchor={TOP}
widthRequest={1200}
application={app}
$={(self) => onCleanup(() => self.destroy())}
>
<centerbox>
<box spacing={10} $type="start">

4
widgets/control-center/index.tsx
View File

@@ -5,10 +5,11 @@ import { Header } from "./header";
import { NotificationList } from "./notification-list";
import { SlidingControls } from "./sliding-controls";
import { SystemInfo } from "./system-info";
import { onCleanup } from "ags";
export const WINDOW_NAME = "control-center";
export const ControlCenter = (gdkmonitor: Gdk.Monitor) => {
export const ControlCenter = ({ gdkmonitor }: { gdkmonitor: Gdk.Monitor }) => {
const { TOP, BOTTOM, RIGHT } = Astal.WindowAnchor;
const { VERTICAL } = Gtk.Orientation;
@@ -20,6 +21,7 @@ export const ControlCenter = (gdkmonitor: Gdk.Monitor) => {
application={app}
keymode={Astal.Keymode.ON_DEMAND}
anchor={TOP | BOTTOM | RIGHT}
$={(self) => onCleanup(() => self.destroy())}
>
<Gtk.EventControllerKey onKeyPressed={onKey} />
<box vexpand orientation={VERTICAL} spacing={20}>

5
widgets/launcher/index.tsx
View File

@@ -1,4 +1,4 @@
import { createState, For } from "ags";
import { createState, For, onCleanup } from "ags";
import { Astal, Gdk, Gtk } from "ags/gtk4";
import app from "ags/gtk4/app";
import AstalApps from "gi://AstalApps";
@@ -59,7 +59,7 @@ const AppSearch = () => {
);
};
export const Launcher = (gdkmonitor: Gdk.Monitor) => {
export const Launcher = ({ gdkmonitor }: { gdkmonitor: Gdk.Monitor }) => {
return (
<window
name={WINDOW_NAME}
@@ -72,6 +72,7 @@ export const Launcher = (gdkmonitor: Gdk.Monitor) => {
if (visible) searchEntry.grab_focus();
else searchEntry.set_text("");
}}
$={(self) => onCleanup(() => self.destroy())}
>
<Gtk.EventControllerKey onKeyPressed={onKey} />

2
widgets/notifications/index.tsx
View File

@@ -11,7 +11,7 @@ import { Notification } from "./notification";
export const WINDOW_NAME = "notifications";
export const Notifications = (gdkmonitor: Gdk.Monitor) => {
export const Notifications = ({ gdkmonitor }: { gdkmonitor: Gdk.Monitor }) => {
const notifd = AstalNotifd.get_default();
const isDndMode = createBinding(notifd, "dont-disturb");

8
widgets/wallpaper-manager/index.tsx
View File

@@ -1,3 +1,4 @@
import { onCleanup } from "ags";
import { Astal, Gdk, Gtk } from "ags/gtk4";
import app from "ags/gtk4/app";
import { exec } from "ags/process";
@@ -10,7 +11,11 @@ export const WINDOW_NAME = "wallpaper-manager";
const wallpaperPath = `/home/tux/Wallpapers/new`;
const imageFormats = [".jpeg", ".jpg", ".webp", ".png"];
export const WallpaperManager = (gdkmonitor: Gdk.Monitor) => {
export const WallpaperManager = ({
gdkmonitor,
}: {
gdkmonitor: Gdk.Monitor;
}) => {
const { TOP, BOTTOM, LEFT } = Astal.WindowAnchor;
const { VERTICAL } = Gtk.Orientation;
const wallpaperList = getWallpaperList(wallpaperPath);
@@ -23,6 +28,7 @@ export const WallpaperManager = (gdkmonitor: Gdk.Monitor) => {
application={app}
keymode={Astal.Keymode.ON_DEMAND}
anchor={TOP | BOTTOM | LEFT}
$={(self) => onCleanup(() => self.destroy())}
>
<Gtk.EventControllerKey onKeyPressed={onKey} />
<scrolledwindow>