LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Orgnize audio module code

Browse Source
This commit is contained in:
Jas Singh
2024-06-29 20:05:47 -07:00
parent c2d60bcf94
commit de72c05088
7 changed files with 126 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
modules/menus/audio/SelectedInput.js → modules/menus/audio/active/SelectedInput.js
View File

@@ -1,5 +1,5 @@
const audio = await Service.import("audio"); const audio = await Service.import("audio");
import { getIcon } from './utils.js'; import { getIcon } from '../utils.js';
const renderActiveInput = () => { const renderActiveInput = () => {
return [ return [

2
modules/menus/audio/SelectedPlayback.js → modules/menus/audio/active/SelectedPlayback.js
View File

@@ -1,5 +1,5 @@
const audio = await Service.import("audio"); const audio = await Service.import("audio");
import { getIcon } from "./utils.js"; import { getIcon } from "../utils.js";
const renderActivePlayback = () => { const renderActivePlayback = () => {
return [ return [

39
modules/menus/audio/active/index.js Normal file
View File

@@ -0,0 +1,39 @@
import { renderActiveInput } from "./SelectedInput.js";
import { renderActivePlayback } from "./SelectedPlayback.js";
const activeDevices = () => {
return Widget.Box({
class_name: "menu-section-container volume",
vertical: true,
children: [
Widget.Box({
class_name: "menu-label-container volume",
hpack: "fill",
child: Widget.Label({
class_name: "menu-label audio volume",
hexpand: true,
hpack: "center",
label: "Volume",
}),
}),
Widget.Box({
class_name: "menu-items-section selected",
vertical: true,
children: [
Widget.Box({
class_name: "menu-active-container playback",
vertical: true,
children: renderActivePlayback(),
}),
Widget.Box({
class_name: "menu-active-container input",
vertical: true,
children: renderActiveInput(),
}),
],
}),
],
});
};
export { activeDevices };

0
modules/menus/audio/InputDevices.js → modules/menus/audio/available/InputDevices.js
View File

0
modules/menus/audio/PlaybackDevices.js → modules/menus/audio/available/PlaybackDevices.js
View File

81
modules/menus/audio/available/index.js Normal file
View File

@@ -0,0 +1,81 @@
const audio = await Service.import("audio");
import { renderInputDevices } from "./InputDevices.js";
import { renderPlaybacks } from "./PlaybackDevices.js";
const availableDevices = () => {
return Widget.Box({
vertical: true,
children: [
Widget.Box({
class_name: "menu-section-container playback",
vertical: true,
children: [
Widget.Box({
class_name: "menu-label-container playback",
hpack: "fill",
child: Widget.Label({
class_name: "menu-label audio playback",
hexpand: true,
hpack: "center",
label: "Playback Devices",
}),
}),
Widget.Box({
class_name: "menu-items-section playback",
vertical: true,
children: [
Widget.Box({
class_name: "menu-container playback",
vertical: true,
children: [
Widget.Box({
vertical: true,
children: audio
.bind("speakers")
.as((v) => renderPlaybacks(v)),
}),
],
}),
],
}),
],
}),
Widget.Box({
class_name: "menu-section-container input",
vertical: true,
children: [
Widget.Box({
class_name: "menu-label-container playback",
hpack: "fill",
child: Widget.Label({
class_name: "menu-label audio playback",
hexpand: true,
hpack: "center",
label: "Input Devices",
}),
}),
Widget.Box({
class_name: "menu-items-section input",
vertical: true,
children: [
Widget.Box({
class_name: "menu-container input",
vertical: true,
children: [
Widget.Box({
vertical: true,
children: audio
.bind("microphones")
.as((v) => renderInputDevices(v)),
}),
],
}),
],
}),
],
}),
],
});
};
export { availableDevices };

109
modules/menus/audio/index.js
View File

@@ -1,9 +1,6 @@
const audio = await Service.import("audio");
import DropdownMenu from "../DropdownMenu.js"; import DropdownMenu from "../DropdownMenu.js";
import { renderInputDevices } from "./InputDevices.js"; import { activeDevices } from "./active/index.js";
import { renderPlaybacks } from "./PlaybackDevices.js"; import { availableDevices } from "./available/index.js";
import { renderActiveInput } from "./SelectedInput.js";
import { renderActivePlayback } from "./SelectedPlayback.js";
export default () => { export default () => {
return DropdownMenu({ return DropdownMenu({
@@ -19,106 +16,8 @@ export default () => {
hexpand: true, hexpand: true,
class_name: "menu-items-container", class_name: "menu-items-container",
children: [ children: [
Widget.Box({ activeDevices(),
class_name: "menu-section-container volume", availableDevices(),
vertical: true,
children: [
Widget.Box({
class_name: "menu-label-container volume",
hpack: "fill",
child: Widget.Label({
class_name: "menu-label audio volume",
hexpand: true,
hpack: "center",
label: "Volume",
}),
}),
Widget.Box({
class_name: "menu-items-section selected",
vertical: true,
children: [
Widget.Box({
class_name: "menu-active-container playback",
vertical: true,
children: renderActivePlayback(),
}),
Widget.Box({
class_name: "menu-active-container input",
vertical: true,
children: renderActiveInput(),
}),
],
}),
],
}),
Widget.Box({
class_name: "menu-section-container playback",
vertical: true,
children: [
Widget.Box({
class_name: "menu-label-container playback",
hpack: "fill",
child: Widget.Label({
class_name: "menu-label audio playback",
hexpand: true,
hpack: "center",
label: "Playback Devices",
}),
}),
Widget.Box({
class_name: "menu-items-section playback",
vertical: true,
children: [
Widget.Box({
class_name: "menu-container playback",
vertical: true,
children: [
Widget.Box({
vertical: true,
children: audio
.bind("speakers")
.as((v) => renderPlaybacks(v)),
}),
],
}),
],
}),
],
}),
Widget.Box({
class_name: "menu-section-container input",
vertical: true,
children: [
Widget.Box({
class_name: "menu-label-container playback",
hpack: "fill",
child: Widget.Label({
class_name: "menu-label audio playback",
hexpand: true,
hpack: "center",
label: "Input Devices",
}),
}),
Widget.Box({
class_name: "menu-items-section input",
vertical: true,
children: [
Widget.Box({
class_name: "menu-container input",
vertical: true,
children: [
Widget.Box({
vertical: true,
children: audio
.bind("microphones")
.as((v) => renderInputDevices(v)),
}),
],
}),
],
}),
],
}),
], ],
}), }),
}), }),