pigallery2/frontend/app/gallery/thumnailManager.service.ts

import {Injectable} from "@angular/core";
import {
  ThumbnailLoaderService,
  ThumbnailLoadingListener,
  ThumbnailLoadingPriority,
  ThumbnailTaskEntity
} from "./thumnailLoader.service";
import {Photo} from "./Photo";
import {IconPhoto} from "./IconPhoto";


@Injectable()
export class ThumbnailManagerService {


  constructor(private thumbnailLoader: ThumbnailLoaderService) {
  }

  public getThumbnail(photo: Photo): Thumbnail {
    return new Thumbnail(photo, this.thumbnailLoader);
  }

  public getLazyThumbnail(photo: Photo): Thumbnail {
    return new Thumbnail(photo, this.thumbnailLoader, false);
  }


  public getIcon(photo: IconPhoto) {
    return new IconThumbnail(photo, this.thumbnailLoader);
  }
}


export abstract class ThumbnailBase {

  protected available: boolean = false;
  protected src: string = null;
  protected loading: boolean = false;
  protected error: boolean = false;
  protected onLoad: Function = null;
  protected thumbnailTask: ThumbnailTaskEntity = null;


  constructor(protected thumbnailService: ThumbnailLoaderService) {
  }

  abstract set Visible(visible: boolean);

  set OnLoad(onLoad: Function) {
    this.onLoad = onLoad;
  }


  get Available(): boolean {
    return this.available;
  }

  get Src(): string {
    return this.src;
  }

  get Loading(): boolean {
    return this.loading;
  }

  get Error(): boolean {
    return this.error;
  }

  destroy() {
    if (this.thumbnailTask != null) {
      this.thumbnailService.removeTask(this.thumbnailTask);
      this.thumbnailTask = null;
    }
  }
}


export class IconThumbnail extends ThumbnailBase {

  constructor(private photo: IconPhoto, thumbnailService: ThumbnailLoaderService) {
    super(thumbnailService);
    this.src = "";
    this.error = false;
    if (this.photo.isIconAvailable()) {
      this.src = this.photo.getIconPath();
      this.available = true;
      if (this.onLoad) this.onLoad();
    }

    if (!this.photo.isIconAvailable()) {
      setTimeout(() => {

        let listener: ThumbnailLoadingListener = {
          onStartedLoading: () => { //onLoadStarted
            this.loading = true;
          },
          onLoad: () => {//onLoaded
            this.src = this.photo.getIconPath();
            if (this.onLoad) this.onLoad();
            this.available = true;
            this.loading = false;
            this.thumbnailTask = null;
          },
          onError: (error) => {//onError
            this.thumbnailTask = null;
            this.loading = false;
            this.error = true;
          }
        };
        this.thumbnailTask = this.thumbnailService.loadIcon(this.photo, ThumbnailLoadingPriority.high, listener);


      }, 0);
    }

  }

  set Visible(visible: boolean) {
    if (!this.thumbnailTask) return;
    if (visible === true) {
      this.thumbnailTask.priority = ThumbnailLoadingPriority.high;
    } else {
      this.thumbnailTask.priority = ThumbnailLoadingPriority.medium;
    }
  }


}

export class Thumbnail extends ThumbnailBase {


  constructor(private photo: Photo, thumbnailService: ThumbnailLoaderService, autoLoad: boolean = true) {
    super(thumbnailService);
    if (this.photo.isThumbnailAvailable()) {
      this.src = this.photo.getThumbnailPath();
      this.available = true;
      if (this.onLoad) this.onLoad();
    } else if (this.photo.isReplacementThumbnailAvailable()) {
      this.src = this.photo.getReplacementThumbnailPath();
      this.available = true;
    }
    if (autoLoad) {
      this.load();
    }
  }

  set CurrentlyWaiting(value: boolean) {
    if (!this.thumbnailTask) return;
    if (value === true) {
      if (this.photo.isReplacementThumbnailAvailable()) {
        this.thumbnailTask.priority = ThumbnailLoadingPriority.medium;
      } else {
        this.thumbnailTask.priority = ThumbnailLoadingPriority.extraHigh;
      }
    } else {
      if (this.photo.isReplacementThumbnailAvailable()) {
        this.thumbnailTask.priority = ThumbnailLoadingPriority.low;
      } else {
        this.thumbnailTask.priority = ThumbnailLoadingPriority.medium;
      }
    }
  }

  public load() {
    if (!this.photo.isThumbnailAvailable() && this.thumbnailTask == null) {
      //    setTimeout(() => {
        let listener: ThumbnailLoadingListener = {
          onStartedLoading: () => { //onLoadStarted
            this.loading = true;
          },
          onLoad: () => {//onLoaded
            this.src = this.photo.getThumbnailPath();
            if (this.onLoad) this.onLoad();
            this.available = true;
            this.loading = false;
            this.thumbnailTask = null;
          },
          onError: (error) => {//onError
            this.thumbnailTask = null;
            this.loading = false;
            this.error = true;
          }
        };
        if (this.photo.isReplacementThumbnailAvailable()) {
          this.thumbnailTask = this.thumbnailService.loadImage(this.photo, ThumbnailLoadingPriority.medium, listener);
        } else {
          this.thumbnailTask = this.thumbnailService.loadImage(this.photo, ThumbnailLoadingPriority.high, listener);
        }
      // }, 0);
    }
  }

  set Visible(visible: boolean) {
    if (!this.thumbnailTask) return;
    if (visible === true) {
      if (this.photo.isReplacementThumbnailAvailable()) {
        this.thumbnailTask.priority = ThumbnailLoadingPriority.medium;
      } else {
        this.thumbnailTask.priority = ThumbnailLoadingPriority.high;
      }
    } else {
      if (this.photo.isReplacementThumbnailAvailable()) {
        this.thumbnailTask.priority = ThumbnailLoadingPriority.low;
      } else {
        this.thumbnailTask.priority = ThumbnailLoadingPriority.medium;
      }
    }

  }

}