66 lines
2.1 KiB
JavaScript
66 lines
2.1 KiB
JavaScript
const network = await Service.import("network");
|
|
|
|
const Ethernet = () => {
|
|
return Widget.Box({
|
|
class_name: "menu-section-container ethernet",
|
|
vertical: true,
|
|
children: [
|
|
Widget.Box({
|
|
class_name: "menu-label-container",
|
|
hpack: "fill",
|
|
child: Widget.Label({
|
|
class_name: "menu-label",
|
|
hexpand: true,
|
|
hpack: "start",
|
|
label: "Ethernet",
|
|
}),
|
|
}),
|
|
Widget.Box({
|
|
class_name: "menu-items-section",
|
|
vertical: true,
|
|
child: Widget.Box({
|
|
class_name: "menu-content",
|
|
vertical: true,
|
|
child: network.bind("wired").as((wired) => {
|
|
return Widget.Box({
|
|
class_name: "network-element-item",
|
|
child: Widget.Box({
|
|
hpack: "start",
|
|
children: [
|
|
Widget.Icon({
|
|
class_name: `network-icon ethernet ${network.wired.state === "activated" ? "active" : ""}`,
|
|
tooltip_text: wired.internet,
|
|
icon: `${wired["icon_name"]}`,
|
|
}),
|
|
Widget.Box({
|
|
class_name: "connection-container",
|
|
vertical: true,
|
|
children: [
|
|
Widget.Label({
|
|
class_name: "active-connection",
|
|
hpack: "start",
|
|
truncate: "end",
|
|
wrap: true,
|
|
label: `Ethernet Connection ${typeof wired.speed === "number" ? `(${wired.speed / 1000} Gbps)` : ""}`,
|
|
}),
|
|
Widget.Label({
|
|
hpack: "start",
|
|
class_name: "connection-status dim",
|
|
label:
|
|
wired.internet.charAt(0).toUpperCase() +
|
|
wired.internet.slice(1),
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
});
|
|
}),
|
|
}),
|
|
}),
|
|
],
|
|
});
|
|
};
|
|
|
|
export { Ethernet };
|