67 lines
1.6 KiB
JavaScript
67 lines
1.6 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 = () => {
|
|
return Widget.Box({
|
|
class_name: "box-left",
|
|
hpack: "start",
|
|
spacing: 5,
|
|
children: [Menu(), BarItemBox(Workspaces()), 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 Bar = (monitor = 0) => {
|
|
return Widget.Window({
|
|
name: `bar-${monitor}`,
|
|
class_name: "bar",
|
|
monitor,
|
|
anchor: ["top", "left", "right"],
|
|
exclusivity: "exclusive",
|
|
child: Widget.CenterBox({
|
|
start_widget: Left(),
|
|
center_widget: Center(),
|
|
end_widget: Right(),
|
|
}),
|
|
});
|
|
};
|
|
|
|
export { Bar };
|