2017-03-18 01:11:53 +02:00
|
|
|
import {PhotoDTO} from "../../../common/entities/PhotoDTO";
|
|
|
|
import {Utils} from "../../../common/Utils";
|
2017-03-20 22:37:23 +02:00
|
|
|
import {IconPhoto} from "./IconPhoto";
|
2017-06-04 15:25:08 +02:00
|
|
|
import {Config} from "../../../common/config/public/Config";
|
2017-03-20 22:37:23 +02:00
|
|
|
export class Photo extends IconPhoto {
|
2017-03-18 01:11:53 +02:00
|
|
|
|
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
constructor(photo: PhotoDTO, public renderWidth: number, public renderHeight: number) {
|
|
|
|
super(photo);
|
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
|
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
thumbnailLoaded() {
|
|
|
|
if (!this.isThumbnailAvailable()) {
|
|
|
|
this.photo.readyThumbnails = this.photo.readyThumbnails || [];
|
|
|
|
this.photo.readyThumbnails.push(this.getThumbnailSize());
|
2017-03-18 01:11:53 +02:00
|
|
|
}
|
2017-06-10 22:32:56 +02:00
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
getThumbnailSize() {
|
|
|
|
let renderSize = Math.sqrt(this.renderWidth * this.renderHeight);
|
2017-07-15 12:47:11 +02:00
|
|
|
return Utils.findClosest(renderSize, Config.Client.Thumbnail.thumbnailSizes);
|
2017-06-10 22:32:56 +02:00
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
getReplacementThumbnailSize(): number {
|
2017-03-18 01:11:53 +02:00
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
if (this.replacementSizeCache === false) {
|
|
|
|
this.replacementSizeCache = null;
|
2017-03-18 01:11:53 +02:00
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
let size = this.getThumbnailSize();
|
|
|
|
if (!!this.photo.readyThumbnails) {
|
|
|
|
for (let i = 0; i < this.photo.readyThumbnails.length; i++) {
|
|
|
|
if (this.photo.readyThumbnails[i] < size) {
|
|
|
|
this.replacementSizeCache = this.photo.readyThumbnails[i];
|
|
|
|
break;
|
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
}
|
2017-06-10 22:32:56 +02:00
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
}
|
2017-06-10 22:32:56 +02:00
|
|
|
return <number>this.replacementSizeCache;
|
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
isReplacementThumbnailAvailable() {
|
|
|
|
return this.getReplacementThumbnailSize() !== null;
|
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
isThumbnailAvailable() {
|
|
|
|
return this.photo.readyThumbnails && this.photo.readyThumbnails.indexOf(this.getThumbnailSize()) != -1;
|
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
getReplacementThumbnailPath() {
|
|
|
|
let size = this.getReplacementThumbnailSize();
|
|
|
|
return Utils.concatUrls("/api/gallery/content/", this.photo.directory.path, this.photo.directory.name, this.photo.name, "thumbnail", size.toString());
|
2017-03-18 01:11:53 +02:00
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
getThumbnailPath() {
|
|
|
|
let size = this.getThumbnailSize();
|
|
|
|
return Utils.concatUrls("/api/gallery/content/", this.photo.directory.path, this.photo.directory.name, this.photo.name, "thumbnail", size.toString());
|
|
|
|
}
|
2017-03-18 01:11:53 +02:00
|
|
|
|
|
|
|
|
2017-06-10 22:32:56 +02:00
|
|
|
}
|