feat: add seasonal calendar to extension app

apps/picsa-apps/extension-app/project.json

@@ -74,14 +74,20 @@
             "input": "apps/picsa-tools/monitoring-tool/src/assets",
             "output": "assets"
           },
+
+          {
+            "glob": "**/*",
+            "input": "apps/picsa-tools/option-tool/src/assets",
+            "output": "assets"
+          },
           {
             "glob": "**/*",
             "input": "apps/picsa-tools/resources-tool/src/assets",
             "output": "assets"
           },
           {
             "glob": "**/*",
-            "input": "apps/picsa-tools/option-tool/src/assets",
+            "input": "apps/picsa-tools/seasonal-calendar-tool/src/assets",
             "output": "assets"
           },
           {

apps/picsa-apps/extension-app/src/app/app-routing.module.ts

@@ -8,6 +8,7 @@ import { ManualToolModule } from '@picsa/manual/src/app/app.module-embedded';
 import { MonitoringToolModule } from '@picsa/monitoring/src/app/app.module-embedded';
 import { OptionsToolModule } from '@picsa/option/src/app/app.module-embedded';
 import { ResourcesToolModule } from '@picsa/resources/src/app/app.module-embedded';
+import { SeasonalCalendarToolModule } from '@picsa/seasonal-calendar/src/app/app.module-embedded';
 
 const routes: Routes = [
   // support embed of budget tool app
@@ -41,6 +42,11 @@ const routes: Routes = [
     path: 'resources',
     loadChildren: () => import('@picsa/resources/src/app/app.module-embedded').then((mod) => mod.ResourcesToolModule),
   },
+  {
+    path: 'seasonal-calendar',
+    loadChildren: () =>
+      import('@picsa/seasonal-calendar/src/app/app.module-embedded').then((mod) => mod.SeasonalCalendarToolModule),
+  },
   {
     path: '',
     loadChildren: () => import('./pages/home/home.module').then((mod) => mod.HomePageModule),
@@ -75,6 +81,7 @@ const routes: Routes = [
     MonitoringToolModule.forRoot({ urlPrefix: 'monitoring' }),
     OptionsToolModule.forRoot({ urlPrefix: 'option' }),
     ResourcesToolModule.forRoot({ urlPrefix: 'resources' }),
+    SeasonalCalendarToolModule.forRoot({ urlPrefix: 'seasonal-calendar' }),
   ],
   exports: [RouterModule],
 })

apps/picsa-apps/extension-app/src/app/material.module.ts

@@ -28,6 +28,7 @@ export class ExtensionToolkitMaterialModule {
       play_store: 'play_store',
       probability_tool: 'probability_tool',
       resources_tool: 'resources_tool',
+      seasonal_calendar_tool: 'seasonal_calendar_tool',
       tutorial: 'tutorial',
       whatsapp: 'whatsapp',
     };

apps/picsa-apps/extension-app/src/app/pages/home/home.page.html

@@ -7,6 +7,7 @@
     <div
       *ngFor="let link of links"
       [attr.data-tour-id]="link.tourId"
+      [attr.data-dev-only]="link.devOnly"
       data-cy="link"
       class="grid-tile"
       (click)="linkClicked(link)"

apps/picsa-apps/extension-app/src/app/pages/home/home.page.scss

@@ -55,6 +55,9 @@
   font-size: 18px;
   padding: 16px 8px 8px 8px;
 }
+.grid-tile[data-dev-only='true'] {
+  background: rgba(0, 0, 0, 0.35);
+}
 .grid-tile:hover {
   transform: scale(1.02);
   transition: all 0.3s ease-out;

apps/picsa-apps/extension-app/src/app/pages/home/home.page.ts

@@ -3,7 +3,7 @@ import { AfterViewInit, Component, ElementRef, OnDestroy, ViewChild } from '@ang
 import { Router } from '@angular/router';
 import { marker as translateMarker } from '@biesbjerg/ngx-translate-extract-marker';
 import { PicsaCommonComponentsService } from '@picsa/components/src';
-import { APP_VERSION } from '@picsa/environments';
+import { APP_VERSION, ENVIRONMENT } from '@picsa/environments';
 import { TourService } from '@picsa/shared/services/core/tour.service';
 import { CommunicationService } from '@picsa/shared/services/promptToHomePageService.service';
 import { Subscription } from 'rxjs';
@@ -16,6 +16,8 @@ interface IPageLink {
   url: string;
   /** Element ID used in tours */
   tourId: string;
+  /** Specify if only shown in dev mode */
+  devOnly?: boolean;
 }
 
 const PAGE_LINKS: IPageLink[] = [
@@ -61,6 +63,13 @@ const PAGE_LINKS: IPageLink[] = [
     url: '/option',
     tourId: 'option',
   },
+  {
+    name: translateMarker('Seasonal Calendar'),
+    icon: 'picsa_seasonal_calendar_tool',
+    url: '/seasonal-calendar',
+    tourId: 'seasonal-calendar',
+    devOnly: true,
+  },
 
   // {
   //   name: translateMarker('Discussions'),
@@ -81,7 +90,8 @@ const PAGE_LINKS: IPageLink[] = [
   styleUrls: ['./home.page.scss'],
 })
 export class HomePage implements OnDestroy, AfterViewInit {
-  public links = PAGE_LINKS;
+  /** List of home page display links, filtered when running in production */
+  public links = PAGE_LINKS.filter((link) => (ENVIRONMENT.production ? !link.devOnly : link));
   public version = APP_VERSION;
 
   private userEventSubscription: Subscription;