diff --git a/src/app/components/editor/files/files.component.ts b/src/app/components/editor/files/files.component.ts
index 6111d0c..fc0ce56 100644
--- a/src/app/components/editor/files/files.component.ts
+++ b/src/app/components/editor/files/files.component.ts
@@ -4,38 +4,106 @@ import {ApiService} from '../../../service/api.service';
import {AlertController} from '@ionic/angular';
import {Observable} from 'rxjs';
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 implements OnInit {
- @Input() readonly = false;
- @Input() hostRecord: HostRecord;
- @Output() hostRecordChange = new EventEmitter
();
- @Output() requestParentSave = new EventEmitter();
- @Output() requestParentDelete = new EventEmitter();
+export class FilesComponent extends EditorNodeContract implements OnInit {
+ @Input() nodeId: string;
@ViewChild('uploadForm') uploadForm: ElementRef;
+ // @Input() readonly = false;
+ // @Input() hostRecord: HostRecord;
+ // @Output() hostRecordChange = new EventEmitter();
+ // @Output() requestParentSave = new EventEmitter();
+ // @Output() requestParentDelete = new EventEmitter();
public fileRecords: Array = [];
public pendingSetup = true;
public dbRecord: any = {};
+ public dirty = false;
+
+ public get readonly() {
+ return !this.node || !this.editorService.canEdit();
+ }
constructor(
protected api: ApiService,
protected alerts: AlertController,
+ public readonly editorService: EditorService,
@Inject(APP_BASE_HREF) private baseHref: string
- ) { }
+ ) { super(); }
+
+ public isDirty(): boolean | Promise {
+ return this.dirty;
+ }
+
+ public writeChangesToNode(): void | Promise {
+ this.node.Value.Mode = 'files';
+ }
+
+ public needsLoad(): boolean | Promise {
+ return this.node && this.pendingSetup;
+ }
+
+ public async performLoad(): Promise {
+ if ( !this.node.Value ) {
+ this.node.Value = {};
+ }
+
+ if ( !this.node.Value.Value && !this.readonly ) {
+ await new Promise((res, rej) => {
+ this.api.post(`/files/${this.page.UUID}/${this.node.UUID}/create`).subscribe({
+ next: result => {
+ this.dbRecord = result.data;
+ this.fileRecords = result.data.files;
+ this.node.Value.Mode = 'files';
+ this.node.Value.Value = result.data.UUID;
+ this.node.value = result.data.UUID;
+ this.dirty = true;
+ res();
+ },
+ error: rej,
+ });
+ });
+ } else {
+ await new Promise((res, rej) => {
+ this.api.get(`/files/${this.page.UUID}/${this.node.UUID}/get/${this.node.Value.Value}`).subscribe({
+ next: result => {
+ this.dbRecord = result.data;
+ this.fileRecords = result.data.files;
+ res();
+ },
+ error: rej,
+ });
+ });
+ }
+
+ this.pendingSetup = false;
+ }
+
+ public async performDelete(): Promise {
+ await new Promise((res, rej) => {
+ this.api.post(`/files/${this.page.UUID}/${this.node.UUID}/delete/${this.node.Value.Value}`).subscribe({
+ next: result => {
+ res();
+ },
+ error: rej,
+ });
+ });
+ }
ngOnInit() {
- this.getInitObservable().subscribe(() => {
+ this.editorService.registerNodeEditor(this.nodeId, this).then(() => {
});
}
getApiSubmit() {
- return this.api._build_url(`file/upload/${this.hostRecord.PageId}/${this.hostRecord.UUID}/${this.hostRecord.Value.Value}`);
+ return this.api._build_url(`file/upload/${this.page.UUID}/${this.node.UUID}/${this.node.Value.Value}`);
}
onSubmitClick() {
@@ -47,73 +115,11 @@ export class FilesComponent implements OnInit {
}
getReturnUrl() {
- return `${this.baseHref}editor;id=${this.hostRecord.PageId}`;
+ 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.hostRecord.PageId}/${this.hostRecord.UUID}/get/${this.hostRecord.Value.Value}/${fileRecord._id}`), '_blank');
+ window.open(this.api._build_url(`files/${this.page.UUID}/${this.node.UUID}/get/${this.node.Value.Value}/${fileRecord._id}`), '_blank');
}
-
- async onDestroyClick() {
- if ( this.readonly ) {
- return;
- }
-
- const alert = await this.alerts.create({
- header: 'Are you sure?',
- message: 'You are about to delete these files. This action cannot be undone.',
- buttons: [
- {
- text: 'Keep Them',
- role: 'cancel',
- },
- {
- text: 'Delete Them',
- handler: async () => {
- this.api.post(`/files/${this.hostRecord.PageId}/${this.hostRecord.UUID}/delete/${this.hostRecord.Value.Value}`)
- .subscribe(res => {
- this.requestParentDelete.emit(this);
- });
- },
- },
- ],
- });
-
- await alert.present();
- }
-
- getInitObservable(): Observable {
- return new Observable(sub => {
- if ( this.hostRecord && this.pendingSetup ) {
- if ( !this.hostRecord.Value ) {
- this.hostRecord.Value = {};
- }
-
- if ( !this.hostRecord.Value.Value && !this.readonly ) {
- this.api.post(`/files/${this.hostRecord.PageId}/${this.hostRecord.UUID}/create`).subscribe(res => {
- this.dbRecord = res.data;
- this.fileRecords = res.data.files;
- this.hostRecord.Value.Mode = 'files';
- this.hostRecord.Value.Value = res.data.UUID;
- this.hostRecord.value = res.data.UUID;
- this.hostRecordChange.emit(this.hostRecord);
- this.pendingSetup = false;
- sub.next(true);
- sub.complete();
- });
- } else {
- this.api.get(`/files/${this.hostRecord.PageId}/${this.hostRecord.UUID}/get/${this.hostRecord.Value.Value}`).subscribe(res => {
- this.fileRecords = res.data.files;
- this.pendingSetup = false;
- sub.next(true);
- sub.complete();
- });
- }
- } else {
- this.pendingSetup = true;
- }
- });
- }
-
}
diff --git a/src/app/pages/editor/editor.page.html b/src/app/pages/editor/editor.page.html
index 9b26cd3..2f9c150 100644
--- a/src/app/pages/editor/editor.page.html
+++ b/src/app/pages/editor/editor.page.html
@@ -37,6 +37,9 @@
+
+
+