Angular app ts

playlist.component.ts

import { Component, OnInit } from '@angular/core';
import { SiteNotificationService } from '../services/common/sitenotification.service';
import { Router } from '@angular/router';
import { Location } from '@angular/common';

@Component({
  templateUrl: './playlist.component.html'
})
export class PlaylistComponent implements OnInit {

  playlist: any;

  constructor(
    public location: Location,
    private router: Router,
    private notificationService: SiteNotificationService
  ) { }

  ngOnInit(): void {
    this.playlist = JSON.parse(localStorage.getItem('clicked-playlist'));
    if (!this.playlist)
      return this.notificationService.showError('Couldn\'t load playlist, please go back and try again.');
  }

  parseTime(seconds) {
    if (!isNaN(seconds)) {
      let minute = Math.floor(seconds / 60);
      let second = (seconds - Math.floor(seconds / 60) * 60);
      return ((minute < 10) ? ('0' + minute) : minute) + ':' + ((second < 10) ? ('0' + second) : second);
    } else {
      return "00:00";
    }
  }

  videoDetailsPage(video) {
    localStorage.setItem('clicked-video', btoa(JSON.stringify(video)));
    this.router.navigate(['video-details']);
  }

  openSearchPage() {
    this.router.navigate(['video-search']);
  }

}