mend

Author: andsonjosef

libs/route-pages/ashes-page/src/lib/ashes-page.component.html

@@ -1,4 +1,4 @@
-<ng-container *ngIf="(project$ | async) as project">
+<ng-container *ngIf="project">
   <section class="first-section-half landing-section">
     <div class="container">
       <ng-container *ngIf="changeBreadCrumbTitle?.length">
@@ -202,7 +202,7 @@ <h1 class="main-title">Feedback</h1>
   </section>
 
   <div class="container cursor-pointer">
-    <iframe [src]="getSafeUrl(project.video)" style=" width: 100%; height:80vh;" allowfullscreen
+    <iframe [src]="videoUrl" style=" width: 100%; height:80vh;" allowfullscreen
       allow="autoplay"></iframe>
   </div>
 

libs/route-pages/ashes-page/src/lib/ashes-page.component.ts

@@ -1,7 +1,7 @@
-import { ChangeDetectorRef, Component } from "@angular/core";
+import { ChangeDetectorRef, Component, OnInit } from "@angular/core";
 import { GetPortfolioService, IPortfolio, MappedTechnology, Technologies, titleRefactoring } from "@valor-software/common-docs";
 import { Observable } from "rxjs";
-import { DomSanitizer } from '@angular/platform-browser';
+import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { ITechnologiesCard, technologiesAndServices } from '@valor-software/common-docs';
 
 const ROUTE = 'ashes-of-creation';
@@ -36,13 +36,14 @@ type AshesPortfolio = IPortfolio & {
   selector: "ashes-page",
   templateUrl: "./ashes-page.component.html"
 })
-export class AshesPageComponent {
+export class AshesPageComponent implements OnInit {
   changeBreadCrumbTitle?: { path: string, title: string }[] = [{ path: ROUTE, title: "Ashes of Creation" }];
 
   imageSliderButtonClasses = 'bg-yellow_bg_col color-black';
 
   project$: Observable<AshesPortfolio> = this.getProjectsServ.getPortfolioRequest(ROUTE);
-
+  videoUrl: SafeResourceUrl = '';
+  project?: AshesPortfolio;
   technologiesCard: ITechnologiesCard[] = [
     {
       smJustify: "between",
@@ -93,6 +94,13 @@ export class AshesPageComponent {
   ) {
   }
 
+  ngOnInit(): void {
+    this.getProjectsServ.getPortfolioRequest(ROUTE).subscribe((project) => {
+      this.project = project;
+      this.videoUrl = this.getSafeUrl(this.project?.video);
+    });
+  }
+
   getRouteLink(link: string): string {
     return titleRefactoring(link);
   }