Ability to embed categories

src/app/pages/level-listing/level-listing.component.ts

@@ -12,6 +12,7 @@ import {ContainerComponent} from "../../components/ui/container.component";
 import {Scrollable} from "../../helpers/scrollable";
 import {defaultListInfo, RefreshApiListInfo} from "../../api/refresh-api-list-info";
 import {InfiniteScrollerComponent} from "../../components/ui/infinite-scroller.component";
+import {EmbedService} from "../../services/embed.service";
 
 @Component({
   selector: 'app-level-listing',
@@ -34,7 +35,7 @@ export class LevelListingComponent implements OnInit, Scrollable {
 
   private queryParams: Params = {};
 
-  constructor(private client: ClientService, private route: ActivatedRoute) {
+  constructor(private client: ClientService, private embed: EmbedService, private route: ActivatedRoute) {
     // Start requesting category information immediately.
     this.client.getLevelCategories().subscribe();
   }
@@ -70,8 +71,12 @@ export class LevelListingComponent implements OnInit, Scrollable {
       if(this.category === undefined)
         this.category = null;
 
-      if(this.category)
+      if(this.category) {
         this.loadData();
+        this.embed.embedCategory(this.category)
+      } else {
+        console.warn("No category found for route " + route)
+      }
     });
   }
 

src/app/services/embed.service.ts

@@ -7,6 +7,7 @@ import {ClientService} from "../api/client.service";
 import {Photo} from "../api/types/photos/photo";
 import {getImageLink} from "../helpers/data-fetching";
 import {TitleService} from "./title.service";
+import {LevelCategory} from "../api/types/levels/level-category";
 
 @Injectable({providedIn: 'root'})
 export class EmbedService {
@@ -89,4 +90,8 @@ export class EmbedService {
         this.setNamedTag("twitter:card", "summary_large_image");
         this.setNamedTag("twitter:image", getImageLink(photo.largeHash));
     }
+
+    embedCategory(category: LevelCategory) {
+        this.embed(category.name, category.description);
+    }
 }