3dc5bbbe13
* Branch protection check. * Move button spacing config into the Configuration section instead of Theming. * Partially Resolves #26 - Added the ability to configure outer spacing on the bar. * Renamed all class names for buttons so they can be styled with margins. * Added configurable spacing to buttons. * Fixed styling for network module when using wifi. * Fixed ghost margins that occur when labels are disabled in the bar buttons. * Change the default page of the settings dialog to configuration.
92 lines
2.5 KiB
TypeScript
92 lines
2.5 KiB
TypeScript
import RegularWindow from "widget/RegularWindow"
|
|
import icons from "lib/icons"
|
|
import options from "options"
|
|
import { ThemesMenu } from "./pages/theme/index"
|
|
import { SettingsMenu } from "./pages/config/index"
|
|
|
|
type Page = "Configuration" | "Theming"
|
|
|
|
const CurrentPage = Variable<Page>("Configuration");
|
|
|
|
const pagerMap: Page[] = [
|
|
"Configuration",
|
|
"Theming",
|
|
]
|
|
|
|
const Header = () => Widget.CenterBox({
|
|
class_name: "header",
|
|
start_widget: Widget.Button({
|
|
class_name: "reset",
|
|
on_clicked: options.reset,
|
|
hpack: "start",
|
|
vpack: "start",
|
|
child: Widget.Icon(icons.ui.refresh),
|
|
tooltip_text: "Reset",
|
|
}),
|
|
center_widget: Widget.Box({
|
|
|
|
}),
|
|
end_widget: Widget.Button({
|
|
class_name: "close",
|
|
hpack: "end",
|
|
vpack: "start",
|
|
child: Widget.Icon(icons.ui.close),
|
|
on_clicked: () => App.closeWindow("settings-dialog"),
|
|
}),
|
|
})
|
|
|
|
const PageContainer = () => {
|
|
return Widget.Box({
|
|
hpack: "fill",
|
|
hexpand: true,
|
|
vertical: true,
|
|
children: CurrentPage.bind("value").as(v => {
|
|
return [
|
|
Widget.Box({
|
|
class_name: "option-pages-container",
|
|
hpack: "center",
|
|
hexpand: true,
|
|
children: pagerMap.map((page) => {
|
|
return Widget.Button({
|
|
xalign: 0,
|
|
hpack: "center",
|
|
class_name: `pager-button ${v === page ? 'active' : ''} category`,
|
|
label: page,
|
|
on_primary_click: () => CurrentPage.value = page
|
|
})
|
|
})
|
|
}),
|
|
Widget.Stack({
|
|
vexpand: false,
|
|
class_name: "themes-menu-stack",
|
|
children: {
|
|
"Configuration": SettingsMenu(),
|
|
"Theming": ThemesMenu(),
|
|
},
|
|
shown: CurrentPage.bind("value")
|
|
})
|
|
]
|
|
})
|
|
})
|
|
}
|
|
|
|
export default () => RegularWindow({
|
|
name: "settings-dialog",
|
|
class_name: "settings-dialog",
|
|
title: "Settings",
|
|
setup(win) {
|
|
win.on("delete-event", () => {
|
|
win.hide()
|
|
return true
|
|
})
|
|
win.set_default_size(200, 300)
|
|
},
|
|
child: Widget.Box({
|
|
vertical: true,
|
|
children: [
|
|
Header(),
|
|
PageContainer()
|
|
],
|
|
}),
|
|
})
|