dev: Gallery to be standalone

kwongtn · Jun 21, 2024 · 9f463a8 · 9f463a8
1 parent 1345ee4
commit 9f463a8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 25 deletions.
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
@@ -8,7 +8,6 @@ import {
 import { RouterModule, Routes } from "@angular/router";
 
 import { ConstructionComponent } from "./construction/construction.component";
-import { GalleryComponent } from "./gallery/gallery.component";
 import { InsidenMainComponent } from "./insiden/insiden.component";
 import { SituasiComponent } from "./situasi/situasi.component";
 
@@ -88,20 +87,17 @@ const routes: Routes = [
     {
         path: "gallery",
         title: "MLPTF | Gallery",
-        loadChildren: async () => {
+        loadComponent: () => {
             if (maintenance.gallery.curentlyInMaintenance) {
-                const module = await import(
-                    "./construction/construction.module"
+                return import("./construction/construction.component").then(
+                    (m) => m.ConstructionComponent
                 );
-                return module.ConstructionModule;
             } else {
-                const module = await import("./gallery/gallery.module");
-                return module.GalleryModule;
+                return import("./gallery/gallery.component").then(
+                    (m) => m.GalleryComponent
+                );
             }
         },
-        component: maintenance.spotting.curentlyInMaintenance
-            ? ConstructionComponent
-            : GalleryComponent,
     },
     {
         path: "spotting",

diff --git a/src/app/gallery/gallery.component.ts b/src/app/gallery/gallery.component.ts
@@ -1,9 +1,12 @@
 import { QueryRef } from "apollo-angular";
+import { InViewportModule } from "ng-in-viewport";
+import { NzSpinModule } from "ng-zorro-antd/spin";
 import { Subscription } from "rxjs";
 import { InputImage } from "src/app/@ui/image-grid/image-grid.component";
+import { ImageGridModule } from "src/app/@ui/image-grid/image-grid.module";
 import { getThumbnail } from "src/app/@util/imgur";
 
-import { KeyValue } from "@angular/common";
+import { CommonModule, KeyValue } from "@angular/common";
 import { Component, OnDestroy, OnInit } from "@angular/core";
 
 import {
@@ -15,6 +18,8 @@ import {
     selector: "app-gallery",
     templateUrl: "./gallery.component.html",
     styleUrls: ["./gallery.component.scss"],
+    standalone: true,
+    imports: [CommonModule, ImageGridModule, InViewportModule, NzSpinModule],
 })
 export class GalleryComponent implements OnInit, OnDestroy {
     imageDateMaps: {

diff --git a/src/app/gallery/gallery.module.ts b/src/app/gallery/gallery.module.ts