feat: add products page

apps/angular/projects/catalog/config/src/providers/route.provider.ts

@@ -19,7 +19,7 @@ export function configureRoutes(routesService: RoutesService) {
         // requiredPolicy: eCatalogPolicyNames.Catalog,
       },
       {
-        path: '/catalog',
+        path: '/catalog/products',
         name: eCatalogRouteNames.ProductManagement,
         parentName: eCatalogRouteNames.Catalog,
         order: 1,

apps/angular/projects/catalog/src/lib/catalog-routing.module.ts → apps/angular/projects/catalog/src/catalog-routing.module.ts

@@ -1,8 +1,13 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { CatalogComponent } from './catalog.component';
 
-const routes: Routes = [{ path: '', component: CatalogComponent }];
+const routes: Routes = [
+  { path: '', redirectTo: 'products', pathMatch: 'full' },
+  {
+    path: 'products',
+    loadChildren: () => import('./pages/product/product.module').then(m => m.ProductModule),
+  },
+];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],

apps/angular/projects/catalog/src/lib/catalog.module.ts → apps/angular/projects/catalog/src/catalog.module.ts

@@ -1,10 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CatalogRoutingModule } from './catalog-routing.module';
-import { CatalogComponent } from './catalog.component';
 
 @NgModule({
-  declarations: [CatalogComponent],
   imports: [CatalogRoutingModule],
-  exports: [CatalogComponent],
 })
 export class CatalogModule {}

apps/angular/projects/catalog/src/lib/catalog.component.ts

@@ -1,20 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'lib-catalog',
-  template: `
-    <p>
-      catalog works!
-    </p>
-  `,
-  styles: [
-  ]
-})
-export class CatalogComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

apps/angular/projects/catalog/src/lib/catalog.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { CatalogService } from './catalog.service';
-
-describe('CatalogService', () => {
-  let service: CatalogService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(CatalogService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

apps/angular/projects/catalog/src/lib/catalog.service.ts

@@ -1,9 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class CatalogService {
-
-  constructor() { }
-}

apps/angular/projects/catalog/src/pages/index.ts

@@ -0,0 +1 @@
+export * from './product';

apps/angular/projects/catalog/src/pages/product/index.ts

@@ -0,0 +1,3 @@
+export * from './product-routing.module';
+export * from './product.component';
+export * from './product.module';

apps/angular/projects/catalog/src/pages/product/product-routing.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { ProductComponent } from './product.component';
+
+const routes: Routes = [{ path: '', component: ProductComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class ProductRoutingModule { }

apps/angular/projects/catalog/src/pages/product/product.component.html

@@ -0,0 +1 @@
+<p>product works!</p>

apps/angular/projects/catalog/src/lib/catalog.component.spec.ts → apps/angular/projects/catalog/src/pages/product/product.component.spec.ts

@@ -1,20 +1,20 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { CatalogComponent } from './catalog.component';
+import { ProductComponent } from './product.component';
 
-describe('CatalogComponent', () => {
-  let component: CatalogComponent;
-  let fixture: ComponentFixture<CatalogComponent>;
+describe('ProductComponent', () => {
+  let component: ProductComponent;
+  let fixture: ComponentFixture<ProductComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ CatalogComponent ]
+      declarations: [ ProductComponent ]
     })
     .compileComponents();
   });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(CatalogComponent);
+    fixture = TestBed.createComponent(ProductComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

apps/angular/projects/catalog/src/pages/product/product.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'lib-product',
+  templateUrl: './product.component.html',
+  styleUrls: ['./product.component.css']
+})
+export class ProductComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

apps/angular/projects/catalog/src/pages/product/product.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ProductRoutingModule } from './product-routing.module';
+import { ProductComponent } from './product.component';
+
+
+@NgModule({
+  declarations: [
+    ProductComponent
+  ],
+  imports: [
+    CommonModule,
+    ProductRoutingModule
+  ]
+})
+export class ProductModule { }

apps/angular/projects/catalog/src/public-api.ts

@@ -1,7 +1,5 @@
 /*
  * Public API Surface of catalog
  */
-
-export * from './lib/catalog.service';
-export * from './lib/catalog.component';
-export * from './lib/catalog.module';
+export * from './catalog.module';
+export * from './pages';