mirror of
https://github.com/tuxdotrs/tpanel.git
synced 2025-10-10 04:41:55 +05:30
Compare commits
2 Commits
410ee29aa1
...
416f2004af
Author | SHA1 | Date | |
---|---|---|---|
416f2004af
|
|||
d185a7e694
|
Binary file not shown.
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 1.9 MiB |
30
style/_wallpaper-manager.scss
Normal file
30
style/_wallpaper-manager.scss
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
@use "./_variable.scss" as *;
|
||||||
|
@use "sass:math";
|
||||||
|
@use "sass:list";
|
||||||
|
|
||||||
|
window.wallpaper-manager {
|
||||||
|
background: $bg-color;
|
||||||
|
color: $fg-color;
|
||||||
|
min-width: 400px;
|
||||||
|
margin: 10px;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: $rounded;
|
||||||
|
|
||||||
|
.button {
|
||||||
|
border-radius: $rounded;
|
||||||
|
opacity: 0.5;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
picture {
|
||||||
|
border-radius: $rounded;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: $inactive-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@@ -12,3 +12,6 @@
|
|||||||
|
|
||||||
// control center
|
// control center
|
||||||
@use "./_control-center.scss";
|
@use "./_control-center.scss";
|
||||||
|
|
||||||
|
// wallpaper manager
|
||||||
|
@use "./_wallpaper-manager.scss";
|
||||||
|
103
widgets/wallpaper-manager/index.tsx
Normal file
103
widgets/wallpaper-manager/index.tsx
Normal file
@@ -0,0 +1,103 @@
|
|||||||
|
import { Astal, Gdk, Gtk } from "ags/gtk4";
|
||||||
|
import app from "ags/gtk4/app";
|
||||||
|
import { exec } from "ags/process";
|
||||||
|
import Gio from "gi://Gio";
|
||||||
|
import GLib from "gi://GLib";
|
||||||
|
|
||||||
|
export const WINDOW_NAME = "wallpaper-manager";
|
||||||
|
|
||||||
|
// @TODO wallpaper cache
|
||||||
|
const wallpaperPath = `/home/tux/Wallpapers/new`;
|
||||||
|
const imageFormats = [".jpeg", ".jpg", ".webp", ".png"];
|
||||||
|
|
||||||
|
export const WallpaperManager = (gdkmonitor: Gdk.Monitor) => {
|
||||||
|
const { TOP, BOTTOM, LEFT } = Astal.WindowAnchor;
|
||||||
|
const { VERTICAL } = Gtk.Orientation;
|
||||||
|
const wallpaperList = getWallpaperList(wallpaperPath);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<window
|
||||||
|
name={WINDOW_NAME}
|
||||||
|
cssClasses={["wallpaper-manager"]}
|
||||||
|
gdkmonitor={gdkmonitor}
|
||||||
|
application={app}
|
||||||
|
keymode={Astal.Keymode.ON_DEMAND}
|
||||||
|
anchor={TOP | BOTTOM | LEFT}
|
||||||
|
>
|
||||||
|
<Gtk.EventControllerKey onKeyPressed={onKey} />
|
||||||
|
<scrolledwindow>
|
||||||
|
<box orientation={VERTICAL} spacing={20}>
|
||||||
|
{wallpaperList.map((wall) => (
|
||||||
|
<button
|
||||||
|
cssClasses={["button"]}
|
||||||
|
cursor={Gdk.Cursor.new_from_name("pointer", null)}
|
||||||
|
onClicked={() => setWallpaper(wall)}
|
||||||
|
>
|
||||||
|
<Gtk.Picture
|
||||||
|
file={Gio.file_new_for_path(`${wallpaperPath}/${wall}`)}
|
||||||
|
heightRequest={200}
|
||||||
|
widthRequest={200}
|
||||||
|
hexpand
|
||||||
|
vexpand
|
||||||
|
cssClasses={["wallpaper-picture"]}
|
||||||
|
contentFit={Gtk.ContentFit.COVER}
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
))}
|
||||||
|
</box>
|
||||||
|
</scrolledwindow>
|
||||||
|
</window>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const onKey = (
|
||||||
|
_e: Gtk.EventControllerKey,
|
||||||
|
keyval: number,
|
||||||
|
_: number,
|
||||||
|
mod: number,
|
||||||
|
) => {
|
||||||
|
if (keyval === Gdk.KEY_Escape) {
|
||||||
|
app.toggle_window(WINDOW_NAME);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function getWallpaperList(path: string) {
|
||||||
|
const dir = Gio.file_new_for_path(path);
|
||||||
|
const fileEnum = dir.enumerate_children(
|
||||||
|
"standard::name",
|
||||||
|
Gio.FileQueryInfoFlags.NONE,
|
||||||
|
null,
|
||||||
|
);
|
||||||
|
|
||||||
|
const files: string[] = [];
|
||||||
|
let i = fileEnum.next_file(null);
|
||||||
|
while (i) {
|
||||||
|
let fileName = i.get_name();
|
||||||
|
if (imageFormats.some((fmt) => fileName.endsWith(fmt))) {
|
||||||
|
files.push(fileName);
|
||||||
|
}
|
||||||
|
i = fileEnum.next_file(null);
|
||||||
|
}
|
||||||
|
return files;
|
||||||
|
}
|
||||||
|
|
||||||
|
const setWallpaper = (name: string) => {
|
||||||
|
const hyprctl = GLib.find_program_in_path("hyprctl");
|
||||||
|
const imagePath = `${wallpaperPath}/${name}`;
|
||||||
|
|
||||||
|
if (!hyprctl) return;
|
||||||
|
|
||||||
|
const preloadedWalls = exec([hyprctl, "hyprpaper", "listloaded"]);
|
||||||
|
const nWall = preloadedWalls.split("\n").length;
|
||||||
|
console.log(nWall);
|
||||||
|
|
||||||
|
if (nWall >= 5) {
|
||||||
|
exec([hyprctl, "hyprpaper", "unload", "all"]);
|
||||||
|
}
|
||||||
|
|
||||||
|
exec([hyprctl, "hyprpaper", "preload", imagePath]);
|
||||||
|
exec([hyprctl, "hyprpaper", "wallpaper", `,${imagePath}`]);
|
||||||
|
|
||||||
|
app.toggle_window(WINDOW_NAME);
|
||||||
|
};
|
@@ -2,5 +2,6 @@ import { Bar } from "./widgets/bar";
|
|||||||
import { Launcher } from "./widgets/launcher";
|
import { Launcher } from "./widgets/launcher";
|
||||||
import { Notifications } from "./widgets/notifications";
|
import { Notifications } from "./widgets/notifications";
|
||||||
import { ControlCenter } from "./widgets/control-center";
|
import { ControlCenter } from "./widgets/control-center";
|
||||||
|
import { WallpaperManager } from "./widgets/wallpaper-manager";
|
||||||
|
|
||||||
export default [Bar, Launcher, Notifications, ControlCenter];
|
export default [Bar, Launcher, Notifications, ControlCenter, WallpaperManager];
|
||||||
|
Reference in New Issue
Block a user