60 lines
1.7 KiB
TypeScript
60 lines
1.7 KiB
TypeScript
/** @file
|
|
* @author Edouard DUPIN
|
|
* @copyright 2018, Edouard DUPIN, all right reserved
|
|
* @license PROPRIETARY (see license file)
|
|
*/
|
|
import { Injectable, Component, OnInit, Input } from '@angular/core';
|
|
import { ModelResponseHttp } from '../../service/http-wrapper';
|
|
import { DataService } from '../../service/data';
|
|
|
|
@Component({
|
|
selector: 'data-image',
|
|
templateUrl: './data-image.html',
|
|
styleUrls: [ './data-image.less' ]
|
|
})
|
|
@Injectable()
|
|
export class ElementDataImageComponent implements OnInit {
|
|
// input parameters
|
|
@Input() id:number = -1;
|
|
cover: string = '';
|
|
/*
|
|
imageCanvas:any;
|
|
@ViewChild('imageCanvas')
|
|
set mainDivEl(el: ElementRef) {
|
|
if(el !== null && el !== undefined) {
|
|
this.imageCanvas = el.nativeElement;
|
|
}
|
|
}
|
|
*/
|
|
constructor(private dataService: DataService) {
|
|
|
|
}
|
|
ngOnInit() {
|
|
this.cover = this.dataService.getCoverThumbnailUrl(this.id);
|
|
/*
|
|
let canvas = this.imageCanvas.nativeElement;
|
|
let ctx = canvas.getContext("2d");
|
|
console.log(`Request thumnail for ---> ${this.id}`);
|
|
this.dataService.getImageThumbnail(this.id)
|
|
.then((result:ModelResponseHttp) => {
|
|
console.log(`plop ---> ${result.status}`);
|
|
const response = result.data as Response;
|
|
response.blob().then((value:Blob) => {
|
|
let img = new Image();
|
|
img.onload = function() {
|
|
//ctx.drawImage(img, 0, 0)
|
|
}
|
|
let imageUrl = URL.createObjectURL(value);
|
|
console.log(`get new image url blob: ${imageUrl}`);
|
|
//img.src = imageUrl;
|
|
})
|
|
|
|
}).catch(()=>{
|
|
console.log("plop ---> ");
|
|
});
|
|
//img.src = "../../assets/aCRF-PRV111_CLN-001 v1.4-images/aCRF-PRV111_CLN-001 v1.4-blank_0.jpg";
|
|
//ctx.drawImage(img, 10, 10, 250, 250);
|
|
*/
|
|
}
|
|
}
|