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 { Platform } from "@ionic/angular";
import { ParameterService } from "../../services/parameter.service";

@Component({
  selector: "app-bookcase",
  templateUrl: "./bookcase.page.html",
  styleUrls: ["./bookcase.page.scss"],
})
export class BookcasePage implements OnInit {
  BookUrl: SafeResourceUrl;
  listBookcase: any;
  width: any;
  height: any;

  // tslint:disable-next-line:max-line-length
  constructor(
    public platform: Platform,
    private dom: DomSanitizer,
    private commsService: CommsService,
    private storage: StorageService,
    public parameterService: ParameterService
  ) { }

  ionViewWillEnter() {
    this.platform.ready().then((readySource) => {
      this.width = this.platform.width();
      this.height = this.platform.height() - 50;
    });
  }

  ngOnInit() {
    this.getBookcase();
  }

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

  getBookcase() {
    this.storage.get("token").then(async (token) => {
      if (token) {
        (await this.commsService.getBookcase(token.access_token)).subscribe(
          (resp: any) => {
            this.listBookcase = resp;
          },
          (error) => {
            console.log("error GetBookcase", error);
          }
        );
      }
    });
  }
}