Upgrade to Agsv2 + Astal (#533)
* migrate to astal * Reorganize project structure. * progress * Migrate Dashboard and Window Title modules. * Migrate clock and notification bar modules. * Remove unused code * Media menu * Rework network and volume modules * Finish custom modules. * Migrate battery bar module. * Update battery module and organize helpers. * Migrate workspace module. * Wrap up bar modules. * Checkpoint before I inevitbly blow something up. * Updates * Fix event propagation logic. * Type fixes * More type fixes * Fix padding for event boxes. * Migrate volume menu and refactor scroll event handlers. * network module WIP * Migrate network service. * Migrate bluetooth menu * Updates * Migrate notifications * Update scrolling behavior for custom modules. * Improve popup notifications and add timer functionality. * Migration notifications menu header/controls. * Migrate notifications menu and consolidate notifications menu code. * Migrate power menu. * Dashboard progress * Migrate dashboard * Migrate media menu. * Reduce media menu nesting. * Finish updating media menu bindings to navigate active player. * Migrate battery menu * Consolidate code * Migrate calendar menu * Fix workspace logic to update on client add/change/remove and consolidate code. * Migrate osd * Consolidate hyprland service connections. * Implement startup dropdown menu position allocation. * Migrate settings menu (WIP) * Settings dialo menu fixes * Finish Dashboard menu * Type updates * update submoldule for types * update github ci * ci * Submodule update * Ci updates * Remove type checking for now. * ci fix * Fix a bunch of stuff, losing track... need rest. Brb coffee * Validate dropdown menu before render. * Consolidate code and add auto-hide functionality. * Improve auto-hide behavior. * Consolidate audio menu code * Organize bluetooth code * Improve active player logic * Properly dismiss a notification on action button resolution. * Implement CLI command engine and migrate CLI commands. * Handle variable disposal * Bar component fixes and add hyprland startup rules. * Handle potentially null bindings network and bluetooth bindings. * Handle potentially null wired adapter. * Fix GPU stats * Handle poller for GPU * Fix gpu bar logic. * Clean up logic for stat bars. * Handle wifi and wired bar icon bindings. * Fix battery percentages * Fix switch behavior * Wifi staging fixes * Reduce redundant hyprland service calls. * Code cleanup * Document the option code and reduce redundant calls to optimize performance. * Remove outdated comment. * Add JSDocs * Add meson to build hyprpanel * Consistency updates * Organize commands * Fix images not showing up on notifications. * Remove todo * Move hyprpanel configuration to the ~/.config/hyprpanel directory and add utility commands. * Handle SRC directory for the bundled/built hyprpanel. * Add namespaces to all windows * Migrate systray * systray updates * Update meson to include ts, tsx and scss files. * Remove log from meson * Fix file choose path and make it float. * Added a command to check the dependency status * Update dep names. * Get scale directly from env * Add todo
This commit is contained in:
Jas Singh
GitHub
113
src/components/menus/shared/dropdown/index.tsx
Normal file
113
src/components/menus/shared/dropdown/index.tsx
Normal file
@@ -0,0 +1,113 @@
|
||||
import options from 'src/options';
|
||||
import { DropdownMenuProps } from 'src/lib/types/dropdownmenu';
|
||||
import { BarEventMargins } from './eventBoxes/index';
|
||||
import { globalEventBoxes } from 'src/globals/dropdown';
|
||||
import { bind } from 'astal';
|
||||
import { App, Astal, Gdk } from 'astal/gtk3';
|
||||
import { Revealer } from 'astal/gtk3/widget';
|
||||
import { locationMap } from 'src/lib/types/defaults/bar';
|
||||
|
||||
const { location } = options.theme.bar;
|
||||
|
||||
export default ({
|
||||
name,
|
||||
child,
|
||||
transition,
|
||||
exclusivity = Astal.Exclusivity.IGNORE,
|
||||
...props
|
||||
}: DropdownMenuProps): JSX.Element => {
|
||||
return (
|
||||
<window
|
||||
name={name}
|
||||
namespace={name}
|
||||
className={`${name} dropdown-menu`}
|
||||
onKeyPressEvent={(_, event) => {
|
||||
const key = event.get_keyval()[1];
|
||||
|
||||
if (key === Gdk.KEY_Escape) {
|
||||
App.get_window(name)?.set_visible(false);
|
||||
}
|
||||
}}
|
||||
visible={false}
|
||||
application={App}
|
||||
keymode={Astal.Keymode.ON_DEMAND}
|
||||
exclusivity={exclusivity}
|
||||
layer={Astal.Layer.TOP}
|
||||
anchor={bind(location).as((ln) => {
|
||||
if (locationMap[ln] === Astal.WindowAnchor.TOP) {
|
||||
return Astal.WindowAnchor.TOP | Astal.WindowAnchor.LEFT;
|
||||
}
|
||||
|
||||
if (locationMap[ln] === Astal.WindowAnchor.BOTTOM) {
|
||||
return Astal.WindowAnchor.BOTTOM | Astal.WindowAnchor.LEFT;
|
||||
}
|
||||
})}
|
||||
{...props}
|
||||
>
|
||||
<eventbox
|
||||
className="parent-event"
|
||||
onButtonPressEvent={(_, event) => {
|
||||
const buttonClicked = event.get_button()[1];
|
||||
|
||||
if (buttonClicked === Gdk.BUTTON_PRIMARY || buttonClicked === Gdk.BUTTON_SECONDARY) {
|
||||
App.get_window(name)?.set_visible(false);
|
||||
}
|
||||
}}
|
||||
>
|
||||
<box className="top-eb" vertical>
|
||||
{bind(location).as((lcn) => {
|
||||
if (locationMap[lcn] === Astal.WindowAnchor.TOP) {
|
||||
return <BarEventMargins windowName={name} />;
|
||||
}
|
||||
return <box />;
|
||||
})}
|
||||
<eventbox
|
||||
className="in-eb menu-event-box"
|
||||
onButtonPressEvent={(_, event) => {
|
||||
const buttonClicked = event.get_button()[1];
|
||||
|
||||
if (buttonClicked === Gdk.BUTTON_PRIMARY || buttonClicked === Gdk.BUTTON_SECONDARY) {
|
||||
return true;
|
||||
}
|
||||
}}
|
||||
setup={(self) => {
|
||||
globalEventBoxes.set({
|
||||
...globalEventBoxes.get(),
|
||||
[name]: self,
|
||||
});
|
||||
}}
|
||||
>
|
||||
<box className="dropdown-menu-container" css="padding: 1px; margin: -1px;">
|
||||
<revealer
|
||||
revealChild={false}
|
||||
setup={(self: Revealer) => {
|
||||
App.connect('window-toggled', (app) => {
|
||||
const targetWindow = app.get_window(name);
|
||||
|
||||
const visibility = targetWindow?.get_visible();
|
||||
|
||||
if (targetWindow?.name === name) {
|
||||
self.set_reveal_child(visibility ?? false);
|
||||
}
|
||||
});
|
||||
}}
|
||||
transitionType={transition}
|
||||
transitionDuration={bind(options.menus.transitionTime)}
|
||||
>
|
||||
<box className="dropdown-menu-container" canFocus>
|
||||
{child}
|
||||
</box>
|
||||
</revealer>
|
||||
</box>
|
||||
</eventbox>
|
||||
{bind(location).as((lcn) => {
|
||||
if (locationMap[lcn] === Astal.WindowAnchor.BOTTOM) {
|
||||
return <BarEventMargins windowName={name} />;
|
||||
}
|
||||
return <box />;
|
||||
})}
|
||||
</box>
|
||||
</eventbox>
|
||||
</window>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user