ToolbarService: Added "addBackActionRoute" method to add a back action route with query parameters to the toolbar

Author: Laess3r

README.md

@@ -31,12 +31,17 @@ The versioning of material-addons is based on the Angular version. The Angular v
 
 _Hint: Changes marked as **visible change** directly affect your application during version upgrade. **Breaking**
 requires your attention during upgrade._
-
+- **19.0.8**: ToolbarService: Added "addBackActionRoute" method to add a back action route with query parameters to the toolbar
+- **19.0.7**: fix position of filter button in data table
+- **19.0.6**: Improve data table filter
 - **19.0.5**: fix: stepper error state color, css, add mat-error to stepper demo
 - **19.0.4**: Major: fix cdkObserveContent deadlock in Chromium >= 135 version
 - **19.0.3**: Fix Endless Loop in Readonly FormField [#223](https://github.com/porscheinformatik/material-addons/pull/223)
 - **19.0.2**: bugfix for version: fix dist output
 - **19.0.0**: Upgrade to Angular 19
+
+<details><summary>View older changelogs</summary>
+
 - **18.0.8**: Major: fix cdkObserveContent deadlock in Chromium >= 135 version
 - **18.0.7**: Fix Endless Loop in Readonly FormField [#223](https://github.com/porscheinformatik/material-addons/pull/223)
 - **18.0.5**: FileUpload: Added additional param as 'removable' which allows user to remove file from fileList [#212](https://github.com/porscheinformatik/material-addons/pull/212)
@@ -74,9 +79,6 @@ requires your attention during upgrade._
   - **breaking changes** - [#131 Upgrade to Angular 15 with MDC Components](https://github.com/porscheinformatik/material-addons/pull/131)
     - This version requires your application to use Angular 15
     - The framework is now based on Angular Material components using MDC (Material Design Components)
-
-<details><summary>View older changelogs</summary>
-
 - **14.1.6**: Show tooltips in toolbar action burger menu
 - **14.1.4**: data-table fixes: action button became too small for tables with a lot of colums
 - **14.1.x**: Fix Button Styling for Stepper and Quicklist: change "add" button in Quicklist to "Outline" Styling and "next" and "done" button in MatStepper to "Primary" Styling

package-lock.json

@@ -1,5 +1,6 @@
 import { Observable } from 'rxjs';
 import { ThemePalette } from '@angular/material/core';
+import { Params } from '@angular/router';
 
 export interface Action {
   matIcon: string;
@@ -17,6 +18,7 @@ export interface MainAction extends Action {
 
 export interface BackAction extends Action {
   routerLink?: string;
+  queryParams?: Params;
   href?: string;
   action?: () => any;
 }

projects/material-addons/src/lib/layout/toolbar/toolbar-action.interface.ts

@@ -1,5 +1,5 @@
 <mat-toolbar class="content-toolbar">
-  <a data-cy="back-link-button" [routerLink]="getBackAction().routerLink" *ngIf="isRouterLink(getBackAction())">
+  <a data-cy="back-link-button" [routerLink]="getBackAction().routerLink" [queryParams]="getBackAction().queryParams" *ngIf="isRouterLink(getBackAction())">
     <button [id]="'go-back'" color="primary" mat-icon-button class="go-back-button">
       <mat-icon>{{ getBackAction().matIcon }}</mat-icon>
     </button>

projects/material-addons/src/lib/layout/toolbar/toolbar.component.html

@@ -1,5 +1,5 @@
 import { Injectable, OnDestroy } from '@angular/core';
-import { NavigationEnd, Router } from '@angular/router';
+import { NavigationEnd, Params, Router } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { TranslateService } from '@ngx-translate/core';
 import { BackAction, MainAction, ToolbarAction } from './toolbar-action.interface';
@@ -125,6 +125,18 @@ export class ToolbarService implements OnDestroy {
     }
   }
 
+  /**
+   * Only supports routerLink (no href), but with additional query parameters
+   */
+  addBackActionRoute(goBackRoute: string, queryParams?: Params): void {
+    this.backAction = {
+      matIcon: 'keyboard_backspace',
+      i18nActionKey: '',
+      routerLink: goBackRoute,
+      queryParams: queryParams || {},
+    };
+  }
+
   addSimpleBackButton(overrideIfPresent = false): void {
     if (this.getBackAction() && !overrideIfPresent) {
       return;