pigallery2/frontend/app/gallery/lightbox/infopanel/info-panel.lightbox.gallery.component.ts

import {Component, ElementRef, EventEmitter, Input, Output} from '@angular/core';
import {PhotoDTO} from '../../../../../common/entities/PhotoDTO';
import {Config} from '../../../../../common/config/public/Config';

@Component({
  selector: 'app-info-panel',
  styleUrls: ['./info-panel.lightbox.gallery.component.css'],
  templateUrl: './info-panel.lightbox.gallery.component.html',
})
export class InfoPanelLightboxComponent {
  @Input() photo: PhotoDTO;
  @Output('onClose') onClose = new EventEmitter();
  public mapEnabled = true;

  constructor(public elementRef: ElementRef) {
    this.mapEnabled = Config.Client.Map.enabled;
  }

  calcMpx() {
    return (this.photo.metadata.size.width * this.photo.metadata.size.height / 1000000).toFixed(2);
  }

  calcFileSize() {
    const postFixes = ['B', 'KB', 'MB', 'GB', 'TB'];
    let index = 0;
    let size = this.photo.metadata.fileSize;
    while (size > 1000 && index < postFixes.length - 1) {
      size /= 1000;
      index++;
    }
    return size.toFixed(2) + postFixes[index];
  }

  getCurrentYear() {
    return (new Date()).getFullYear();
  }

  getYear() {
    const date = new Date(this.photo.metadata.creationDate);
    return date.getFullYear();
  }

  getDate() {
    const date = new Date(this.photo.metadata.creationDate);
    const locale = 'en-us';
    return date.toLocaleString(locale, {month: 'long'}) + ' ' + date.getDate();
  }

  getTime() {
    const date = new Date(this.photo.metadata.creationDate);
    return date.toTimeString().split(' ')[0];
  }

  getDay() {
    const date = new Date(this.photo.metadata.creationDate);
    const locale = 'en-us';
    return date.toLocaleString(locale, {weekday: 'long'});
  }

  toFraction(f) {
    if (f > 1) {
      return f;
    }
    return '1/' + (1 / f);
  }

  hasPositionData(): boolean {
    return PhotoDTO.hasPositionData(this.photo);
  }

  hasGPS() {
    return this.photo.metadata.positionData && this.photo.metadata.positionData.GPSData &&
      this.photo.metadata.positionData.GPSData.latitude && this.photo.metadata.positionData.GPSData.longitude;
  }

  getPositionText(): string {
    if (!this.photo.metadata.positionData) {
      return '';
    }
    let str = this.photo.metadata.positionData.city ||
      this.photo.metadata.positionData.state || '';

    if (str.length !== 0) {
      str += ', ';
    }
    str += this.photo.metadata.positionData.country || '';

    return str;
  }

  close() {
    this.onClose.emit();
  }
}