import { Component } from '@angular/core';
import { MarkerServiceService } from './services/marker/marker-service.service';
import { AssetService } from './services/asset/asset.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';

  private base64textString: string = "";

  private assetBundlePictures: any[] = [];

  private assetBundle: any = {};

  private assetBundleFbx: any = {};

  private assetBundleDto: any = {};

  public marker: any = {}

  constructor(private markerService: MarkerServiceService, private assetService: AssetService) {
    this.assetBundleDto['name'] = 'Name';
    this.assetBundleDto['description'] = 'Alabala';
    this.assetBundleDto['hasGlow'] = false,
    this.assetBundleDto['hasPosition'] = true,
    this.assetBundleDto['hasRotation'] = true,
    this.assetBundleDto['isCollectable'] = false,
    this.assetBundleDto['isContainer'] = true
  }

  //cloud reco
  handleFileSelect(evt) {
    var files = evt.target.files;
    var file = files[0];

    if (files && file) {
      var reader = new FileReader();

      reader.onload = this._handleReaderLoaded.bind(this);

      reader.readAsBinaryString(file);
    }
  }

  _handleReaderLoaded(readerEvt) {
    var binaryString = readerEvt.target.result;
    this.marker.image = btoa(binaryString);
  }

  sendVuforiaRequest() {
    // {
    //   name: 'asd',
    //   width: 1.0,
    //   image: this.base64textString,
    //   application_metadata:"496fbb6532b3863460a984de1d980bed5ebcd507"
    // }
    //this.markerService.createMarker(this.marker);

    this.markerService.createMarkerSpring(this.marker);

  }

  //asset bundle
  assetBundleFileChange(event) {
    let fileList: FileList = event.target.files;
    if (fileList.length > 0) {
      let file: File = fileList[0];
      this.assetBundle = file;
    }
  }

  //fbx
  assetBundleFbxChange(event) {
    let fileList: FileList = event.target.files;
    if (fileList.length > 0) {
      let file: File = fileList[0];
      this.assetBundleFbx = file;
    }
  }

  //asset bundle picture
  assetBundlePictureChange(event) {
    let fileList: FileList = event.target.files;
    if (fileList.length > 0) {
      let file: File = fileList[0];
      this.assetBundlePictures[0] = file;
    }
  }

  sendAssetBundleUploadRequest() {
    //console.log(this.marker);
    this.assetService.uploadAsset(this.assetBundleDto, this.assetBundlePictures, this.assetBundleFbx, this.assetBundle);
  }

  getAsset(){
    this.assetService.get();
  }
}