feat: Ionic v6 breadcrumbs in catalog module

.eslintrc.json

@@ -42,6 +42,8 @@
         "unicorn/no-array-callback-reference": "off",
         "unicorn/no-await-expression-member": "off",
         "unicorn/prefer-object-from-entries": "off",
+        "unicorn/prefer-node-protocol": "off",
+        "unicorn/no-process-exit": "off",
         "unicorn/prevent-abbreviations": [
           "warn",
           {

src/app/app.module.ts

@@ -1,16 +1,16 @@
 /*
- * Copyright (C) 2018-2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
  *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
  *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {
   CommonModule,
@@ -64,6 +64,7 @@ import {BackgroundModule} from './modules/background/background.module';
 import {LibraryModule} from './modules/library/library.module';
 import {StorageProvider} from './modules/storage/storage.provider';
 import {AssessmentsModule} from './modules/assessments/assessments.module';
+import {RoutingStackService} from './util/routing-stack.service';
 
 registerLocaleData(localeDe);
 
@@ -75,6 +76,7 @@ registerLocaleData(localeDe);
  * @param settingsProvider provider of settings (e.g. language that has been set)
  * @param configProvider TODO
  * @param translateService TODO
+ * @param _routingStackService Just for init and to track the stack from the get go
  */
 export function initializerFactory(
   storageProvider: StorageProvider,
@@ -82,6 +84,7 @@ export function initializerFactory(
   settingsProvider: SettingsProvider,
   configProvider: ConfigProvider,
   translateService: TranslateService,
+  _routingStackService: RoutingStackService,
 ) {
   return async () => {
     initLogger(logger);
@@ -191,6 +194,7 @@ export function createTranslateLoader(http: HttpClient) {
         SettingsProvider,
         ConfigProvider,
         TranslateService,
+        RoutingStackService,
       ],
       useFactory: initializerFactory,
     },

src/app/modules/assessments/assessments.module.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/assessments.provider.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/detail/assessments-detail.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/detail/assessments-detail.scss

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/list/assessments-data-list.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/list/assessments-data-list.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/list/assessments-list-item.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/list/assessments-list-item.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/list/assessments-simple-data-list.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/list/assessments-simple-data-list.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/types/assessment/assessment-base-info.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/types/assessment/assessment-base-info.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/types/assessment/assessment-detail.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/types/assessment/assessment-list-item.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/types/course-of-study/course-of-study-assessment.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/assessments/types/course-of-study/course-of-study-assessment.scss

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/background/background.module.ts

@@ -1,12 +1,12 @@
 /*
- * Copyright (C) 2021 StApps
+ * Copyright (C) 2022 StApps
  *  This program is free software: you can redistribute it and/or modify it
  *  under the terms of the GNU General Public License as published by the Free
  *  Software Foundation, version 3.
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/background/schedule/changes.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/background/schedule/hash.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/calendar/add-event-review-modal.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/calendar/add-event-review-modal.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/calendar/calendar-info.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/calendar/calendar.module.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/calendar/calendar.service.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/calendar/new-share.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/catalog/catalog.component.ts

@@ -1,16 +1,16 @@
 /*
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
  *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
  *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, OnInit, OnDestroy} from '@angular/core';
 import {Router, ActivatedRoute} from '@angular/router';

src/app/modules/data/data-routing.module.ts

@@ -1,16 +1,16 @@
 /*
- * Copyright (C) 2018-2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
  *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
  *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {NgModule} from '@angular/core';
 import {RouterModule, Routes} from '@angular/router';

src/app/modules/data/data.module.ts

@@ -1,16 +1,16 @@
 /*
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
  *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
  *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {ScrollingModule} from '@angular/cdk/scrolling';
 import {CommonModule} from '@angular/common';
@@ -82,6 +82,10 @@ import {FavoriteButtonComponent} from './elements/favorite-button.component';
 import {SimpleDataListComponent} from './list/simple-data-list.component';
 import {TitleCardComponent} from './elements/title-card.component';
 import {CalendarService} from '../calendar/calendar.service';
+import {RoutingStackService} from '../../util/routing-stack.service';
+import {DataPathComponent} from './detail/data-path.component';
+import {EventRoutePathComponent} from './types/event/event-route-path.component';
+import {UtilModule} from '../../util/util.module';
 
 /**
  * Module for handling data
@@ -101,6 +105,8 @@ import {CalendarService} from '../calendar/calendar.service';
     DataIconPipe,
     DataListComponent,
     DataListItemComponent,
+    DataPathComponent,
+    EventRoutePathComponent,
     DateSeriesDetailContentComponent,
     DateSeriesListItemComponent,
     DishDetailContentComponent,
@@ -158,6 +164,7 @@ import {CalendarService} from '../calendar/calendar.service';
     StorageModule,
     TranslateModule.forChild(),
     ThingTranslateModule.forChild(),
+    UtilModule,
   ],
   providers: [
     CoordinatedSearchProvider,
@@ -167,6 +174,7 @@ import {CalendarService} from '../calendar/calendar.service';
     ScheduleProvider,
     StAppsWebHttpClient,
     CalendarService,
+    RoutingStackService,
   ],
   exports: [
     DataDetailComponent,

src/app/modules/data/data.provider.ts

@@ -30,6 +30,7 @@ import {
   SCSaveableThing,
   SCFeedbackRequest,
   SCFeedbackResponse,
+  SCUuid,
 } from '@openstapps/core';
 import {environment} from '../../../environments/environment';
 import {StorageProvider} from '../storage/storage.provider';
@@ -41,6 +42,11 @@ export enum DataScope {
   Remote = 'remote',
 }
 
+interface CacheItem<T> {
+  data: Promise<T>;
+  timestamp: number;
+}
+
 /**
  *  Generated class for the DataProvider provider.
  *
@@ -70,6 +76,10 @@ export class DataProvider {
    */
   private _storagePrefix = 'stapps.data';
 
+  readonly cache: Record<SCUuid, CacheItem<SCThings> | undefined> = {};
+
+  private maxCacheAge = 3600;
+
   /**
    * Version of the app (used for the header in communication with the backend)
    */
@@ -229,7 +239,17 @@ export class DataProvider {
       return this.storageProvider.get<SCSaveableThing>(this.getDataKey(uid));
     }
     if (scope === DataScope.Remote) {
-      return this.client.getThing(uid);
+      const timestamp = Date.now();
+      const cacheItem = this.cache[uid];
+      if (cacheItem && timestamp - cacheItem.timestamp < this.maxCacheAge) {
+        return cacheItem.data;
+      }
+      const item = this.client.getThing(uid);
+      this.cache[uid] = {
+        data: item,
+        timestamp: timestamp,
+      };
+      return item;
     }
     const map: Map<DataScope, SCThings | SCSaveableThing> = new Map();
     map.set(DataScope.Local, await this.get(uid, DataScope.Local));

src/app/modules/data/detail/data-detail-content.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/data/detail/data-detail.component.spec.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/data/detail/data-detail.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with
@@ -25,9 +25,9 @@ import {ViewWillEnter, ModalController} from '@ionic/angular';
 import {LangChangeEvent, TranslateService} from '@ngx-translate/core';
 import {
   SCLanguageCode,
+  SCSaveableThing,
   SCThings,
   SCUuid,
-  SCSaveableThing,
 } from '@openstapps/core';
 import {DataProvider, DataScope} from '../data.provider';
 import {FavoritesService} from '../../favorites/favorites.service';

src/app/modules/data/detail/data-detail.html

@@ -1,7 +1,30 @@
+<!--
+  ~ Copyright (C) 2022 StApps
+  ~  This program is free software: you can redistribute it and/or modify it
+  ~  under the terms of the GNU General Public License as published by the Free
+  ~  Software Foundation, version 3.
+  ~
+  ~  This program is distributed in the hope that it will be useful, but WITHOUT
+  ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+  ~  more details.
+  ~
+  ~  You should have received a copy of the GNU General Public License along with
+  ~  this program. If not, see <https://www.gnu.org/licenses/>.
+  -->
+
 <ion-header *ngIf="defaultHeader">
   <ion-toolbar color="primary">
     <ion-buttons slot="start" *ngIf="!isModal">
-      <ion-back-button></ion-back-button>
+      <ion-back-button
+        [defaultHref]="
+          item?.superCatalog
+            ? ['/data-detail', item.superCatalog.uid]
+            : item?.catalogs && item?.catalogs.length === 1
+            ? ['/data-detail', item.catalogs[0].uid]
+            : undefined
+        "
+      ></ion-back-button>
       <ion-menu-button></ion-menu-button>
     </ion-buttons>
     <ion-title>{{ 'data.detail.TITLE' | translate }}</ion-title>
@@ -42,6 +65,7 @@
       <stapps-skeleton-simple-card></stapps-skeleton-simple-card>
     </ng-container>
     <ng-container *ngSwitchDefault>
+      <stapps-data-path [item]="item"></stapps-data-path>
       <stapps-data-detail-content
         [item]="item"
         [contentTemplateRef]="contentTemplateRef"

src/app/modules/data/detail/data-path.component.ts

@@ -0,0 +1,82 @@
+/*
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
+ *
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {Component, Input, OnInit} from '@angular/core';
+import {RoutingStackService} from '../../../util/routing-stack.service';
+import {
+  SCCatalog,
+  SCThings,
+  SCThingType,
+  SCThingWithoutReferences,
+} from '@openstapps/core';
+import {DataProvider, DataScope} from '../data.provider';
+import {fromEvent, Observable} from 'rxjs';
+import {map} from 'rxjs/operators';
+
+@Component({
+  selector: 'stapps-data-path',
+  templateUrl: './data-path.html',
+  styleUrls: ['./data-path.scss'],
+})
+export class DataPathComponent implements OnInit {
+  path: Promise<SCThingWithoutReferences[]>;
+
+  $width: Observable<number>;
+
+  ngOnInit() {
+    this.$width = fromEvent(window, 'resize').pipe(
+      map(() => window.innerWidth),
+    );
+  }
+
+  @Input() set item(item: SCThings) {
+    // eslint-disable-next-line unicorn/prefer-ternary
+    if (item.type === SCThingType.Catalog && item.superCatalogs) {
+      this.path = new Promise(resolve =>
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        resolve([...item.superCatalogs!, item]),
+      );
+    } else if (
+      item.type === SCThingType.AcademicEvent &&
+      item.catalogs &&
+      (item.catalogs.length === 1 || this.routeStack.lastDataDetail)
+    ) {
+      const catalogWithoutReferences = item.catalogs[0];
+      const catalogPromise = (
+        item.catalogs.length === 1
+          ? this.dataProvider.get(
+              catalogWithoutReferences.uid,
+              DataScope.Remote,
+            )
+          : this.routeStack.lastDataDetail
+      ) as Promise<SCCatalog>;
+
+      this.path = new Promise(async resolve => {
+        const catalog = await catalogPromise;
+        const superCatalogs = catalog.superCatalogs;
+
+        resolve(
+          superCatalogs
+            ? [...superCatalogs, catalogWithoutReferences, item]
+            : [catalogWithoutReferences, item],
+        );
+      });
+    }
+  }
+
+  constructor(
+    readonly routeStack: RoutingStackService,
+    readonly dataProvider: DataProvider,
+  ) {}
+}

src/app/modules/data/detail/data-path.html

@@ -0,0 +1,54 @@
+<!--
+  ~ Copyright (C) 2022 StApps
+  ~  This program is free software: you can redistribute it and/or modify it
+  ~  under the terms of the GNU General Public License as published by the Free
+  ~  Software Foundation, version 3.
+  ~
+  ~  This program is distributed in the hope that it will be useful, but WITHOUT
+  ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+  ~  more details.
+  ~
+  ~  You should have received a copy of the GNU General Public License along with
+  ~  this program. If not, see <https://www.gnu.org/licenses/>.
+  -->
+
+<ng-container *ngIf="path | async as stack">
+  <ion-breadcrumbs
+    [itemsBeforeCollapse]="1"
+    [itemsAfterCollapse]="($width | async) >= 768 ? 1 : 0"
+    [maxItems]="2"
+    (ionCollapsedClick)="popover.present($event)"
+  >
+    <ion-breadcrumb *ngFor="let fragment of stack">
+      <ion-label
+        [routerLink]="['/data-detail', fragment.uid]"
+        [routerDirection]="'back'"
+        [style.max-width]="
+          stack.length === 1
+            ? '100%'
+            : stack.length === 2
+            ? '40vw'
+            : ($width | async) >= 768
+            ? '30vw'
+            : 'calc(100vw - 120px)'
+        "
+        class="crumb-label"
+        >{{ 'name' | thingTranslate: $any(fragment) }}</ion-label
+      >
+    </ion-breadcrumb>
+  </ion-breadcrumbs>
+  <ion-popover #popover>
+    <ng-template>
+      <ion-list>
+        <ion-item
+          *ngFor="let fragment of stack"
+          (click)="popover.dismiss()"
+          [routerLink]="['/data-detail', fragment.uid]"
+          [routerDirection]="'back'"
+          >{{ 'name' | thingTranslate: $any(fragment) }}</ion-item
+        >
+      </ion-list>
+    </ng-template>
+  </ion-popover>
+</ng-container>

src/app/modules/data/detail/data-path.scss

@@ -0,0 +1,21 @@
+/*!
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
+ *
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+.crumb-label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}

src/app/modules/data/elements/simple-card.component.ts

@@ -1,19 +1,19 @@
 /*
- * Copyright (C) 2019 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
  *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
  *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, Input} from '@angular/core';
-import {isThing, SCThing} from '@openstapps/core';
+import {SCThingWithoutReferences} from '@openstapps/core';
 
 /**
  * TODO
@@ -31,7 +31,7 @@ export class SimpleCardComponent {
   /**
    * TODO
    */
-  @Input() content: string | string[] | SCThing[];
+  @Input() content: string | string[] | SCThingWithoutReferences[];
 
   /**
    * TODO
@@ -55,7 +55,8 @@ export class SimpleCardComponent {
    * TODO
    */
   // eslint-disable-next-line class-methods-use-this
-  isThing(something: unknown): something is SCThing {
-    return isThing(something);
+  isThing(something: unknown): something is SCThingWithoutReferences {
+    // bypass the 'type' field check because of translated values
+    return typeof something === 'object';
   }
 }

src/app/modules/data/list/data-list-item.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/data/list/data-list.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/data/list/simple-data-list.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/data/list/simple-data-list.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/data/types/event/event-detail-content.component.ts

@@ -1,25 +1,25 @@
 /*
- * Copyright (C) 2019 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
  *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
  *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, Input} from '@angular/core';
 import {
   SCAcademicEvent,
   SCSportCourse,
   SCThing,
+  SCThingTranslator,
   SCTranslations,
 } from '@openstapps/core';
-import {SCThingTranslator} from '@openstapps/core';
 
 /**
  * TODO

src/app/modules/data/types/event/event-detail-content.html

@@ -1,48 +1,62 @@
-<ng-container *ngIf="item.type === 'academic event'">
-  <stapps-add-event-action-chip [item]="item" style="margin: 2px">
-  </stapps-add-event-action-chip>
-  <stapps-simple-card
-    *ngIf="item.categories"
-    [title]="'Categories'"
-    [content]="translator.translate(item).categories"
-  >
-  </stapps-simple-card>
-  <stapps-simple-card
-    *ngIf="item.catalogs"
-    [title]="'Catalogs'"
-    [content]="item.catalogs"
-  ></stapps-simple-card>
-  <stapps-simple-card
-    *ngIf="item.performers"
-    [title]="'Performers'"
-    [content]="item.performers"
-  ></stapps-simple-card>
-  <stapps-simple-card
-    *ngIf="item.organizers"
-    [title]="'Organizers'"
-    [content]="item.organizers"
-  ></stapps-simple-card>
-  <stapps-simple-card
-    *ngIf="item.majors"
-    [title]="'Majors'"
-    [content]="item.majors"
-  ></stapps-simple-card>
-</ng-container>
+<!--
+  ~ Copyright (C) 2022 StApps
+  ~  This program is free software: you can redistribute it and/or modify it
+  ~  under the terms of the GNU General Public License as published by the Free
+  ~  Software Foundation, version 3.
+  ~
+  ~  This program is distributed in the hope that it will be useful, but WITHOUT
+  ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+  ~  more details.
+  ~
+  ~  You should have received a copy of the GNU General Public License along with
+  ~  this program. If not, see <https://www.gnu.org/licenses/>.
+  -->
 
-<ng-container *ngIf="item.type === 'sport course'">
-  <stapps-simple-card
-    *ngIf="item.catalogs"
-    [title]="'Catalogs'"
-    [content]="item.catalogs"
-  ></stapps-simple-card>
-  <stapps-simple-card
-    *ngIf="item.performers"
-    [title]="'Performers'"
-    [content]="item.performers"
-  ></stapps-simple-card>
-  <stapps-simple-card
-    *ngIf="item.organizers"
-    [title]="'Organizers'"
-    [content]="item.organizers"
-  ></stapps-simple-card>
-</ng-container>
+<ion-card>
+  <ion-card-content>
+    <stapps-add-event-action-chip
+      *ngIf="item.type === 'academic event'"
+      [item]="item"
+    >
+    </stapps-add-event-action-chip>
+  </ion-card-content>
+</ion-card>
+
+<stapps-simple-card
+  *ngIf="item.type === 'academic event' && item.categories"
+  [title]="'categories' | propertyNameTranslate: item"
+  [content]="'categories' | thingTranslate: item"
+>
+</stapps-simple-card>
+<ion-card *ngIf="item.catalogs">
+  <ion-card-header>{{
+    $any('superCatalogs' | propertyNameTranslate: 'catalog') | titlecase
+  }}</ion-card-header>
+  <ion-card-content>
+    <event-route-path
+      *ngFor="let item of item.catalogs"
+      [maxItems]="1"
+      [itemsAfterCollapse]="1"
+      [itemsBeforeCollapse]="0"
+      [items]="[undefined, item]"
+      [more]="item.uid | lazyThing: 'superCatalogs'"
+    >
+    </event-route-path>
+  </ion-card-content>
+</ion-card>
+<stapps-simple-card
+  *ngIf="item.performers"
+  [title]="'performers' | propertyNameTranslate: item"
+  [content]="item.performers"
+></stapps-simple-card>
+<stapps-simple-card
+  *ngIf="item.organizers"
+  [title]="'organizers' | propertyNameTranslate: item"
+  [content]="item.organizers"
+></stapps-simple-card>
+<stapps-simple-card
+  *ngIf="item.type === 'academic event' && item.majors"
+  [title]="'majors' | propertyNameTranslate: item"
+  [content]="item.majors"
+></stapps-simple-card>

src/app/modules/data/types/event/event-route-path.component.ts

@@ -0,0 +1,40 @@
+/*
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
+ *
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {Component, Input} from '@angular/core';
+import {SCThingWithoutReferences} from '@openstapps/core';
+import {Observable} from 'rxjs';
+
+/**
+ * This was originally intended to be used in more than one place.
+ * I kept this in place to make it easier to adapt it in the future, if needed.
+ */
+@Component({
+  selector: 'event-route-path',
+  templateUrl: 'event-route-path.html',
+  styleUrls: ['event-route-path.scss'],
+})
+export class EventRoutePathComponent {
+  @Input() maxItems?: number;
+
+  @Input() itemsAfterCollapse?: number;
+
+  @Input() itemsBeforeCollapse?: number;
+
+  @Input() items: Array<SCThingWithoutReferences | undefined> = [];
+
+  @Input() more?: Observable<SCThingWithoutReferences[]>;
+
+  @Input() moreAnchor: 'start' | 'end' = 'start';
+}

src/app/modules/data/types/event/event-route-path.html

@@ -0,0 +1,65 @@
+<!--
+  ~ Copyright (C) 2022 StApps
+  ~  This program is free software: you can redistribute it and/or modify it
+  ~  under the terms of the GNU General Public License as published by the Free
+  ~  Software Foundation, version 3.
+  ~
+  ~  This program is distributed in the hope that it will be useful, but WITHOUT
+  ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+  ~  more details.
+  ~
+  ~  You should have received a copy of the GNU General Public License along with
+  ~  this program. If not, see <https://www.gnu.org/licenses/>.
+  -->
+
+<ion-breadcrumbs
+  (ionCollapsedClick)="popover.present($event)"
+  [maxItems]="maxItems"
+  [itemsAfterCollapse]="itemsAfterCollapse"
+  [itemsBeforeCollapse]="itemsBeforeCollapse"
+>
+  <ion-breadcrumb *ngFor="let item of items">
+    <ion-label
+      class="crumb-label"
+      *ngIf="item"
+      [routerLink]="['/data-detail', item.uid]"
+      >{{ 'name' | thingTranslate: $any(item) }}</ion-label
+    >
+  </ion-breadcrumb>
+</ion-breadcrumbs>
+<ion-popover #popover>
+  <ng-template>
+    <ion-list>
+      <ng-container *ngIf="moreAnchor === 'start' && more | async as more">
+        <ng-container
+          *ngFor="let item of more"
+          [ngTemplateOutlet]="popoverItem"
+          [ngTemplateOutletContext]="{item}"
+        ></ng-container>
+      </ng-container>
+      <ng-container
+        *ngFor="let item of items"
+        [ngTemplateOutlet]="popoverItem"
+        [ngTemplateOutletContext]="{item}"
+      ></ng-container>
+      <ng-container *ngIf="moreAnchor === 'end' && more | async as more">
+        <ng-container
+          *ngFor="let item of more"
+          [ngTemplateOutlet]="popoverItem"
+          [ngTemplateOutletContext]="{item}"
+        ></ng-container>
+      </ng-container>
+    </ion-list>
+  </ng-template>
+</ion-popover>
+
+<ng-template #popoverItem let-item="item">
+  <ion-item
+    *ngIf="item"
+    [routerLink]="['/data-detail', item.uid]"
+    (click)="popover.dismiss()"
+  >
+    {{ 'name' | thingTranslate: $any(item) }}
+  </ion-item>
+</ng-template>

src/app/modules/data/types/event/event-route-path.scss

@@ -0,0 +1,23 @@
+/*!
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
+ *
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+ion-breadcrumb:last-child {
+  overflow: hidden;
+  flex: 1;
+}
+
+.crumb-label {
+  cursor: pointer;
+}

src/app/modules/hebis/daia-availability/daia-availability.component.spec.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/hebis/daia-availability/daia-availability.component.ts

@@ -1,16 +1,16 @@
 /*
- * Copyright (C) 2018, 2019 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
  *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
  *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Component, OnInit} from '@angular/core';
 import {ActivatedRoute} from '@angular/router';

src/app/modules/hebis/hebis-detail/hebis-detail.component.spec.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/hebis/hebis-detail/hebis-detail.component.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/map/page/map-page.component.ts

@@ -1,16 +1,16 @@
 /*
- * Copyright (C) 2019-2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
  *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
  *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {Location} from '@angular/common';
 import {

src/app/modules/map/page/map-page.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/map/page/modals/map-list.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/map/page/modals/map-list.scss

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/profile/profile.module.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/schedule/page/schedule-page.scss

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/schedule/page/schedule-view.html

@@ -6,7 +6,7 @@
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/modules/schedule/page/schedule-view.scss

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/settings/page/calendar-sync-settings-keys.ts

@@ -6,7 +6,7 @@
  *
  *  This program is distributed in the hope that it will be useful, but WITHOUT
  *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  *  more details.
  *
  *  You should have received a copy of the GNU General Public License along with

src/app/modules/settings/page/calendar-sync-settings.html

@@ -1,12 +1,12 @@
 <!--
-  ~ Copyright (C) 2021 StApps
+  ~ Copyright (C) 2022 StApps
   ~  This program is free software: you can redistribute it and/or modify it
   ~  under the terms of the GNU General Public License as published by the Free
   ~  Software Foundation, version 3.
   ~
   ~  This program is distributed in the hope that it will be useful, but WITHOUT
   ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public Licens for
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
   ~  more details.
   ~
   ~  You should have received a copy of the GNU General Public License along with

src/app/translation/thing-translate.pipe.ts

@@ -15,7 +15,12 @@
 
 import {Injectable, OnDestroy, Pipe, PipeTransform} from '@angular/core';
 import {TranslateService} from '@ngx-translate/core';
-import {isThing, SCThings, SCThingType} from '@openstapps/core';
+import {
+  isThing,
+  SCThings,
+  SCThingType,
+  SCThingWithoutReferences,
+} from '@openstapps/core';
 import {Subscription} from 'rxjs';
 import {ThingTranslateService} from './thing-translate.service';
 import {get} from '../_helpers/collections/get';
@@ -30,7 +35,7 @@ export class ThingTranslatePipe implements PipeTransform, OnDestroy {
 
   lastKey?: string;
 
-  lastThing: SCThings;
+  lastThing: SCThingWithoutReferences;
 
   onLangChange: Subscription;
 
@@ -40,14 +45,14 @@ export class ThingTranslatePipe implements PipeTransform, OnDestroy {
     private readonly thingTranslate: ThingTranslateService,
   ) {}
 
-  updateValue(key: string, thing: SCThings): void {
-    this.value = this.thingTranslate.get(thing, key);
+  updateValue(key: string, thing: SCThingWithoutReferences): void {
+    this.value = this.thingTranslate.get(thing as SCThings, key);
   }
 
-  transform<T extends SCThings, P extends string[] | string | keyof T>(
-    query: P,
-    thing: T,
-  ): P extends keyof T ? T[P] : P | unknown {
+  transform<
+    T extends SCThingWithoutReferences,
+    P extends string[] | string | keyof T,
+  >(query: P, thing: T): P extends keyof T ? T[P] : P | unknown {
     if (typeof query !== 'string' || query.length <= 0) {
       return query as never;
     }

src/app/util/lazy.pipe.ts

@@ -0,0 +1,41 @@
+/*
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
+ *
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import {Observable} from 'rxjs';
+import {Pipe, PipeTransform} from '@angular/core';
+import {SCSaveableThing, SCThings, SCUuid} from '@openstapps/core';
+import {DataProvider, DataScope} from '../modules/data/data.provider';
+import {get} from '../_helpers/collections/get';
+
+@Pipe({
+  name: 'lazyThing',
+  pure: true,
+})
+export class LazyPipe implements PipeTransform {
+  constructor(private readonly dataProvider: DataProvider) {}
+
+  transform(
+    uid: SCUuid,
+    path?: keyof SCThings | string,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  ): Observable<SCThings | SCSaveableThing> | any {
+    return new Observable(subscriber => {
+      this.dataProvider.get(uid, DataScope.Remote).then(it => {
+        subscriber.next(path ? get(it, path) : it);
+        subscriber.complete();
+      });
+    });
+  }
+}

src/app/util/routing-stack.service.ts

@@ -0,0 +1,47 @@
+/*
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
+ *
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import {Injectable} from '@angular/core';
+import {NavigationEnd, Router} from '@angular/router';
+import {SCSaveableThing, SCThings} from '@openstapps/core';
+import {DataProvider, DataScope} from '../modules/data/data.provider';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class RoutingStackService {
+  currentRoute: string;
+
+  currentDataDetail?: Promise<SCSaveableThing | SCThings>;
+
+  lastRoute: string;
+
+  lastDataDetail?: Promise<SCSaveableThing | SCThings>;
+
+  constructor(private router: Router, private dataProvider: DataProvider) {
+    this.router.events.subscribe(event => {
+      if (event instanceof NavigationEnd) {
+        this.lastRoute = this.currentRoute;
+        this.currentRoute = event.urlAfterRedirects;
+
+        const uid = this.currentRoute.match(/^\/data-detail\/([\w-]+)$/)?.[1];
+        this.lastDataDetail = this.currentDataDetail;
+        this.currentDataDetail = uid
+          ? this.dataProvider.get(uid, DataScope.Remote)
+          : undefined;
+      }
+    });
+  }
+}

src/app/util/util.module.ts

@@ -1,16 +1,16 @@
 /*
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
+ * Copyright (C) 2022 StApps
+ *  This program is free software: you can redistribute it and/or modify it
+ *  under the terms of the GNU General Public License as published by the Free
+ *  Software Foundation, version 3.
  *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
+ *  This program is distributed in the hope that it will be useful, but WITHOUT
+ *  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ *  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ *  more details.
  *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
+ *  You should have received a copy of the GNU General Public License along with
+ *  this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
 import {NgModule} from '@angular/core';
@@ -18,18 +18,21 @@ import {ArrayLastPipe} from './array-last.pipe';
 import {DateIsThisPipe} from './date-is-today.pipe';
 import {NullishCoalescingPipe} from './nullish-coalecing.pipe';
 import {DateFromIndexPipe} from './date-from-index.pipe';
+import {LazyPipe} from './lazy.pipe';
 
 @NgModule({
   declarations: [
     ArrayLastPipe,
     DateIsThisPipe,
     NullishCoalescingPipe,
+    LazyPipe,
     DateFromIndexPipe,
   ],
   exports: [
     ArrayLastPipe,
     DateIsThisPipe,
     NullishCoalescingPipe,
+    LazyPipe,
     DateFromIndexPipe,
   ],
 })