import { Component, OnInit } from "@angular/core";
import { DomSanitizer, SafeResourceUrl } from "@angular/platform-browser";
import { StorageService } from '../../services/storage.service';
import { CommsService } from "../../services/comms.service";
import { ParameterService } from "../../services/parameter.service";

@Component({
  selector: "app-radio",
  templateUrl: "./radio.page.html",
  styleUrls: ["./radio.page.scss"],
})
export class RadioPage implements OnInit {
  RadioUrl: SafeResourceUrl;
  episodes: any;
  constructor(
    private dom: DomSanitizer,
    private commsService: CommsService,
    private storage: StorageService,
    public parameterService: ParameterService
  ) { }

  ngOnInit() {
    this.getRadio();
  }

  getRadio() {
    this.storage.get("token").then(async (token) => {
      if (token) {
        (await this.commsService.getRadio(token.access_token)).subscribe(
          (resp: any) => {
            let data = Object.values(resp);
            data = data.slice().reverse();
            this.episodes = data;
          },
          (error) => {
            console.log("error GetRadio", error);
          }
        );
      }
    });
  }

  sanitizer(RadioUrl: string) {
    return this.dom.bypassSecurityTrustResourceUrl(RadioUrl);
  }
}