MOBILE-4759 chore: Simplify page loading using default classes on core

Author: crazyserver

src/addons/blog/blog-lazy.module.ts

@@ -29,7 +29,7 @@ import { canLeaveGuard } from '@guards/can-leave';
     return [
         {
             path: 'index',
-            loadChildren: () => import('./pages/index/index'),
+            loadComponent: () => import('./pages/index/index'),
             data: {
                 mainMenuTabRoot: ADDON_BLOG_MAINMENU_PAGE_NAME,
             },

src/core/features/comments/comments-lazy.module.ts

@@ -40,8 +40,8 @@ export async function getCommentsServices(): Promise<Type<unknown>[]> {
 
 const routes: Routes = [
     {
-        path: 'comments',
-        loadChildren: () => import('@features/comments/comments-lazy.module'),
+        path: 'comments/:contextLevel/:instanceId/:componentName/:itemId',
+        loadComponent: () => import('@features/comments/pages/viewer/viewer'),
     },
 ];
 

src/core/features/comments/comments.module.ts

@@ -61,7 +61,7 @@ import { CoreSharedModule } from '@/core/shared.module';
         CoreSharedModule,
     ],
 })
-export class CoreCommentsViewerPage implements OnInit, OnDestroy, AfterViewInit {
+export default class CoreCommentsViewerPage implements OnInit, OnDestroy, AfterViewInit {
 
     @ViewChild(IonContent) content?: IonContent;
 

src/core/features/comments/pages/viewer/viewer.ts

@@ -15,9 +15,6 @@
 import { Injector, NgModule } from '@angular/core';
 import { ROUTES, Routes } from '@angular/router';
 import { resolveIndexRoutes } from '@features/course/course-routing.module';
-import { CoreCourseIndexPage } from '@features/course/pages/index';
-import { CoreCourseListModTypePage } from '@features/course/pages/list-mod-type/list-mod-type';
-import { CoreCourseModulePreviewPage } from '@features/course/pages/module-preview/module-preview';
 import { CoreCourseHelper } from './services/course-helper';
 import { CORE_COURSE_INDEX_PATH } from './constants';
 
@@ -36,7 +33,7 @@ function buildRoutes(injector: Injector): Routes {
             children: [
                 {
                     path: '',
-                    component: CoreCourseIndexPage,
+                    loadComponent: () => import('@features/course/pages/index/index'),
                     data: {
                         isCourseIndex: true,
                     },
@@ -47,11 +44,11 @@ function buildRoutes(injector: Injector): Routes {
         },
         {
             path: ':courseId/:cmId/module-preview',
-            component: CoreCourseModulePreviewPage,
+            loadComponent: () => import('@features/course/pages/module-preview/module-preview'),
         },
         {
             path: ':courseId/list-mod-type',
-            component: CoreCourseListModTypePage,
+            loadComponent: () => import('@features/course/pages/list-mod-type/list-mod-type'),
         },
         {
             path: ':courseId/summary',

src/core/features/course/course-lazy.module.ts

@@ -45,7 +45,7 @@ import { CoreSharedModule } from '@/core/shared.module';
         CoreSharedModule,
     ],
 })
-export class CoreCourseIndexPage implements OnInit, OnDestroy {
+export default class CoreCourseIndexPage implements OnInit, OnDestroy {
 
     @ViewChild(CoreTabsOutletComponent) tabsComponent?: CoreTabsOutletComponent;
     @ViewChild('courseThumb') courseThumb?: ElementRef;

src/core/features/course/pages/index/index.ts

@@ -42,7 +42,7 @@ import { CoreSharedModule } from '@/core/shared.module';
         CoreCourseModuleComponent,
     ],
 })
-export class CoreCourseListModTypePage implements OnInit {
+export default class CoreCourseListModTypePage implements OnInit {
 
     private static readonly PAGE_LENGTH = 10; // How many activities should load each time showMoreActivities is called.
 

src/core/features/course/pages/list-mod-type/list-mod-type.ts

@@ -42,7 +42,7 @@ import { CoreSharedModule } from '@/core/shared.module';
         CoreCourseModuleNavigationComponent,
     ],
 })
-export class CoreCourseModulePreviewPage implements OnInit {
+export default class CoreCourseModulePreviewPage implements OnInit {
 
     title!: string;
     module!: CoreCourseModuleData;

src/core/features/course/pages/module-preview/module-preview.ts

@@ -1981,7 +1981,7 @@ export class CoreCourseHelperProvider {
      * @param course Course selected
      */
     async openCourseSummary(course: CoreCourseWithImageAndColor & CoreCourseAnyCourseData): Promise<void> {
-        const { CoreCourseSummaryPage } = await import('../pages/course-summary/course-summary');
+        const { CoreCourseSummaryPage } = await import('@features/course/pages/course-summary/course-summary');
 
         CoreModals.openSideModal<void>({
             component: CoreCourseSummaryPage,