mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
///<reference path="../../../browser.d.ts"/>
|
|
|
|
import {Component, Input, ElementRef, ViewChild} from 'angular2/core';
|
|
import {Photo} from "../../../../common/entities/Photo";
|
|
import {Directory} from "../../../../common/entities/Directory";
|
|
import {Utils} from "../../../../common/Utils";
|
|
import {IRenderable, Dimension} from "../../model/IRenderable";
|
|
|
|
@Component({
|
|
selector: 'gallery-photo',
|
|
templateUrl: 'app/gallery/photo/photo.gallery.component.html',
|
|
styleUrls: ['app/gallery/photo/photo.gallery.component.css'],
|
|
})
|
|
export class GalleryPhotoComponent implements IRenderable{
|
|
@Input() photo: Photo;
|
|
@Input() directory: Directory;
|
|
@ViewChild("image") imageRef:ElementRef;
|
|
|
|
constructor() {
|
|
}
|
|
|
|
getPhotoPath(){
|
|
return Utils.concatUrls("/api/gallery",this.directory.path,this.directory.name,this.photo.name,"thumbnail");
|
|
}
|
|
|
|
|
|
public getDimension():Dimension{
|
|
console.log(this.imageRef);
|
|
console.log(this.imageRef.nativeElement);
|
|
return new Dimension(this.imageRef.nativeElement.offsetTop,
|
|
this.imageRef.nativeElement.offsetLeft,
|
|
this.imageRef.nativeElement.width,
|
|
this.imageRef.nativeElement.height);
|
|
}
|
|
|
|
}
|
|
|