fix: detail view route + empty manifest

Author: Alain BOUDARD

application/src/main/java/com/cit/application/controllers/HelloController.java

@@ -4,7 +4,7 @@
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.RestController;
 
-
+import com.fasterxml.jackson.databind.annotation.JsonSerialize;
 
 @RestController
 public class HelloController {
@@ -33,10 +33,13 @@ public String index() {
 	}
 
 	@GetMapping("/api/manifest")
-	public MicroFrontend microfontend() {
+	public EmptyObject microfontend() {
+		return new EmptyObject();
+	}
+	/*public MicroFrontend microfontend() {
 		Manifest mfe1 = new Manifest(remoteEntry, exposedModule, displayName, routePath, ngModuleName, type);
 		return new MicroFrontend(mfe1);
-	}
+	}*/
 
 	public static class MicroFrontend {
 		private Manifest mfe1;
@@ -114,4 +117,9 @@ public void setType(String type) {
 
 	}
 
+	@JsonSerialize
+	public static class EmptyObject {
+
+	}
+
 }

library/mfe1/src/app/orders/orders-routing.module.ts

@@ -1,8 +1,12 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { OrdersComponent } from './orders.component';
+import { ViewComponent } from './view/view.component';
 
-const routes: Routes = [{ path: '', component: OrdersComponent }];
+const routes: Routes = [
+  { path: '', component: OrdersComponent },
+  { path: 'view/:id', component: ViewComponent }
+];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],

library/mfe1/src/app/orders/orders.component.html

@@ -1,7 +1,7 @@
-<p>orders works!</p>
+<h2>List of orders</h2>
 <ng-container *ngIf="(orders$ | async) as orders">
   <div *ngFor="let order of orders">
-    <p>{{order.id}} / {{order.name}} / {{order.description}}</p>
+    <p>{{order.id}} / {{order.name}} / <a [routerLink]="['view', order.id]">{{order.description}}</a></p>
   </div>
 </ng-container>
 

library/mfe1/src/app/orders/orders.module.ts

@@ -4,11 +4,13 @@ import { CommonModule } from '@angular/common';
 
 import { OrdersRoutingModule } from './orders-routing.module';
 import { OrdersComponent } from './orders.component';
+import { ViewComponent } from './view/view.component';
 
 
 @NgModule({
   declarations: [
-    OrdersComponent
+    OrdersComponent,
+    ViewComponent
   ],
   imports: [
     CommonModule,

library/mfe1/src/app/orders/view/view.component.html

@@ -0,0 +1,2 @@
+<h2>Detail view of order</h2>
+<h3>Order N° {{id$ | async}}</h3>

library/mfe1/src/app/orders/view/view.component.scss

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ViewComponent } from './view.component';
+
+describe('ViewComponent', () => {
+  let component: ViewComponent;
+  let fixture: ComponentFixture<ViewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ViewComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ViewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

library/mfe1/src/app/orders/view/view.component.spec.ts

@@ -0,0 +1,21 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { map, Observable } from 'rxjs';
+
+@Component({
+  selector: 'app-view',
+  templateUrl: './view.component.html',
+  styleUrls: ['./view.component.scss']
+})
+export class ViewComponent implements OnInit {
+
+  public id$: Observable<any>;
+
+  constructor(private activatedRoute: ActivatedRoute) {
+    this.id$ = this.activatedRoute.params.pipe(map((p) => p['id']));
+  }
+
+  ngOnInit(): void {
+  }
+
+}