import {Component, ElementRef, Input, OnChanges, OnInit} from '@angular/core';
import {DirectoryDTO} from '../../../../../common/entities/DirectoryDTO';

@Component({
  selector: 'app-gallery-directories',
  templateUrl: './directories.component.html',
  styleUrls: ['./directories.component.css']
})
export class DirectoriesComponent implements OnChanges {

  @Input() directories: DirectoryDTO[];
  size: number;

  constructor(private container: ElementRef) {
  }

  ngOnChanges() {
    this.updateSize();
  }

  private updateSize() {
    const size = 220 + 5;
    const containerWidth = this.container.nativeElement.parentElement.clientWidth;
    this.size = (containerWidth / Math.round((containerWidth / size))) - 5;
    console.log(containerWidth, this.size);
  }

}