117 lines
2.7 KiB
JavaScript
117 lines
2.7 KiB
JavaScript
import { Menu } from "./menu/index.js";
|
|
import { Workspaces } from "./workspaces/index.js";
|
|
import { ClientTitle } from "./window_title/index.js";
|
|
import { Media } from "./media/index.js";
|
|
import { Notification } from "./notification/index.js";
|
|
import { Volume } from "./volume/index.js";
|
|
import { Network } from "./network/index.js";
|
|
import { Bluetooth } from "./bluetooth/index.js";
|
|
import { BatteryLabel } from "./battery/index.js";
|
|
import { Clock } from "./clock/index.js"; import { SysTray } from "./systray/index.js";
|
|
import { Power } from "./power/index.js";
|
|
|
|
import { BarItemBox } from "../shared/barItemBox.js";
|
|
|
|
// layout of the bar
|
|
const Left = (monitor, wsMap) => {
|
|
return Widget.Box({
|
|
class_name: "box-left",
|
|
hpack: "start",
|
|
spacing: 5,
|
|
children: [Menu(), BarItemBox(Workspaces(monitor, wsMap, 10)), BarItemBox(ClientTitle())],
|
|
});
|
|
};
|
|
|
|
const Center = () => {
|
|
return Widget.Box({
|
|
class_name: "box-center",
|
|
spacing: 5,
|
|
children: [
|
|
BarItemBox(Media()),
|
|
// BarItemBox(Notification())
|
|
],
|
|
});
|
|
};
|
|
|
|
const Right = () => {
|
|
return Widget.Box({
|
|
class_name: "box-right",
|
|
hpack: "end",
|
|
spacing: 5,
|
|
children: [
|
|
BarItemBox(Volume()),
|
|
BarItemBox(Network()),
|
|
BarItemBox(Bluetooth()),
|
|
BarItemBox(BatteryLabel()),
|
|
BarItemBox(SysTray()),
|
|
BarItemBox(Clock()),
|
|
BarItemBox(Power()),
|
|
],
|
|
});
|
|
};
|
|
|
|
const LeftAlt = (monitor, wsMap) => {
|
|
return Widget.Box({
|
|
class_name: "box-left",
|
|
hpack: "start",
|
|
spacing: 5,
|
|
children: [Menu(), BarItemBox(Workspaces(monitor, wsMap)), BarItemBox(ClientTitle())],
|
|
});
|
|
};
|
|
|
|
const CenterAlt = () => {
|
|
return Widget.Box({
|
|
class_name: "box-center",
|
|
spacing: 5,
|
|
children: [
|
|
BarItemBox(Media()),
|
|
// BarItemBox(Notification())
|
|
],
|
|
});
|
|
};
|
|
|
|
const RightAlt = () => {
|
|
return Widget.Box({
|
|
class_name: "box-right",
|
|
hpack: "end",
|
|
spacing: 5,
|
|
children: [
|
|
BarItemBox(Volume()),
|
|
BarItemBox(Clock()),
|
|
BarItemBox(Power()),
|
|
],
|
|
});
|
|
};
|
|
|
|
const Bar = (monitor = 0, wsMap) => {
|
|
return Widget.Window({
|
|
name: `bar-${monitor}`,
|
|
class_name: "bar",
|
|
monitor,
|
|
anchor: ["top", "left", "right"],
|
|
exclusivity: "exclusive",
|
|
child: Widget.CenterBox({
|
|
start_widget: Left(monitor, wsMap),
|
|
center_widget: Center(),
|
|
end_widget: Right(),
|
|
}),
|
|
});
|
|
};
|
|
|
|
const BarAlt = (monitor = 0, wsMap) => {
|
|
return Widget.Window({
|
|
name: `bar-${monitor}`,
|
|
class_name: "bar",
|
|
monitor,
|
|
anchor: ["top", "left", "right"],
|
|
exclusivity: "exclusive",
|
|
child: Widget.CenterBox({
|
|
start_widget: LeftAlt(monitor, wsMap),
|
|
center_widget: CenterAlt(),
|
|
end_widget: RightAlt(),
|
|
}),
|
|
});
|
|
};
|
|
|
|
export { Bar, BarAlt };
|