You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
3.1 KiB
106 lines
3.1 KiB
import {Component, ElementRef, Inject, Input, OnInit, ViewChild} from '@angular/core';
|
|
import {ApiService, ResourceNotAvailableOfflineError} from '../../../service/api.service';
|
|
import { APP_BASE_HREF } from '@angular/common';
|
|
import {EditorService} from '../../../service/editor.service';
|
|
import {EditorNodeContract} from '../../nodes/EditorNode.contract';
|
|
|
|
@Component({
|
|
selector: 'editor-files',
|
|
templateUrl: './files.component.html',
|
|
styleUrls: ['./files.component.scss'],
|
|
})
|
|
export class FilesComponent extends EditorNodeContract implements OnInit {
|
|
@Input() nodeId: string;
|
|
@Input() editorUUID: string;
|
|
@ViewChild('uploadForm') uploadForm: ElementRef;
|
|
|
|
public fileRecords: Array<any> = [];
|
|
public pendingSetup = true;
|
|
public dbRecord: any = {};
|
|
public dirty = false;
|
|
public notAvailableOffline = false;
|
|
|
|
public get readonly() {
|
|
return !this.node || !this.editorService.canEdit();
|
|
}
|
|
|
|
constructor(
|
|
protected api: ApiService,
|
|
public editorService: EditorService,
|
|
@Inject(APP_BASE_HREF) private baseHref: string
|
|
) { super(); }
|
|
|
|
public isDirty(): boolean | Promise<boolean> {
|
|
return this.dirty;
|
|
}
|
|
|
|
public writeChangesToNode(): void | Promise<void> {
|
|
this.node.Value.Mode = 'files';
|
|
}
|
|
|
|
public needsLoad(): boolean | Promise<boolean> {
|
|
return this.node && this.pendingSetup;
|
|
}
|
|
|
|
public async performLoad(): Promise<void> {
|
|
if ( !this.node.Value ) {
|
|
this.node.Value = {};
|
|
}
|
|
|
|
if ( !this.node.Value.Value && !this.readonly ) {
|
|
this.dbRecord = await this.api.createFileGroup(this.page.UUID, this.node.UUID);
|
|
this.fileRecords = this.dbRecord.files;
|
|
this.node.Value.Mode = 'files';
|
|
this.node.Value.Value = this.dbRecord.UUID;
|
|
this.node.value = this.dbRecord.UUID;
|
|
this.dirty = true;
|
|
} else {
|
|
try {
|
|
this.dbRecord = await this.api.getFileGroup(this.page.UUID, this.node.UUID, this.node.Value.Value);
|
|
this.fileRecords = this.dbRecord.files;
|
|
this.notAvailableOffline = false;
|
|
} catch (e) {
|
|
if ( e instanceof ResourceNotAvailableOfflineError ) {
|
|
this.notAvailableOffline = true;
|
|
} else {
|
|
throw e;
|
|
}
|
|
}
|
|
}
|
|
|
|
this.pendingSetup = false;
|
|
}
|
|
|
|
public async performDelete(): Promise<void> {
|
|
await this.api.deleteFileGroup(this.page.UUID, this.node.UUID, this.node.Value.Value);
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.editorService = this.editorService.getEditor(this.editorUUID);
|
|
this.editorService.registerNodeEditor(this.nodeId, this).then(() => {
|
|
|
|
});
|
|
}
|
|
|
|
getApiSubmit() {
|
|
return this.api._build_url(`files/upload/${this.page.UUID}/${this.node.UUID}/${this.node.Value.Value}`);
|
|
}
|
|
|
|
onSubmitClick() {
|
|
if ( this.readonly ) {
|
|
return;
|
|
}
|
|
|
|
this.uploadForm.nativeElement.submit();
|
|
}
|
|
|
|
getReturnUrl() {
|
|
return `${this.baseHref}editor;id=${this.page.UUID}`;
|
|
}
|
|
|
|
downloadFile(fileRecord) {
|
|
// tslint:disable-next-line:max-line-length
|
|
window.open(this.api._build_url(`files/${this.page.UUID}/${this.node.UUID}/get/${this.node.Value.Value}/${fileRecord._id}`), '_blank');
|
|
}
|
|
}
|