SemianiakaVY/elsa-core
1
0
Fork 0
Code Issues Pull requests Actions 1 Packages Projects Releases Wiki Activity

Hide notifications when clicking dropdown button

Browse source
This commit is contained in:
Sipke Schoorstra 2023-05-01 15:51:17 +02:00
parent a8387cb964
commit f345910116
3 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/designer/designer_packages/elsa-workflows-designer/src/components.d.ts vendored
View file

@ -1061,6 +1061,7 @@ declare namespace LocalJSX {
"icon"?: any;
"items"?: Array<DropdownButtonItem>;
"onItemSelected"?: (event: ElsaDropdownButtonCustomEvent<DropdownButtonItem>) => void;
"onMenuOpened"?: (event: ElsaDropdownButtonCustomEvent<void>) => void;
"origin"?: DropdownButtonOrigin;
"text"?: string;
"theme"?: ('Primary' | 'Secondary');

5
src/designer/designer_packages/elsa-workflows-designer/src/components/shared/dropdown-button/dropdown-button.tsx
View file

@ -15,6 +15,7 @@ export class DropdownButton {
@Prop() public items: Array<DropdownButtonItem> = [];
@Prop() public theme: ('Primary' | 'Secondary') = 'Primary';
@Event() public itemSelected: EventEmitter<DropdownButtonItem>
@Event() public menuOpened: EventEmitter<void>
private contextMenu: HTMLElement;
private element: HTMLElement;
@ -102,8 +103,10 @@ export class DropdownButton {
}
private toggleMenu() {
if (!!this.contextMenu)
if (!!this.contextMenu) {
toggle(this.contextMenu);
this.menuOpened.emit();
}
}
private getOriginClass(): string {

3
src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-definitions/components/publish-button.tsx
View file

@ -1,5 +1,6 @@
import {Component, Event, EventEmitter, h, Prop} from '@stencil/core';
import {DropdownButtonItem} from "../../../components/shared/dropdown-button/models";
import NotificationService from "../../notifications/notification-service";
export interface PublishClickedArgs {
begin: () => void;
@ -73,6 +74,6 @@ export class PublishButton {
handler: publishing ? () => {} : () => this.onPublishClick()
}
return <elsa-dropdown-button text={mainItem.text} handler={mainItem.handler} items={items} icon={this.publishingIcon()} />
return <elsa-dropdown-button text={mainItem.text} handler={mainItem.handler} items={items} icon={this.publishingIcon()} onMenuOpened={() => NotificationService.hideAllNotifications()} />
}
}