nycJSorg/angular-presentation

import { Component, Input, OnInit } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { ActivatedRoute, Router } from '@angular/router';
import { Location } from '@angular/common';

@Component({
  selector: 'codelab-preview',
  templateUrl: './codelab-preview.component.html',
  styleUrls: ['./codelab-preview.component.scss']
})
export class CodelabPreviewComponent implements OnInit {
  @Input() milestone;
  public isExpanded: boolean;
  private iframeSource;

  constructor(
    private sanitizer: DomSanitizer,
    private router: Router,
    private activatedRoute: ActivatedRoute,
    private location: Location
  ) {}

  ngOnInit() {
    const url = this.location.prepareExternalUrl(
      this.router
        .createUrlTree(['.'], {
          relativeTo: this.activatedRoute,
          queryParams: {
            milestone: this.milestone,
            hideControls: true,
            resize: true
          },
          queryParamsHandling: 'merge'
        })
        .toString()
    );

    this.iframeSource = this.sanitizer.bypassSecurityTrustResourceUrl(url);
  }

  expandToggle() {
    return (this.isExpanded = !this.isExpanded);
  }
}