#2324/ Admin UI should accept queryParam to route to details or list editor view

src/app/core/admin/admin-entity/admin-entity.component.spec.ts

@@ -29,6 +29,8 @@ import { FontAwesomeTestingModule } from "@fortawesome/angular-fontawesome/testi
 import { EntityMapperService } from "../../entity/entity-mapper/entity-mapper.service";
 import { EntityActionsService } from "../../entity/entity-actions/entity-actions.service";
 import { EntitySchemaField } from "../../entity/schema/entity-schema-field";
+import { ActivatedRoute } from "@angular/router";
+import { of } from "rxjs";
 
 describe("AdminEntityComponent", () => {
   let component: AdminEntityComponent;
@@ -59,7 +61,9 @@ describe("AdminEntityComponent", () => {
       [viewConfigId]: { component: "EntityDetails", config: viewConfig },
       [entityConfigId]: {},
     };
-
+    const mockActivatedRoute = {
+      queryParams: of({ mode: "list" }),
+    };
     mockConfigService = jasmine.createSpyObj(["getConfig"]);
     mockConfigService.getConfig.and.returnValue(config[viewConfigId]);
 
@@ -88,6 +92,10 @@ describe("AdminEntityComponent", () => {
           provide: EntityActionsService,
           useValue: jasmine.createSpyObj(["showSnackbarConfirmationWithUndo"]),
         },
+        {
+          provide: ActivatedRoute,
+          useValue: mockActivatedRoute,
+        },
       ],
     });
     fixture = TestBed.createComponent(AdminEntityComponent);

src/app/core/admin/admin-entity/admin-entity.component.ts

@@ -28,7 +28,7 @@ import {
   MatSidenavContent,
 } from "@angular/material/sidenav";
 import { FaIconComponent } from "@fortawesome/angular-fontawesome";
-import { RouterLink } from "@angular/router";
+import { RouterLink, ActivatedRoute } from "@angular/router";
 import { MatListItem, MatNavList } from "@angular/material/list";
 import { AdminEntityDetailsComponent } from "../admin-entity-details/admin-entity-details/admin-entity-details.component";
 
@@ -72,10 +72,18 @@ export class AdminEntityComponent implements OnInit {
     private location: Location,
     private entityMapper: EntityMapperService,
     private entityActionsService: EntityActionsService,
+    private routes: ActivatedRoute,
   ) {}
 
   ngOnInit(): void {
     this.init();
+    this.routes.queryParams.subscribe((params) => {
+      if (params.mode === "details") {
+        this.mode = "details";
+      } else if (params.mode === "list") {
+        this.mode = "list";
+      }
+    });
   }
 
   private init() {

src/app/core/entity-details/entity-details/entity-details.component.html

@@ -32,6 +32,8 @@
     <button
       mat-menu-item
       [routerLink]="['/admin/entity', record?.getType()]"
+      [queryParams]="{ mode: 'details' }"
+      queryParamsHandling="merge"
       *ngIf="'update' | ablePure: 'Config' | async"
     >
       <fa-icon

src/app/core/entity-list/entity-list/entity-list.component.html

@@ -223,6 +223,8 @@ <h2>{{ title }}</h2>
   <button
     mat-menu-item
     [routerLink]="['/admin/entity', entityConstructor.ENTITY_TYPE]"
+    [queryParams]="{ mode: 'list' }"
+    queryParamsHandling="merge"
     *ngIf="'update' | ablePure: 'Config' | async"
   >
     <fa-icon