Olivier/colorshell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🔧 chore(modules/backlight, modules/config): fix property name not found, add support for setting properties in config

Browse Source
This commit is contained in:
retrozinndev
2025-08-28 18:33:39 -03:00
parent 09568ac738
commit f213d994aa
4 changed files with 113 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/widget/control-center/pages/Backlight.tsx
+49 -17
View File
@@ -1,9 +1,10 @@
import { Astal, Gtk } from "ags/gtk4";
import { tr } from "../../../i18n/intl";
import { Backlights } from "../../../modules/backlight";
import { Page } from "./Page";
import { createBinding, With } from "ags";
import { Page, PageButton } from "./Page";
import { createBinding, For, With } from "ags";
import { addSliderMarksFromMinMax } from "../../../modules/utils";
import { userData } from "../../../app";
export const PageBacklight = new Page({
@@ -13,22 +14,53 @@ export const PageBacklight = new Page({
content: () => (
<With value={createBinding(Backlights.getDefault(), "backlights")}>
{(bklights: Array<Backlights.Backlight>) => bklights.length > 0 &&
<Gtk.Box orientation={Gtk.Orientation.VERTICAL} spacing={6}>
{bklights.map((bklight, i) =>
<Gtk.Box class={"bklight"} orientation={Gtk.Orientation.VERTICAL}
spacing={4}>
<Gtk.Box orientation={Gtk.Orientation.VERTICAL} spacing={4}>
<Gtk.Box class={"list"} visible={createBinding(Backlights.getDefault(), "backlights")
.as((bklights) => bklights.length > 1)}>
<Gtk.Label label={"Default"} />
<For each={createBinding(Backlights.getDefault(), "backlights")}>
{(bk: Backlights.Backlight) =>
<PageButton class={createBinding(bk, "isDefault").as(is => is ? "highlight" : "")}
title={bk.name}
icon={"video-display-symbolic"}
actionClicked={() => {
if(Backlights.getDefault().default?.path !== bk.path) {
Backlights.getDefault().setDefault(bk);
// save data
userData.setProperty(
"control_center.default_backlight",
bk.name,
true
);
}
}}
endWidget={
<Gtk.Image iconName={"object-select-symbolic"}
visible={createBinding(bk, "isDefault")}
/>
}
/>
}
</For>
</Gtk.Box>
<Gtk.Box class={"sliders"} orientation={Gtk.Orientation.VERTICAL} spacing={6}>
{bklights.map((bklight, i) =>
<Gtk.Box class={"bklight"} orientation={Gtk.Orientation.VERTICAL}
spacing={4}>
<Gtk.Label class={"subheader"} label={`Backlight ${i+1} (${bklight.name})`}
xalign={0} />
<Astal.Slider $={(self) => addSliderMarksFromMinMax(self)}
min={0} max={bklight.maxBrightness}
value={createBinding(bklight, "brightness")}
onChangeValue={(_, __, value) => {
bklight.brightness = value
}}
/>
</Gtk.Box>
)}
<Gtk.Label class={"subheader"} label={`Backlight ${i+1} (${bklight.name})`}
xalign={0} />
<Astal.Slider $={(self) => addSliderMarksFromMinMax(self)}
min={0} max={bklight.maxBrightness}
value={createBinding(bklight, "brightness")}
onChangeValue={(_, __, value) => {
bklight.brightness = value
}}
/>
</Gtk.Box>
)}
</Gtk.Box>
</Gtk.Box>
}
</With>