You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
import {
|
|
ChangeDetectionStrategy,
|
|
ChangeDetectorRef,
|
|
Component,
|
|
Input,
|
|
OnChanges,
|
|
OnInit,
|
|
SimpleChanges
|
|
} from "@angular/core";
|
|
import {File} from "../../../../../api/models/File";
|
|
import {FileService} from "../../../../services/file/file.service";
|
|
import {FileMetadata} from "../../../../../api/api-types/files";
|
|
|
|
@Component({
|
|
selector: "app-file-metadata",
|
|
templateUrl: "./file-metadata.component.html",
|
|
styleUrls: ["./file-metadata.component.scss"],
|
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
})
|
|
export class FileMetadataComponent implements OnInit, OnChanges {
|
|
|
|
@Input() file!: File;
|
|
public fileMetadata: FileMetadata | undefined;
|
|
public loading: boolean = false;
|
|
|
|
constructor(private changeDetector: ChangeDetectorRef, private fileService: FileService) {
|
|
}
|
|
|
|
public async ngOnInit() {
|
|
this.loading = true;
|
|
this.fileMetadata = await this.fileService.getFileMetadata(this.file.id);
|
|
this.changeDetector.markForCheck();
|
|
this.loading = false;
|
|
}
|
|
|
|
public async ngOnChanges(changes: SimpleChanges) {
|
|
if (changes["file"] && (!this.fileMetadata || this.fileMetadata.file_id != this.file.id)) {
|
|
this.loading = true;
|
|
this.fileMetadata = await this.fileService.getFileMetadata(this.file.id);
|
|
this.changeDetector.markForCheck();
|
|
this.loading = false;
|
|
}
|
|
}
|
|
|
|
public async saveFileName(name: string) {
|
|
this.loading = true;
|
|
const newFile = await this.fileService.updateFileName(this.file.id, name);
|
|
if (this.fileMetadata) {
|
|
this.fileMetadata.name = newFile.name;
|
|
this.changeDetector.markForCheck();
|
|
}
|
|
this.loading = false;
|
|
}
|
|
}
|