import {Component, Input} from "@angular/core";
import {File} from "../../../models/File";
import {TabState} from "../../../models/TabState.rs";

@Component({
    selector: "app-import-tab",
    templateUrl: "./import-tab.component.html",
    styleUrls: ["./import-tab.component.scss"]
})
export class ImportTabComponent {

    @Input() state!: TabState;

    public files: File[] = [];
    public selectedFiles: File[] = [];

    constructor() {
    }

    /**
     * Adds an imported file to the list of imported files
     * @param {File} file
     * @returns {Promise<void>}
     */
    public async addFileFromImport(file: File) {
        this.files.push(file);
        if (this.files.length % 50 === 0) {  // refresh every 50 pictures
            this.refreshFileView();
        }
    }

    /**
     * Refreshes the file view
     * @returns {Promise<void>}
     */
    public refreshFileView() {
        this.files = [...this.files];
    }

    public onFileSelect(files: File[]) {
        this.selectedFiles = files;
    }
}