From 4975b1da95456aa9967d7dbcb726fc7fe44f0b3c Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Mon, 16 Sep 2024 15:56:48 +0200
Subject: [PATCH] OZG-6376 OZG-6695 Add mat menu trigger to button element

---
 .../icon-button-with-spinner.component.html                 | 1 +
 .../icon-button-with-spinner.component.ts                   | 3 ++-
 .../user-settings-menu-button.component.html                | 1 +
 .../user-settings-menu-button.component.ts                  | 6 ++++--
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.html b/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.html
index d07cea9330..ec5c2b1f2a 100644
--- a/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.html
+++ b/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.html
@@ -31,6 +31,7 @@
   "
   [disabled]="isDisabled"
   [matTooltip]="toolTip"
+  [matMenuTriggerFor]="matMenuTriggerFor"
   (click)="clickEmitter.emit($event)"
   type="button"
 >
diff --git a/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.ts b/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.ts
index aac12cd1ba..aac1f896a2 100644
--- a/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.ts
+++ b/alfa-client/libs/ui/src/lib/ui/icon-button-with-spinner/icon-button-with-spinner.component.ts
@@ -21,8 +21,8 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
+import { StateResource, createEmptyStateResource } from '@alfa-client/tech-shared';
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { createEmptyStateResource, StateResource } from '@alfa-client/tech-shared';
 import { Resource } from '@ngxp/rest';
 import { isNil } from 'lodash-es';
 
@@ -34,6 +34,7 @@ import { isNil } from 'lodash-es';
 export class IconButtonWithSpinnerComponent {
   @Input() icon: string;
   @Input() svgIcon: string;
+  @Input() matMenuTriggerFor: string;
   @Input() stateResource: StateResource<Resource>;
   @Input() toolTip: string = '';
   @Input() showSpinner: boolean = false;
diff --git a/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings-menu-button/user-settings-menu-button.component.html b/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings-menu-button/user-settings-menu-button.component.html
index b5c75e65e7..b13bac6bef 100644
--- a/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings-menu-button/user-settings-menu-button.component.html
+++ b/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings-menu-button/user-settings-menu-button.component.html
@@ -27,4 +27,5 @@
   icon="settings"
   toolTip="Einstellungen"
   data-test-id="menu-button"
+  [matMenuTriggerFor]="matMenuTriggerFor"
 ></ozgcloud-icon-button-with-spinner>
diff --git a/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings-menu-button/user-settings-menu-button.component.ts b/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings-menu-button/user-settings-menu-button.component.ts
index 5151de3ca3..e952c3b73d 100644
--- a/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings-menu-button/user-settings-menu-button.component.ts
+++ b/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings-menu-button/user-settings-menu-button.component.ts
@@ -21,11 +21,13 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 
 @Component({
   selector: 'alfa-user-settings-menu-button',
   templateUrl: './user-settings-menu-button.component.html',
   styleUrls: ['./user-settings-menu-button.component.scss'],
 })
-export class UserSettingsMenuButtonComponent {}
+export class UserSettingsMenuButtonComponent {
+  @Input() matMenuTriggerFor: string;
+}
-- 
GitLab