mirror of
https://github.com/tuxdotrs/tpanel.git
synced 2025-10-09 20:31:54 +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
|
||||
@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 { Notifications } from "./widgets/notifications";
|
||||
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