@skysoftware-co/bayan-core-widgets-ui 0.0.4 → 0.0.8

package/projects/bayan-core-ui/src/lib/top-menu-widget/top-menu-widget.component.ts

@@ -0,0 +1,164 @@
+import { BayanCoreTopMenuService } from '../shared/menu.service';
+import { TopMenuShortcut, PropertyOption, SystemModule, EmployeeNamesModeOption } from '../shared/menu.dtos';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output, inject, signal } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { faQuestionCircle } from '@fortawesome/pro-solid-svg-icons';
+import { Router } from '@angular/router';
+import { DxToolbarModule } from 'devextreme-angular';
+import { TranslatePipe } from '@skysoftware-co/sky-components-ui';
+import { isExternalNavigation, resolveUrl } from '../shared/common-methods/navigation.utils';
+import {
+  TopMenuWidgetAboutDialogConfig,
+  TopMenuWidgetChangePasswordDialogConfig,
+  TopMenuWidgetChangePasswordPayload
+} from './top-menu-widget.models';
+import { BayanCoreAboutDialogWidgetComponent } from './components/about-dialog-widget/about-dialog-widget.component';
+import { BayanCoreChangePasswordWidgetComponent } from './components/change-password-widget/change-password-widget.component';
+import { BayanCoreGlobalSearchWidgetComponent } from './components/global-search-widget/global-search-widget.component';
+import { BayanCoreItemWidgetComponent } from './components/item-widget/item-widget.component';
+import { BayanCoreNotificationsWidgetComponent } from './components/notifications-widget/notifications-widget.component';
+import { BayanCoreSettingsWidgetComponent } from './components/settings-widget/settings-widget.component';
+import { BayanCoreUserPanelWidgetComponent } from './components/user-panel-widget/user-panel-widget.component';
+
+@Component({
+  selector: 'bayan-core-top-menu-widget',
+  standalone: true,
+  imports: [
+    CommonModule,
+    DxToolbarModule,
+    FontAwesomeModule,
+    TranslatePipe,
+    BayanCoreItemWidgetComponent,
+    BayanCoreGlobalSearchWidgetComponent,
+    BayanCoreUserPanelWidgetComponent,
+    BayanCoreSettingsWidgetComponent,
+    BayanCoreNotificationsWidgetComponent,
+  ],
+  templateUrl: './top-menu-widget.component.html',
+  styleUrls: ['./top-menu-widget.styles.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class BayanCoreTopMenuWidgetComponent implements OnInit {
+  globalSearchWidget?: BayanCoreGlobalSearchWidgetComponent;
+  private readonly document = inject(DOCUMENT);
+  private readonly router = inject(Router);
+  private readonly menuService = inject(BayanCoreTopMenuService);
+
+  openDropdownIndex: number|null = null;
+
+  @Input() baseUrl = '';
+  @Input() systemModule : SystemModule | null =null;
+  menuItems: TopMenuShortcut[] = [];
+
+  @Input() sidebarCollapsed = false;
+  @Input() homeUrl: string | null = null;
+  @Input() logoUrl = 'https://cdn-dev.skysoftware.cloud/bayan/images/logo-enterprise-dark.png';
+  @Input() collapsedLogoUrl = 'https://cdn-dev.skysoftware.cloud/bayan/images/logo-collapsed.png';
+  @Output() logoClick = new EventEmitter<void>();
+
+  @Input() isSsoLogin = false;
+
+  // Removed useInternalDialogs and all related logic
+
+  @Input() showGlobalSearch = true;
+  @Input() showUserPanel = true;
+  @Input() showSettings = true;
+  @Input() showShortcutMenus = true;
+  @Input() showNotifications = true;
+  @Input() notificationsTitle = 'Notifications';
+
+  @Input() showHelp = true;
+  @Input() helpTitle = 'Help';
+  @Input() helpUrl: string | null = 'https://docs.bayan.solutions/Bayan/index.html';
+  @Input() helpIcon: IconDefinition = faQuestionCircle;
+  @Input() helpAnchorClass = 'menu-icon-btn';
+  @Input() helpUrlTarget: '_self' | '_blank' | string = '_blank';
+  @Input() licenseUrl = '';
+  @Input() releaseNotesUrl = '';
+  @Input() supportUrl = 'https://skyits.com/contact';
+
+  @Output() helpClick = new EventEmitter<void>();
+  @Output() menuItemClick = new EventEmitter<TopMenuShortcut>();
+  @Output() searchSubmit = new EventEmitter<string>();
+  @Output() propertyChanged = new EventEmitter<PropertyOption>();
+  @Output() signOutClick = new EventEmitter<void>();
+  @Output() alternateNamesChange = new EventEmitter<boolean>();
+  @Output() employeeNameModeChange = new EventEmitter<EmployeeNamesModeOption>();
+
+  readonly aboutVisible = signal(false);
+  readonly changePasswordVisible = signal(false);
+
+  ActivePropertyChanged = false;
+  ActivePropertyId: number = 0;
+
+  ngOnInit(): void {
+    this.loadShortcutMenus();
+  }
+
+  ngOnChanges(changes: any): void {
+    if (
+      (changes['baseUrl'] && !changes['baseUrl'].firstChange && changes['baseUrl'].previousValue !== changes['baseUrl'].currentValue) ||
+      (changes['ActivePropertyId'] && !changes['ActivePropertyId'].firstChange && changes['ActivePropertyId'].previousValue !== changes['ActivePropertyId'].currentValue) ||
+      (changes['systemModule'] && !changes['systemModule'].firstChange && changes['systemModule'].previousValue !== changes['systemModule'].currentValue)
+    ) {
+      this.globalSearchWidget?.reset();
+    }
+  }
+
+  onEmployeeNameModeChange(event: any): void {
+     this.employeeNameModeChange.emit(event);
+  }
+
+  getLogoSrc(): string | null {
+    if (this.sidebarCollapsed) {
+      return this.collapsedLogoUrl || null;
+    }
+
+    return this.logoUrl || null;
+  }
+
+  onLogoClicked(event?: Event): void {
+    event?.preventDefault();
+    if(this.homeUrl){
+      window.location.href = this.homeUrl;
+      return;
+    }
+
+    this.logoClick.emit();
+  }
+
+  onHelpClicked(event?: Event): void {
+    event?.preventDefault();
+    if(this.helpUrl){
+      window.open(this.helpUrl, this.helpUrlTarget);
+      return;
+    }
+    this.helpClick.emit();
+  }
+
+  onPropertyChanged(property: PropertyOption): void {
+    this.ActivePropertyChanged = !this.ActivePropertyChanged;
+    this.ActivePropertyId = property.PropertyId;
+    this.loadShortcutMenus();
+    this.propertyChanged.emit(property);
+  }
+
+  private loadShortcutMenus(): void {
+    this.menuItems=[];
+    if(!this.showShortcutMenus) return;
+    if(!this.baseUrl) return;
+    if(!this.systemModule) return;
+
+    if (this.ActivePropertyId > 0) {
+      this.menuService.getMicroserviceTopMenusShortcut(this.baseUrl, this.ActivePropertyId, this.systemModule)
+        .subscribe({
+          next: (menus: any) => this.menuItems = menus ?? [],
+          error: () => this.menuItems = []
+        });
+    } else {
+      this.menuItems = [];
+    }
+  }
+}

package/projects/bayan-core-ui/src/lib/top-menu-widget/top-menu-widget.models.ts

@@ -0,0 +1,29 @@
+import { SystemModule } from '../shared/menu.dtos';
+
+export interface TopMenuWidgetAboutDialogConfig {
+  title?: string;
+  logoUrl?: string;
+  version?: string;
+  versionLabel?: string;
+  copyright?: string;
+  statusLabel?: string;
+  licenseButtonLabel?: string;
+  releaseNotesButtonLabel?: string;
+  supportButtonLabel?: string;
+  closeButtonLabel?: string;
+}
+
+export interface TopMenuWidgetChangePasswordPayload {
+  currentPassword: string;
+  newPassword: string;
+  confirmNewPassword: string;
+}
+
+export interface TopMenuWidgetChangePasswordDialogConfig {
+  title: string;
+  currentPasswordLabel: string;
+  newPasswordLabel: string;
+  confirmNewPasswordLabel: string;
+  primaryButtonText: string;
+}
+