feat: add catalog routing and show the page

apps/angular/projects/catalog/config/src/catalog-config.module.ts

@@ -0,0 +1,12 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { CATALOG_ROUTE_PROVIDERS } from './providers/route.provider';
+
+@NgModule()
+export class CatalogConfigModule {
+  static forRoot(): ModuleWithProviders<CatalogConfigModule> {
+    return {
+      ngModule: CatalogConfigModule,
+      providers: [CATALOG_ROUTE_PROVIDERS],
+    };
+  }
+}

apps/angular/projects/catalog/config/src/enums/index.ts

@@ -0,0 +1,2 @@
+export * from './policy-names';
+export * from './route-names';

apps/angular/projects/catalog/config/src/enums/policy-names.ts

@@ -0,0 +1,4 @@
+export const enum eCatalogPolicyNames {
+  Catalog = 'AbpCatalog.ProductManagement',
+  ProductManagement = 'AbpCatalog.ProductManagement',
+}

apps/angular/projects/catalog/config/src/enums/route-names.ts

@@ -0,0 +1,4 @@
+export const enum eCatalogRouteNames {
+  Catalog = 'AbpCatalog::Menu::Catalog',
+  ProductManagement = 'AbpCatalog::Menu:ProductManagement',
+}

apps/angular/projects/catalog/config/src/providers/index.ts

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

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

@@ -0,0 +1,31 @@
+import { eLayoutType, RoutesService } from '@abp/ng.core';
+import { APP_INITIALIZER } from '@angular/core';
+import { eCatalogRouteNames } from '../enums/route-names';
+
+export const CATALOG_ROUTE_PROVIDERS = [
+  { provide: APP_INITIALIZER, useFactory: configureRoutes, deps: [RoutesService], multi: true },
+];
+
+export function configureRoutes(routesService: RoutesService) {
+  return () => {
+    routesService.add([
+      {
+        path: '/catalog',
+        name: eCatalogRouteNames.Catalog,
+        layout: eLayoutType.application,
+        // TODO: find icon
+        iconClass: 'fa fa-users',
+        // TODO: add this policy
+        // requiredPolicy: eCatalogPolicyNames.Catalog,
+      },
+      {
+        path: '/catalog',
+        name: eCatalogRouteNames.ProductManagement,
+        parentName: eCatalogRouteNames.Catalog,
+        order: 1,
+        // TODO: add this policy
+        //  requiredPolicy: eCatalogPolicyNames.ProductManagement,
+      },
+    ]);
+  };
+}

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

@@ -0,0 +1,3 @@
+export * from './catalog-config.module';
+export * from './enums';
+export * from './providers';

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

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

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

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

apps/angular/src/app/app-routing.module.ts

@@ -25,6 +25,10 @@ const routes: Routes = [
     loadChildren: () =>
       import('@abp/ng.setting-management').then(m => m.SettingManagementModule.forLazy()),
   },
+  {
+    path: 'catalog',
+    loadChildren: () => import('@catalog').then(m => m.CatalogModule),
+  },
 ];
 
 @NgModule({

apps/angular/src/app/app.module.ts

@@ -9,6 +9,7 @@ import { ThemeSharedModule } from '@abp/ng.theme.shared';
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { CatalogConfigModule } from '@catalog/config';
 import { environment } from '../environments/environment';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
@@ -29,6 +30,7 @@ import { APP_ROUTE_PROVIDER } from './route.provider';
     TenantManagementConfigModule.forRoot(),
     SettingManagementConfigModule.forRoot(),
     ThemeBasicModule.forRoot(),
+    CatalogConfigModule.forRoot(),
   ],
   declarations: [AppComponent],
   providers: [APP_ROUTE_PROVIDER],

apps/angular/tsconfig.json

@@ -18,10 +18,12 @@
       "@proxy/*": [
         "src/app/proxy/*"
       ],
-      "catalog": [
+      "@catalog/config": [
-        "dist/catalog/catalog",
+        "projects/catalog/config/src/public-api.ts"
-        "dist/catalog"
+      ],
-      ]
+      "@catalog": [
+        "projects/catalog/src/public-api.ts",
+      ],
     }
   },
   "angularCompilerOptions": {